.eds_tools {
    display: none !important;
}

.eds_search {
    display: none !important;
}

.eds_topRibbon {
    //display: none !important;
    background-color: #ffffff;
}

.eds__searchTrigger {
    display: none !important;
}

.eds__userTrigger {
    display: none !important;
}

/* PT Sans - REGULAR (400) */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400; 
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/ptsans/v18/j8ynRExUiTo99u79P0U0.woff2) format('woff2');
}

/* PT Sans - BOLD (700) */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700; 
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/ptsans/v18/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
}

:root {
    /* Colors */
    --jce-primary: #D39F18;
    --jce-secondary: #6F4026;
    --jce-dark-brown: #593624;
    --jce-light-brown: #C19A6B;
    --jce-beige: #F5EFE7;
    --jce-cream: #FAF6F0;
    --jce-white: #FFFFFF;
    --jce-text-dark: #2C2416;
    --jce-text-gray: #666666;
    
    /* Spacing */
    --jce-section-padding: 3rem 2rem;
    --jce-section-padding-mobile: 2rem 1.5rem;
    --jce-container-max-width: 1400px;
    --jce-gap-sm: 0.8rem;
    --jce-gap-md: 1.5rem;
    --jce-gap-lg: 2rem;
    --jce-gap-xl: 3rem;
    
    /* Border Radius */
    --jce-radius-sm: 10px;
    --jce-radius-md: 15px;
    --jce-radius-lg: 20px;
    --jce-radius-pill: 28px;
    --jce-radius-circle: 50%;
    
    /* Shadows */
    --jce-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.1);
    --jce-shadow-md: 0 4px 15px rgba(0, 0, 0, 0.1);
    --jce-shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.1);
    --jce-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
    --jce-shadow-xl: 0 12px 30px rgba(0, 0, 0, 0.15);
    
    /* Typography */
    --jce-font-size-xs: 0.85rem;
    --jce-font-size-sm: 0.9rem;
    --jce-font-size-base: 0.95rem;
    --jce-font-size-md: 1rem;
    --jce-font-size-lg: 1.2rem;       
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

button {
    cursor: pointer;
    border: none;
    outline: none;
}

* ===== Common Mixins/Base Classes ===== */

/* Animations removed for performance */

/* Shadow elevations */
.shadow-sm { box-shadow: var(--jce-shadow-sm); }
.shadow-md { box-shadow: var(--jce-shadow-md); }
.shadow-lg { box-shadow: var(--jce-shadow-lg); }
.shadow-hover { box-shadow: var(--jce-shadow-hover); }
.shadow-xl { box-shadow: var(--jce-shadow-xl); }

/* ===== Base Utility Classes ===== */
.jce-container {
    max-width: var(--jce-container-max-width);
    margin: 0 auto;
}

.jce-section {
    padding: var(--jce-section-padding);
}

.jce-section-header {
    display: flex;
    align-items: center;
    gap: var(--jce-gap-md);
    margin-bottom: var(--jce-gap-lg);
}

.jce-section-header__icon {
    width: 50px;
    height: 50px;
}

.jce-section-header__title {
    font-size: var(--jce-font-size-2xl);
    font-weight: 700;
    color: var(--jce-dark-brown);
    text-transform: uppercase;
}

/* Base card styles - consolidates .jce-card, .jce-news__card, .jce-education__card */
.jce-card,
.jce-news__card,
.jce-education__card {
    background-color: var(--jce-white);
    border-radius: var(--jce-radius-sm);
    box-shadow: var(--jce-shadow-md);
}

.jce-card:hover,
.jce-news__card:hover,
.jce-education__card:hover {
    box-shadow: var(--jce-shadow-hover);
}

/* Base button styles - consolidates .jce-btn, .jce-button, .jce-news__carousel-button */
.jce-button,
.jce-btn,
.jce-news__carousel-button,
.jce-cedulacion__button,
.jce-news__card-button,
.jce-education__card-button {
    background-color: var(--jce-secondary);
    color: var(--jce-white) !important;
    padding: 0.6rem 1.5rem;
    border-radius: var(--jce-radius-lg);
    font-weight: 600;
    font-size: var(--jce-font-size-xs);
    border: none;
    cursor: pointer;
}

.jce-button:hover,
.jce-btn:hover,
.jce-news__carousel-button:hover,
.jce-cedulacion__button:hover,
.jce-news__card-button:hover,
.jce-education__card-button:hover {
    background-color: var(--jce-primary);
    text-decoration: none;
}

/* Base tab styles - consolidates .jce-tab and .jce-news__tab */
.jce-tab,
.jce-news__tab,
.jce-education__tab {
    background-color: var(--jce-dark-brown);
    color: var(--jce-white);
    padding: 1rem 2rem;
    border-radius: var(--jce-radius-sm) var(--jce-radius-sm) 0 0;
    display: flex;
    align-items: center;
    gap: var(--jce-gap-sm);
    font-weight: 600;    border: none;
    cursor: pointer;
}

.jce-tab:hover,
.jce-news__tab:hover,
.jce-education__tab:hover,
.jce-tab--active,
.jce-news__tab--active,
.jce-education__tab--active {
    background-color: var(--jce-primary);
}

.jce-tab__icon,
.jce-news__tab-icon,
.jce-education__tab-icon {
    width: 30px;
    height: 30px;
}

.jce-tab__text,
.jce-news__tab-text,
.jce-education__tab-text {
    font-size: var(--jce-font-size-base);
}

/* Grid utilities */
.jce-grid {
    display: grid;
    gap: var(--jce-gap-lg);
}

.jce-grid--3 {
    grid-template-columns: repeat(3, 1fr);
}

.jce-grid--5 {
    grid-template-columns: repeat(5, 1fr);
}

/* List group items */
.jce-list-container,
.jce-news__list-items {
    max-height: 600px;
    overflow-y: auto;
}

.jce-list-item,
.jce-news__list-item {
    padding: 1.2rem;
    background-color: white;
    border-left: 4px solid var(--jce-primary);
    border-radius: 4px;
    cursor: pointer;    box-shadow: var(--jce-shadow-sm);
}

.jce-list-item:hover,
.jce-news__list-item:hover {
    background-color: #fafafa;    box-shadow: var(--jce-shadow-md);
}

/* ===== Header ===== */
.jce-header {
    background-color: var(--jce-white);
    box-shadow: var(--jce-shadow-sm);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.jce-header__container {
    max-width: var(--jce-container-max-width);
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.jce-header__logo-img {
    height: 60px;
}

.jce-header__nav-list {
    list-style: none;
    display: flex;
    gap: var(--jce-gap-lg);
}

.jce-header__nav-link {
    text-decoration: none;
    color: var(--jce-text-dark);
    font-weight: 600;
    font-size: var(--jce-font-size-sm);
    padding: 0.5rem 0;
}

.jce-header__nav-link:hover,
.jce-header__nav-link--active {
    color: var(--jce-primary);
    border-bottom: 2px solid var(--jce-primary);
}

/* ===== Hero Section ===== */
.jce-hero {
    background: linear-gradient(135deg, #EFE3D4 0%, var(--jce-beige) 100%);
    padding: 3.5rem 2rem;
    position: relative;
    overflow: hidden;
    background-image: url('/Portals/3/Templates/img/icon/hether_v2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.jce-hero__container {
    max-width: var(--jce-container-max-width);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    padding: 2.5rem 3rem;
    gap: 3rem;
    border-radius: 16px;
    overflow: hidden;
    height: 100vh;
    box-shadow: var(--jce-shadow-lg);
    isolation: isolate;
    background-image: url('/Portals/3/Templates/img/hether.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.jce-hero__container::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
        rgba(239, 227, 212, 0.65) 0%,
        rgba(239, 227, 212, 0.40) 50%,
        rgba(239, 227, 212, 0.10) 100%);
    z-index: 0;
    pointer-events: none;
}



.jce-hero__content,
.jce-hero__assistant {
    position: relative;
    z-index: 1;
}

.jce-hero__logo-img {
    height: 450px;
}

.jce-hero__title {
    font-size: 2.8rem;
    color: var(--jce-dark-brown);
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 1.2;
}

.jce-hero__subtitle {
    font-size: 2.4rem;
    color: var(--jce-dark-brown);
    font-weight: 700;
    margin-bottom: 0.8rem;
    line-height: 1.2;
}

.jce-hero__subtitle-secondary {
    font-size: 2rem;
    color: var(--jce-text-dark);
    font-weight: 600;
}

.jce-hero__assistant {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.jce-hero__assistant-bubble {
    background: transparent;
    padding: 0;
}

.jce-hero__assistant-greeting {
    font-size: 3rem;
    font-weight: 300;
    color: var(--jce-dark-brown);
    letter-spacing: 0.02em;
}

.jce-hero__assistant-avatar {
    width: 180px;
    height: 180px;
    border-radius: var(--jce-radius-circle);
    overflow: hidden;
    border: 6px solid var(--jce-white);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18), 0 0 0 8px var(--jce-secondary);
}

.jce-hero__assistant-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jce-hero__assistant-info {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.jce-hero__assistant-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--jce-dark-brown);
}

.jce-hero__assistant-help {
    font-size: 1.1rem;
    color: var(--jce-text-gray);
}

.jce-hero__assistant-input {
    padding: 1rem 1.5rem;
    border: 2px solid rgba(93, 58, 26, 0.35);
    border-radius: var(--jce-radius-pill);
    font-size: 1rem;
    width: 100%;
    max-width: 380px;
    outline: none;    background-color: var(--jce-white);
}

.jce-hero__assistant-input:focus {
    border-color: var(--jce-primary);
}

/* ===== Cedulación Options ===== */
.jce-cedulacion {
    padding: var(--jce-section-padding);
    background-color: var(--jce-white);
}

.jce-cedulacion__container {
    max-width: var(--jce-container-max-width);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--jce-gap-lg);
}

.jce-cedulacion__option {
    text-align: center;
    padding: 2rem 1rem;
    background-color: var(--jce-cream);
    border-radius: var(--jce-radius-sm);}

.jce-cedulacion__option:hover {
    box-shadow: var(--jce-shadow-lg);
}

.jce-cedulacion__icon {
    margin-bottom: var(--jce-gap-md);
}

.jce-cedulacion__icon-img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.jce-cedulacion__title {
    font-size: var(--jce-font-size-md);
    font-weight: 700;
    color: var(--jce-dark-brown);
    margin-bottom: var(--jce-gap-md);
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

/* ===== Map Section ===== */
.jce-map {
    padding: var(--jce-section-padding);
    background-color: var(--jce-cream);
}

.jce-map__content {
    display: flex;
    gap: var(--jce-gap-lg);
    align-items: center;
    background-color: var(--jce-white);
    padding: 2rem;
    border-radius: var(--jce-radius-md);
    box-shadow: var(--jce-shadow-md);
}

.jce-map__image {
    flex: 2;
    position: relative;
}

.jce-map__img {
    width: 100%;
    border-radius: var(--jce-radius-sm);
}

.jce-map__legend {
    margin-top: var(--jce-gap-md);
    display: flex;
    flex-direction: column;
    gap: var(--jce-gap-sm);
}

.jce-map__legend-item {
    display: flex;
    align-items: center;
    gap: var(--jce-gap-sm);
}

.jce-map__legend-color {
    width: 40px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.jce-map__legend-color--low {
    background-color: #F5EFE7;
}

.jce-map__legend-color--medium {
    background-color: #C19A6B;
}

.jce-map__legend-color--high {
    background-color: #5D3A1A;
}

.jce-map__legend-text {
    font-size: var(--jce-font-size-sm);
    color: var(--jce-text-gray);
}

.jce-map__info {
    flex: 1;
    text-align: center;
}

.jce-map__info-text {
    font-size: var(--jce-font-size-2xl);
    font-weight: 700;
    color: var(--jce-primary);
    line-height: 1.4;
}

/* ===== News Section ===== */
.jce-news {
    padding: var(--jce-section-padding);
    background-color: var(--jce-white);
}

.jce-news__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--jce-gap-lg);
}

.jce-news__card {
    background-color: var(--jce-white);
    border-radius: var(--jce-radius-sm);
    overflow: hidden;
    box-shadow: var(--jce-shadow-md);}

.jce-news__card:hover {    box-shadow: var(--jce-shadow-hover);
}

.jce-news__card-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.jce-news__card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jce-news__card-content {
    padding: var(--jce-gap-md);
    text-align: center;
}

.jce-news__card-text {
    font-size: var(--jce-font-size-base);
    color: var(--jce-text-gray);
    margin-bottom: var(--jce-gap-md);
    line-height: 1.6;
}

/* ===== Education Section ===== */
.jce-education {
    padding: var(--jce-section-padding);
    background-color: var(--jce-cream);
}

.jce-education__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--jce-gap-lg);
}

.jce-education__card {
    background-color: var(--jce-beige);
    border-radius: var(--jce-radius-md);
    padding: 3rem 2rem;
    text-align: center;    border: 2px solid var(--jce-light-brown);
}

.jce-education__card:hover {    box-shadow: var(--jce-shadow-lg);
}

.jce-education__card-content {
    margin-bottom: var(--jce-gap-lg);
}

.jce-education__card-text {
    font-size: var(--jce-font-size-md);
    color: var(--jce-text-dark);
    line-height: 1.6;
}

/* ===== FAQ Section ===== */
.jce-faq {
    padding: var(--jce-section-padding);
    background-color: var(--jce-white);
}

.jce-faq__content {
    display: flex;
    gap: var(--jce-gap-xl);
    background: linear-gradient(135deg, var(--jce-beige) 0%, var(--jce-secondary) 100%);
    padding: var(--jce-gap-xl);
    border-radius: var(--jce-radius-md);
    position: relative;
    overflow: hidden;
}

.jce-faq__list {
    flex: 2;
    display: flex;
    flex-direction: column;
    gap: var(--jce-gap-md);
}

.jce-faq__item {
    display: flex;
    gap: var(--jce-gap-md);
    align-items: flex-start;
    background-color: rgba(255, 255, 255, 0.9);
    padding: var(--jce-gap-md);
    border-radius: var(--jce-radius-sm);
}

.jce-faq__number {
    background-color: var(--jce-primary);
    color: var(--jce-white);
    width: 40px;
    height: 40px;
    border-radius: var(--jce-radius-circle);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: var(--jce-font-size-lg);
    flex-shrink: 0;
}

.jce-faq__question {
    font-size: var(--jce-font-size-base);
    color: var(--jce-text-dark);
    line-height: 1.6;
}

.jce-faq__illustration {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jce-faq__illustration-img {
    max-width: 250px;
    opacity: 0.9;
}


/* ===== Responsive Design Consolidated ===== */
@media (max-width: 1200px) {
    .jce-cedulacion__container,
    .jce-grid--5 {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .jce-news__grid,
    .jce-grid--3 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .page-bootstrap .jce-hero__logo {
        height: 150px;
    }

    .page-bootstrap .jce-hero__title {
        font-size: 2.2rem;
    }

    .page-bootstrap .jce-hero__subtitle {
        font-size: 1.9rem;
    }

    .page-bootstrap .jce-hero__greeting {
        font-size: 2.5rem;
    }

    .page-bootstrap .jce-hero__avatar {
        width: 150px;
        height: 150px;
    }

    .page-bootstrap .jce-hero__avatar img {
        width: 150px;
        height: 150px;
    }

    .page-bootstrap .jce-hero__name {
        font-size: 1.6rem;
    }

    .page-bootstrap .jce-hero__help {
        font-size: 1rem;
    }
}

@media (max-width: 992px) {
    .page-conoce .cedula-showcase {
        grid-template-columns: 1fr;
    }

    .page-conoce .cedula-mini-card {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .jce-section {
        padding: var(--jce-section-padding-mobile);
    }
    
    .jce-header__container {
        flex-direction: column;
        gap: var(--jce-gap-md);
    }
    
    .jce-header__nav-list {
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--jce-gap-md);
    }
    
    .jce-hero__container {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        padding: 1.5rem;
        height: 100vh;
        background-position: center;
    }
    
    .jce-hero__logo-img {
        height: 50px;
    }
    
    .jce-hero__title {
        font-size: 1.8rem;
        margin-bottom: 0.6rem;
    }
    
    .jce-hero__subtitle {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }
    
    .jce-hero__subtitle-secondary {
        font-size: 1.3rem;
    }
    
    .jce-hero__assistant-greeting {
        font-size: 2rem;
    }
    
    .jce-hero__assistant-avatar {
        width: 130px;
        height: 130px;
        border: 4px solid var(--jce-white);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18), 0 0 0 5px var(--jce-secondary);
    }
    
    .jce-hero__assistant-name {
        font-size: 1.1rem;
    }
    
    .jce-hero__assistant-help {
        font-size: 0.9rem;
    }
    
    .jce-hero__assistant-input {
        padding: 0.8rem 1.2rem;
        font-size: 0.9rem;
        max-width: 300px;
    }
    
    .jce-cedulacion__container,
    .jce-grid--5 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .jce-map__content {
        flex-direction: column;
    }
    
    .jce-news__grid,
    .jce-education__grid,
    .jce-grid--3 {
        grid-template-columns: 1fr;
    }
    
    .jce-faq__content {
        flex-direction: column;
    }
    
    .jce-tabs {
        flex-direction: column;
    }
    
    .jce-footer__top,
    .jce-footer__bottom {
        flex-direction: column;
        gap: var(--jce-gap-md);
        text-align: center;
    }
    
    .jce-news__carousel {
        flex-direction: column;
        gap: 1.5rem;
    }

    .jce-news__carousel-image {
        height: 300px;
    }

    .jce-news__carousel-thumbnails {
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .jce-news__carousel-thumbnail {
        width: 70px;
        height: 50px;
    }

    .jce-news__tabs {
        gap: 0;
        flex-direction: column;
    }

    .jce-news__tab {
        padding: 1rem 1rem;
        font-size: 0.9rem;
        flex: none;
    }

    .jce-news__carousel-arrow {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    
    .page-bootstrap .jce-hero {
        min-height: auto;
        padding: 3rem 0;
    }

    .page-bootstrap .jce-hero__logo {
        height: 200px;
    }

    .page-bootstrap .jce-hero__title {
        font-size: 1.8rem;
    }

    .page-bootstrap .jce-hero__subtitle {
        font-size: 1.5rem;
    }

    .page-bootstrap .jce-hero__greeting {
        font-size: 2rem;
    }

    .page-bootstrap .jce-hero__avatar {
        width: 130px;
        height: 130px;
    }

    .page-bootstrap .jce-hero__avatar img {
        width: 130px;
        height: 130px;
    }

    .page-bootstrap .jce-hero__name {
        font-size: 1.4rem;
    }

    .page-bootstrap .jce-hero__help {
        font-size: 0.95rem;
    }

    .page-bootstrap .jce-hero input.form-control {
        max-width: 100%;
    }
    
/* ===== ACORDIÓN - Botones de Provincias ===== */
.page-centros .accordion-button,
.centros-cedulacion-modulo .accordion-button {
    background: #F5F1E8 !important;
    color: var(--jce-secondary) !important;
    padding: 1.5rem 2rem !important;
    
    font-size: 1.5rem !important;
    box-shadow: none !important;
    border-bottom: 2px solid #E8E0D5 !important;
}

/* Estado Activo del Acordión */
.page-centros .accordion-button:not(.collapsed),
.centros-cedulacion-modulo .accordion-button:not(.collapsed) {
    background: #FFFFFF !important;
    color: var(--jce-secondary) !important;
    border-bottom: 2px solid var(--jce-primary) !important;
    box-shadow: none !important;
}

/* Focus del Acordión */
.page-centros .accordion-button:focus,
.centros-cedulacion-modulo .accordion-button:focus {
    box-shadow: none !important;
    border-color: var(--jce-primary) !important;
}

/* Ícono del Acordión */
.page-centros .accordion-button::after,
.centros-cedulacion-modulo .accordion-button::after {
    filter: brightness(0.4) invert(0) !important;
}

/* Contenedor del Acordión */
.page-centros .accordion-item,
.centros-cedulacion-modulo .accordion-item {
    border: 1px solid #E8E0D5 !important;
    margin-bottom: 1.5rem !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

/* Body del Acordión (contenido interno) */
.page-centros .accordion-body,
.centros-cedulacion-modulo .accordion-body {
    padding: 2rem !important;
    background: #FAFAF9 !important;
}

/* Tarjeta de Centro */
.page-centros .center-card,
.centros-cedulacion-modulo .center-card {
    background: white !important;
    border-radius: 12px !important;
    padding: 1.8rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    border-left: 3px solid var(--jce-primary) !important;
}

/* Efecto Hover de la Tarjeta */
.page-centros .center-card:hover,
.centros-cedulacion-modulo .center-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    border-left-color: var(--jce-secondary) !important;
}

    .centros-cedulacion-modulo .accordion-button {
        font-size: 1.2rem;
        padding: 1rem 1.5rem;
    }
    
    .page-conoce .jce-hero_page h1 {
        font-size: 2.2rem;
        margin-bottom: 1rem;
    }

    .page-conoce .jce-hero_page p {
        font-size: 1.1rem;
    }

    .page-conoce .jce-section {
        padding: 60px 0;
    }

    .page-conoce .jce-section-title {
        font-size: 2rem;
    }

    .page-conoce .title-with-underline::after {
        left: 0;
    }

    .page-conoce .jce-feature-card .card-header {
        min-height: 140px;
        padding: 1.5rem;
    }

    .page-conoce .jce-feature-card .card-header h5 {
        font-size: 1.2rem;
    }

    .page-conoce .cta-buttons {
        flex-direction: column;
    }

    .page-conoce .cta-btn {
        width: 100%;
        text-align: center;
    }

    .page-conoce .jce-cta h2 {
        font-size: 1.8rem;
    }

    .page-conoce .navbar-nav .nav-link {
        padding: 0.8rem 0;
    }
    
    #cedulaExpandModal .modal-body {
        min-height: 400px;
        padding: 1rem;
    }

    #cedulaExpandModal .modal-header {
        padding: 1rem;
    }

    #cedulaExpandModal .modal-footer {
        padding: 1rem;
        flex-direction: column;
    }

    #cedulaExpandModal .btn {
        width: 100%;
    }
    
    #cedulaTypeModal .modal-body {
        min-height: 400px;
        padding: 1rem;
    }

    #cedulaTypeModal .modal-header {
        padding: 1rem;
    }

    #cedulaTypeModal .modal-footer {
        padding: 1rem;
        flex-direction: column;
    }

    #cedulaTypeModal .btn {
        width: 100%;
    }
    
    .cedula-viewer-header {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .cedula-viewer-header h5 {
        width: 100%;
    }

    .cedula-viewer-body {
        min-height: 300px;
        padding: 1.5rem;
    }

    .cedula-image-wrapper {
        max-width: 100%;
    }

    .cedula-badge {
        bottom: 0.5rem;
        right: 0.5rem;
    }
}


@media (max-width: 480px) {
    .jce-cedulacion__container,
    .jce-grid--5 {
        grid-template-columns: 1fr;
    }
    
    .jce-news__carousel-image {
        height: 200px;
    }

    .jce-news__carousel-arrow {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .jce-news__tab-icon {
        width: 20px;
        height: 20px;
    }

    .jce-news__tabs {
        gap: 0;
    }

    .jce-news__tab {
        padding: 0.8rem 0.5rem;
        font-size: 0.75rem;
    }

    .jce-news__list {
        padding: 1.5rem 1rem;
    }
    
    .page-conoce .jce-hero_page {
        padding: 80px 0;
    }

    .page-conoce .jce-hero_page h1 {
        font-size: 1.8rem;
        color: var(--jce-secondary) !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }

    .page-conoce .jce-hero_page p {
        font-size: 1rem;
    }

    .page-conoce .hero-btn {
        padding: 12px 30px;
        font-size: 0.9rem;
    }

    .page-conoce .jce-section-title {
        font-size: 1.6rem;
    }

    .page-conoce .jce-feature-card .card-body {
        padding: 1.5rem;
    }

    .page-conoce .grid-card-icon {
        font-size: 2.5rem;
    }
}

/* ===== News Carousel & Tabs Consolidated ===== */
.jce-news__tabs {
    display: flex;
    gap: 0;
    margin-bottom: 2rem;
    border-bottom: none;
    flex-wrap: wrap;
    border-radius: var(--jce-radius-md);
    overflow: hidden;
    box-shadow: var(--jce-shadow-md);
}

.jce-news__tab {
    flex: 1;
    background: var(--jce-primary);
}

.jce-news__tab:nth-child(2) {
    background: var(--jce-secondary);
}

.jce-news__tab:nth-child(2):hover {
    background: #c49030;
}

.jce-news__tab:nth-child(2).jce-news__tab--active {
    background: var(--jce-secondary);
}

.jce-news__tab:nth-child(3) {
    background: var(--jce-primary);
}

.jce-news__tab::after {
    display: none;
}

.jce-news__tab-icon {
    width: 28px;
    height: 28px;
    filter: brightness(0) invert(1);
}

/* Content Areas */
.jce-news__content {
    display: none;}

.jce-news__content--active {
    display: block;
}

/* Carousel */
.jce-news__carousel {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.jce-news__carousel-main {
    flex: 1;
    position: relative;
}

.jce-news__carousel-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;    pointer-events: none;
    padding: 0 1rem;
    z-index: 10;
}

.jce-news__carousel-arrow {
    background-color: rgba(139, 105, 20, 0.7);
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    pointer-events: all;    display: flex;
    align-items: center;
    justify-content: center;
}

.jce-news__carousel-arrow:hover {
    background-color: rgba(139, 105, 20, 0.9);
}

.jce-news__carousel-image {
    width: 100%;
    height: 400px;
    background: #e0e0e0;
    border-radius: var(--jce-radius-md);
    overflow: hidden;
    margin-bottom: 1.5rem;
    box-shadow: var(--jce-shadow-md);
}

.jce-news__carousel-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;}

.jce-news__carousel-image:hover img {}

.jce-news__carousel-text {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--jce-text-gray);
    margin-bottom: 1.5rem;
}

.jce-news__carousel-button {
    background-color: var(--jce-primary);
    color: white;
    padding: 0.8rem 2rem;
    border: none;
    border-radius: var(--jce-radius-sm);
    cursor: pointer;
    font-weight: bold;}

.jce-news__carousel-button:hover {
    background-color: var(--jce-dark-brown);
}

/* Thumbnails */
.jce-news__carousel-thumbnails {
    display: flex;
    gap: 0.8rem;
    flex-direction: column;
}

.jce-news__carousel-thumbnail {
    width: 80px;
    height: 60px;
    background: #ddd;
    border-radius: var(--jce-radius-sm);
    cursor: pointer;
    opacity: 0.6;    border: 3px solid transparent;
    overflow: hidden;
}

.jce-news__carousel-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jce-news__carousel-thumbnail.active {
    opacity: 1;
    border-color: var(--jce-primary);
    box-shadow: var(--jce-shadow-md);
}

.jce-news__carousel-thumbnail:hover {
    opacity: 0.8;
}

/* List Section */
.jce-news__list {
    background-color: var(--jce-cream);
    padding: 2rem;
    border-radius: var(--jce-radius-md);
    box-shadow: var(--jce-shadow-sm);
}

.jce-news__list-title {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    color: var(--jce-primary);
}

.jce-news__list-items {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.jce-news__list-items::-webkit-scrollbar {
    width: 6px;
}

.jce-news__list-items::-webkit-scrollbar-track {
    background: var(--jce-beige);
    border-radius: 10px;
}

.jce-news__list-items::-webkit-scrollbar-thumb {
    background: var(--jce-secondary);
    border-radius: 10px;
}

.jce-news__list-items::-webkit-scrollbar-thumb:hover {
    background: var(--jce-primary);
}

.jce-news__list-item {
    padding: 1.2rem;
    background-color: white;
    border-left: 4px solid var(--jce-primary);
    border-radius: 4px;
    cursor: pointer;    box-shadow: var(--jce-shadow-sm);
}

.jce-news__list-item:hover {
    background-color: #fafafa;    box-shadow: var(--jce-shadow-md);
}

.jce-news__list-item--warning {
    border-left-color: #ff6b6b;
}

.jce-news__list-item--info {
    border-left-color: #ffd93d;
}

.jce-news__list-item--success {
    border-left-color: #6bcf7f;
}

.jce-news__list-item-title {
    font-size: 0.95rem;
    font-weight: bold;
    color: var(--jce-text-dark);
    margin-bottom: 0.5rem;
}

.jce-news__list-item-text {
    font-size: 0.85rem;
    color: var(--jce-text-gray);
    margin-bottom: 0.8rem;
    line-height: 1.5;
}

.jce-news__list-item-date {
    font-size: 0.75rem;
    color: #999;
    font-weight: 500;
}

/* ===== Bootstrap helpers and shared utilities ===== */
.jce-header .nav-link {
    color: var(--jce-text-dark);
    font-size: 0.9rem;}

.jce-header .nav-link:hover,
.jce-header .nav-link.active {
    color: var(--jce-primary);
    border-bottom: 2px solid var(--jce-primary);
}

.jce-hero-bootstrap {
    background: var(--jce-beige);
    background-image: url('assets/image/hether.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    position: relative;
}

.jce-hero-bootstrap::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.jce-hero-bootstrap .container,
.jce-hero-bootstrap .container-fluid {
    position: relative;
    z-index: 1;
}

.jce-hero__logo {
    height: 420px;
    max-width: 100%;
    object-fit: contain;
}

.jce-hero__greeting {
    font-size: 4rem;
    font-weight: 300;
    color: var(--jce-dark-brown);
    letter-spacing: 0.02em;
}

.jce-hero__avatar {
    width: 280px;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--jce-white);
}

.jce-hero__avatar img {
    width: 280px;
    height: 280px;
    object-fit: cover;
}

.jce-hero__name {
    font-size: 2rem;
    color: var(--jce-dark-brown);
}

.jce-hero__help {
    font-size: 1.2rem;
    color: var(--jce-dark-brown);
}

.jce-hero input.form-control {
    max-width: 380px;
    border: 2px solid rgba(93, 58, 26, 0.35);}

.jce-hero input.form-control:focus {
    border-color: var(--jce-primary);
    box-shadow: 0 0 0 0.2rem rgba(139, 105, 20, 0.25);
}

.jce-btn {
    background-color: var(--jce-secondary);
    color: var(--jce-white);
    border: none;
    border-radius: 15px;
    padding: 0.6rem 1.5rem;
    font-weight: 600;
    font-size: 0.85rem;}

.jce-btn:hover {
    background-color: var(--jce-primary);
    color: var(--jce-white);
}

.jce-news-tab {
    background-color: var(--jce-secondary);
    color: var(--jce-primary);
    font-size: 1rem;
    font-weight: bold;}

.jce-news-tab:hover {
    opacity: 0.9;
}

.jce-news-tab.active {
    background-color: var(--jce-primary);
    color: var(--jce-secondary);
}

.jce-tab-icon {}

.jce-news-tab:not(.active) .jce-tab-icon {
    filter: brightness(0.8) saturate(1.5);
}

.jce-news-tab.active .jce-tab-icon {
    filter: brightness(0.5) saturate(1.2);
}

.filter-white {
    filter: brightness(0) invert(1);
}

.accordion-button:not(.collapsed) {
    background-color: rgba(139, 105, 20, 0.1);
    color: var(--jce-dark-brown);
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(139, 105, 20, 0.25);
}

.list-group-item {
    border: none;
    background-color: white;}

.list-group-item:hover {    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.alert {}

.alert:hover {    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.jce-section-cream {
    background-color: var(--jce-cream);
}

.jce-section-title {
    color: var(--jce-dark-brown);
    font-size: 1.8rem;
}

.jce-map-legend-low,
.jce-map-legend-medium,
.jce-map-legend-high {
    width: 40px;
    height: 20px;
    border: 1px solid #ccc;
}

.jce-map-legend-low {
    background-color: #F5EFE7;
}

.jce-map-legend-medium {
    background-color: #C19A6B;
}

.jce-map-legend-high {
    background-color: #5D3A1A;
}

.jce-map-info-text {
    color: var(--jce-primary);
}

.jce-carousel-image {
    height: 400px;
    object-fit: cover;
}

.jce-carousel-thumb {
    height: 80px;
    width: 100%;
    object-fit: cover;
}

.jce-list-container {
    max-height: 600px;
    overflow-y: auto;
}

.jce-card-title-primary {
    color: var(--jce-secondary);
}

.jce-education-card {
    background-color: var(--jce-beige);
    border-color: var(--jce-light-brown);
}

.jce-faq-badge {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--jce-secondary) !important;
}

.jce-faq-card {
    background: linear-gradient(135deg, #F7F1E8 0%, #E6D2B6 55%, #D1B48C 100%);
}

.jce-faq-illustration {
    width: 100%;
    max-width: 340px;
    height: auto;
    object-fit: contain;
    opacity: 1;
    border-radius: 12px;
    filter: saturate(0.9) contrast(0.95) brightness(1.03);
    box-shadow: 0 10px 24px rgba(89, 54, 36, 0.12);
}


.jce-footer-social {
    width: 35px;
    height: 35px;
}

.jce-modal-card {
    border-radius: 15px;
    color: var(--jce-primary);
    background-color: var(--jce-dark-brown);
}

#modalUnidadMovil .row>div:nth-child(2) .jce-modal-card {
    background-color: var(--jce-primary);
    color: var(--jce-secondary);
}

.jce-btn-light {
    background-color: var(--jce-primary);
    color: var(--jce-dark-brown);
    border: none;
    border-radius: 15px;
    padding: 0.6rem 1.5rem;
    font-weight: 600;}

/* Comunicaciones */
.jce-comms-hero {
    background: linear-gradient(135deg, #FBF7F1 0%, #F1E3D1 100%);
}

.jce-comms-hero__title {
    color: var(--jce-dark-brown);
    font-size: 2.6rem;
}

.jce-comms-hero__card {
    background: white;
    border-radius: 16px;
    min-width: 260px;
}

.jce-comms-card {
    border-radius: 16px;
}

.jce-comms-card .badge {
    letter-spacing: 0.03em;
}

.jce-comms-alert {
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/* Desinformacion */
.jce-desinfo-hero {
    background: radial-gradient(circle at top left, #FFF6E6 0%, #F6E4CE 45%, #EAD2B2 100%);
}

.jce-desinfo-hero__title {
    color: var(--jce-dark-brown);
    font-size: 2.8rem;
}

.jce-desinfo-pill {
    display: inline-block;
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    background: rgba(203, 153, 45, 0.15);
    color: var(--jce-secondary);
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 0.75rem;
}

.jce-desinfo-hero__panel {
    background: #ffffff;
    border-radius: 18px;
    padding: 1.5rem;
}

.jce-desinfo-stat {
    color: var(--jce-secondary);
    font-size: 1.4rem;
}

.jce-desinfo-search .input-group-text {
    border-radius: 12px 0 0 12px;
}

.jce-desinfo-search .form-control {
    border-radius: 0 12px 12px 0;
}

.jce-desinfo-step {
    background: #fff;
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
}

.jce-desinfo-step__number {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--jce-primary);
    color: var(--jce-secondary);
    font-weight: 700;
    margin-bottom: 1rem;
}

.jce-desinfo-myth-card {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.jce-desinfo-myth-card__header {
    background: linear-gradient(135deg, #FDE8E1 0%, #F7D1C5 100%);
    padding: 1.25rem 1.5rem;
    display: grid;
    gap: 0.5rem;
}

.jce-desinfo-myth-card__body {
    padding: 1.25rem 1.5rem 1.5rem;
}

.jce-desinfo-fact {
    background: #F1FAF4;
    border-radius: 14px;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(25, 135, 84, 0.15);
}

.jce-desinfo-timeline {
    display: grid;
    gap: 1rem;
}

.jce-desinfo-timeline__item {
    background: #ffffff;
    border-radius: 16px;
    padding: 1rem 1.25rem;
    border-left: 4px solid rgba(203, 153, 45, 0.6);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
}

.jce-desinfo-resource-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
    display: grid;
    gap: 0.75rem;
}

/* Multimedia */
.jce-media-hero {
    background: radial-gradient(circle at top left, #FFF7E9 0%, #F3DEC4 45%, #E6C7A1 100%);
}

.jce-media-hero__title {
    color: var(--jce-dark-brown);
    font-size: 2.8rem;
}

.jce-media-pill {
    display: inline-block;
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    background: rgba(203, 153, 45, 0.15);
    color: var(--jce-secondary);
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 0.75rem;
}

.jce-media-stat {
    color: var(--jce-secondary);
    font-size: 1.4rem;
}

.jce-media-hero__stats {
    display: flex;
    gap: 2.5rem;
    flex-wrap: wrap;
}

.jce-media-search .input-group-text {
    border-radius: 12px 0 0 12px;
}

.jce-media-search .form-control {
    border-radius: 0 12px 12px 0;
}

.jce-media-hero__mosaic {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.jce-media-tile {
    border-radius: 18px;
    min-height: 150px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}

.jce-media-tile--video {
    background: linear-gradient(135deg, #E9C49B 0%, #C99961 100%);
}

.jce-media-tile--video-alt {
    background: linear-gradient(135deg, #DDBFA0 0%, #B8834F 100%);
}

.jce-media-tile--info {
    background: linear-gradient(135deg, #D7E6F5 0%, #A8C5E6 100%);
}

.jce-media-tile--guide {
    background: linear-gradient(135deg, #E9F4EC 0%, #C5E0D2 100%);
}

.jce-media-chip {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--jce-secondary);
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.jce-media-play {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--jce-secondary);
    position: absolute;
    top: 16px;
    left: 16px;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12);
}

.jce-media-video-card {
    position: relative;
    border-radius: 18px;
    min-height: 220px;
    background: linear-gradient(135deg, #6C4A2F 0%, #B57B45 100%);
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.jce-media-video-card--large {
    min-height: 420px;
}

.jce-media-video-card__content {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    color: #fff;
}

.jce-media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
}

.jce-media-poster {
    border-radius: 20px;
    min-height: 220px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.5rem;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
}

.jce-media-poster--info {
    background: linear-gradient(135deg, #D7E6F5 0%, #A8C5E6 100%);
}

.jce-media-poster--guide {
    background: linear-gradient(135deg, #E9F4EC 0%, #C5E0D2 100%);
}

.jce-media-cta {
    background: linear-gradient(135deg, #FBF5EC 0%, #EAD1AF 100%);
}

@media (max-width: 992px) {
    .jce-hero__logo {
        height: 150px;
    }

    .jce-hero__title {
        font-size: 2.2rem;
    }

    .jce-hero__subtitle {
        font-size: 1.9rem;
    }

    .jce-hero__greeting {
        font-size: 2.5rem;
    }

    .jce-hero__avatar {
        width: 150px;
        height: 150px;
    }

    .jce-hero__avatar img {
        width: 150px;
        height: 150px;
    }

    .jce-hero__name {
        font-size: 1.6rem;
    }

    .jce-hero__help {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .jce-hero-bootstrap {
        min-height: auto;
        padding: 3rem 0;
    }

    .jce-hero__logo {
        height: 200px;
    }

    .jce-hero__title {
        font-size: 1.8rem;
    }

    .jce-hero__subtitle {
        font-size: 1.5rem;
    }

    .jce-hero__greeting {
        font-size: 2rem;
    }

    .jce-hero__avatar {
        width: 130px;
        height: 130px;
    }

    .jce-hero__avatar img {
        width: 130px;
        height: 130px;
    }

    .jce-hero__name {
        font-size: 1.4rem;
    }

    .jce-hero__help {
        font-size: 0.95rem;
    }

    .jce-hero input.form-control {
        max-width: 100%;
    }
}

/* ===== Centros de cedulacion ===== */
.page-centros .jce-header .navbar-brand img {
    height: 60px;
}

.page-centros .jce-hero-centros,
.centros-cedulacion-modulo .jce-hero-centros {
    background: linear-gradient(135deg, var(--jce-primary) 0%, var(--jce-dark-brown) 50%, #3d2417 100%);
    color: white;
    padding: 100px 0 80px;
    position: relative;
    overflow: hidden;
}

.page-centros .jce-hero-centros::before,
.centros-cedulacion-modulo .jce-hero-centros::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -100px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(212, 161, 68, 0.2) 0%, transparent 70%);
    border-radius: 50%;
}

.page-centros .jce-hero-centros h1,
.centros-cedulacion-modulo .jce-hero-centros h1 {
    font-size: 3.5rem;
    font-weight: 900;
    margin-bottom: 1rem;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    letter-spacing: -1px;
}

.page-centros .jce-hero-centros p,
.centros-cedulacion-modulo .jce-hero-centros p {
    font-size: 1.3rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.page-centros .search-section {
    position: sticky;
    top: 90px;
    z-index: 999;
}

.centros-cedulacion-modulo .search-section {
    position: sticky;
    top: 0;
    z-index: 999;
}

.page-centros .search-container,
.centros-cedulacion-modulo .search-container {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    margin-top: -50px;
    position: relative;
    z-index: 10;
}

.page-centros .search-input,
.centros-cedulacion-modulo .search-input {
    height: 60px;
    border: 2px solid var(--jce-beige);
    border-radius: 10px;
    padding: 0 1.5rem;
    font-size: 1.1rem;}

.page-centros .search-input:focus,
.centros-cedulacion-modulo .search-input:focus {
    border-color: var(--jce-secondary);
    box-shadow: 0 0 0 0.2rem rgba(212, 161, 68, 0.25);
}

.page-centros .search-btn,
.centros-cedulacion-modulo .search-btn {
    height: 60px;
    padding: 0 2.5rem;
    background: var(--jce-secondary);
    color: white;
    border: none;
    border-radius: 10px;
    font-weight: bold;
    font-size: 1.1rem;}

.page-centros .search-btn:hover,
.centros-cedulacion-modulo .search-btn:hover {
    background: var(--jce-primary);    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.page-centros .stats-section,
.centros-cedulacion-modulo .stats-section {
    background: var(--jce-cream);
    padding: 60px 0;
}

.page-centros .stat-card,
.centros-cedulacion-modulo .stat-card {
    text-align: center;
    padding: 2rem;
    background: white;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);}

.page-centros .stat-card:hover,
.centros-cedulacion-modulo .stat-card:hover {    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.page-centros .stat-icon,
.centros-cedulacion-modulo .stat-icon {
    font-size: 3rem;
    color: var(--jce-secondary);
    margin-bottom: 1rem;
}

.page-centros .stat-number,
.centros-cedulacion-modulo .stat-number {
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--jce-primary);
    line-height: 1;
}

.page-centros .stat-label,
.centros-cedulacion-modulo .stat-label {
    font-size: 1rem;
    color: var(--jce-text-gray);
    margin-top: 0.5rem;
}

.page-centros .centers-section,
.centros-cedulacion-modulo .centers-section {
    padding: 80px 0;
}

.page-centros .accordion-button,
.centros-cedulacion-modulo .accordion-button {
    background: linear-gradient(135deg, var(--jce-primary) 0%, var(--jce-dark-brown) 100%);
    color: white;
    padding: 1.5rem 2rem;
    font-weight: bold;
    font-size: 1.5rem;
    box-shadow: none;
}

.page-centros .accordion-button:not(.collapsed),
.centros-cedulacion-modulo .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, var(--jce-dark-brown) 0%, var(--jce-primary) 100%);
    color: white;
    box-shadow: none;
}

.page-centros .accordion-button:focus,
.centros-cedulacion-modulo .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(212, 161, 68, 0.25);
    border-color: var(--jce-secondary);
}

.page-centros .accordion-button::after,
.centros-cedulacion-modulo .accordion-button::after {
    filter: brightness(0) invert(1);
}

.page-centros .province-count,
.centros-cedulacion-modulo .province-count {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.3rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    margin-left: auto;
    margin-right: 1rem;
}

.page-centros .accordion-item,
.centros-cedulacion-modulo .accordion-item {
    border: none;
    margin-bottom: 1.5rem;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.page-centros .accordion-body,
.centros-cedulacion-modulo .accordion-body {
    padding: 2rem;
    background: var(--jce-cream);
}

.page-centros .center-card,
.centros-cedulacion-modulo .center-card {
    background: white;
    border-radius: 12px;
    padding: 1.8rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);    border-left: 4px solid var(--jce-secondary);
}

.page-centros .center-card:hover,
.centros-cedulacion-modulo .center-card:hover {    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    border-left-color: var(--jce-primary);
}

.page-centros .center-name,
.centros-cedulacion-modulo .center-name {
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--jce-secondary);
    margin-bottom: 0.8rem;
}

.page-centros .center-info,
.centros-cedulacion-modulo .center-info {
    display: flex;
    align-items: start;
    margin-bottom: 0.8rem;
    color: var(--jce-text-gray);
}

.page-centros .center-info i,
.centros-cedulacion-modulo .center-info i {
    color: var(--jce-secondary);
    margin-right: 1rem;
    margin-top: 0.3rem;
    min-width: 20px;
}

.page-centros .center-phone,
.centros-cedulacion-modulo .center-phone {
    font-weight: 600;
    color: var(--jce-secondary);
}

.page-centros .no-results,
.centros-cedulacion-modulo .no-results {
    text-align: center;
    padding: 4rem 2rem;
    color: var(--jce-text-gray);
}

.page-centros .no-results i,
.centros-cedulacion-modulo .no-results i {
    font-size: 4rem;
    color: var(--jce-beige);
    margin-bottom: 1rem;
}

.page-centros .footer-logo,
.centros-cedulacion-modulo .footer-logo {
    height: 60px;
    margin-bottom: 1.5rem;
}

.hidden {
    display: none !important;
}

@media (max-width: 768px) {
    .page-centros .jce-hero-centros h1,
    .centros-cedulacion-modulo .jce-hero-centros h1 {
        font-size: 2rem;
    }

    .page-centros .jce-hero-centros p,
    .centros-cedulacion-modulo .jce-hero-centros p {
        font-size: 1.1rem;
    }

    .page-centros .search-container,
    .centros-cedulacion-modulo .search-container {
        padding: 1.5rem;
        margin-top: -30px;
    }

    .page-centros .search-input,
    .page-centros .search-btn,
    .centros-cedulacion-modulo .search-input,
    .centros-cedulacion-modulo .search-btn {
        height: 50px;
        font-size: 1rem;
    }

    .page-centros .center-card,
    .centros-cedulacion-modulo .center-card {
        padding: 1.2rem;
    }

    .page-centros .stat-card,
    .centros-cedulacion-modulo .stat-card {
        margin-bottom: 1.5rem;
    }

    .centros-cedulacion-modulo .accordion-button {
        font-size: 1.2rem;
        padding: 1rem 1.5rem;
    }
}

/* ===== Conoce tu cedula ===== */
.page-conoce {
    font-family: "Source Sans 3", "Open Sans", Arial, sans-serif;
}

.page-conoce h1,
.page-conoce h2,
.page-conoce h3,
.page-conoce h4,
.page-conoce h5,
.page-conoce h6 {
    font-family: "Cormorant Garamond", "Times New Roman", serif;
}

.page-conoce .jce-header {
    background: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.page-conoce .jce-header .navbar-brand img {
    height: 60px;}

.page-conoce .jce-header .navbar-brand img:hover {}

.page-conoce .navbar-nav .nav-link {
    color: var(--jce-text-gray) !important;
    font-weight: 600;
    font-size: 0.95rem;    position: relative;
    margin: 0 0.5rem;
}

.page-conoce .navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--jce-secondary), var(--jce-primary));}

.page-conoce .navbar-nav .nav-link:hover::after,
.page-conoce .navbar-nav .nav-link.active::after {
    width: 100%;
}

.page-conoce .navbar-nav .nav-link:hover,
.page-conoce .navbar-nav .nav-link.active {
    color: var(--jce-primary) !important;
}

.page-conoce .jce-hero_page {
    background-image: linear-gradient(135deg, rgba(139, 105, 20, 0.92) 0%, rgba(89, 54, 36, 0.88) 50%, rgba(61, 36, 23, 0.9) 100%), url('assets/image/hether.jpg');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.page-conoce .jce-hero_page::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(212, 161, 68, 0.2) 0%, transparent 70%);
    border-radius: 50%;
}

.page-conoce .jce-hero_page::after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 200%;
    height: 150px;
    background: white;
    border-radius: 50% 50% 0 0;
}

.page-conoce .jce-hero_page .container {
    position: relative;
    z-index: 2;
}

.page-conoce .jce-hero_page h1 {
    font-size: 4rem;
    font-weight: 900;
    margin-bottom: 1.5rem;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    letter-spacing: -1px;
}

.page-conoce .jce-hero_page p {
    font-size: 1.4rem;
    margin-bottom: 2rem;
    color: rgba(255, 255, 255, 0.95);
}

.page-conoce .hero-btn {
    padding: 14px 45px;
    font-weight: bold;
    font-size: 1.1rem;
    border-radius: 8px;
    border: 2px solid transparent;
}

.page-conoce .hero-btn-primary {
    background: var(--jce-secondary);
    color: var(--jce-dark-brown);
}

.page-conoce .hero-btn-primary:hover {
    background: white;
    color: var(--jce-primary);
    box-shadow: 0 12px 30px rgba(212, 161, 68, 0.4);
}

.page-conoce .jce-section {
    padding: 100px 0;
    position: relative;
}

.page-conoce .jce-section-title {
    color: var(--jce-primary);
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 1rem;
    letter-spacing: -0.5px;
}

.page-conoce .jce-section-subtitle {
    color: var(--jce-text-gray);
    font-size: 1.2rem;
    margin-bottom: 3rem;
}

.page-conoce .title-with-underline {
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.page-conoce .title-with-underline::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 5px;
    background: linear-gradient(90deg, var(--jce-secondary), var(--jce-primary));
    border-radius: 10px;
}

.page-conoce .section-light {
    background: white;
}

.page-conoce .section-cream {
    background: linear-gradient(135deg, var(--jce-cream) 0%, rgba(245, 239, 231, 0.7) 100%);
}

.page-conoce .section-gradient {
    background: linear-gradient(135deg, var(--jce-beige) 0%, white 100%);
}

.page-conoce .cedula-showcase {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 2.5rem;
    align-items: start;
}

.page-conoce .cedula-showcase__main {
    background: white;
    border-radius: 24px;
    padding: 1.5rem;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
    position: relative;
    overflow: hidden;
}

.page-conoce .cedula-showcase__main::after {
    content: '';
    position: absolute;
    inset: 20% 5% auto auto;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle, rgba(212, 161, 68, 0.3) 0%, transparent 70%);
    opacity: 0.8;
    pointer-events: none;
}

.page-conoce .cedula-image {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.page-conoce .cedula-caption {
    margin-top: 1.1rem;
    font-weight: 700;
    color: var(--jce-primary);
    font-size: 1.1rem;
}

.page-conoce .cedula-showcase__cards {
    display: grid;
    gap: 1.5rem;
}

.page-conoce .cedula-mini-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(250, 246, 240, 0.9) 100%);
    border-radius: 18px;
    padding: 1.3rem;
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 1.2rem;
    align-items: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(212, 161, 68, 0.2);}

.page-conoce .cedula-mini-card:hover {    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.12);
}

.page-conoce .cedula-mini-card img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

.page-conoce .cedula-mini-card h5 {
    color: var(--jce-primary);
    font-weight: 700;
    margin-bottom: 0.4rem;
    font-size: 1.1rem;
}

.page-conoce .cedula-mini-card p {
    color: var(--jce-text-gray);
    margin: 0;
    font-size: 0.95rem;
}

.page-conoce .jce-feature-card {
    background: white;
    border: none;
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);    overflow: hidden;
    height: 100%;
    position: relative;}

.page-conoce .jce-feature-card:hover {
    transform: translateY(-15px) scale(1.02);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.page-conoce .jce-feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--jce-secondary), var(--jce-primary));}

.page-conoce .jce-feature-card:hover::before {
    height: 8px;
}

.page-conoce .jce-feature-card .card-header {
    background: linear-gradient(135deg, var(--jce-primary) 0%, var(--jce-dark-brown) 100%);
    color: white;
    padding: 2.5rem 2rem;
    border: none;
    text-align: center;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.page-conoce .jce-feature-card .card-header h5 {
    font-weight: bold;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.3;
}

.page-conoce .jce-feature-card .card-body {
    padding: 2.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.page-conoce .jce-feature-card .card-text {
    color: var(--jce-text-gray);
    line-height: 1.8;
    margin-bottom: 1.5rem;
    flex-grow: 1;
    font-size: 1rem;
}

.page-conoce .jce-feature-list {
    list-style: none;
    padding: 0;
}

.page-conoce .jce-feature-list li {
    padding: 1rem 0;
    padding-left: 2.5rem;
    position: relative;
    color: var(--jce-text-gray);
    line-height: 1.7;
    font-size: 0.95rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);}

.page-conoce .jce-feature-list li:last-child {
    border-bottom: none;
}

.page-conoce .jce-feature-list li:hover {
    padding-left: 3rem;
    color: var(--jce-primary);
}

.page-conoce .jce-feature-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--jce-secondary);
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1;
}

.page-conoce .feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.page-conoce .grid-card {
    background: white;
    border-radius: 18px;
    padding: 2.5rem 2rem;
    text-align: center;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);    border: 2px solid transparent;
}

.page-conoce .grid-card:hover {    border-color: var(--jce-secondary);
    box-shadow: 0 15px 45px rgba(212, 161, 68, 0.2);
}

.page-conoce .grid-card-icon {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;}

.page-conoce .grid-card:hover .grid-card-icon {
    transform: scale(1.15) rotate(5deg);
}

.page-conoce .grid-card h5 {
    color: var(--jce-primary);
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.page-conoce .grid-card p {
    color: var(--jce-text-gray);
    font-size: 0.95rem;
    line-height: 1.6;
}

.page-conoce .jce-cta {
    background: linear-gradient(135deg, var(--jce-primary) 0%, var(--jce-dark-brown) 100%);
    color: white;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.page-conoce .jce-cta::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(212, 161, 68, 0.15) 0%, transparent 70%);
    border-radius: 50%;
}

.page-conoce .jce-cta::after {
    content: '';
    position: absolute;
    bottom: -10%;
    left: -5%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(212, 161, 68, 0.1) 0%, transparent 70%);
    border-radius: 50%;
}

.page-conoce .jce-cta .container {
    position: relative;
    z-index: 2;
}

.page-conoce .jce-cta h2 {
    font-size: 2.8rem;
    font-weight: 900;
    margin-bottom: 1.5rem;
    letter-spacing: -1px;
}

.page-conoce .jce-cta p {
    font-size: 1.2rem;
    margin-bottom: 2.5rem;
    opacity: 0.95;
}

.page-conoce .cta-buttons {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.page-conoce .cta-btn {
    padding: 14px 40px;
    font-weight: bold;
    font-size: 1rem;
    border-radius: 8px;    border: 2px solid transparent;
    text-decoration: none;
    display: inline-block;
}

.page-conoce .cta-btn-light {
    background: white;
    color: var(--jce-primary);
}

.page-conoce .cta-btn-light:hover {
    background: var(--jce-secondary);
    color: var(--jce-dark-brown);    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

.page-conoce .cta-btn-outline {
    background: transparent;
    color: white;
    border-color: white;
}

.page-conoce .cta-btn-outline:hover {
    background: white;
    color: var(--jce-primary);}

@media (max-width: 992px) {
    .page-conoce .cedula-showcase {
        grid-template-columns: 1fr;
    }

    .page-conoce .cedula-mini-card {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

.page-conoce .jce-footer {
    background: var(--jce-dark-brown);
    color: white;
    padding: 60px 0 0;
}

.page-conoce .jce-footer a {
    color: var(--jce-secondary);
    text-decoration: none;}

.page-conoce .jce-footer a:hover {
    color: white;
}

.page-conoce .footer-logo {
    height: 60px;
    margin-bottom: 1.5rem;
}

.page-conoce .footer-section h6 {
    color: white;
    font-weight: bold;
    margin-bottom: 1.5rem;
    font-size: 1rem;
}

.page-conoce .footer-section p {
    font-size: 0.9rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
}

.page-conoce .jce-footer-social {
    width: 50px;
    height: 50px;
    background: var(--jce-primary);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;    margin-right: 0.8rem;
    margin-bottom: 0.8rem;
}

.page-conoce .jce-footer-social:hover {
    background: var(--jce-secondary);    box-shadow: 0 8px 20px rgba(212, 161, 68, 0.3);
}

.page-conoce .jce-footer-social img {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
}

.page-conoce .footer-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 2rem 0;
}

.page-conoce .footer-bottom {
    text-align: center;
    padding: 2rem 0;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 768px) {
    .page-conoce .jce-hero_page h1 {
        font-size: 2.2rem;
        margin-bottom: 1rem;
    }

    .page-conoce .jce-hero_page p {
        font-size: 1.1rem;
    }

    .page-conoce .jce-section {
        padding: 60px 0;
    }

    .page-conoce .jce-section-title {
        font-size: 2rem;
    }

    .page-conoce .title-with-underline::after {
        left: 0;
    }

    .page-conoce .jce-feature-card .card-header {
        min-height: 140px;
        padding: 1.5rem;
    }

    .page-conoce .jce-feature-card .card-header h5 {
        font-size: 1.2rem;
    }

    .page-conoce .cta-buttons {
        flex-direction: column;
    }

    .page-conoce .cta-btn {
        width: 100%;
        text-align: center;
    }

    .page-conoce .jce-cta h2 {
        font-size: 1.8rem;
    }

    .page-conoce .navbar-nav .nav-link {
        padding: 0.8rem 0;
    }
}

@media (max-width: 480px) {
    .page-conoce .jce-hero_page {
        padding: 80px 0;
    }

    .page-conoce .jce-hero_page h1 {
        font-size: 1.8rem;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }

    .page-conoce .jce-hero_page p {
        font-size: 1rem;
    }

    .page-conoce .hero-btn {
        padding: 12px 30px;
        font-size: 0.9rem;
    }

    .page-conoce .jce-section-title {
        font-size: 1.6rem;
    }

    .page-conoce .jce-feature-card .card-body {
        padding: 1.5rem;
    }

    .page-conoce .grid-card-icon {
        font-size: 2.5rem;
    }
}

    to {
        opacity: 1;    }
}

.page-conoce .jce-feature-card:nth-child(1) { animation-delay: 0.1s; }
.page-conoce .jce-feature-card:nth-child(2) { animation-delay: 0.2s; }
.page-conoce .jce-feature-card:nth-child(3) { animation-delay: 0.3s; }
.page-conoce .jce-feature-card:nth-child(4) { animation-delay: 0.4s; }
.page-conoce .jce-feature-card:nth-child(5) { animation-delay: 0.5s; }

.page-conoce .highlight-box {
    background: linear-gradient(135deg, var(--jce-primary) 0%, var(--jce-dark-brown) 100%);
    color: white;
    padding: 3rem;
    border-radius: 15px;
    margin: 2rem 0;
}

.page-conoce .highlight-box h4 {
    font-weight: bold;
    margin-bottom: 1rem;
}

.page-conoce .highlight-box ul {
    list-style: none;
    padding: 0;
}

.page-conoce .highlight-box li {
    padding: 0.5rem 0;
    padding-left: 2rem;
    position: relative;
}

.page-conoce .highlight-box li::before {
    content: '->';
    position: absolute;
    left: 0;
    color: var(--jce-secondary);
    font-weight: bold;
}

/* ===== Utility classes for inline removal ===== */
.jce-heading-primary {
    color: var(--jce-primary);
}

.jce-icon-secondary {
    color: var(--jce-secondary);
}

.jce-feature-list--no-border li {
    border-bottom: none;
}

.jce-feature-list__item--strong {
    font-weight: 600;
}

.jce-feature-list__item--no-padding {
    padding-bottom: 0;
}

.jce-section--cta-dark {
    background: linear-gradient(135deg, var(--jce-primary) 0%, var(--jce-dark-brown) 100%);
    color: white;
}

.jce-cta-title {
    font-size: 2.5rem;
    margin-bottom: 2rem;
}

.news-emoji {
    font-size: 32px;
}

.news-thumbnails-column {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.carousel-thumbnails--column {
    flex-direction: column;
}

.news-list__item-text {
    font-size: 13px;
    color: #666;
    margin: 8px 0;
}

.news-list__item--warning {
    border-left-color: #ff6b6b;
}

.news-list__item--info {
    border-left-color: #ffd93d;
}

.news-list__item--success {
    border-left-color: #6bcf7f;
}

.chameleon-slider-frame {
    overflow: hidden;
    margin: auto;
    width: 750px;
    height: 400px;
}

.chameleon-slider-root {
    width: 752px;
    height: 402px;
}

.chameleon-slider-overlay {
    width: 750px;
    height: 400px;
    display: block;
}

.chameleon-slider-indicator-hidden {
    display: none;
}

.chameleon-slider-empty {
    display: block;
    top: 184px;
    position: relative;
}

/* News example custom layout */
.news-carousel {
    position: relative;
    display: flex;
    gap: 30px;
}

.carousel-main {
    flex: 1;
    position: relative;
}

.carousel-image {
    width: 100%;
    height: 400px;
    background: #ddd;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}

.carousel-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel-text {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 20px;
}

.carousel-button {
    background-color: #0066cc;
    color: white;
    padding: 10px 25px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;}

.carousel-button:hover {
    background-color: #0052a3;
}

.carousel-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;    pointer-events: none;
}

.carousel-arrow {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    pointer-events: all;}

.carousel-arrow:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.carousel-thumbnails {
    display: flex;
    gap: 10px;
}

.carousel-thumbnail {
    width: 80px;
    height: 60px;
    background: #ddd;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.6;    border: 2px solid transparent;
    overflow: hidden;
}

.carousel-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel-thumbnail.active {
    opacity: 1;
    border-color: #0066cc;
}

.news-sidebar {
    display: flex;
    gap: 30px;
    flex: 1;
}

.news-list {
    flex: 1;
}

.news-list__title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

.news-list__items {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.news-list__item {
    padding: 15px;
    background-color: #f9f9f9;
    border-left: 4px solid #0066cc;
    border-radius: 4px;
    cursor: pointer;}

.news-list__item:hover {
    background-color: #f0f0f0;}

.news-list__item-title {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.news-list__item-date {
    font-size: 12px;
    color: #999;
}

@media (max-width: 768px) {
    .news-carousel {
        flex-direction: column;
    }

    .news-sidebar {
        flex-direction: column;
    }

    .carousel-image {
        height: 300px;
    }

    .jce-news__tabs {
        flex-wrap: wrap;
    }
}

/* ===== Bootstrap Pages - Only override where needed ===== */
.page-bootstrap {
    --jce-primary: #cb992d;
    --jce-secondary: #653d27;
    --jce-dark-brown: #593624;
    --jce-light-brown: #C19A6B;
    --jce-beige: #F5EFE7;
    --jce-cream: #FAF6F0;
    --jce-white: #FFFFFF;
    --jce-text-dark: #2C2416;
    --jce-text-gray: #666666;
}

/* Bootstrap overrides consolidated - only specific overrides */
.page-bootstrap .jce-header .nav-link,
.page-bootstrap .navbar-nav .nav-link {
    color: var(--jce-text-dark) !important;
    font-size: 0.9rem;}

.page-bootstrap .jce-header .nav-link:hover,
.page-bootstrap .jce-header .nav-link.active,
.page-bootstrap .navbar-nav .nav-link:hover,
.page-bootstrap .navbar-nav .nav-link.active {
    color: var(--jce-primary) !important;
    border-bottom: 2px solid var(--jce-primary);
}

/* Hero - consolidated */
.page-bootstrap .jce-hero {
    background: var(--jce-beige);
    background-image: url('assets/image/hether.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    position: relative;
}

.page-bootstrap .jce-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.page-bootstrap .jce-hero .container,
.page-bootstrap .jce-hero .container-fluid {
    position: relative;
    z-index: 1;
}

/* Cards - Bootstrap */
.page-bootstrap .jce-card {
    background-color: var(--jce-cream);
    border-radius: 10px;}

.page-bootstrap .jce-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}

.page-bootstrap .jce-card .card-title {
    color: var(--jce-dark-brown);
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Buttons - Bootstrap */
.page-bootstrap .jce-btn {
    background-color: var(--jce-secondary);
    color: var(--jce-white);
    border: none;
    border-radius: 15px;
    padding: 0.6rem 1.5rem;
    font-weight: 600;
    font-size: 0.85rem;}

.page-bootstrap .jce-btn:hover {
    background-color: var(--jce-primary);
    color: var(--jce-white);
}

/* Tabs */
.page-bootstrap .jce-news-tab {
    background-color: var(--jce-secondary);
    color: var(--jce-primary);
    font-size: 1rem;    

.page-bootstrap .jce-news-tab:hover {
    opacity: 0.9;
}

.page-bootstrap .jce-news-tab.active {
    background-color: var(--jce-primary);
    color: var(--jce-secondary);
}

.page-bootstrap .jce-tab-icon {}

.page-bootstrap .jce-news-tab:not(.active) .jce-tab-icon {
    filter: brightness(0.8) saturate(1.5);
}

.page-bootstrap .jce-news-tab.active .jce-tab-icon {
    filter: brightness(0.5) saturate(1.2);
}

.page-bootstrap .filter-white {
    filter: brightness(0) invert(1);
}

/* Accordion & Lists */
.page-bootstrap .accordion-button:not(.collapsed) {
    background-color: rgba(139, 105, 20, 0.1);
    color: var(--jce-dark-brown);
}

.page-bootstrap .accordion-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(139, 105, 20, 0.25);
}

.page-bootstrap .list-group-item {
    border: none;
    background-color: white;}

.page-bootstrap .list-group-item:hover {    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Alerts & Sections */
.page-bootstrap .alert {}

.page-bootstrap .alert:hover {    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.page-bootstrap .jce-section-cream {
    background-color: var(--jce-cream);
}

.page-bootstrap .jce-section-title {
    color: var(--jce-dark-brown);
    font-size: 1.8rem;
}

/* Map & Carousel unified */
.page-bootstrap .jce-map-legend-low,
.page-bootstrap .jce-map-legend-medium,
.page-bootstrap .jce-map-legend-high {
    width: 40px;
    height: 20px;
    border: 1px solid #ccc;
}

.page-bootstrap .jce-map-legend-low { background-color: #F5EFE7; }
.page-bootstrap .jce-map-legend-medium { background-color: #C19A6B; }
.page-bootstrap .jce-map-legend-high { background-color: #5D3A1A; }

.page-bootstrap .jce-map-info-text { color: var(--jce-primary); }
.page-bootstrap .jce-carousel-image { height: 400px; object-fit: cover; }
.page-bootstrap .jce-carousel-thumb { height: 80px; width: 100%; object-fit: cover; }

/* Cards titles and education */
.page-bootstrap .jce-card-title-primary { color: var(--jce-primary); }
.page-bootstrap .jce-education-card {
    background-color: var(--jce-beige);
    border-color: var(--jce-light-brown);
}

/* FAQ */
.page-bootstrap .jce-faq-badge {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-bootstrap .jce-faq-card {
    background: linear-gradient(135deg, #F7F1E8 0%, #E6D2B6 55%, #D1B48C 100%);
}

.page-bootstrap .jce-faq-illustration {
    width: 100%;
    max-width: 340px;
    height: auto;
    object-fit: contain;
    opacity: 1;
    border-radius: 12px;
    filter: saturate(0.9) contrast(0.95) brightness(1.03);
    box-shadow: 0 10px 24px rgba(89, 54, 36, 0.12);
}


/* Footer & Social */
.page-bootstrap .jce-footer-social { width: 35px; height: 35px; }
.page-bootstrap .jce-footer { background-color: var(--jce-dark-brown); color: white; }

/* Modal */
.page-bootstrap .jce-modal-card {
    border-radius: 15px;
    color: var(--jce-primary);
    background-color: var(--jce-dark-brown);
}

.page-bootstrap #modalUnidadMovil .row>div:nth-child(2) .jce-modal-card {
    background-color: var(--jce-primary);
    color: var(--jce-secondary);
}

.page-bootstrap .jce-btn-light {
    background-color: var(--jce-primary);
    color: var(--jce-dark-brown);
    border: none;
    border-radius: 15px;
    padding: 0.6rem 1.5rem;
    font-weight: 600;}

/* Comunicaciones y Avisos */
.page-bootstrap .jce-comms-hero {
    background: linear-gradient(135deg, #FBF7F1 0%, #F1E3D1 100%);
}

.page-bootstrap .jce-comms-hero__title {
    color: var(--jce-dark-brown);
    font-size: 2.6rem;
}

.page-bootstrap .jce-comms-hero__card {
    background: white;
    border-radius: 16px;
    min-width: 260px;
}

.page-bootstrap .jce-comms-card {
    border-radius: 16px;
}

.page-bootstrap .jce-comms-card .badge {
    letter-spacing: 0.03em;
}

.page-bootstrap .jce-comms-alert {
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/* Desinformacion */
.page-bootstrap .jce-desinfo-hero {
    background: radial-gradient(circle at top left, #FFF6E6 0%, #F6E4CE 45%, #EAD2B2 100%);
}

.page-bootstrap .jce-desinfo-hero__title {
    color: var(--jce-dark-brown);
    font-size: 2.8rem;
}

.page-bootstrap .jce-desinfo-pill {
    display: inline-block;
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    background: rgba(203, 153, 45, 0.15);
    color: var(--jce-secondary);
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 0.75rem;
}

.page-bootstrap .jce-desinfo-hero__panel {
    background: #ffffff;
    border-radius: 18px;
    padding: 1.5rem;
}

.page-bootstrap .jce-desinfo-stat {
    color: var(--jce-secondary);
    font-size: 1.4rem;
}

.page-bootstrap .jce-desinfo-search .input-group-text {
    border-radius: 12px 0 0 12px;
}

.page-bootstrap .jce-desinfo-search .form-control {
    border-radius: 0 12px 12px 0;
}

.page-bootstrap .jce-desinfo-step {
    background: #fff;
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
}

.page-bootstrap .jce-desinfo-step__number {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--jce-primary);
    color: var(--jce-secondary);
    font-weight: 700;
    margin-bottom: 1rem;
}

.page-bootstrap .jce-desinfo-myth-card {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.page-bootstrap .jce-desinfo-myth-card__header {
    background: linear-gradient(135deg, #FDE8E1 0%, #F7D1C5 100%);
    padding: 1.25rem 1.5rem;
    display: grid;
    gap: 0.5rem;
}

.page-bootstrap .jce-desinfo-myth-card__body {
    padding: 1.25rem 1.5rem 1.5rem;
}

.page-bootstrap .jce-desinfo-fact {
    background: #F1FAF4;
    border-radius: 14px;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(25, 135, 84, 0.15);
}

.page-bootstrap .jce-desinfo-timeline {
    display: grid;
    gap: 1rem;
}

.page-bootstrap .jce-desinfo-timeline__item {
    background: #ffffff;
    border-radius: 16px;
    padding: 1rem 1.25rem;
    border-left: 4px solid rgba(203, 153, 45, 0.6);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
}

.page-bootstrap .jce-desinfo-resource-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
    display: grid;
    gap: 0.75rem;
}

/* Multimedia */
.page-bootstrap .jce-media-hero {
    background: radial-gradient(circle at top left, #FFF7E9 0%, #F3DEC4 45%, #E6C7A1 100%);
}

.page-bootstrap .jce-media-hero__title {
    color: var(--jce-dark-brown);
    font-size: 2.8rem;
}

.page-bootstrap .jce-media-pill {
    display: inline-block;
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    background: rgba(203, 153, 45, 0.15);
    color: var(--jce-secondary);
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 0.75rem;
}

.page-bootstrap .jce-media-hero__panel {
    background: #ffffff;
    border-radius: 18px;
    padding: 1.5rem;
}

.page-bootstrap .jce-media-stat {
    color: var(--jce-secondary);
    font-size: 1.4rem;
}

.page-bootstrap .jce-media-hero__stats {
    display: flex;
    gap: 2.5rem;
    flex-wrap: wrap;
}

.page-bootstrap .jce-media-search .input-group-text {
    border-radius: 12px 0 0 12px;
}

.page-bootstrap .jce-media-search .form-control {
    border-radius: 0 12px 12px 0;
}

.page-bootstrap .jce-media-hero__mosaic {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.page-bootstrap .jce-media-tile {
    border-radius: 18px;
    min-height: 150px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}

.page-bootstrap .jce-media-tile--video {
    background: linear-gradient(135deg, #E9C49B 0%, #C99961 100%);
}

.page-bootstrap .jce-media-tile--video-alt {
    background: linear-gradient(135deg, #DDBFA0 0%, #B8834F 100%);
}

.page-bootstrap .jce-media-tile--info {
    background: linear-gradient(135deg, #D7E6F5 0%, #A8C5E6 100%);
}

.page-bootstrap .jce-media-tile--guide {
    background: linear-gradient(135deg, #E9F4EC 0%, #C5E0D2 100%);
}

.page-bootstrap .jce-media-chip {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--jce-secondary);
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.page-bootstrap .jce-media-play {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--jce-secondary);
    position: absolute;
    top: 16px;
    left: 16px;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12);
}

.page-bootstrap .jce-media-video-card {
    position: relative;
    border-radius: 18px;
    min-height: 220px;
    background: linear-gradient(135deg, #6C4A2F 0%, #B57B45 100%);
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.page-bootstrap .jce-media-video-card--large {
    min-height: 420px;
}

.page-bootstrap .jce-media-video-card__content {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    color: #fff;
}

.page-bootstrap .jce-media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
}

.page-bootstrap .jce-media-poster {
    border-radius: 20px;
    min-height: 220px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.5rem;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
}

.page-bootstrap .jce-media-poster--info {
    background: linear-gradient(135deg, #D7E6F5 0%, #A8C5E6 100%);
}

.page-bootstrap .jce-media-poster--guide {
    background: linear-gradient(135deg, #E9F4EC 0%, #C5E0D2 100%);
}

.page-bootstrap .jce-media-cta {
    background: linear-gradient(135deg, #FBF5EC 0%, #EAD1AF 100%);
}

/* Modal Unidad Movil - Boton Segundo Card */
.page-bootstrap #modalUnidadMovil .row>div:nth-child(2) .jce-btn-light {
    background-color: var(--jce-secondary);
    color: var(--jce-white);
}

/* Responsive - Usando breakpoints de Bootstrap */
@media (max-width: 992px) {
    .page-bootstrap .jce-hero__logo {
        height: 150px;
    }

    .page-bootstrap .jce-hero__title {
        font-size: 2.2rem;
    }

    .page-bootstrap .jce-hero__subtitle {
        font-size: 1.9rem;
    }

    .page-bootstrap .jce-hero__greeting {
        font-size: 2.5rem;
    }

    .page-bootstrap .jce-hero__avatar {
        width: 150px;
        height: 150px;
    }

    .page-bootstrap .jce-hero__avatar img {
        width: 150px;
        height: 150px;
    }

    .page-bootstrap .jce-hero__name {
        font-size: 1.6rem;
    }

    .page-bootstrap .jce-hero__help {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .page-bootstrap .jce-hero {
        min-height: auto;
        padding: 3rem 0;
    }

    .page-bootstrap .jce-hero__logo {
        height: 200px;
    }

    .page-bootstrap .jce-hero__title {
        font-size: 1.8rem;
    }

    .page-bootstrap .jce-hero__subtitle {
        font-size: 1.5rem;
    }

    .page-bootstrap .jce-hero__greeting {
        font-size: 2rem;
    }

    .page-bootstrap .jce-hero__avatar {
        width: 130px;
        height: 130px;
    }

    .page-bootstrap .jce-hero__avatar img {
        width: 130px;
        height: 130px;
    }

    .page-bootstrap .jce-hero__name {
        font-size: 1.4rem;
    }

    .page-bootstrap .jce-hero__help {
        font-size: 0.95rem;
    }

    .page-bootstrap .jce-hero input.form-control {
        max-width: 100%;
    }
}

/* ===== CONTACTO PAGE STYLES ===== */
.jce-contact-card {
    background: white;
    border-radius: var(--jce-radius-md);
    box-shadow: var(--jce-shadow-md);
    padding: 2rem;
    margin-bottom: 2rem;
    border-left: 5px solid var(--jce-primary);}

.jce-contact-card:hover {    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.jce-contact-title {
    color: var(--jce-primary);
    font-weight: bold;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.jce-contact-item {
    background: var(--jce-cream);
    padding: 1.2rem;
    border-radius: var(--jce-radius-md);
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.jce-contact-item:last-child {
    margin-bottom: 0;
}

.jce-contact-icon {
    color: var(--jce-secondary);
    font-size: 1.2rem;
    min-width: 30px;
    text-align: center;
    margin-top: 0.2rem;
}

.jce-contact-text {
    flex: 1;
}

.jce-contact-text p {
    margin: 0.3rem 0;
    color: #333;
}

.jce-contact-label {
    color: var(--jce-primary);
    font-weight: bold;
    font-size: 0.95rem;
}

.jce-contact-value {
    color: #555;
    font-size: 0.95rem;
}

.jce-social-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.jce-social-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: var(--jce-cream);
    border: 2px solid var(--jce-secondary);
    border-radius: var(--jce-radius-md);
    text-decoration: none;
    color: var(--jce-primary);
    font-weight: bold;
    font-size: 0.9rem;}

.jce-social-btn:hover {
    background: var(--jce-secondary);
    color: white;}

.jce-social-icon {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

.jce-hero-section {
    background: linear-gradient(135deg, var(--jce-primary) 0%, var(--jce-secondary) 100%);
    color: white;
    padding: 4rem 2rem;
    text-align: center;
    margin-bottom: 3rem;
    border-radius: 0 0 var(--jce-radius-md) var(--jce-radius-md);
}

.jce-hero-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.jce-linktree-card {
    background: linear-gradient(135deg, var(--jce-dark-brown) 0%, var(--jce-primary) 100%);
    border-radius: var(--jce-radius-md);
    padding: 2rem;
    text-align: center;
    color: white;
    margin-top: 3rem;
}

.jce-linktree-card h3 {
    margin-bottom: 1rem;
    font-weight: bold;
}

.jce-linktree-btn {
    background: white;
    color: var(--jce-primary);
    padding: 0.75rem 2rem;
    border-radius: var(--jce-radius-md);
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    margin-top: 1rem;}

.jce-linktree-btn:hover {    background: var(--jce-secondary);
    color: white;
}

.jce-address-section {
    background: var(--jce-beige);
    padding: 1.5rem;
    border-radius: var(--jce-radius-md);
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .jce-hero-section {
        padding: 2.5rem 1.5rem;
    }
    
    .jce-hero-icon {
        font-size: 2.5rem;
    }
    
    .jce-social-grid {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
    
    .jce-contact-card {
        padding: 1.5rem;
    }
}

/* Contacto page navbar */
.jce-contact-navbar {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.jce-contact-navbar-brand {
    color: var(--jce-primary);
    font-size: 1.3rem;
}

/* Contacto page hero title */
.jce-contact-hero-title {
    font-size: 2.5rem;
    font-weight: bold;
}

/* Section subtitle */
.jce-contact-section-subtitle {
    color: #666;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
}

/* Address transparent item */
.jce-contact-item-transparent {
    background: transparent;
    gap: 0.5rem;
}

/* Strong primary color text */
.jce-text-primary {
    color: var(--jce-primary);
}

/* Small footer text styling */
.jce-contact-footer-main {
    background-color: var(--jce-dark-brown);
    color: white;
    padding: 2rem;
    margin-top: 4rem;
}

.jce-footer-section-title {
    color: var(--jce-secondary);
    font-weight: bold;
}

.jce-footer-text-light {
    font-size: 0.9rem;
}

.jce-footer-text-tiny {
    font-size: 0.85rem;
    margin-bottom: 0;
    color: #ccc;
}

.jce-footer-link-list {
    list-style: none;
    padding: 0;
    font-size: 0.9rem;
}

.jce-footer-link {
    color: #ddd;
    text-decoration: none;
}

.jce-footer-link:hover {
    color: white;
    text-decoration: underline;
}

/* Linktree header flex */
.jce-linktree-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.jce-linktree-icon {
    font-size: 1.5rem;
}

.jce-linktree-text {
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

/* Extension text styling */
.jce-extension-text {
    font-size: 0.85rem;
    margin-top: 0.2rem;
}

/* ===== NAVBAR STYLES ===== */
.jce-navbar {
    background-color: white;
    box-shadow: var(--jce-shadow-sm);
    padding: 0.5rem 0;
}

.jce-navbar-brand {
    font-weight: bold;
    color: var(--jce-primary) !important;
}

.jce-navbar-brand img {
    height: 60px;
}

.jce-nav-link {
    font-weight: 600;
    color: var(--jce-primary) !important;
    font-size: 0.95rem;
    text-transform: uppercase;
    padding: 0.5rem 1rem !important;    position: relative;
}

.jce-nav-link:hover {
    color: var(--jce-secondary) !important;
}

.jce-nav-link.active {
    color: var(--jce-secondary) !important;
}

.jce-nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -5px;
    left: 50%;
    background-color: var(--jce-secondary);}

.jce-nav-link:hover::after,
.jce-nav-link.active::after {
    width: 70%;
}

.dropdown-menu {
    background-color: white;
    border: 1px solid var(--jce-secondary);
    border-radius: var(--jce-radius-md);
    box-shadow: var(--jce-shadow-md);
}

.dropdown-item {
    color: var(--jce-primary);
    font-weight: 500;
    padding: 0.75rem 1.5rem;}

.dropdown-item:hover {
    background-color: var(--jce-cream);
    color: var(--jce-secondary);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--jce-cream);
    color: var(--jce-secondary);
}

.nav-link.dropdown-toggle::after {
    content: '';
}

/* ===== SERVICIOS Y REQUISITOS PAGE STYLES ===== */
.jce-service-header {
    background: linear-gradient(135deg, var(--jce-primary) 0%, var(--jce-secondary) 100%);
    color: var(--jce-white);
    padding: 1.2rem;
    border-radius: var(--jce-radius-sm) var(--jce-radius-sm) 0 0;
}

.jce-service-header h3.fw-bold{
    color: var(--jce-secondary) !important;
}

.jce-service-card {
    border: none;
    box-shadow: var(--jce-shadow-md);
    border-radius: var(--jce-radius-md);
    overflow: hidden;}

.jce-service-card:hover {
    box-shadow: var(--jce-shadow-hover);}

.jce-info-alert {
    background-color: #e8f4f8;
    border-left: 4px solid var(--jce-secondary);
    color: var(--jce-text-dark);
}

.jce-check-icon {
    color: var(--jce-primary);
}

.jce-doc-badge {
    background-color: var(--jce-beige);
    color: var(--jce-text-dark);
    padding: 0.25rem 0.75rem;
    border-radius: var(--jce-radius-sm);
    font-size: var(--jce-font-size-sm);
}

.jce-ocupacion-card {
    border: 2px solid var(--jce-secondary);
    border-radius: var(--jce-radius-md);}

.jce-ocupacion-card:hover {
    border-color: var(--jce-primary);
    box-shadow: var(--jce-shadow-md);
}

.jce-ocupacion-card h5 {
    color: var(--jce-secondary);
}

.jce-accordion-button {
    background-color: var(--jce-white);
    color: var(--jce-secondary);
    font-weight: 600;
}

.jce-accordion-button:not(.collapsed) {
    background-color: var(--jce-beige);
    color: var(--jce-primary);
}

.jce-warning-alert {
    background-color: #fff8e1;
    border-left: 4px solid var(--jce-secondary);
    color: var(--jce-text-dark);
}

.jce-cta-card {
    background: linear-gradient(135deg, var(--jce-primary) 0%, var(--jce-dark-brown) 100%);
    color: var(--jce-white);
    border-radius: var(--jce-radius-md);
}

.jce-btn-light-custom {
    background-color: var(--jce-white);
    color: var(--jce-primary) !important;
    border: none;
    font-weight: 600;}

.jce-btn-light-custom:hover {
    background-color: var(--jce-beige);
    color: var(--jce-primary);
}

.jce-btn-outline-custom {
    background-color: transparent;
    color: var(--jce-white) !important;
    border: 2px solid var(--jce-white);
    font-weight: 600;}

.jce-btn-outline-custom:hover {
    background-color: var(--jce-white);
    color: var(--jce-primary) !important;
}

/* ===== GALERÍA CONOCE TU CÉDULA STYLES ===== */

/* Main Gallery Container */
.cedula-gallery-container {
    margin-bottom: 2rem;
}

.cedula-main-viewer {
    border-radius: var(--jce-radius-lg) !important;
    overflow: hidden;}

.cedula-main-viewer:hover {
    box-shadow: var(--jce-shadow-hover) !important;
}

.cedula-viewer-header {
    background: linear-gradient(135deg, var(--jce-primary), var(--jce-secondary));
    color: var(--jce-white);
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cedula-viewer-header h5 {
    margin: 0;
    font-weight: 700;
    font-size: 1.1rem;
}

.cedula-viewer-body {
    padding: 2rem;
    background-color: #f9f9f9;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cedula-image-wrapper {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.cedula-image-main {
    width: 100%;
    height: auto;
    border-radius: var(--jce-radius-md);
    box-shadow: var(--jce-shadow-lg);}

.cedula-image-main:hover {}

.cedula-badge {
    position: absolute;
    bottom: 1rem;
    right: 1rem;}

    50% {
        opacity: 0.7;
    }
}

/* Info Panel */
.cedula-info-panel {
    border-radius: var(--jce-radius-lg) !important;
}

.cedula-info-panel .card-header {
    border-radius: var(--jce-radius-lg) var(--jce-radius-lg) 0 0 !important;
    padding: 1.5rem !important;
    border: none !important;
}

.cedula-info-panel .card-header h5 {
    margin: 0;
    font-weight: 700;
}

.cedula-info-panel .card-body {
    padding: 1.5rem !important;
}

.security-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.security-features-list li {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.2rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--jce-beige);
    align-items: flex-start;
}

.security-features-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.feature-icon {
    font-size: 1.8rem;
    min-width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.security-features-list strong {
    color: var(--jce-primary);
    display: block;
    margin-bottom: 0.3rem;
    font-size: 0.95rem;
}

.security-features-list small {
    color: var(--jce-text-gray);
    font-size: 0.85rem;
    line-height: 1.3;
}

/* Cedula Type Cards */
.cedula-type-card {
    border-radius: var(--jce-radius-lg) !important;
    overflow: hidden;    height: 100%;
}

.cedula-type-card:hover {    box-shadow: var(--jce-shadow-hover) !important;
}

.cedula-type-image {
    position: relative;
    height: 220px;
    overflow: hidden;
    background-color: #e9e9e9;
}

.cedula-type-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;}

.cedula-type-card:hover .cedula-type-image img {}

.cedula-type-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.5rem 1rem;
    border-radius: var(--jce-radius-pill);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--jce-white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cedula-type-badge span {
    display: block;
}

.cedula-type-badge.badge-blue {
    background-color: var(--jce-secondary);
}

.cedula-type-badge.badge-green {
    background-color: var(--jce-secondary);
}

.cedula-type-badge.badge-gold {
    background-color: var(--jce-secondary);
}

.cedula-type-card .card-body {
    padding: 1.5rem;
}

.cedula-type-card h6 {
    color: var(--jce-primary);
    margin-bottom: 0.8rem;
    font-size: 1rem;
    line-height: 1.4;
}

.cedula-type-card p {
    color: var(--jce-text-gray);
    margin: 0;
    line-height: 1.5;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .cedula-viewer-header {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .cedula-viewer-header h5 {
        width: 100%;
    }

    .cedula-viewer-body {
        min-height: 300px;
        padding: 1.5rem;
    }

    .cedula-image-wrapper {
        max-width: 100%;
    }

    .cedula-badge {
        bottom: 0.5rem;
        right: 0.5rem;
    }
}

/* ===== CÉDULA EXPAND MODAL STYLES ===== */

#cedulaExpandModal .modal-dialog {
    max-width: 90vw;
}

#cedulaExpandModal .modal-content {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.95), rgba(44, 36, 22, 0.95));
    border-radius: var(--jce-radius-lg);
}

#cedulaExpandModal .modal-header {
    padding: 1.5rem;
}

#cedulaExpandModal .modal-title {
    font-weight: 700;
    font-size: 1.1rem;
}

#cedulaExpandModal .modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.95));
}

#cedulaExpandModal img {
    box-shadow: 0 0 50px rgba(212, 161, 68, 0.3);}

#cedulaExpandModal img:hover {}

#cedulaExpandModal .modal-footer {
    padding: 1.5rem;
    gap: 1rem;
}

#cedulaExpandModal .btn-outline-light {
    border-color: var(--jce-secondary);
    color: var(--jce-secondary);
    font-weight: 600;}

#cedulaExpandModal .btn-outline-light:hover {
    background-color: var(--jce-secondary);
    border-color: var(--jce-secondary);
    color: var(--jce-white);
}

/* Responsive para modal */
@media (max-width: 768px) {
    #cedulaExpandModal .modal-body {
        min-height: 400px;
        padding: 1rem;
    }

    #cedulaExpandModal .modal-header {
        padding: 1rem;
    }

    #cedulaExpandModal .modal-footer {
        padding: 1rem;
        flex-direction: column;
    }

    #cedulaExpandModal .btn {
        width: 100%;
    }
}

/* ===== CEDULA TYPE MODAL STYLES ===== */

#cedulaTypeModal .modal-dialog {
    max-width: 90vw;
}

#cedulaTypeModal .modal-content {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.95), rgba(44, 36, 22, 0.95));
    border-radius: var(--jce-radius-lg);
}

#cedulaTypeModal .modal-header {
    padding: 1.5rem;
}

#cedulaTypeModal .modal-title {
    font-weight: 700;
    font-size: 1.1rem;
}

#cedulaTypeModal .modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.95));
}

#cedulaTypeModal img {
    box-shadow: 0 0 50px rgba(212, 161, 68, 0.3);}

#cedulaTypeModal img:hover {}

#cedulaTypeModal .modal-footer {
    padding: 1.5rem;
    gap: 1rem;
}

#cedulaTypeModal .btn-outline-light {
    border-color: var(--jce-secondary);
    color: var(--jce-secondary);
    font-weight: 600;}

#cedulaTypeModal .btn-outline-light:hover {
    background-color: var(--jce-secondary);
    border-color: var(--jce-secondary);
    color: var(--jce-white);
}

/* Responsive para modal de tipos */
@media (max-width: 768px) {
    #cedulaTypeModal .modal-body {
        min-height: 400px;
        padding: 1rem;
    }

    #cedulaTypeModal .modal-header {
        padding: 1rem;
    }

    #cedulaTypeModal .modal-footer {
        padding: 1rem;
        flex-direction: column;
    }

    #cedulaTypeModal .btn {
        width: 100%;
    }
}


/* ===== Utility Classes for Inline Styles ===== */

/* Icon Circle Styles */
.jce-icon-circle {
    width: 80px;
    height: 80px;
    background-color: rgba(212, 161, 68, 0.25);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Cursor Zoom In */
.jce-cursor-zoom {
    cursor: zoom-in;
}

/* Card Header Gradient */
.jce-card-header-gradient {
    background: linear-gradient(135deg, var(--jce-primary), var(--jce-secondary));
    color: white;
}

/* Alert Custom Style */
.jce-alert-custom {
    background-color: rgba(212, 161, 68, 0.1);
    border-color: var(--jce-secondary);
}

/* Primary Color Text */
.jce-text-primary-color {
    color: var(--jce-primary);
}

/* Secondary Color Icon */
.jce-icon-secondary-color {
    color: var(--jce-secondary);
}

/* Feature List No Border */
.jce-feature-list-no-border {
    border-bottom: none;
}

/* Feature List Item No Border */
.jce-feature-list-item-no-border {
    border-bottom: none;
    font-weight: 600;
}

/* Feature List Item No Border No Padding */
.jce-feature-list-item-no-border-no-padding {
    border-bottom: none;
    font-weight: 600;
    padding-bottom: 0;
}

/* Modal Image Container */
.jce-modal-image {
    max-height: 80vh;
    object-fit: contain;
}

/* News and Footer Styles */
.jce-news-title {
    font-size: 2.5rem;
    color: var(--jce-primary);
}

.jce-card-border-secondary {
    border-left: 5px solid var(--jce-secondary);
}

.jce-card-date {
    color: var(--jce-secondary);
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.jce-btn-primary {
    background-color: var(--jce-primary);
    color: white;
}

.jce-btn-primary:hover {
    background-color: var(--jce-dark-brown);
    color: white;
}

.jce-footer-custom {
    background-color: var(--jce-dark-brown);
    color: white;
    padding: 2rem;
    margin-top: 4rem;
}

.jce-footer-title {
    color: var(--jce-secondary);
    font-weight: bold;
}

.jce-footer-text {
    font-size: 0.9rem;
}

.jce-footer-copyright {
    font-size: 0.85rem;
    margin-bottom: 0;
    color: #ccc;
}

.jce-footer-links {
    list-style: none;
    padding: 0;
    font-size: 0.9rem;
}

.jce-footer-link {
    color: #ddd;
    text-decoration: none;
}

.jce-footer-link:hover {
    color: var(--jce-secondary);
    text-decoration: underline;
}

.jce_img__color img{
    color: var(--jce-dark-brown) !important;
}


.eds_news_BlogOne.eds_subCollection_news .in_article_image .image_wrapper img {
  width: 1280px;
}

.titulo__primary_jce{
    color: var(--jce-primary) !important;
}


/* ===== ACORDIÓN - Botones de Provincias ===== */
.page-centros .accordion-button,
.centros-cedulacion-modulo .accordion-button {
    background: #F5F1E8 !important;
    color: var(--jce-secondary) !important;
    padding: 1.5rem 2rem !important;
    font-weight: bold !important;
    font-size: 1.5rem !important;
    box-shadow: none !important;
    border-bottom: 2px solid #E8E0D5 !important;
}

/* Estado Activo del Acordión */
.page-centros .accordion-button:not(.collapsed),
.centros-cedulacion-modulo .accordion-button:not(.collapsed) {
    background: #FFFFFF !important;
    color: var(--jce-secondary) !important;
    border-bottom: 2px solid var(--jce-primary) !important;
    box-shadow: none !important;
}

/* Focus del Acordión */
.page-centros .accordion-button:focus,
.centros-cedulacion-modulo .accordion-button:focus {
    box-shadow: none !important;
    border-color: var(--jce-primary) !important;
}

/* Ícono del Acordión */
.page-centros .accordion-button::after,
.centros-cedulacion-modulo .accordion-button::after {
    filter: brightness(0.4) invert(0) !important;
}

/* Contenedor del Acordión */
.page-centros .accordion-item,
.centros-cedulacion-modulo .accordion-item {
    border: 1px solid #E8E0D5 !important;
    margin-bottom: 1.5rem !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

/* Body del Acordión (contenido interno) */
.page-centros .accordion-body,
.centros-cedulacion-modulo .accordion-body {
    padding: 2rem !important;
    background: #FAFAF9 !important;
}

/* Tarjeta de Centro */
.page-centros .center-card,
.centros-cedulacion-modulo .center-card {
    background: white !important;
    border-radius: 12px !important;
    padding: 1.8rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    border-left: 3px solid var(--jce-primary) !important;
}

/* Efecto Hover de la Tarjeta */
.page-centros .center-card:hover,
.centros-cedulacion-modulo .center-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    border-left-color: var(--jce-secondary) !important;
}

/* Desinformacion*/
/* ===== Desinformación Page Styles ===== */

/* Hero Section Icon Badge */
.jcev2-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    background: rgba(211, 159, 24, 0.1);
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    border: 2px solid var(--jce-primary);
}

.jcev2-hero__badge-icon {
    font-size: 1.5rem;
}

.jcev2-hero__badge-text {
    font-weight: bold;
    color: var(--jce-secondary);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
}

/* Hero Background */
.jcev2-hero {
    background: linear-gradient(135deg, #FAF6F0 0%, #F5EFE7 100%);
    min-height: 60vh;
    display: flex;
    align-items: center;
}

/* Hero Title */
.jcev2-hero__title {
    font-size: 3.5rem;
    font-weight: 900;
    color: var(--jce-secondary);
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

.jcev2-hero__title--highlight {
    color: var(--jce-primary);
}

/* Hero Description */
.jcev2-hero__description {
    font-size: 1.3rem;
    color: var(--jce-text-gray);
    margin-bottom: 2.5rem;
    line-height: 1.6;
}

a {
    text-decoration: none !important;
}

/* Hero Buttons */
.jcev2-hero__buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.jcev2-btn--primary {
    background-color: var(--jce-primary) !important;
    color: white !important;
    padding: 1rem 2.5rem;
    border-radius: 12px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    box-shadow: 0 4px 15px rgba(211, 159, 24, 0.3);
}

.jcev2-btn--primary:hover {
    background-color: var(--jce-secondary) !important;
    color: white !important;   
}

.jcev2-btn--secondary {
    background-color: transparent !important;
    color: var(--jce-secondary) !important;
    padding: 1rem 2.5rem;
    border-radius: 12px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    border: 2px solid var(--jce-secondary);
}

.jcev2-btn--secondary:hover {
    background-color: var(--jce-secondary) !important;
    color: white !important;
    border-color: var(--jce-secondary-dark);
    box-shadow: 0 6px 20px rgba(111, 64, 38, 0.4);
}

/* Hero Info Card */
.jcev2-hero__info-card {
    background: white;
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    border: 3px solid var(--jce-primary);
}

.jcev2-hero__info-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.jcev2-hero__info-icon {
    font-size: 3rem;
}

.jcev2-hero__info-title {
    font-weight: bold;
    color: var(--jce-secondary);
    margin: 0;
}

.jcev2-hero__info-date {
    color: var(--jce-text-gray);
    margin: 0;
    font-size: 0.9rem;
}

.jcev2-hero__info-divider {
    border-color: var(--jce-primary);
    opacity: 0.3;
    margin: 1.5rem 0;
}

.jcev2-hero__stat-box {
    background: linear-gradient(135deg, rgba(211, 159, 24, 0.1) 0%, rgba(211, 159, 24, 0.05) 100%);
    padding: 1rem;
    border-radius: 12px;
}

.jcev2-hero__stat-box--secondary {
    background: linear-gradient(135deg, rgba(111, 64, 38, 0.1) 0%, rgba(111, 64, 38, 0.05) 100%);
}

.jcev2-hero__stat-number {
    font-size: 2rem;
    font-weight: 900;
    color: var(--jce-primary);
    margin: 0;
}

.jcev2-hero__stat-number--secondary {
    color: var(--jce-secondary);
}

.jcev2-hero__stat-label {
    color: var(--jce-text-gray);
    font-weight: 600;
}

/* Section Titles */
.jcev2-section__title {
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--jce-secondary);
    margin-bottom: 1rem;
}

.jcev2-section__title--highlight {
    color: var(--jce-primary);
}

.jcev2-section__subtitle {
    font-size: 1.2rem;
    color: var(--jce-text-gray);
    max-width: 700px;
    margin: 0 auto;
}

/* Grid Auto-fit Layout */
.jcev2-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.jcev2-grid--wide {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

/* Numbered Signal Cards */
.jcev2-signal-card {
    background: white;
    padding: 2.5rem 2rem;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border-left: 5px solid var(--jce-primary);
    transition: all 0.3s ease;
    position: relative;
}

.jcev2-signal-card--secondary {
    border-left-color: var(--jce-secondary);
}

.jcev2-signal-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.jcev2-signal-card__number {
    position: absolute;
    top: -20px;
    left: 20px;
    background: var(--jce-primary);
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 900;
    box-shadow: 0 4px 15px rgba(211, 159, 24, 0.3);
}

.jcev2-signal-card__number--secondary {
    background: var(--jce-secondary);
    box-shadow: 0 4px 15px rgba(111, 64, 38, 0.3);
}

.jcev2-signal-card__content {
    margin-top: 2rem;
}

.jcev2-signal-card__title {
    font-weight: bold;
    color: var(--jce-secondary);
    margin-bottom: 1rem;
}

.jcev2-signal-card__description {
    color: var(--jce-text-gray);
    line-height: 1.7;
    margin-bottom: 1rem;
}

.jcev2-signal-card__example {
    background: rgba(211, 159, 24, 0.1);
    padding: 1rem;
    border-radius: 10px;
    border-left: 3px solid var(--jce-primary);
}

.jcev2-signal-card__example--secondary {
    background: rgba(111, 64, 38, 0.1);
    border-left-color: var(--jce-secondary);
}

.jcev2-signal-card__example-text {
    margin: 0;
    color: var(--jce-secondary);
    font-weight: 600;
    font-size: 0.9rem;
}

.jcev2-signal-card__example-icon {
    color: var(--jce-primary);
}

/* Impact Cards */
.jcev2-impact-card {
    background: white;
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border-top: 4px solid #dc2626;
    transition: transform 0.3s ease;
}

.jcev2-impact-card--red {
    border-top-color: #dc2626;
}

.jcev2-impact-card--orange {
    border-top-color: #f59e0b;
}

.jcev2-impact-card--green {
    border-top-color: #10b981;
}

.jcev2-impact-card--blue {
    border-top-color: #3b82f6;
}

.jcev2-impact-card--purple {
    border-top-color: #8b5cf6;
}

.jcev2-impact-card__number {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 2rem;
}

.jcev2-impact-card__number--red {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
}

.jcev2-impact-card__number--orange {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.jcev2-impact-card__number--green {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.jcev2-impact-card__number--blue {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.jcev2-impact-card__number--purple {
    background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
}

.jcev2-impact-card__title {
    font-weight: bold;
    color: var(--jce-secondary);
    margin-bottom: 1rem;
}

.jcev2-impact-card__description {
    color: var(--jce-text-gray);
    line-height: 1.7;
}

/* CTA Box */
.jcev2-cta {
    margin-top: 4rem;
    background: linear-gradient(135deg, var(--jce-primary) 0%, rgba(211, 159, 24, 0.8) 100%);
    padding: 3rem 2rem;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 8px 30px rgba(211, 159, 24, 0.3);
}

.jcev2-cta__button:hover {
    background-color: var(--jce-secondary) !important;
    box-shadow: 0 6px 20px rgba(211, 159, 24, 0.4);
    color: white !important;
    transform: translateY(-3px);
}

.jcev2-cta__title {
    color: white;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.jcev2-cta__description {
    color: white;
    margin-bottom: 2rem;
    font-size: 1.1rem;
    opacity: 0.95;
}

.jcev2-cta__button {
    background-color: white !important;
    color: var(--jce-primary) !important;
    padding: 1rem 3rem;
    border-radius: 12px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Channel Cards */
.jcev2-channel-card {
    background: linear-gradient(135deg, var(--jce-primary) 0%, rgba(211, 159, 24, 0.8) 100%);
    padding: 2.5rem 1.5rem;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(211, 159, 24, 0.3);
    transition: transform 0.3s ease;
    height: 100%;
}

/* Grid Card Image (for Channel Icons) */
.jcev2-channel-card__image {
    width: 150px !important;
    height: 150px !important;
    display: block !important;
    margin: 0 auto 1.5rem !important;
    object-fit: contain !important;
    padding: 1rem !important;    
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}

.jcev2-channel-card--secondary {
    background: linear-gradient(135deg, var(--jce-secondary) 0%, rgba(111, 64, 38, 0.8) 100%);
    box-shadow: 0 4px 15px rgba(111, 64, 38, 0.3);
}

.jcev2-channel-card__title {
    color: white;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.jcev2-channel-card__info {
    color: white;
    opacity: 0.9;
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
}

.jcev2-channel-card__button {
    background: white !important;
    color: var(--jce-primary) !important;
    padding: 0.6rem 1.5rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.85rem;
    display: inline-block;
}

.jcev2-channel-card__button:hover {
    background-color: var(--jce-secondary) !important;
    color: white !important;
    box-shadow: 0 6px 20px rgba(211, 159, 24, 0.4);
    transform: translateY(-3px);
}

.jcev2-channel-card__button--secondary {
    color: var(--jce-secondary);
}

.jcev2-channel-card__button--secondary:hover {
    background-color: var(--jce-primary);
    color: white;
    box-shadow: 0 6px 20px rgba(111, 64, 38, 0.4);
    transform: translateY(-3px);
}

/* Warning Box */
.jcev2-warning {
    margin-top: 4rem;
    background: linear-gradient(135deg, rgba(211, 159, 24, 0.15) 0%, rgba(111, 64, 38, 0.1) 100%);
    padding: 2.5rem;
    border-radius: 15px;
    border-left: 6px solid var(--jce-primary);
}

.jcev2-warning__icon {
    font-size: 4rem;
}

.jcev2-warning__title {
    font-weight: bold;
    color: var(--jce-secondary);
    margin-bottom: 1rem;
}

.jcev2-warning__description {
    color: var(--jce-dark-brown);
    line-height: 1.7;
    margin-bottom: 1rem;
}

.jcev2-warning__badges {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.jcev2-warning__badge {
    background: white;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.jcev2-warning__badge-icon {
    color: var(--jce-primary);
    font-weight: bold;
}

/* Background Utilities */
.jcev2-bg--gradient-light {
    background: linear-gradient(135deg, rgba(211, 159, 24, 0.08) 0%, rgba(111, 64, 38, 0.05) 100%);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .jcev2-hero__title {
        font-size: 2.5rem;
    }
    
    .jcev2-hero__description {
        font-size: 1.1rem;
    }
    
    .jcev2-section__title {
        font-size: 2rem;
    }
    
    .jcev2-section__subtitle {
        font-size: 1rem;
    }
    
    .jcev2-signal-card__number {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }
    
    .jcev2-signal-card {
        padding: 2rem 1.5rem;
    }
}

.jcev3-desinformacion {
    background-color: white !important;
    color: var(--jce-secondary) !important;
}

.jcev3-desinformacion__header {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-bottom: 2rem !important;
}

.jcev3-desinformacion__icon {
    width: 50px !important;
    height: 50px !important;
}

.jcev3-desinformacion__title {
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: var(--jce-secondary) !important;
    margin: 0 !important;
    font-size: 2rem !important;
}

.jcev3-desinformacion__card {
    background: linear-gradient(135deg, #FAF6F0 0%, #F5EFE7 100%) !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(211, 159, 24, 0.15) !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

.jcev3-desinformacion__content {
    padding: 3rem !important;
}

.jcev3-desinformacion__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
    align-items: start !important;
}

/* Left Column */
.jcev3-desinformacion__left {
    display: flex !important;
    flex-direction: column !important;
}

.jcev3-desinformacion__box {
    background: linear-gradient(135deg, #FFFFFF 0%, #FAF6F0 100%) !important;
    padding: 2.5rem !important;
    border-radius: 15px !important;
    color: var(--jce-secondary) !important;
    box-shadow: 0 8px 20px rgba(211, 159, 24, 0.2) !important;
}

.jcev3-desinformacion__alert-header {
    display: flex !important;
    align-items: center !important;
    gap: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.jcev3-desinformacion__alert-icon {
    background-color: rgba(211, 159, 24, 0.15) !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.jcev3-desinformacion__alert-icon i {
    color: var(--jce-primary) !important;
    font-size: 1.5rem !important;
}

.jcev3-desinformacion__alert-title {
    color: var(--jce-secondary) !important;
    margin-bottom: 0.25rem !important;
    font-weight: bold !important;
}

.jcev3-desinformacion__alert-subtitle {
    margin-bottom: 0 !important;
    opacity: 0.75 !important;
    color: var(--jce-secondary) !important;
}

.jcev3-desinformacion__description {
    font-size: 1.1rem !important;
    line-height: 1.8 !important;
    color: var(--jce-secondary) !important;
    margin-bottom: 1.5rem !important;
}

.jcev3-desinformacion__tips {
    background-color: rgba(211, 159, 24, 0.1) !important;
    color: var(--jce-secondary) !important;
    padding: 1.5rem !important;
    border-radius: 10px !important;
    margin-bottom: 1.5rem !important;
}

.jcev3-desinformacion__tips-title {
    font-weight: bold !important;
    margin-bottom: 1rem !important;
    color: var(--jce-secondary) !important;
}

.jcev3-desinformacion__tips-title i {
    color: var(--jce-primary) !important;
    margin-right: 0.5rem !important;
}

.jcev3-desinformacion__tips-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 2 !important;
    color: var(--jce-secondary) !important;
}

.jcev3-desinformacion__tips-list li {
    padding-left: 0 !important;
    color: var(--jce-secondary) !important;
}

.jcev3-desinformacion__stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
}

.jcev3-desinformacion__stat {
    flex: 1 1 calc(33.333% - 1rem) !important;
    background-color: rgba(211, 159, 24, 0.15) !important;
    padding: 1rem !important;
    border-radius: 8px !important;
    text-align: center !important;
    min-width: 100px !important;
}

.jcev3-desinformacion__stat-icon {
    font-size: 1.5rem !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
}

.jcev3-desinformacion__stat-image {
    width: 50px !important;
    height: 50px !important;
    display: block !important;
    margin: 0 auto 0.5rem !important;
    object-fit: contain !important;
}

.jcev3-desinformacion__stat-label {
    display: block !important;
    font-weight: bold !important;
    color: var(--jce-secondary) !important;
    margin-bottom: 0.25rem !important;
}

.jcev3-desinformacion__stat-text {
    display: block !important;
    color: var(--jce-secondary) !important;
    font-size: 0.85rem !important;
}

.jcev3-desinformacion__button {
    display: inline-block !important;
    background: linear-gradient(135deg, var(--jce-primary) 0%, rgba(211, 159, 24, 0.9) 100%) !important;
    color: white !important;
    padding: 1rem 2rem !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 1rem !important;
    box-shadow: 0 4px 15px rgba(211, 159, 24, 0.3) !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.jcev3-desinformacion__button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(211, 159, 24, 0.4) !important;
    color: white !important;
    text-decoration: none !important;
}

.jcev3-desinformacion__button i {
    margin-right: 0.5rem !important;
}

/* Right Column */
.jcev3-desinformacion__right {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
}

.jcev3-desinformacion__warning {
    background: linear-gradient(135deg, rgba(211, 159, 24, 0.1) 0%, rgba(211, 159, 24, 0.05) 100%) !important;
    padding: 2rem !important;
    border-radius: 15px !important;
    border: 3px solid var(--jce-primary) !important;
    box-shadow: 0 6px 16px rgba(211, 159, 24, 0.2) !important;
    text-align: center !important;
}

.jcev3-desinformacion__warning-icon {
    margin-bottom: 1rem !important;
}

.jcev3-desinformacion__warning-icon i {
    font-size: 3rem !important;
    color: var(--jce-primary) !important;
}

.jcev3-desinformacion__warning-title {
    font-weight: bold !important;
    margin-bottom: 1rem !important;
    color: var(--jce-secondary) !important;
}

.jcev3-desinformacion__warning-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    text-align: left !important;
}

.jcev3-desinformacion__warning-item {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    color: var(--jce-secondary) !important;
    font-weight: bold !important;
}

.jcev3-desinformacion__warning-item i {
    color: var(--jce-primary) !important;
    flex-shrink: 0 !important;
}

.jcev3-desinformacion__warning-item small {
    font-size: 0.9rem !important;
    color: var(--jce-secondary) !important;
}

.jcev3-desinformacion__channels {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
}

.jcev3-desinformacion__channel {
    background: linear-gradient(135deg, var(--jce-secondary) 0%, rgba(111, 64, 38, 0.85) 100%) !important;
    padding: 1.5rem !important;
    border-radius: 10px !important;
    color: white !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(111, 64, 38, 0.2) !important;
    transition: all 0.3s ease !important;
}

.jcev3-desinformacion__channel:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 20px rgba(111, 64, 38, 0.3) !important;
}

.jcev3-desinformacion__channel i {
    font-size: 1.5rem !important;
    color: var(--jce-primary) !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
}

.jcev3-desinformacion__channel p {
    margin-bottom: 0 !important;
    font-size: 0.85rem !important;
    font-weight: bold !important;
}

.jcev3-desinformacion__info {
    background: linear-gradient(135deg, rgba(211, 159, 24, 0.1) 0%, rgba(211, 159, 24, 0.05) 100%) !important;
    padding: 1.5rem !important;
    border-radius: 10px !important;
    border-left: 4px solid var(--jce-primary) !important;
}

.jcev3-desinformacion__info-title {
    font-weight: bold !important;
    margin-bottom: 0.5rem !important;
    color: var(--jce-secondary) !important;
}

.jcev3-desinformacion__info-title i {
    color: var(--jce-primary) !important;
    margin-right: 0.5rem !important;
}

.jcev3-desinformacion__info-text {
    font-size: 0.9rem !important;
    margin-bottom: 0 !important;
    color: var(--jce-secondary) !important;
}

/* Responsive */
@media (max-width: 992px) {
    .jcev3-desinformacion__grid {
        grid-template-columns: 1fr !important;
    }

    .jcev3-desinformacion__content {
        padding: 2rem !important;
    }

    .jcev3-desinformacion__title {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 576px) {
    .jcev3-desinformacion__content {
        padding: 1.5rem !important;
    }

    .jcev3-desinformacion__box {
        padding: 1.5rem !important;
    }

    .jcev3-desinformacion__stats {
        flex-direction: column !important;
    }

    .jcev3-desinformacion__stat {
        flex: 1 1 100% !important;
    }

    .jcev3-desinformacion__channels {
        grid-template-columns: 1fr !important;
    }
}

/*  Page FAQ */




/* Estilos exclusivos para la sección FAQ de preguntas-frecuentes.html */

.page-preguntas-frecuentes .jcev6-faq {
  background-color: #fff;
}

.page-preguntas-frecuentes .jcev6-faq__container {
  max-width: 1140px;
}

.page-preguntas-frecuentes .jcev6-faq__accordion {
  --jcev6-faq-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.08);
}

.page-preguntas-frecuentes .jcev6-faq__item {
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: var(--jcev6-faq-shadow);
}

.page-preguntas-frecuentes .jcev6-faq__header {
  margin-bottom: 0;
}

.page-preguntas-frecuentes .jcev6-faq__button {
  font-size: 1rem;
  line-height: 1.4;
  color: var(--jce-text-dark);
  background-color: #fff;
  box-shadow: none !important;
  padding: 1rem 1.25rem;
}

.page-preguntas-frecuentes .jcev6-faq__button:not(.collapsed) {
  background-color: #fffaf1;
  color: var(--jce-secondary);
}

.page-preguntas-frecuentes .jcev6-faq__button:focus {
  box-shadow: 0 0 0 0.2rem rgba(211, 159, 24, 0.2) !important;
}

.page-preguntas-frecuentes .jcev6-faq__button::after {
  filter: sepia(1) saturate(4) hue-rotate(340deg) brightness(0.95);
}

.page-preguntas-frecuentes .jcev6-faq__collapse {
  border-top: 0;
}

.page-preguntas-frecuentes .jcev6-faq__body {
  color: var(--jce-text-dark);
  line-height: 1.65;  
  padding: 1rem 1.25rem 1.25rem;
}

.page-preguntas-frecuentes .jcev6-faq__body p {
  font-weight: 300 !important;  
  margin-bottom: 0.85rem;
}

.page-preguntas-frecuentes .jcev6-faq__body p:last-child {
  margin-bottom: 0;
  font-weight: 300 !important;
}

.page-preguntas-frecuentes .jcev6-faq__body ul,
.page-preguntas-frecuentes .jcev6-faq__body ol {
  padding-left: 1.25rem;
}

.page-preguntas-frecuentes .jcev6-faq__body li {
  margin-bottom: 0.4rem;
}

.page-preguntas-frecuentes .jcev6-faq__body a:not(.jce-btn) {
  color: var(--jce-secondary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.page-preguntas-frecuentes .jcev6-faq .jce-btn {
  margin-top: 0.35rem;
  display: inline-block;
}

@media (max-width: 768px) {
  .page-preguntas-frecuentes .jcev6-faq__button {
    font-size: 0.93rem;
    padding: 0.9rem 1rem;
  }

  .page-preguntas-frecuentes .jcev6-faq__body {
    font-size: 0.93rem;
    padding: 0.9rem 1rem 1rem;
  }
}

#dnn_dnnLOGO_imgLogo {   
    width: 300px;
}

section.jce-hero-centros h1 {
    color: var(--jce-secondary);
}

@media (max-width: 767px){
    #dnn_dnnLOGO_imgLogo {   
    width: 200px;
}
}


.eds_topRibbon3.eds_popupContainer {
    display: none;
}


/* Cambios personalizados */


ul.mb-0 li {
    list-style-type: none;/*Elimina las decoraciones de los li*/
}

/* Iconos Conoce tu cedula */

.jce-education-card-icon {
    width: clamp(96px, 16vw, 124px);
    height: 72px;
    object-fit: contain;
}