/* Camping La Quinta Bella */
.enlace-quintabella {
    color: #f88624 !important;
}
.enlace-quintabella:hover {
    text-decoration: underline !important;
}
.altura-contacto {
    height: 150px;
    overflow: hidden;
}
.traductor-web {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.notas-legales {
    font-size: 18px !important;
    line-height: 28px !important;
    color: #101010 !important;
}

.notas-legales h2,
h3 {
    color: #101010 !important;
    font-size: 22px !important;
    line-height: 32px !important;
}

.notas-legales h2,
h3,
p {
    margin-bottom: 30px !important;
}
.notas-legales li {
    color: #101010 !important;
    margin-bottom: 15px !important;
}

.notas-legales ul li {
    list-style: disc !important;
}

.notas-legales ol li {
    list-style: decimal !important;
    padding-left: 15px !important;
}

.cc-nb-okagree {
    background-color: #f88624 !important;
    color: #fff !important;
}
.cc-nb-reject {
    background-color: #f88624 !important;
    color: #fff !important;
}
.cc-cp-foot-save {
    background-color: #f88624 !important;
    color: #fff !important;
}
.cc-pc-head-lang select:focus {
    box-shadow: 0 0 0 2px #f88624 !important;
}
.cc-cp-foot-byline {
    color: #f2f2f2 !important;
}
.cc-cp-foot-byline a {
    color: #f2f2f2 !important;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.cc-pc-head-title-text {
    color: white !important;
}
.tipo16 {
    font-size: 16px !important;
}

/* Sub-banner overlay para páginas internas */
.sub_banner .card-overlay {
    background: rgba(0, 0, 0, 45%);
}

.img-fluid-article {
    width: 60% !important;
    height: auto !important;
}

.margin-right {
    margin-right: 40px !important;
}

/* Normalizar tipografía del contenido de artículos */
.article-content .text-size-16,
.article-content .text-size-16 * {
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
    color: var(--e-global-color-text) !important;
}

.article-content .text-size-16 h1,
.article-content .text-size-16 h2,
.article-content .text-size-16 h3,
.article-content .text-size-16 h4,
.article-content .text-size-16 h5,
.article-content .text-size-16 h6 {
    font-family: "Lexend Deca", sans-serif !important;
    font-weight: 600 !important;
    color: var(--e-global-color-secondary) !important;
}

.article-content .text-size-16 h2 {
    font-size: 24px !important;
    line-height: 34px !important;
}
.article-content .text-size-16 h3 {
    font-size: 22px !important;
    line-height: 32px !important;
}
.article-content .text-size-16 h4 {
    font-size: 20px !important;
    line-height: 30px !important;
}
.article-content .text-size-16 h5 {
    font-size: 18px !important;
    line-height: 28px !important;
}

.article-content .text-size-16 img {
    font-size: unset !important;
    line-height: unset !important;
}

.margin-bottom-5 {
    margin-bottom: 5rem !important;
}

.margin-top-5 {
    margin-top: 5rem !important;
}

/* Estilos para el modal de reserva */

.modal-header {
    justify-content: space-between !important;
    background-color: var(--e-global-color-accent) !important;
    color: #fff !important;
}

/* Estilos para el calendario */

#calendar-id { /* Reemplaza con tu ID real */
    --fc-border-color: #e5e5e5;
    --fc-button-bg-color: #1a1a1a;       
    --fc-button-border-color: #1a1a1a;
    --fc-button-hover-bg-color: #404040;
    --fc-button-active-bg-color: #000000;
    
    --fc-event-bg-color: #d4af37;      
    --fc-event-border-color: #b8962e;
    --fc-event-text-color: #ffffff;
    
    --fc-today-bg-color: rgba(212, 175, 55, 0.05);
}

/* Formato de la fuente y bordes */
.fc {
    font-family: "Lexend Deca", sans-serif;
    font-size: 0.9em;
}

/* Hacer los eventos más redondeados y elegantes */
.fc-event {
    border-radius: 4px;
    padding: 2px 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Cambiar el aspecto del título del calendario */
.fc .fc-toolbar-title {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--e-global-color-accent);
}

.bg-coorp {
    background-color: #f88624 !important;
}