/* La Taberna Mediática */
.enlace-latabernamediatica {
    color: #f88624 !important;
}
.enlace-latabernamediatica: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: #ff3300 !important;
    color: #fff !important;
}
.cc-nb-reject {
    background-color: #ff3300 !important;
    color: #fff !important;
}
.cc-cp-foot-save {
    background-color: #ff3300 !important;
    color: #fff !important;
}
.cc-pc-head-lang select:focus {
    box-shadow: 0 0 0 2px #ff3300 !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;
}

.bg-color-tb-links {
    color: #fff !important;
}

/* Click */
.btn-carta:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Opcional: animación sutil continua */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 51, 0, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(255, 51, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 51, 0, 0);
    }
}

.btn-carta:hover {
    animation: pulse 1.2s infinite !important;
}

.btn-neon {
    display: inline-block !important;
    padding: 14px 32px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #ff3300 !important;
    text-decoration: none !important;
    border: 2px solid #ff3300 !important;
    border-radius: 10px !important;
    background: transparent !important;
    position: relative !important;
    transition: all 0.3s ease !important;

    /* Neón suave en reposo */
    text-shadow: 0 0 5px rgba(255, 51, 0, 0.5) !important;
    box-shadow: 0 0 5px rgba(255, 51, 0, 0.3) !important;
}

/* Glow exterior difuso */
.btn-neon::after {
    content: "" !important;
    position: absolute !important;
    inset: -2px !important;
    border-radius: 10px !important;
    background: #ff3300 !important;
    filter: blur(10px) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: -1 !important;
}

/* Hover: aquí ocurre la magia */
.btn-neon:hover {
    color: #fff !important;
    background: rgba(255, 51, 0, 0.08) !important;

    box-shadow:
        0 0 10px #ff3300,
        0 0 20px #ff3300,
        0 0 30px rgba(255, 51, 0, 0.6);

    transform: translateY(-2px) !important;
}

/* Activar glow exterior en hover */
.btn-neon:hover::after {
    opacity: 0.5 !important;
}

/* Click */
.btn-neon:active {
    transform: translateY(0) !important;
    box-shadow: 0 0 8px #ff3300 !important;
}
