/* Document Cards Layout (Estatuto / Código de Ética)*/

.ccl-doc-card {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Lógica de Bordes para bloque único */
.ccl-doc-main {
    height: 360px !important;
    min-height: 360px !important;
    border-radius: 20px 20px 0 0 !important;
}

/* Ajuste para que en el bloque Doing Business la altura sea flexible y se alinee */
.ccl-no-gap-columns .ccl-doc-main {
    height: 100% !important;
    min-height: 100% !important;
}

/* Doc Card — altura extendida con contenido distribuido verticalmente */
.ccl-doc-main-tall {
    min-height: 450px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-evenly !important;
}

/* Doc Overlay — ancho parcial (80%) en lugar de full width */
.ccl-doc-overlay-80 {
    max-width: 80% !important;
    width: 80% !important;
}

/* Documento Vertical (Doing Business) */
.ccl-doc-card.ccl-doc-vertical,
.editor-styles-wrapper .ccl-doc-card.ccl-doc-vertical {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 40px !important;
    gap: 0 !important;
}

@media (max-width: 781px) {

    .ccl-doc-card.ccl-doc-vertical,
    .editor-styles-wrapper .ccl-doc-card.ccl-doc-vertical {
        padding: 20px !important;
    }
}

.ccl-doc-vertical .ccl-doc-header {
    justify-content: flex-end !important;
    /* Icono arriba a la derecha */
}

.ccl-doc-vertical .ccl-doc-content {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-right: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.ccl-doc-vertical .ccl-doc-icon {
    width: 40px !important;
    height: 40px !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

.ccl-doc-vertical .ccl-doc-icon svg,
.ccl-doc-vertical .ccl-doc-icon img {
    width: 100% !important;
    height: 100% !important;
}

.ccl-doc-vertical .ccl-doc-text {
    font-size: clamp(24px, 4vw, 32px) !important;
}

.ccl-doc-vertical .ccl-doc-arrow-top {
    width: 40px !important;
    height: 40px !important;
    transform: none !important;
    /* Sin rotación */
}

.ccl-doc-vertical .ccl-doc-footer {
    display: flex;
    justify-content: flex-end;
    /* Flecha abajo a la derecha */
}

/* Padding aplicado al contenedor footer si tiene icono/imagen */
.ccl-doc-vertical .ccl-doc-footer:has(svg),
.ccl-doc-vertical .ccl-doc-footer:has(img) {
    padding: 0 45px !important;
}

@media (max-width: 781px) {

    .ccl-doc-vertical .ccl-doc-footer:has(svg),
    .ccl-doc-vertical .ccl-doc-footer:has(img) {
        padding: 0 20px !important;
    }
}

.ccl-doc-vertical:hover .ccl-doc-arrow-top {
    transform: translateX(10px) !important;
    /* Animación horizontal simple */
}

/* Eliminar bordes redondeados inferiores para un acabado recto */
.ccl-doc-bottom-row .wp-block-column:first-child .ccl-doc-card,
.ccl-doc-bottom-row .wp-block-column:last-child .ccl-doc-card {
    border-radius: 0 !important;
}

.ccl-doc-image {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.ccl-doc-image img,
.ccl-doc-image figure {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    margin: 0;
}

.ccl-doc-overlay-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 1;
}

.ccl-doc-overlay {
    max-width: 460px;
    width: 100%;
    padding: 30px 30px 50px 58px !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    /* Vuelve a ser columna */
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    text-decoration: none;
    transition: background 0.3s ease;
    color: #ffffff !important;
}

.ccl-doc-title {
    color: #ffffff !important;
    font-weight: 400 !important;
    font-size: clamp(27.5px, 4.4vw, 32px) !important;
    margin: 0 !important;
    margin-right: 40px !important;
    /* Evita que el título pise la flecha del overlay */
    width: 100%;
    max-width: 100% !important;
}

@media (max-width: 781px) {

    /* Media query ajustada a 781px */
    .ccl-doc-overlay {
        max-width: 300px;
        padding: 20px !important;
    }

    /* Forzar que el título no pise la flecha */
    .ccl-doc-overlay .ccl-doc-title {
        max-width: 100% !important;
    }

    /* Forzar que el texto no pise el icono en las cartillas */
    .ccl-doc-content .ccl-doc-text {
        max-width: calc(100% - 60px) !important;
    }

    .ccl-doc-arrow {
        width: 22px !important;
        height: 22px !important;
    }

    .ccl-doc-arrow-top {
        width: 30px !important;
        height: 30px !important;
    }
}

.ccl-doc-overlay:hover {
    transform: none !important;
    /* El div ya no se mueve */
    background: rgba(255, 255, 255, 0.4) !important;
}

/* Animación de flecha en el overlay principal */
.ccl-doc-overlay:hover .ccl-doc-arrow {
    animation: ccl-arrow-slide 0.6s ease-in-out;
}

a:has(.ccl-doc-arrow) {
    margin-left: auto;
}

.ccl-doc-arrow {
    width: 30px;
    height: 30px;
    color: #ffffff !important;
    flex-shrink: 0;
    transform: rotate(-45deg);
    align-self: flex-end !important;
    transition: transform 0.3s ease;
}

/* Animación para las flechas de las cartillas inferiores */
.ccl-doc-card:hover .ccl-doc-arrow-top {
    animation: ccl-arrow-slide 0.6s ease-in-out;
}

@keyframes ccl-arrow-slide {
    0% {
        transform: rotate(-45deg) translate(0, 0);
    }

    50% {
        transform: rotate(-45deg) translate(10px, 0);
    }

    /* Solo horizontal */
    100% {
        transform: rotate(-45deg) translate(0, 0);
    }
}

/* Bottom Row Cards */
.ccl-doc-bottom-row,
.editor-styles-wrapper .ccl-doc-bottom-row {
    margin-top: 0 !important;
    gap: 0 !important;
}

.ccl-doc-bottom-row .wp-block-column,
.editor-styles-wrapper .ccl-doc-bottom-row .wp-block-column {
    margin: 0 !important;
}

.ccl-doc-dark,
.editor-styles-wrapper .ccl-doc-dark {
    background-color: var(--color-secondary) !important;
    padding: 20px 20px 40px 20px !important;
}

.ccl-doc-blue,
.editor-styles-wrapper .ccl-doc-blue {
    background-color: var(--color-accent) !important;
    padding: 20px 20px 40px 20px !important;
    /* Unificado y con padding inferior aumentado */
}

.ccl-doc-header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0 !important;
}

.ccl-doc-arrow-top {
    width: 40px;
    height: 40px;
    color: #ffffff !important;
    transform: rotate(-45deg);
    transition: transform 0.3s ease;
}

.ccl-doc-content {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 0 !important;
    padding-bottom: 40px;
    margin-right: 50px;
    /* Evita que el texto y el borde se peguen al icono de arriba a la derecha */
    border-bottom: 1px solid #fff;
    flex-grow: 1;
    /* Hace que el contenido crezca y empuje el borde abajo */
}


.ccl-doc-icon {
    width: 55px;
    height: 55px;
    color: #ffffff !important;
    flex-shrink: 0;
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
}

.ccl-doc-icon svg {
    width: 25px !important;
    height: 25px !important;
}


.ccl-doc-text {
    color: #ffffff !important;
    font-weight: 400 !important;
    font-size: clamp(18.9px, 3.15vw, 26px) !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}





.ccl-doc-card a,
.ccl-doc-link-wrapper {
    text-decoration: none !important;
    color: inherit !important;
    display: block;
    height: 100%;
}

/* --- Doing Business Custom Alignment --- */
.ccl-no-gap-columns {
    gap: 0 !important;
}

.ccl-no-gap-stack {
    display: flex;
    flex-direction: column;
}

.ccl-no-gap-stack>.wp-block-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    flex: 1;
    /* Makes cards share height equally */
}

.ccl-column-image-left .ccl-doc-main {
    border-radius: 20px 0 0 20px !important;
    /* Rounded only on the outer left side */
}

.ccl-column-docs-stacked .ccl-doc-card:first-child {
    border-radius: 0 20px 0 0 !important;
    /* Top right outer corner */
}

.ccl-column-docs-stacked .ccl-doc-card:last-child {
    border-radius: 0 0 20px 0 !important;
    /* Bottom right outer corner */
}

/* Responsivo para el bloque Doing Business */
@media (max-width: 781px) {
    .ccl-column-image-left {
        flex-basis: 100% !important;
        margin-bottom: 0 !important;
    }

    .ccl-column-image-left .ccl-doc-main {
        min-height: 300px !important;
        /* Altura necesaria para que se vea la imagen absolute */
        border-radius: 20px 20px 0 0 !important;
        /* Redondeado arriba */
    }

    .ccl-column-docs-stacked {
        flex-basis: 100% !important;
    }

    .ccl-column-docs-stacked .ccl-doc-card:first-child {
        border-radius: 0 !important;
        /* Recto porque se une a la imagen de arriba */
    }

    .ccl-column-docs-stacked .ccl-doc-card:last-child {
        border-radius: 0 0 20px 20px !important;
        /* Redondeado abajo */
    }
}

/* Inlined SVG and IMG utilities for cards */
.ccl-doc-arrow svg,
.ccl-doc-arrow img,
.ccl-doc-arrow-top svg,
.ccl-doc-arrow-top img,
.ccl-doc-icon svg,
.ccl-doc-icon img {
    width: 100%;
    height: 100%;
    display: block;
    fill: currentColor !important;
    object-fit: contain;
}

/* Simulación de color para el Editor (Gutenberg)
   Como en el editor son <img> y no <svg> inyectados, usamos filtros para que se vean blancos
*/
.editor-styles-wrapper .ccl-doc-dark .ccl-doc-icon img,
.editor-styles-wrapper .ccl-doc-blue .ccl-doc-icon img,
.editor-styles-wrapper .ccl-doc-dark .ccl-doc-arrow-top img,
.editor-styles-wrapper .ccl-doc-blue .ccl-doc-arrow-top img,
.editor-styles-wrapper .ccl-doc-overlay .ccl-doc-arrow img {
    filter: brightness(0) invert(1) !important;
}



.ccl-rounded-full {
    border-radius: 9999px !important;
    overflow: hidden;
}



/* Separators */
.ccl-separator-accent {
    border: none !important;
    border-top: 1px solid var(--color-accent) !important;
    background-color: transparent !important;
    opacity: 1 !important;
    height: 1px !important;
}

/* Alignment & Misc */
.has-text-align-justify {
    text-align: justify;
}

.ccl-italic {
    font-style: italic !important;
}

.ccl-font-bold {
    font-weight: 700 !important;
}

.ccl-uppercase {
    text-transform: uppercase !important;
}

.ccl-letter-spacing-1 {
    letter-spacing: 1px !important;
}

.ccl-letter-spacing-neg-1 {
    letter-spacing: -1px !important;
}

.ccl-letter-spacing-neg-2 {
    letter-spacing: -1.8px !important;
}

/* --- Transparency Utilities --- */
.ccl-background-transparency {
    background-color: color-mix(in srgb,
            var(--wp--preset--color--secondary) 85%,
            transparent) !important;
}

/* --- Responsive Border Utility --- */
/* Clase base para la lógica de posición */
.ccl-border-responsive {
    border-right-style: solid !important;
    border-right-width: 1px !important;
    border-bottom-style: none !important;
}

/* Variantes de Color */
.ccl-border-responsive-secondary {
    border-color: #2D4B71 !important;
}

.ccl-border-responsive-accent {
    border-color: var(--color-accent) !important;
}

.ccl-border-responsive-primary {
    border-color: var(--color-primary) !important;
}

@media (max-width: 781px) {
    .ccl-border-responsive {
        border-right-style: none !important;
        border-bottom-style: solid !important;
        border-bottom-width: 1px !important;
    }
}

/* Text Alignment Override */
.has-text-align-center {
    text-align: center !important;
}

.has-text-align-left {
    text-align: left !important;
}

.has-text-align-right {
    text-align: right !important;
}

/* --- Layout Utilities --- */
.ccl-flex {
    display: flex !important;
}

.ccl-items-center {
    align-items: center !important;
}

.ccl-justify-center {
    justify-content: center !important;
}

.ccl-justify-between {
    justify-content: space-between !important;
}

.ccl-flex-column {
    flex-direction: column !important;
}

.ccl-row-60-40 {
    gap: 40px !important;
}

/* --- Button Icon Utility --- */
.ccl-btn-with-icon .wp-block-button__link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.ccl-btn-with-icon i {
    font-size: 1.2em;
    line-height: 1;
}

/* --- Global Button Utilities --- */

/* Botón Amarillo Sólido */
.ccl-btn-yellow .wp-block-button__link {
    background-color: var(--color-warning) !important;
    color: #ffffff !important;
    border: 2px solid var(--color-warning) !important;
    transition: all 0.3s ease !important;
}

.ccl-btn-yellow .wp-block-button__link:hover {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* Botón Amarillo Esquema (Outline) */
.ccl-btn-outline-yellow .wp-block-button__link {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid var(--color-warning) !important;
    transition: all 0.3s ease !important;
}

.ccl-btn-outline-yellow .wp-block-button__link:hover {
    background-color: var(--color-warning) !important;
    color: #ffffff !important;
}

/* Efecto de Brillo (General) */
.ccl-btn-shine .wp-block-button__link {
    position: relative;
    overflow: hidden !important;
    z-index: 1;
}

.ccl-btn-shine .wp-block-button__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.4) 50%,
            rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    transition: none;
    z-index: 2;
}

.ccl-btn-shine .wp-block-button__link:hover::after {
    animation: ccl-global-shine 0.75s forwards;
}

@keyframes ccl-global-shine {
    100% {
        left: 150%;
    }
}

/* --- Component Specific Utilities --- */

/* Flip Box Replacement (Cards) */
.ccl-flip-box-replacement {
    background: #fff;
    border: 1px solid #DBE8EF;
    border-radius: 22px;
    padding: 30px;
    height: 100%;
    transition: transform 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.ccl-flip-box-replacement:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.ccl-flip-box-replacement img {
    margin-bottom: 20px;
}

/* Counter Item */
.ccl-counter-item {
    text-align: center;
    padding: 20px;
}

.ccl-counter-number {
    font-size: 40px;
    color: var(--color-primary);
    margin: 0;
    line-height: 1.2;
}

/* Vertical Counter Item (Icon -> Value -> Desc) */
.ccl-counter-item-vertical {
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.ccl-counter-item-vertical .wp-block-image {
    margin-bottom: 5px;
}

.ccl-counter-item-vertical .ccl-counter-number {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    /* En esta sección los números son blancos */
    margin: 0;
}

.ccl-counter-item-vertical .ccl-counter-desc {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    margin: 0;
    font-weight: 500;
    max-width: 250px;
}

/* Ticker / Scrolling Tape (Cinta Corrediza) */
.ccl-ticker-container {
    width: 100%;
    overflow: hidden;
    background: var(--color-gray-light);
    /* Color corporativo amarillo por defecto */
    padding: 50px 0;
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.ccl-ticker-content {
    display: flex;
    white-space: nowrap;
    /* Ralentizado a 60s para una lectura cómoda, ajustable según cantidad de texto */
    animation: ccl-ticker-scroll 60s linear infinite;
    will-change: transform;
}

.ccl-ticker-item {
    position: relative;
    padding: 0 60px;
    /* Mayor espaciado entre frases */
    font-size: 26px;
    font-weight: 400;
    color: var(--color-primary-dark);
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: 'Poppins', sans-serif;
}

.ccl-ticker-item:before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translatey(-50%);
    left: 25px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: var(--color-primary-dark);
}

.ccl-ticker-item img {
    height: 40px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

@keyframes ccl-ticker-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

    /* Se detiene a la mitad porque el contenido está duplicado */
}

/* Modo Color Primario (Fondo Azul, Texto Blanco) */
.ccl-ticker-container.is-primary {
    background: var(--color-primary);
}

.ccl-ticker-container.is-primary .ccl-ticker-item {
    color: #fff;
}

.ccl-ticker-container.is-primary .ccl-ticker-item b {
    color: var(--color-primary);
}


/* Modo Accent (Fondo Azul Accent, Texto Blanco) */
.ccl-ticker-container.is-accent {
    background: var(--color-accent);
}

.ccl-ticker-container.is-accent .ccl-ticker-item {
    color: #ffffff;
}

.ccl-ticker-container.is-accent .ccl-ticker-item::before {
    background-color: #ffffff;
}

/* Video Player Widget */
.ccl-video-player-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}

.ccl-video-play-btn {
    width: 80px;
    height: 80px;
    background: var(--color-accent);
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 0 0 0 rgba(0, 116, 197, 0.7);
    animation: ccl-pulse-blue 2s infinite;
}

.ccl-video-play-btn:hover {
    transform: scale(1.1);
    background: var(--color-primary);
    color: #fff;
}

@keyframes ccl-pulse-blue {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 116, 197, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 20px rgba(0, 116, 197, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 116, 197, 0);
    }
}

/* Section with Background Image (Fix for double-layer) */
.has-background-image {
    position: relative;
}

.wp-block-cover.has-background-image {
    min-height: 400px;
}

.ccl-max-container {
    max-width: 910px !important;
}

/* Accordion Custom Styles (Fidelity) */
.ccl-accordion-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: auto;
}

.ccl-styled-details {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
    margin-top: 0;
}

.ccl-styled-details summary {
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-primary);
    color: #fff;
    font-family: 'Poppins', sans-serif;
}


/* Style 2: Dark header with decorative slanted background on icon area */
.ccl-styled-details.style-2 {
    border: none !important;
    border-radius: 0 !important;
}

.ccl-styled-details.style-2 summary {
    position: relative;
    background-color: var(--color-primary);
    color: #fff;
}

.ccl-styled-details.style-2 summary::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.15);
    width: 80px;
    height: 100%;
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    pointer-events: none;
    z-index: 0;
}

.ccl-styled-details.style-2 summary::after {
    color: #fff;
    position: relative;
    z-index: 1;
}

.ccl-styled-details.style-2[open] summary {
    background-color: var(--color-primary-dark);
}


.ccl-styled-details.style-1 {
    border: none !important;
    border-radius: 0 !important;
    width: 100%;

}

.ccl-styled-details.style-1 summary {
    position: relative;
    background: var(--color-gray-light);
    color: var(--color-secondary);
}


.ccl-styled-details.style-1 summary::after {
    color: var(--color-secondary);
}

.ccl-styled-details summary::-webkit-details-marker {
    display: none;
}

.ccl-styled-details[open] summary::after {
    transform: rotate(180deg);
}

.ccl-styled-details p {
    margin-bottom: 15px;
    text-align: justify;
}



.ccl-icon-box p {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.ccl-icon-box p i {
    flex-shrink: 0;
    margin-top: 3px;
}

.ccl-video-player-cover {
    background-size: cover;
    background-position: center;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.ccl-overlay-image {
    position: absolute;
    inset: 0;
    background-image: url('../../../../../wp-content/uploads/2025/09/PATRON-CCL-BLANCO.png');
    opacity: .1;
    z-index: 0;
    height: 100%;
}

.ccl-separator {
    border-top: 1px solid var(--color-accent);
}

/* --- Global SVG Color Synchronization --- */
/* Forzar que todos los SVGs inyectados hereden el color del texto (Gutenberg) */
.ccl-svg-inlined svg,
.ccl-svg-inlined svg * {
    fill: currentColor !important;
    transition: all 0.3s ease;
}

/* Solo aplicar stroke si el elemento ya tenía un stroke (evitar cajas negras) */
.ccl-svg-inlined svg [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}

/* Evitar que el contenedor rompa el layout */
.ccl-svg-inlined {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.ccl-svg-inlined svg {
    width: 100%;
    height: auto;
    max-width: inherit;
}

.ccl-exclusive-columns {
    align-items: center !important;
}

.ccl-exclusive-button .wp-block-buttons {
    margin-left: auto;
}


.ccl-exclusive-button {
    margin-right: -22px !important;
}

.ccl-exclusive-badge {
    min-height: 47px;
    display: flex;
    align-items: center;
}

/* Badge: Exclusivo para asociado */
.ccl-exclusive-badge .wp-block-button__link,
.ccl-exclusive-badge a {
    background-color: var(--color-warning) !important;
    color: var(--color-primary-dark) !important;
    padding: 8px 18px !important;
    border-radius: 30px 0 0 30px;
    /* Redondeado izquierda, recto derecha */
    font-size: 13px !important;
    font-weight: 500;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: end;
    width: fit-content;
    margin-bottom: 10px;
    transition: var(--ccl-transition);
    text-transform: none !important;
    letter-spacing: 0.5px;
}


.cards-grid {
    gap: 30px;
    margin-bottom: 30px;
}

.card-style-1 {
    border: 1px solid #d9d9d9;
    border-radius: 22px;
    padding: 34px 22px;
    background: var(--white-color);
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.card-style-1__icon {
    margin-bottom: 24px;
}

.card-style-1__icon svg,
.card-style-1__icon img {
    width: 27px;
    height: 27px;
    object-fit: contain;
    text-align: center;
}

.card-style-1__icon {
    border-radius: 50%;
    padding: 10px;
    background-color: var(--color-bg-soft);
    color: var(--color-primary-light);
    width: 47px;
    height: 47px;
}

.card-style-1__title {
    line-height: 1.2;
    font-weight: 500;
}

.card-style-1__text {
    line-height: 1.7;
    flex-grow: 1;
}

.card-style-1__button {
    width: 100%;
}

.card-style-1__button .wp-block-button__link {
    width: 100%;
    text-align: center;
    background: transparent;
    color: var(--color-primary-light);
    border: 1px solid var(--color-primary-light);
    border-radius: 40px;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
}

.card-style-1__button .wp-block-button__link:hover,
.card-style-1__button .wp-block-button__link:focus,
.card-style-1__button .wp-block-button__link:active {
    background-color: var(--color-primary-light);
    border: 1px solid var(--color-primary-light);
}


@media screen and (max-width:781px) {

    .ccl-exclusive-columns {
        flex-direction: column;
        justify-content: center;
        align-items: normal !important;
    }

}


@media screen and (max-width:360px) {

    .ccl-exclusive-badge .wp-block-button__link,
    .ccl-exclusive-badge a {
        max-width: 150px;
    }

}


.servicios-header h1 {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
}

.servicios-header h1.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Asegurar visibilidad en el editor de bloques */
.editor-styles-wrapper .servicios-header h1 {
    opacity: 1 !important;
    transform: none !important;
}


/* ==========================================================================
   Componente Global: Sección Principal de Características
   ========================================================================== */


/* Espacio entre las dos columnas (Gap) y alineación de altura */
.ccl-main-feature-section div.wp-block-columns.alignwide {
    gap: 3.5rem;
    align-items: stretch;
}

/* Distribución equitativa 50/50 y contenedor flex para alinear contenido */
.ccl-main-feature-section .wp-block-columns .wp-block-column {
    flex-basis: 50%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Títulos de las Características - Reset de margen superior para alinear con la imagen */
.ccl-main-feature-section h2.ccl-text-primary-light {
    margin-top: 0;
    font-size: clamp(20px, 3vw, 35px);
    font-weight: 500;
    letter-spacing: -0.8px;
    line-height: 1.1;
}

/* Párrafos / Descripciones */
.ccl-main-feature-section p.has-text-align-justify {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.5px;
}

/* Empujar botones al final de la columna para alinear con el fondo de la imagen */
.ccl-main-feature-section .wp-block-buttons {
    margin-top: auto;
    margin-bottom: 0;
}

/* Botón Corporativo */
.ccl-main-feature-section .wp-block-button .wp-block-button__link.wp-element-button {
    display: inline-block;
    background-color: var(--color-secondary);
    color: #ffffff;
    padding: 14px 30px;
    font-size: 14px;
    line-height: 1.2em;
    border-radius: 56px;
    font-weight: 400;
    letter-spacing: 2px;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    border: none;
}

/* Animación de entrada para el botón - SOLO FRONTEND */
body:not(.editor-styles-wrapper) .ccl-main-feature-section .wp-block-button {
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

body:not(.editor-styles-wrapper) .ccl-main-feature-section .wp-block-button.visible {
    opacity: 1;
    transform: scale(1);
}



/* Hover del Botón (mantenemos transform separado para no interferir con la animación de entrada) */
.ccl-main-feature-section .wp-block-button .wp-block-button__link.wp-element-button:hover {
    transform: translateY(-2px);
}

/* Bordes redondeados y comportamiento de la Imagen */
.ccl-main-feature-section .wp-block-image img {
    border-radius: 25px;
    object-fit: cover;
    width: 100%;
    height: auto;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   Responsivo: Sección Principal de Características
   ========================================================================== */

@media screen and (max-width: 1024px) {

    /* Solo el botón se centra cuando las columnas colapsan */
    .ccl-main-feature-section .wp-block-columns .wp-block-column {
        flex-basis: 100%;
    }

    .ccl-main-feature-section .wp-block-buttons {
        justify-content: center;
    }

    .ccl-main-feature-section .wp-block-image {
        margin-bottom: 40px;
    }

    .ccl-main-feature-section div.wp-block-columns.alignwide {
        gap: 2.5rem;

    }
}


.ccl-tabla-1 table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto !important;
}

.ccl-tabla-1 table thead {
    border: none;
}

.ccl-tabla-1 table th,
.ccl-tabla-1 table td {
    padding: 30px 12px;
    border: 1px solid var(--color-gray-light);
    font-size: 16px;
    line-height: 1.4;
}

.ccl-tabla-1 table th {
    color: var(--color-primary-light) !important;
    font-weight: 700;
    text-align: center;
}

.ccl-tabla-1 table td {
    color: var(--color-gray-dark);
}

.ccl-tabla-1 table td:first-child {
    text-align: center;
}

.ccl-tabla-1 table td:nth-child(2) {
    text-align: left;
}

.ccl-tabla-1 table td:last-child {
    text-align: center;
}


.ccl-tabla-1 td:first-child,
.ccl-tabla-1 th:first-child,
.ccl-tabla-1 td:last-child,
.ccl-tabla-1 th:last-child {
    white-space: nowrap;
}

/* ==========================================================================
   Tabla Estilo 2 — Header azul oscuro, filas limpias con borde suave
   Uso: tablas de países ATA, directorios, listados institucionales
   ========================================================================== */

.ccl-tabla-2 {
    overflow: hidden;
    padding: 20px;
}

.ccl-tabla-2 table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px 4px;
    font-family: var(--font-family-poppins);
    font-size: 14px;
    background-color: var(--color-gray-light);
    border: none;
}

.ccl-tabla-2 table thead tr {
    background-color: var(--color-primary-light);
}

.ccl-tabla-2 table th {
    color: #ffffff !important;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 16px;
    border: none;
}

.ccl-tabla-2 table td {
    padding: 12px 16px;
    color: var(--color-gray-dark);
    border: none;
    vertical-align: middle;
}

.ccl-tabla-2 table tbody tr:hover td {
    background-color: var(--color-bg-soft);
    transition: background 0.2s ease;
}

/* Columna País: centrada y sin salto de línea */
.ccl-tabla-2 table td:first-child {
    text-align: center;
    white-space: nowrap;
    font-weight: 500;
    color: var(--color-primary-light);
}

/* Columna Entidad: texto izquierda */
.ccl-tabla-2 table td:nth-child(2) {
    text-align: left;
}

/* Columna Teléfono y Sitio Web: centradas */
.ccl-tabla-2 table td:nth-child(3),
.ccl-tabla-2 table td:last-child {
    text-align: center;
    white-space: nowrap;
}

/* Cuando la tabla está dentro de un acordeón (wp:details) */
.ccl-tabla-2 .ccl-tabla-2-inner,
.ccl-tabla-2-inner {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px 4px;
    font-family: var(--font-family-poppins);
    font-size: 14px;
    background-color: var(--color-gray-light);
}

.ccl-tabla-2 .ccl-tabla-2-inner thead tr,
.ccl-tabla-2-inner thead tr {
    background-color: var(--color-primary-light);
}

.ccl-tabla-2 .ccl-tabla-2-inner th,
.ccl-tabla-2-inner th {
    color: #ffffff !important;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 16px;
    border: none;
}

.ccl-tabla-2 .ccl-tabla-2-inner td,
.ccl-tabla-2-inner td {
    padding: 12px 16px;
    color: var(--color-gray-dark);
    border: none;
    vertical-align: middle;
}

.ccl-tabla-2 .ccl-tabla-2-inner tbody tr:hover td,
.ccl-tabla-2-inner tbody tr:hover td {
    background-color: var(--color-bg-soft);
    transition: background 0.2s ease;
}

.ccl-tabla-2 .ccl-tabla-2-inner td:first-child,
.ccl-tabla-2-inner td:first-child {
    text-align: center;
    white-space: nowrap;
    font-weight: 500;
    color: var(--color-primary-light);
}

.ccl-tabla-2 .ccl-tabla-2-inner td:nth-child(2),
.ccl-tabla-2-inner td:nth-child(2) {
    text-align: left;
}

.ccl-tabla-2 .ccl-tabla-2-inner td:nth-child(3),
.ccl-tabla-2 .ccl-tabla-2-inner td:last-child,
.ccl-tabla-2-inner td:nth-child(3),
.ccl-tabla-2-inner td:last-child {
    text-align: center;
    white-space: nowrap;
}

/* Links dentro de la tabla */
.ccl-tabla-2 table td a {
    color: var(--color-accent) !important;
    text-decoration: none !important;
}

.ccl-tabla-2 table td a:hover {
    text-decoration: underline !important;
}

/* Sin scroll horizontal — el texto hace wrap y la fila crece */
.ccl-tabla-2,
.ccl-tabla-2-inner {
    white-space: normal !important;
}

.ccl-tabla-2 table td:nth-child(3),
.ccl-tabla-2 table td:last-child,
.ccl-tabla-2-inner td:nth-child(3),
.ccl-tabla-2-inner td:last-child {
    white-space: normal !important;
}

.ccl-tabla-2 table td:first-child,
.ccl-tabla-2-inner td:first-child {
    white-space: normal !important;
}

/*Img-Descripción*/

.ccl-img-description-columns {
    max-width: 1250px;
    align-items: stretch;
    border-radius: 20px;
    gap: 2.5rem;
}

.ccl-img-description-columns .ccl-img-block {
    display: flex;
    height: 100%;
}

.ccl-img-description-columns .ccl-img-block img {
    height: auto;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.ccl-img-description-columns .ccl-description-column {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 40px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}


@media (max-width: 781px) {
    .ccl-img-description-columns {
        max-width: 600px;
    }

    .ccl-img-description-columns .ccl-img-block img {
        max-height: 500px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0px;
        width: 100%;
        object-position: top;
    }

    .ccl-img-description-columns .ccl-description-column {
        padding: 30px;
    }

}

/* ==========================================================================
   BENEFICIOS DEL ASOCIADO — Staff Acordeones
   ========================================================================== */

/* Stats Beneficios — layout */
.ccl-stats-beneficios {
    gap: 30px !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.ccl-stats-beneficios .ccl-stat-item {
    flex: 1 1 200px !important;
    min-width: 0 !important;
    max-width: 240px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 8px !important;
    justify-content: center !important;
    text-align: center !important;
}

/* El "+" alineado con el número */
.ccl-stats-beneficios .ccl-stat-item > .wp-block-paragraph {
    line-height: 1 !important;
    margin-top: 4px !important;
    flex-shrink: 0 !important;
}

/* Sufijo pequeño en stats (mil, años, %) */
.ccl-stat-number .ccl-stat-suffix {
    font-size: 60% !important;
    font-weight: 800 !important;
}

.ccl-stats-beneficios .ccl-stat-item .ccl-uppercase {
    font-size: 10px !important;
    line-height: 1.4 !important;
    margin-top: 4px !important;
    text-align: center !important;
}

@media (max-width: 781px) {
    .ccl-stats-beneficios {
        flex-wrap: wrap !important;
    }
    .ccl-stats-beneficios .ccl-stat-item {
        flex-basis: 45% !important;
        max-width: 48% !important;
    }
}

/* Portada cards — Composición del Cuaderno ATA */
.ccl-portada-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    height: 100%;
}

.ccl-portada-card .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px;
}

/* Voucher cards */
.ccl-voucher-card .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    border: 1px solid var(--color-gray-light);
    border-radius: 8px;
}

/* Card Diagnóstico — imagen desbordante izquierda + arriba */
.ccl-diagnostico-card {
    overflow: visible !important;
    position: relative;
    align-items: flex-end !important;
}

.ccl-diagnostico-card .ccl-img-overflow-top {
    flex-shrink: 0 !important;
    align-self: flex-end !important;
    margin-left: -30px !important;
    margin-bottom: 0 !important;
}

.ccl-diagnostico-card .ccl-img-overflow-top figure {
    margin: 0 !important;
}

.ccl-diagnostico-card .ccl-img-overflow-top img {
    width: 350px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: bottom center !important;
    display: block !important;
    margin-top: -60px !important;
}

/* Mobile — card diagnóstico apilada */
@media (max-width: 781px) {
    .ccl-diagnostico-card {
        flex-direction: column !important;
        align-items: center !important;
        padding-top: 20px !important;
    }

    .ccl-diagnostico-card .ccl-img-overflow-top {
        display: none !important;
    }

    .ccl-diagnostico-card > .wp-block-group:nth-child(2) {
        max-width: 100% !important;
    }

    .ccl-diagnostico-card > .wp-block-group:last-child {
        margin-bottom: 20px;
    }
}

/* Grupo del botón — centrado verticalmente */
.ccl-diagnostico-card > .wp-block-group:last-child {
    align-self: center !important;
    flex-shrink: 0 !important;
}

/* Botón circular INICIAR ENCUESTA — tamaño fijo */
.ccl-diagnostico-card .wp-block-button__link {
    width: 110px !important;
    height: 110px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}


.ccl-intro-overlay-wca{
    max-width: 80%;
    text-align: center;
}


/* ==========================================================================
   MODELOS DE CONTRATOS
   ========================================================================== */

.ccl-contracts-badge {
    background-color: var(--color-secondary);
    color: #ffffff;
    padding: 8px 28px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ccl-contracts-row {
    border: 1px solid var(--color-gray-light) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}

.ccl-contracts-grid > .ccl-contracts-row:first-child {
    border-radius: 12px 12px 0 0 !important;
}

.ccl-contracts-grid > .ccl-contracts-row:last-child {
    border-radius: 0 0 12px 12px !important;
}

.ccl-contracts-grid > .ccl-contracts-row + .ccl-contracts-row {
    border-top: none !important;
}

.ccl-contracts-row .wp-block-column {
    border-right: 1px solid var(--color-gray-light) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ccl-contracts-row .wp-block-column:last-child {
    border-right: none !important;
}

.ccl-contract-card {
    padding: 20px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.ccl-contract-card-top {
    gap: 12px !important;
    flex: 1 !important;
    align-items: center !important;
}


/* Nombre del contrato — via clase, sin inline styles → nunca se corrompe */
.ccl-contract-name {
    color: var(--color-secondary) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    flex: 1;
}

/* Botón alineado con el texto del título (icono 40px + gap 12px) */
.ccl-contract-card .wp-block-buttons {
    padding-left: 52px !important;
    margin-top: 16px !important;
}

/* ── Sección "Conoce otros servicios" — patrón CCL como fondo decorativo ── */
.ccl-otros-section {
    position: relative;
    overflow: hidden;
}

.ccl-otros-section::before,
.ccl-otros-section::after { display: none; }

/* ── Slider ────────────────────────────────────────────────────────────── */
.ccl-otros-section .inherit-container-width {
    position: relative;
    z-index: 1;
    overflow: hidden; /* clip aquí, no en el slider */
}

.ccl-otros-slider {
    overflow: visible; /* permite ver los laterales */
    position: relative;
}

/* Card — grid: imagen+desc a la izq, título+btn a la derecha */
.ccl-otro-card {
    background: #ffffff;
    border-radius: 0;
    box-shadow: 0 4px 24px rgba(0,0,0,0.07);
    padding: 28px;
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        "img  title"
        "desc desc";
    gap: 16px 28px;
    align-items: center;
    width: 100%;
    min-height: 350px;
}

/* Imagen circular — área "img", alineada con el título */
.ccl-otro-card-img-wrap {
    grid-area: img;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
}

.ccl-otro-card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Fila título + botón — área "title", centrada verticalmente con la imagen */
.ccl-otro-card-title-row {
    grid-area: title;
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: center;
}

.ccl-otro-card-title {
    flex: 1;
    font-weight: 600;
    color: var(--color-secondary);
    margin: 0;
    line-height: 1.3;
}

/* Botón flecha — 2x grande, color secondary, sin rotación ni escala */
.ccl-otro-card-btn {
    width: 88px;
    height: 88px;
    min-width: 88px;
    border-radius: 50%;
    background-color: var(--color-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 28px;
    text-decoration: none;
    flex-shrink: 0;
    transition: background 0.2s ease;
    transform: none !important;
}

.ccl-otro-card-btn:hover {
    background-color: var(--color-secondary) !important;
    color: #ffffff !important;
    transform: none !important;
}

.ccl-otro-card-btn i {
    font-size: 28px !important;
    transition: transform 0.3s ease !important;
    transform: rotate(0deg) !important;
    display: inline-block;
    animation: none !important;
}

.ccl-otro-card-btn:hover i {
    transform: rotate(-45deg) !important;
    animation: none !important;
}

/* Imagen — línea separadora derecha sin padding extra */
.ccl-otro-card-img-wrap {
    border-right: 1px solid var(--color-gray-dark);
}

/* Descripción — área "desc", con espacio respecto a la imagen */
.ccl-otro-card-desc {
    grid-area: desc;
    font-size: 16px;
    color: var(--color-gray-dark);
    line-height: 1.6;
    margin: 0;
    padding-top: 40px;
    padding-bottom: 20px;
    border-top: 1px solid var(--color-gray-light);
}

/* Slides laterales atenuadas, central destacada */
.ccl-otros-slider .swiper-slide {
    opacity: 0.45;
    transition: opacity 0.3s ease;
}

.ccl-otros-slider .swiper-slide-active {
    opacity: 1;
}

/* Navegación + paginación debajo */
.ccl-otros-slider {
    padding-bottom: 56px !important;
}

/* Flechas pequeñas posicionadas abajo a los lados de los puntos */
.ccl-otros-slider .swiper-button-prev,
.ccl-otros-slider .swiper-button-next {
    top: auto;
    bottom: 0;
    transform: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.85);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    margin-top: 0;
}

.ccl-otros-slider > .swiper-button-prev { left: calc(50% - 46px); }
.ccl-otros-slider > .swiper-button-next { right: calc(50% - 46px); }

.ccl-otros-slider .swiper-button-prev::after,
.ccl-otros-slider .swiper-button-next::after {
    font-size: 12px;
    font-weight: 800;
    color: var(--color-primary);
}

/* Forzar visibilidad aunque Swiper marque disabled */
.ccl-otros-slider .swiper-button-prev.swiper-button-disabled,
.ccl-otros-slider .swiper-button-next.swiper-button-disabled {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.ccl-otros-slider .swiper-button-prev:hover,
.ccl-otros-slider .swiper-button-next:hover {
    background-color: var(--color-secondary);
}

.ccl-otros-slider .swiper-button-prev:hover::after,
.ccl-otros-slider .swiper-button-next:hover::after {
    color: #ffffff;
}

/* Paginación puntos — centrada entre las dos flechas */
.ccl-otros-slider .swiper-pagination {
    bottom: 8px;
}

.ccl-otros-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: rgba(255,255,255,0.6);
    opacity: 1;
    transition: background 0.2s ease, transform 0.2s ease;
}

.ccl-otros-slider .swiper-pagination-bullet-active {
    background-color: var(--color-secondary);
    transform: scale(1.3);
}

/* Columna imagen que llena todo el alto del contenedor */
@media (max-width: 781px) {
    .ccl-img-fill-col {
        display: none !important;
    }

    .ccl-mt-0 .wp-block-column {
        margin: 0 !important;
    }
}

.ccl-img-fill-col {
    padding: 0 !important;
    overflow: hidden !important;
}

.ccl-img-fill-col .wp-block-image {
    height: 100% !important;
    margin: 0 !important;
}

.ccl-img-fill-col .wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}

/* OCDE — Explorar Contenidos layout completo */
.ccl-explorar-wrapper {
    display: flex;
    gap: 0;
    margin: 0 -60px; /* contrarresta padding de section */
}

.ccl-explorar-left {
    width: 30%;
    padding: 40px 40px 40px 60px;
    flex-shrink: 0;
}

.ccl-explorar-right {
    flex: 1;
    background-color: var(--color-primary-dark);
    padding: 40px;
}

/* Documento item */
.ccl-doc-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
}

.ccl-doc-item i {
    color: var(--color-warning);
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 16px;
}

.ccl-doc-item a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.ccl-doc-item a:hover {
    color: var(--color-warning) !important;
}

/* Publicaciones cards — igual altura + botón alineado al fondo */
.ccl-pub-card {
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
}

/* El grupo de contenido (título + botón) también debe ser flex column */
.ccl-pub-card > .wp-block-group:last-child {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

/* El botón se empuja al fondo */
.ccl-pub-card > .wp-block-group:last-child .wp-block-buttons {
    margin-top: auto !important;
}

/* ============================================================
   EXPLORAR CONTENIDOS — Patrón tabs izq/der (ccl-explorar-tabs.js)
   ============================================================ */

.ccl-explorar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100%;
}

/* Columna izquierda — navegación */
.ccl-explorar-left-col {
    width: 30% !important;
    min-width: 220px;
    flex-shrink: 0 !important;
    padding: 40px !important;
    background-color: #ffffff !important;
    border-right: 2px solid var(--color-gray-light);
}

/* Columna derecha — paneles */
.ccl-explorar-right-col {
    flex: 1 !important;
    background-color: var(--color-primary-dark);
    padding: 30px 36px !important;
    position: relative;
    min-height: 300px;
}

/* Botones de navegación izquierda */
.ccl-explorar-btn {
    padding: 14px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--color-gray-light) !important;
    color: var(--color-gray-dark) !important;
    font-size: 17px !important;
    cursor: pointer !important;
    transition: color 0.2s ease;
    border-right: 3px solid transparent;
    margin-right: -2px !important;
}

.ccl-explorar-btn:hover {
    color: var(--color-primary-light) !important;
}

.ccl-explorar-btn.active {
    color: var(--color-primary-light) !important;
    font-weight: 600 !important;
    border-right-color: var(--color-primary-light) !important;
}

/* Paneles derecha — ocultos por defecto, JS activa */
.ccl-explorar-panel {
    display: none !important;
}

.ccl-explorar-panel.active {
    display: block !important;
}

/* Items de documento dentro del panel */
.ccl-explorar-panel .ccl-icon-box {
    color: #ffffff !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.ccl-explorar-panel .ccl-icon-box a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.ccl-explorar-panel .ccl-icon-box a:hover {
    color: var(--color-warning) !important;
}

/* Editor: mostrar todos los paneles para poder editarlos */
.editor-styles-wrapper .ccl-explorar-panel {
    display: block !important;
    opacity: 0.6;
    border-left: 2px dashed var(--color-accent);
    margin-bottom: 8px;
}

.editor-styles-wrapper .ccl-explorar-panel.active {
    opacity: 1;
    border-left-color: var(--color-warning);
}

@media (max-width: 781px) {
    .ccl-explorar {
        flex-direction: column !important;
    }

    .ccl-explorar-left-col {
        width: 100% !important;
        min-width: 0 !important;
        border-right: none !important;
        border-bottom: 2px solid var(--color-gray-light) !important;
        padding: 20px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    /* Heading ocupa línea completa — botones quedan debajo */
    .ccl-explorar-left-col .wp-block-heading {
        width: 100% !important;
        flex-basis: 100% !important;
        margin-bottom: 10px !important;
    }

    /* En mobile los botones en una sola fila */
    .ccl-explorar-btn {
        border-bottom: none !important;
        border-right: none !important;
        border: 2px solid var(--color-gray-light) !important;
        border-radius: 30px !important;
        padding: 6px 12px !important;
        font-size: 12px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }

    .ccl-explorar-btn.active {
        background-color: var(--color-primary-light) !important;
        color: #ffffff !important;
        border-color: var(--color-primary-light) !important;
    }

    .ccl-explorar-right-col {
        width: 100% !important;
        padding: 24px 20px !important;
    }

    /* En mobile mostrar panel activo */
    .ccl-explorar-panel {
        display: none !important;
    }

    .ccl-explorar-panel.active {
        display: block !important;
    }
}


/* ── Beneficios del Asociado — módulo tabs ── */
.ccl-module-outer .ccl-tabs-row{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:16px 20px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.06);gap:10px}
.ccl-module-outer .ccl-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:10px 6px;position:relative;border-bottom:5px solid transparent}
.ccl-module-outer .ccl-tab-btn figure,.ccl-module-outer .ccl-tab-btn img{margin:0!important}
.ccl-module-outer .ccl-tab-btn figure{width:55px!important;height:55px!important}
.ccl-module-outer .ccl-tab-btn img{width:55px!important;height:55px!important;max-width:55px!important;object-fit:contain}
.ccl-module-outer .ccl-tab-label{font-weight:600;line-height:1.25;color:#002a49;margin:0!important;font-size:14px;text-align:center}
.ccl-module-outer .ccl-tab-btn.active{border-bottom:5px solid #08407A}
.ccl-module-outer .ccl-tab-btn.active .ccl-tab-label{color:#08407A}
.ccl-module-outer .ccl-tab-panel{display:none}
.ccl-module-outer .ccl-panel-link{display:none}

/* En el editor: todo visible y editable */
.editor-styles-wrapper .ccl-module-outer .ccl-tab-panel{display:block!important}
.editor-styles-wrapper .ccl-module-outer .ccl-panel-link{display:flex!important;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eee}
.editor-styles-wrapper .ccl-module-outer .ccl-tabs-row{display:flex!important;background:#fff;padding:16px 20px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.06);gap:10px;margin-bottom:16px}
.editor-styles-wrapper .ccl-module-outer .ccl-tab-btn{flex:1;display:flex!important;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;border-bottom:5px solid transparent}
.editor-styles-wrapper .ccl-module-outer .ccl-tab-panel{padding:16px;border:1px dashed #cce;border-radius:8px;margin-bottom:8px}
.editor-styles-wrapper .ccl-module-outer .ccl-tab-panel::before{content:attr(class);display:block;font-size:11px;color:#888;margin-bottom:8px;font-family:monospace}
.ccl-module-outer .ccl-panel-link img{width:28px!important;height:28px!important;max-width:28px!important}
.ccl-swiper{padding:20px 0 70px}
.ccl-card{background:#fff;border-radius:14px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;height:90px;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:all .25s ease;text-decoration:none;width:100%}
.ccl-content{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:500;color:#2b2b2b}
.ccl-icon-sm{width:28px!important;height:28px!important;flex-shrink:0}
.ccl-arrow-lbl{color:#f5a623;font-size:20px}
.ccl-card:hover,.ccl-card.is-active{background:#004683}
.ccl-card:hover .ccl-content,.ccl-card:hover .ccl-arrow-lbl,.ccl-card.is-active .ccl-content,.ccl-card.is-active .ccl-arrow-lbl{color:#fff}
.ccl-card:hover .ccl-icon-sm,.ccl-card.is-active .ccl-icon-sm{filter:brightness(0) invert(1)}
.ccl-swiper .swiper-pagination{position:relative;bottom:0!important;margin-top:18px;text-align:center}
.ccl-swiper .swiper-pagination-bullet{background:#cfcfcf;opacity:1}
.ccl-swiper .swiper-pagination-bullet-active{background:#003a8f}
.ccl-swiper .swiper-button-prev,.ccl-swiper .swiper-button-next{width:32px;height:32px;/* position: relative; */border-radius:50%;background:#08407A;top:auto;bottom:0;margin-top: 50px;transform:none}
.ccl-swiper .swiper-button-prev::after,.ccl-swiper .swiper-button-next::after{font-size:11px;font-weight:800;color:#fff}
.ccl-swiper .swiper-button-prev{left:calc(50% - 46px)}
.ccl-swiper .swiper-button-next{right:calc(50% - 46px)}

/* ── Beneficios del Asociado — sub-páginas ── */

/* ── CTA Banner final — mujer que desborda hacia arriba ── */
.ccl-cta-woman-col {
    overflow: visible !important;
    align-self: flex-end !important;
}

.ccl-cta-woman-img {
    margin-bottom: 0 !important;
    margin-top: -40% !important; /* desborda 60px hacia arriba */
    margin-left: -10%;
}

.ccl-cta-woman-img img {
    display: block;
    width: auto;
    object-fit: contain;
}

/* El cover padre también debe permitir overflow */
.wp-block-cover:has(.ccl-cta-woman-col) {
    overflow: visible !important;
}

/* Video con esquinas redondeadas */
.ccl-video-rounded { border-radius: 20px; overflow: hidden; }
.ccl-video-rounded .wp-block-embed__wrapper { border-radius: 20px; overflow: hidden; }
.ccl-video-rounded iframe { border-radius: 20px; display: block; }

/* Grid de beneficios con SVGs — flex centrado */
.ccl-beneficios-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px 0;
    margin-top: 8px;
}

.ccl-beneficio-item {
    width: 33.333%;
}

.ccl-beneficio-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.ccl-beneficio-svg {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.ccl-beneficio-desc {
    font-size: 15px;
    color: var(--color-gray-dark);
    line-height: 1.5;
    margin: 0;
}

/* Sección tabs del módulo */
.ccl-beneficio-tabs {
    background: var(--color-bg-soft);
}

#ccl-module-wrapper .ccl-card {
    width: 100%;
}

@media (max-width: 781px) {
    .ccl-beneficios-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .ccl-beneficios-grid { grid-template-columns: 1fr; }
}

/* ── Proyecto UE-AECID — Tabs Investigaciones ── */
.ccl-inv-tab-nav {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--color-gray-light);
    margin-bottom: 28px;
}

.ccl-inv-tab-btn {
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-gray-dark);
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s;
}

.ccl-inv-tab-btn.active {
    color: var(--color-primary-light);
    border-bottom-color: var(--color-primary-light);
    font-weight: 600;
}

.ccl-inv-panel { display: none; }
.ccl-inv-panel.active { display: block; }

.ccl-inv-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.ccl-inv-card {
    background: #EFF5F9;
    border: 2px solid #A7C0CE;
    border-radius: 22px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}

.ccl-inv-card-top {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.ccl-inv-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    font-size: 18px;
    flex-shrink: 0;
}

.ccl-inv-title {
    font-size: 14px;
    color: var(--color-primary);
    font-weight: 400;
    margin: 0;
    line-height: 1.5;
}

.ccl-inv-download {
    font-size: 14px;
    color: var(--color-primary-light);
    font-weight: 500;
    text-decoration: none;
    align-self: flex-end;
}

.ccl-inv-download:hover { color: var(--color-secondary); }

@media (max-width: 781px) {
    .ccl-inv-grid { grid-template-columns: 1fr; }
    .ccl-inv-tab-btn { padding: 10px 14px; font-size: 13px; }
}

/* ── Slider ¿Qué ofrece? — flechas de navegación ── */
.ccl-que-ofrece-slider {
    position: relative;
    padding-bottom: 64px;
}

.ccl-que-ofrece-slider .swiper-slide {
    height: auto;
}

.ccl-que-ofrece-item {
    min-height: 60px;
    margin: 0 0 16px;
    line-height: 1.6;
}

.ccl-que-ofrece-slider .swiper-button-prev,
.ccl-que-ofrece-slider .swiper-button-next {
    position: relative;
    display: inline-flex;
    margin-top: 20px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--color-primary-light);
    top: auto;
    bottom: 0;
    transform: none;
}

.ccl-que-ofrece-slider .swiper-button-prev {
    left: 50%;
    margin-left: -44px;
    right: auto;
}

.ccl-que-ofrece-slider .swiper-button-next {
    left: 50%;
    margin-left: 8px;
    right: auto;
}

.ccl-que-ofrece-slider .swiper-button-prev::after,
.ccl-que-ofrece-slider .swiper-button-next::after {
    font-size: 12px;
    font-weight: 800;
    color: #ffffff;
}

.ccl-que-ofrece-slider .swiper-button-prev:hover,
.ccl-que-ofrece-slider .swiper-button-next:hover {
    background-color: var(--color-secondary);
}

/* OCDE — Explorar Contenidos tabs estilo vertical */
.ccl-explorar-nav {
    flex-direction: column !important;
    border-bottom: none !important;
    border-right: 2px solid var(--color-gray-light);
    gap: 0 !important;
    margin-bottom: 0 !important;
}

.ccl-explorar-nav .ccl-tab-btn {
    text-align: left !important;
    justify-content: flex-start !important;
    border-bottom: none !important;
    border-right: 3px solid transparent;
    margin-right: -2px;
    padding: 14px 0 !important;
    font-size: 16px !important;
    color: var(--color-gray-dark) !important;
}

.ccl-explorar-nav .ccl-tab-btn.active,
.ccl-explorar-nav .ccl-tab-btn:hover {
    color: var(--color-primary-light) !important;
    border-right-color: var(--color-primary-light) !important;
    border-bottom-color: transparent !important;
}

/* Lista de documentos PDF */
.ccl-doc-links-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ccl-doc-links-list li {
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.ccl-doc-links-list li a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.ccl-doc-links-list li a:hover {
    color: var(--color-warning) !important;
}

/* Cover card con gradiente blanco sobre la imagen — de izquierda a transparente */
.ccl-cover-card-left {
    position: relative;
    overflow: hidden;
}

.ccl-cover-card-left::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right,
        #ffffff 0%,
        #ffffff 40%,
        rgba(255,255,255,0.5) 60%,
        transparent 80%
    );
    z-index: 1;
    pointer-events: none;
}

/* Texto por encima del gradiente */
.ccl-cover-card-left .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
}

/* Texto en color oscuro sobre fondo blanco */
.ccl-cover-card-left .wp-block-cover__inner-container h4,
.ccl-cover-card-left .wp-block-cover__inner-container p:not(.has-white-color) {
    color: var(--color-primary-dark) ;
}

/* Imagen de card con cover — tapa fondos blancos */
.ccl-card-img-cover {
    overflow: hidden !important;
    max-height: 220px !important;
}

.ccl-card-img-cover img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}

/* Flip cards de Beneficios del Asociado — border-radius solo en esta sección */
#beneficios .ccl-flip-front,
#beneficios .ccl-flip-back {
    border-radius: 16px!important;
    overflow: hidden;
}

/* Columna "Potencia" — llenar toda la altura de la columna hermana */
#beneficios .are-vertically-aligned-stretch > .wp-block-column:first-child {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Icono SVG en flip cards de beneficios — clase específica, no afecta otras páginas */
.ccl-flip-icon-benefit .wp-block-image,
.ccl-flip-icon-benefit figure {
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
}

.ccl-flip-icon-benefit .wp-block-image img,
.ccl-flip-icon-benefit figure img {
    height: 50px !important;
    width: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
}


/* Acordeón "Soy asociado CCL" — fondo accent (azul) */
.ccl-staff-acordeon-asociado summary {
    background-color: var(--color-accent) !important;
    color: #ffffff !important;
    font-size: 16px !important;
}

.ccl-staff-acordeon-asociado[open] summary {
    background-color: var(--color-accent) !important;
}

/* Acordeón "Quiero afiliarme" — fondo warning (amarillo) */
.ccl-staff-acordeon-afiliacion summary {
    background-color: var(--color-warning) !important;
    color: var(--color-primary-dark) !important;
    font-size: 16px !important;
}

.ccl-staff-acordeon-afiliacion[open] summary {
    background-color: var(--color-warning) !important;
}

/* Acordeón staff — doble clase para ganar a .ccl-styled-details — cerrado */
.ccl-styled-details.ccl-staff-acordeon-asociado,
.ccl-styled-details.ccl-staff-acordeon-afiliacion {
    background-color: transparent !important;
    border: 1px solid var(--color-primary-deep)!important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Acordeón staff — abierto: solo esquinas superiores redondeadas */
.ccl-styled-details.ccl-staff-acordeon-asociado[open],
.ccl-styled-details.ccl-staff-acordeon-afiliacion[open] {
    border-radius: 12px 12px 0 0 !important;
}

/* Icono abrir/cerrar — blanco para asociado, primary-dark para afiliacion */
.ccl-staff-acordeon-asociado summary::after {
    color: #ffffff !important;
}

.ccl-staff-acordeon-afiliacion summary::after {
    color: var(--color-primary-dark) !important;
}

/* Items de contacto del staff — doble clase para ganar a .ccl-styled-details */
.ccl-styled-details .ccl-staff-contact-item,
.ccl-staff-acordeon-asociado .ccl-staff-contact-item,
.ccl-staff-acordeon-afiliacion .ccl-staff-contact-item {
    border-radius: 0 !important;
    padding: 14px 20px !important;
    margin-bottom: 8px !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    background-color: var(--color-primary-deep) !important;
    background: var(--color-primary-deep) !important;
    border: 1px solid var(--color-primary-deep) !important;
}

/* WIFI Access Pages (CCL-GG / CCL-INVITADOS) */

.ccl-wifi-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.ccl-wifi-container {
    max-width: max-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ccl-wifi-title {
    color: var(--color-primary) !important;
    font-weight: 600 !important;
    font-size: clamp(30px, 5vw, 48px) !important;
    margin-bottom: 60px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ccl-wifi-row {
    display: flex;
    align-items: baseline;
    gap: 15px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

@media (max-width: 781px) {
    .ccl-wifi-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}

.ccl-wifi-label {
    color: var(--color-primary) !important;
    font-weight: 400 !important;
    font-size: clamp(28px, 4.5vw, 45px) !important;
    margin-bottom: 0 !important;
    white-space: nowrap;
}

.ccl-wifi-value {
    color: var(--color-accent) !important;
    font-weight: 800 !important;
    font-size: clamp(28px, 4.5vw, 45px) !important;
    line-height: 1.1 !important;
    margin-bottom: 0 !important;
    word-break: break-word;
}

.ccl-page-wifi .ccl-internal-hero-section {
    min-height: 400px;
}

/* ==========================================================================
   LANDING PAGES: ESTRUCTURA Y COMPONENTES (Eventos) - Clase Raíz: .ccl-landing
   ========================================================================== */

/* ==========================================================================
   SISTEMA DE TABS CON PRECIOS (Pago Carnet ATA y similares)
   ========================================================================== */

/* Navegación de tabs */
.ccl-pricing-tabs .ccl-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid var(--color-gray-light);
    margin-bottom: 40px;
}

.ccl-pricing-tabs .ccl-tab-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px 24px;
    cursor: pointer !important;
    color: var(--color-gray-dark);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none !important;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: all 0.25s ease;
    flex: 1;
    text-align: center;
    font-family: var(--font-family-poppins);
}

.ccl-pricing-tabs .ccl-tab-btn i {
    font-size: 26px;
    color: var(--color-gray-dark);
    transition: color 0.25s ease;
}

/* Estados activo/hover — solo pricing tabs */
.ccl-pricing-tabs .ccl-tab-btn.active,
.ccl-pricing-tabs .ccl-tab-btn:hover {
    color: var(--color-primary-light);
    border-bottom-color: var(--color-primary-light);
    text-decoration: none !important;
}

.ccl-pricing-tabs .ccl-tab-btn.active i,
.ccl-pricing-tabs .ccl-tab-btn:hover i {
    color: var(--color-primary-light);
}

/* Botón dentro del pricing tab — solo afecta .ccl-pricing-tabs */
.ccl-pricing-tabs .ccl-tab-btn .wp-block-buttons,
.ccl-pricing-tabs .ccl-tab-btn .wp-block-button {
    margin: 0 !important;
}

.ccl-pricing-tabs .ccl-tab-btn .wp-block-button__link::after {
    display: none !important;
}

.ccl-pricing-tabs .ccl-tab-btn.active .wp-block-button__link {
    color: inherit !important;
}

.ccl-pricing-tabs .ccl-tab-btn .wp-block-button__link {
    background: transparent !important;
    border: none !important;
    color: inherit !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--font-family-poppins) !important;
}

.ccl-pricing-tabs .ccl-tab-btn .wp-block-button__link:hover {
    background: transparent !important;
    color: inherit !important;
    transform: none !important;
}

/* Ocultar el párrafo .ccl-tab-arrow si quedó en el HTML */
.ccl-tab-arrow { display: none !important; }

/* Panels */
.ccl-tab-panel { display: none; }
.ccl-tab-panel.active { display: block; }

/* Pricing Cards ATA */
.ccl-pricing-card-ata {
    background: #ffffff;
    border-radius: 22px;
    padding: 30px 25px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
}

.ccl-price-amount {
    font-size: clamp(42px, 5vw, 65px) !important;
    font-weight: 700 !important;
    color: var(--color-primary-light) !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
}

.ccl-price-igv {
    color: var(--color-warning) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
}

.ccl-price-desc {
    color: var(--color-gray-dark) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    flex-grow: 1;
    margin-bottom: 0px !important;
    padding-left: 22px !important;
    position: relative !important;
}

.ccl-price-desc::before {
    content: '\f00c'; /* fa-check */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300; /* fal = light */
    font-size: 11px;
    color: var(--color-accent);
    position: absolute;
    left: 0;
    top: 3px;
}

.ccl-price-btn .wp-block-button__link {
    background-color: var(--color-warning) !important;
    color: var(--color-primary-dark) !important;
    border: none !important;
    border-radius: 56px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    width: 100% !important;
    text-align: center !important;
    transition: opacity 0.2s ease !important;
}

.ccl-price-btn .wp-block-button__link:hover {
    opacity: 0.85;
    transform: none !important;
}

/* Grid de cards: contenedor gris suave */
.ccl-pricing-grid-wrapper {
    background-color: var(--color-gray-light);
    border-radius: 22px;
    padding: 30px;
}

@media (max-width: 781px) {
    .ccl-pricing-tabs .ccl-tab-btn { padding: 14px 10px; font-size: 10px; }
    .ccl-pricing-tabs .ccl-tab-btn i { font-size: 20px; }
    .ccl-pricing-grid-wrapper { padding: 16px; }
}

/* 1. Estilos de Checkmark (Principales actividades) */
.ccl-landing .is-style-checkmark {
    list-style: none;
    padding-left: 0;
}

.ccl-landing .is-style-checkmark li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    font-size: 18px;
    color: var(--color-gray-dark);
    line-height: 1.5;
}

.ccl-landing .is-style-checkmark li::before {
    content: "\f109";
    /* Flaticon check-circle */
    font-family: "Flaticon";
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--color-accent);
    font-size: 23px;
}



.ccl-landing .ccl-landing-profile-img img {
    border-radius: 30px;
    transition: transform 0.3s ease-in-out;
    box-shadow: -6px 6px 8px rgba(0, 0, 0, 0.1);
}

.ccl-landing .ccl-landing-profile-img:hover img {
    transform: translateY(-6px);
}

.ccl-landing .ccl-landing-profile-name {
    color: var(--color-primary-dark);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.ccl-landing .ccl-landing-profile-role {
    color: var(--color-secondary);
    font-size: 13px;
    font-weight: 500;
}


/*  Keynote Speakers / Perfiles de Landing */
.ccl-landing.ccl-tema-purple .ccl-landing-profile-name,
.ccl-landing.ccl-tema-purple p,
.ccl-landing.ccl-tema-purple h1 {
    color: #392869 !important;
}

.ccl-landing.ccl-tema-purple .ccl-landing-profile-role {
    color: #703892 !important;
}


.ccl-landing .ccl-profile-img img {
    aspect-ratio: auto;

}

/* 3. Glassmorphism & Legacy Content Overlays */
.ccl-landing .ccl-glass-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 40px !important;
    border-radius: 24px;
}

/* 4. Sección de Aliados en Grilla con Bordes */
.ccl-landing .ccl-allies-grid-wrapper {
    border-top: 1px solid #BFC7D1;
    border-left: 1px solid #BFC7D1;
    margin-top: 30px;
}

/* Variante: Sin bordes exteriores en el título (cuando es el primer bloque) */
.ccl-landing .ccl-allies-grid-wrapper.ccl-allies-title-borderless {
    border-top: none;
    border-left: none;
}

/* Añadir bordes superiores e izquierdos a las celdas de logos si el wrapper es borderless */
.ccl-landing .ccl-allies-grid-wrapper.ccl-allies-title-borderless .ccl-allies-cell:not(.ccl-allies-title-cell) {
    border-top: 1px solid #BFC7D1;
    border-left: 1px solid #BFC7D1;
}

/* Excepción: los logos que están a la derecha del título en la primera fila necesitan borde superior */
.ccl-landing .ccl-allies-grid-wrapper.ccl-allies-title-borderless .ccl-allies-row:first-child .ccl-allies-cell {
    border-top: 1px solid #BFC7D1;
}

/* Excepción: el título NO debe tener bordes superiores ni izquierdos en esta variante */
.ccl-landing .ccl-allies-grid-wrapper.ccl-allies-title-borderless .ccl-allies-title-cell {
    border-top: none !important;
    border-left: none !important;
    padding-left: 15px !important;
    /* Reset padding lateral */
}

.ccl-landing .ccl-allies-title-cell {
    justify-content: start !important;
}

.ccl-landing .ccl-allies-title-cell h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.2;
}

.ccl-landing .ccl-allies-row.wp-block-columns {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    gap: 0 !important;
}

/* Desktop: celdas vacías sin bordes — doble clase para ganar especificidad sobre .ccl-allies-cell */
.ccl-landing .ccl-allies-cell.ccl-allies-cell-empty {
    border-right: none !important;
    border-bottom: none !important;
}

/* Mobile: ocultar celdas vacías + bordes exteriores del wrapper */
@media (max-width: 781px) {
    .ccl-landing .ccl-allies-cell.ccl-allies-cell-empty {
        display: none !important;
    }

    .ccl-landing .ccl-allies-grid-wrapper {
        border-top: none !important;
        border-left: none !important;
    }
}

.ccl-landing .ccl-allies-cell {
    border-right: 1px solid #BFC7D1;
    border-bottom: 1px solid #BFC7D1;
    padding: 30px 15px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    min-height: 120px;
}

.ccl-landing .ccl-allies-cell img {
    max-height: 45px;
    width: auto !important;
    object-fit: contain;
    transition: all 0.3s ease;
    filter: none;
    opacity: 1;
}

/* Clase para activar el efecto de logos en gris que se colorean al pasar el mouse */
.ccl-landing .ccl-allies-cell.ccl-allies-grayscale img {
    filter: grayscale(100%);
    opacity: 0.7;
}

.ccl-landing .ccl-allies-cell.ccl-allies-grayscale:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

/* 5. Componentes de Hero de Landing */
.ccl-landing .ccl-hero-content {
    text-align: center;
    padding: 100px 0;
}

.ccl-landing .ccl-hero-logo {
    max-width: 520px;
    margin: 0 auto 40px;
}

@media (max-width: 781px) {
    .ccl-landing .is-style-checkmark li {
        font-size: 16px;
    }

    .ccl-landing .ccl-allies-cell {
        flex-basis: 100% !important;
        width: 100% !important;
        border: 1px solid #BFC7D1;
        margin-bottom: 10px !important;
        border-radius: 0 !important;
        /* Eliminado redondeado en móvil */
    }

    /* Variante: El título en móvil sin bordes y sin redondeado */
    .ccl-landing .ccl-allies-title-cell {
        border: none !important;
        border-radius: 0 !important;
        margin-bottom: 0 !important;
        /* Pegado a los logos */
        padding-bottom: 20px !important;
    }
}



.ccl-landing .ccl-stat-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.ccl-landing .ccl-stat-icon-img {
    text-align: center;
}

.ccl-landing .ccl-stat-icon-img img {
    display: block;
    margin: 0 auto;
}

.ccl-landing .ccl-stat-circle {
    box-shadow: none;
}


/* ==========================================================================
   PÁGINA: PREMIACIONES (Custom Styles)
   ========================================================================== */
/* Videos con borde redondeado */
.ccl-page-premiaciones .wp-block-embed-youtube iframe,
.ccl-page-premiaciones .wp-block-embed-youtube video,
.ccl-page-premiaciones .wp-block-video video {
    border-radius: 33px !important;
    overflow: hidden;
}

/* Cajas de Texto específicas (Grupo Recto) */
.ccl-page-premiaciones .wp-block-columns .wp-block-column .wp-block-group {
    border: 2px solid #D1D5DB !important;
    /* Gris suave */
    background-color: var(--color-gray-light) !important;
    padding: 40px !important;
    border-radius: 0 !important;
    /* Sin redondeado */
}

@media (max-width: 781px) {
    .ccl-page-premiaciones .wp-block-columns .wp-block-column .wp-block-group {
        padding: 20px !important;
    }
}

/* Botones Warning con Efecto de Brillo */
.ccl-page-premiaciones .wp-block-button__link {
    background-color: var(--color-warning) !important;
    color: var(--color-primary) !important;
    border-radius: 56px !important;
    text-transform: none !important;
    font-weight: 400 !important;
    border: none !important;
    position: relative;
    overflow: hidden;
    /* Necesario para el brillo */
    z-index: 1;
}

.ccl-page-premiaciones .wp-block-button__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.4) 50%,
            rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    transition: none;
    z-index: 2;
}

.ccl-page-premiaciones .wp-block-button__link:hover::after {
    animation: ccl-shine 0.75s forwards;
}

@keyframes ccl-shine {
    100% {
        left: 150%;
    }
}

.ccl-page-premiaciones .wp-block-button__link:hover,
.ccl-page-premiaciones .wp-block-button__link:focus,
.ccl-page-premiaciones .wp-block-button__link:active {
    background-color: var(--color-warning) !important;
    color: var(--color-primary) !important;
    transform: none !important;
    box-shadow: none !important;
}



/* Boletines Repository */
.ccl-bulletins-filter-section {
    background: #f8f9fa;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.ccl-filter-form .filter-group select,
.ccl-filter-form .filter-group input {
    border: 1px solid #e0e0e0;
    transition: border-color 0.3s ease;
}

.ccl-filter-form .filter-group select:focus,
.ccl-filter-form .filter-group input:focus {
    border-color: var(--color-primary);
    outline: none;
}

#ccl-bulletins-results {
    transition: opacity 0.3s ease;
}

#ccl-bulletins-results .ccl-download-item {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #f0f0f0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#ccl-bulletins-results .ccl-download-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}


/* ==========================================================================
   Photonic Plugin - Estilos de Títulos en Albumnes (MÁXIMA COMPATIBILIDAD)
   ========================================================================== */

/* 1. Asegurar contenedores */
.photonic-level-1-container,
.photonic-thumb,
.photonic-thumb a,
.photonic-panel figure,
.photonic-random-layout a {
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
}

/* 2. Forzar markup de Photonic si existe */
.photonic-title-info,
figcaption.photonic-title-info,
.photonic-title {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.8) !important;
    color: #ffffff !important;
    padding: 10px 5px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    height: auto !important;
    min-height: 35px !important;
    z-index: 100 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    line-height: 1.2 !important;
    pointer-events: none !important;
}

/* 3. TRUCO FINAL: Si Photonic no genera markup, lo sacamos del atributo 'title' o 'data-title' */
.photonic-thumb a:after,
.photonic-level-1-container a:after,
.photonic-random-layout a:after {
    content: attr(title);
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.8) !important;
    color: #fff !important;
    padding: 10px 5px !important;
    font-size: 14px !important;
    text-align: center !important;
    z-index: 90 !important;
    display: block !important;
    min-height: 35px !important;
}

/* Si existe data-title y el title está vacío (común en Photonic) */
.photonic-thumb a[data-title]:not([title]):after,
.photonic-level-1-container a[data-title]:not([title]):after {
    content: attr(data-title) !important;
}

/* Evitar duplicados si ambos existen */
.photonic-title-info+a:after,
.photonic-title+a:after {
    display: none !important;
}

/* Asegurar que la imagen se vea bien */
.photonic-thumb img,
.photonic-level-1-container img {
    margin-bottom: 0 !important;
}


/* ==========================================================================
   Agile Store Locator - MASTER BRANDING OVERRIDE (Ultra Specific - Level 3)
   ========================================================================== */

/* 0. Forzar Ancho y Espaciado del Contenedor Principal con Máxima Prioridad */
html body #asl-storelocator.container.storelocator-main.asl-p-cont {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    background-image: none !important;
    /* Eliminar posibles fondos de esquema */
}

/* 1. FONDOS CORPORATIVOS (Botones, Marcadores, Dropdowns, Flechas) - SOBRECADA ESQUEMA */
html body #asl-storelocator.asl-p-cont .btn-asl,
html body #asl-storelocator.asl-p-cont .asl-btn-main,
html body #asl-storelocator.asl-p-cont .Num_of_store,
html body #asl-storelocator.asl-p-cont .panel-cont button,
html body #asl-storelocator.asl-p-cont .asl-search-btn,
html body #asl-storelocator.asl-p-cont .search-btn,
html body #asl-storelocator.asl-p-cont .asl-arrow-down,
html body #asl-storelocator.asl-p-cont .col-xs-12.search_filter p:last-child>span,
html body #asl-storelocator.asl-p-cont .col-xs-12.search_filter .asl-store-search>span,
html body #asl-storelocator.asl-p-cont .btn-red,
html body #asl-storelocator.asl-p-cont #asl-geolocation-agile-modal .btn.btn-default,
html body #asl-storelocator.asl-p-cont .Buttons-container .btn,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .panel-cont button,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .asl-search-btn,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .Num_of_store,
html body #asl-storelocator.asl-p-cont .adropdown-menu>.active>a,
html body #asl-storelocator.asl-p-cont .adropdown-menu>.active>a:hover,
html body #asl-storelocator.asl-p-cont .adropdown-menu>.active>a:focus,
html body #asl-storelocator.asl-p-cont .adropdown-menu>li>a:hover {
    background-color: var(--color-accent) !important;
    background: var(--color-accent) !important;
    color: #ffffff !important;
    border-color: var(--color-accent) !important;
    box-shadow: none !important;
}

html body #asl-storelocator.asl-p-cont .btn-asl:hover,
html body #asl-storelocator.asl-p-cont .asl-btn-main:hover,
html body #asl-storelocator.asl-p-cont .panel-cont button:hover,
html body #asl-storelocator.asl-p-cont #asl-geolocation-agile-modal .btn.btn-default:hover,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .panel-cont button:hover {
    background-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

/* 2. TEXTOS Y TÍTULOS (Sedes, Listado, Popups) */
html body #asl-storelocator.asl-p-cont .sl-item h3,
html body #asl-storelocator.asl-p-cont .sl-item h4,
html body #asl-storelocator.asl-p-cont .store-locator h4,
html body #asl-storelocator.asl-p-cont .item-title,
html body #asl-storelocator.asl-p-cont .asl-infowindow h3,
html body #asl-storelocator.asl-p-cont .p-title,
html body #asl-storelocator.asl-p-cont .search_filter>p:first-child,
html body #asl-storelocator.asl-p-cont .col-xs-12.search_filter p:last-child>span label,
html body #asl-storelocator.asl-p-cont .asl-location-address i,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .sl-item h4,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .sl-item h3 {
    color: var(--color-primary-dark) !important;
    font-weight: 600 !important;
}

html body #asl-storelocator.asl-p-cont .sl-item .dist-box {
    color: var(--color-accent) !important;
}

/* 3. BORDES Y ELEMENTOS ACTIVOS */
html body #asl-storelocator.asl-p-cont .sl-item.active,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .sl-item.active {
    border-left: 6px solid var(--color-warning) !important;
    background-color: var(--color-bg-soft) !important;
}

html body #asl-storelocator.asl-p-cont .asl-search-cntrl,
html body #asl-storelocator.asl-p-cont .form-control {
    border: 1px solid var(--color-gray-light) !important;
    border-radius: 8px !important;
}

/* 4. INTERFAZ DE CARGA Y MODALES */
html body #asl-storelocator.asl-p-cont .asl-overlay {
    background: rgba(255, 255, 255, 0.95) !important;
}

/* 5. ELIMINACIÓN NUCLEAR DE ROJOS/ESQUEMAS */
html body #asl-storelocator[class*="asl-bg-"] [style*="color: #0073aa"],
html body #asl-storelocator[class*="asl-bg-"] [style*="background-color: #0073aa"],
html body #asl-storelocator[class*="asl-bg-"] [style*="background: #0073aa"] {
    color: var(--color-primary-dark) !important;
    background: var(--color-accent) !important;
    background-color: var(--color-accent) !important;
}

html body #asl-storelocator.asl-p-cont .search_filter i {
    color: var(--color-accent) !important;
}

/* ── Banner beneficios — mujer y margin ── */
:root { --ccl-woman-overflow: 90px; }
.ccl-banner-beneficios { margin-top: var(--ccl-woman-overflow); }
.ccl-cta-woman-img {
    margin-top: calc(-1 * var(--ccl-woman-overflow)) !important;
    margin-bottom: 0 !important;
}
@media(max-width:1200px){
    .ccl-banner-beneficios { margin-top: 0; }
    .ccl-cta-woman-img { margin-top: 0 !important; }
    .ccl-cta-woman-col { display: none !important; }
    .ccl-cta-woman-col + .wp-block-column { flex-basis: 100% !important; text-align: center; padding-left: 0 !important; }
    .ccl-cta-woman-col + .wp-block-column .wp-block-buttons { justify-content: center; }
}

/* ── Swiper nav row (flechas + puntos centrados) ── */
.ccl-swiper{padding:20px 0 0;display:flex;flex-direction:column}
.ccl-swiper .swiper-wrapper{order:0}
.ccl-swiper .swiper-pagination{order:1;position:relative!important;bottom:auto!important;margin-top:16px}
.ccl-swiper-nav-row{display:flex!important;align-items:center;justify-content:center;gap:8px;margin-top:12px;width:100%}
.ccl-swiper-nav-row .swiper-pagination{position:relative!important;width:auto!important;bottom:auto!important}
.ccl-swiper .swiper-button-prev,.ccl-swiper .swiper-button-next{position:relative;width:32px;height:32px;border-radius:50%;background:#08407A;top:auto;bottom:auto;left:auto;right:auto;transform:none;flex-shrink:0;margin-top:16px}
.ccl-swiper .swiper-button-prev::after,.ccl-swiper .swiper-button-next::after{font-size:11px;font-weight:800;color:#fff}
.ccl-swiper .swiper-button-disabled{opacity:0.3!important;pointer-events:none}

/* ── Beneficio item — override is-layout-flow ── */
.ccl-beneficios-grid,
.ccl-beneficios-grid.is-layout-flow,
.ccl-beneficios-grid.wp-block-group-is-layout-flow {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 32px 0 !important;
    margin-top: 8px !important;
}
.ccl-beneficio-item,
.ccl-beneficio-item.is-layout-flow,
.ccl-beneficio-item.wp-block-group-is-layout-flow {
    width: 33.333% !important;
    margin-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.ccl-beneficio-item > *,
.ccl-beneficio-item.is-layout-flow > * {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}
.ccl-beneficio-item .wp-block-image,
.ccl-beneficio-item figure {
    width: 80px !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    margin: 0 auto !important;
}
.ccl-beneficio-svg,
.ccl-beneficio-item img {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    object-fit: contain;
}
@media (max-width: 781px) {
    .ccl-beneficio-item,
    .ccl-beneficio-item.is-layout-flow,
    .ccl-beneficio-item.wp-block-group-is-layout-flow { width: 50% !important; }
}

@media(max-width:1024px){
  .ccl-module-outer .ccl-tabs-row{gap:4px;padding:12px 8px}
  .ccl-module-outer .ccl-tab-btn{padding:8px 4px}
  .ccl-module-outer .ccl-tab-label{font-size:11px}
  .ccl-module-outer .ccl-tab-btn figure,.ccl-module-outer .ccl-tab-btn img{width:40px!important;height:40px!important;max-width:40px!important}
}

@media(max-width:781px){
  .ccl-module-outer .ccl-tabs-row{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px}
  .ccl-module-outer .ccl-tab-btn{flex:0 0 calc(33.333% - 8px);max-width:calc(33.333% - 8px);padding:10px 6px}
  .ccl-module-outer .ccl-tab-btn figure,.ccl-module-outer .ccl-tab-btn img{width:36px!important;height:36px!important;max-width:36px!important}
  .ccl-module-outer .ccl-tab-label{font-size:12px}
}
.wp-block-group[class*="ccl-events-section"] { padding: 0 !important }
/* ── Sección Asociado CCL ── */
.ccl-asociado-section {
    overflow: hidden;
    border-radius: 20px !important;
}

.ccl-asociado-img-col {
    align-self: flex-end !important;
}

.ccl-asociado-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.ccl-asociado-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Lista con checkmarks amarillos */
.ccl-check-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ccl-check-list li {
    color: #fff !important;
    font-size: 15px !important;
    padding: 4px 0 4px 28px !important;
    position: relative !important;
}

.ccl-check-list li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    color: var(--color-warning) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

/* Botones outline blancos */
.ccl-btn-asociado .wp-block-button__link {
    background: #ffffff !important;
    border: none !important;
    color: var(--color-primary) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.ccl-btn-asociado .wp-block-button__link:hover {
    background: #ffffff !important;
    color: var(--color-primary) !important;
}

@media (max-width: 1200px) {
    .ccl-asociado-img-col { display: none !important; }
    .ccl-asociado-content { flex-basis: 100% !important; }
}

@media (max-width: 781px) {
    .ccl-asociado-content { padding: 30px 20px !important; }
}


/* ── Reconocimiento de Socios: Grid de logos ── */
.ccl-socio-logo {
    margin: 0 !important;
    flex-shrink: 0;
    line-height: 0;
    border: 1px solid #e0e4ea;
    border-radius: 12px;
    background: #ffffff;
    padding: 16px 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    min-height: 90px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.ccl-socio-logo:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.ccl-socio-logo img {
    max-width: 140px !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    margin: 0 !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   IEDEP — Instituto de Economía y Desarrollo Empresarial
   ───────────────────────────────────────────────────────────────────────────── */

/* Padding uniforme de secciones */
.ccl-iedep-presentacion,
.ccl-iedep-quovadis-section,
.ccl-iedep-ecolens-section,
.ccl-iedep-radar-section,
.ccl-iedep-dashboard-section,
.ccl-iedep-eventos-section,
.ccl-iedep-informe-section,
.ccl-iedep-contact-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* ── Badge pill sobre secciones ── */
.ccl-iedep-badge-wrap {
    text-align: center;
    margin-bottom: 16px;
}
.ccl-iedep-section-badge {
    display: inline-block;
    background: var(--color-primary, #092442);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 20px;
    border-radius: 20px;
}
.ccl-iedep-section-title {
    text-align: center;
}

/* ── Servicios Nav — grid 3 columnas, texto izquierda / icono círculo derecha ── */
.ccl-iedep-services-nav {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px;
}
.ccl-iedep-service-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 16px;
    background: #f0f4f8;
    border: 1px solid #dde3ea;
    border-radius: 8px;
    color: var(--color-primary, #092442);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: background .2s, border-color .2s;
}
.ccl-iedep-service-item:hover {
    background: #e2ebf5;
    border-color: var(--color-accent, #0074C5);
    color: var(--color-primary, #092442);
}
.ccl-iedep-service-item > p:first-child {
    flex: 1;
    line-height: 1.3;
    margin: 0;
}
.ccl-iedep-service-item > p:first-child a {
    color: var(--color-primary, #092442);
    text-decoration: none;
    font-weight: 600;
}
.ccl-iedep-service-item:hover > p:first-child a {
    color: var(--color-primary, #092442);
}
.ccl-iedep-service-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    border: 1.5px solid var(--color-accent, #0074C5);
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--color-accent, #0074C5);
    flex-shrink: 0;
    margin: 0 !important;
}

/* ── Quo Vadis — PDF list lateral ── */
.ccl-iedep-qv-pdfs {
    padding: 0;
}
.ccl-iedep-qv-year {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-primary, #092442);
    margin: 0 0 12px !important;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.ccl-iedep-qv-pdf-row {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px !important;
    font-size: 13px;
    color: var(--color-gray-dark, #4b535d);
}
.ccl-iedep-qv-pdf-row > p:not(.ccl-iedep-qv-icon) {
    margin: 0 !important;
    font-size: 13px;
    color: var(--color-gray-dark, #4b535d);
    line-height: 1.5;
}
.ccl-iedep-qv-icon {
    color: var(--color-warning, #ffc325) !important;
    font-size: 18px;
    flex-shrink: 0;
    margin: 1px 0 0 !important;
    line-height: 1;
}
/* wrapper sin fondo — solo el <a> interior lo tiene */
.ccl-iedep-qv-btn {
    background: none !important;
    margin-top: 12px;
}
.ccl-iedep-qv-btn .wp-block-button__link {
    background: var(--color-accent, #0074C5) !important;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s;
    border: none;
    box-shadow: none;
}
.ccl-iedep-qv-btn .wp-block-button__link:hover {
    background: var(--color-primary, #092442) !important;
    color: #fff !important;
}

/* ── EcoLens — tarjetas con borde ── */
.ccl-iedep-ecolens-section .wp-block-column {
    border: 1px solid #dde3ea !important;
    border-radius: 0 !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.ccl-iedep-ecolens-img {
    margin: 0 !important;
}
.ccl-iedep-ecolens-img img {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    display: block;
    width: 100%;
    object-fit: cover;
}
.ccl-iedep-ecolens-section .wp-block-column > .wp-block-heading,
.ccl-iedep-ecolens-section .wp-block-column > .has-text-color,
.ccl-iedep-ecolens-section .wp-block-column > .wp-block-details {
    padding-left: 20px;
    padding-right: 20px;
}
.ccl-iedep-ecolens-section .wp-block-column > .wp-block-heading {
    padding-top: 16px;
    text-align: center;
}
.ccl-iedep-ecolens-section .wp-block-column > .has-text-color {
    text-align: center;
}

/* ── PDF List (EcoLens accordion) ── */
.ccl-iedep-pdf-list {
    list-style: none !important;
    padding: 8px 0 0 !important;
    margin: 0 !important;
}
.ccl-iedep-pdf-list li {
    padding: 6px 0;
    border-bottom: 1px solid #e5e7ea;
}
.ccl-iedep-pdf-list li:last-child { border-bottom: none; }
.ccl-iedep-pdf-list a {
    color: var(--color-accent, #0074C5);
    font-size: 13px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ccl-iedep-pdf-list a i {
    color: var(--color-warning, #ffc325);
    font-size: 16px;
    flex-shrink: 0;
}
.ccl-iedep-pdf-list a:hover { text-decoration: underline; }

/* ── Accordion summary — "Ver más >" ── */
.ccl-iedep-pdf-accordion {
    border-top: 1px solid #dde3ea;
    padding-bottom: 16px;
}
.ccl-iedep-pdf-accordion summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--color-primary-light);
    cursor: pointer;
    padding: 12px 0;
    font-size: 14px;
}
.ccl-iedep-pdf-accordion summary::-webkit-details-marker { display: none; }
.ccl-iedep-pdf-accordion summary::after {
    content: "\f32d"; /* fa-caret-circle-down */
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: var(--color-accent, #0074C5);
    line-height: 1;
}
.ccl-iedep-pdf-accordion[open] summary::after {
    content: "\f331"; /* fa-caret-circle-up */
}

/* ── Proyecciones — banner horizontal oscuro ── */
.ccl-iedep-proyecciones-banner {
    background: var(--color-primary-dark, #051c2c);
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 32px 60px;
    flex-wrap: wrap;
}
.ccl-iedep-proy-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    flex-shrink: 0;
}
.ccl-iedep-proy-title {
    flex: 1;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}
.ccl-iedep-proy-btn {
    background: var(--color-warning, #ffc325);
    color: var(--color-primary-dark, #051c2c);
    padding: 12px 28px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s;
}
.ccl-iedep-proy-btn:hover {
    background: var(--color-warning-alt, #FFCB41);
    color: var(--color-primary-dark, #051c2c);
}

/* ── Radar — layout lateral + cards ── */
.ccl-iedep-radar-layout {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 0 !important;
    min-height: 320px;
    flex-wrap: unset !important;
    align-items: stretch;
}
.ccl-iedep-radar-panel {
    background: var(--color-primary-dark, #051c2c);
    color: #fff;
    padding: 40px 32px;
    border-radius: 8px 0 0 8px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}
.ccl-iedep-radar-panel-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 16px !important;
    color: #fff !important;
}
.ccl-iedep-radar-panel-desc {
    font-size: 13px;
    color: rgba(255,255,255,.85) !important;
    line-height: 1.6;
    margin: 0 !important;
}
.ccl-iedep-radar-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 16px !important;
    padding: 24px;
    background: #f4f6f8;
    border-radius: 0 8px 8px 0;
}
.ccl-iedep-radar-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,.07);
    display: flex !important;
    flex-direction: column !important;
}
.ccl-iedep-radar-card-img {
    margin: 0 !important;
}
.ccl-iedep-radar-card-img img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
    border-radius: 0 !important;
}
.ccl-iedep-radar-card-title {
    font-size: 13px !important;
    font-weight: 600;
    margin: 10px 12px 4px !important;
}
.ccl-iedep-radar-card-title a {
    color: var(--color-accent, #0074C5);
    text-decoration: none;
}
.ccl-iedep-radar-card-title a:hover { text-decoration: underline; }
.ccl-iedep-radar-card-date {
    font-size: 11px;
    color: #888 !important;
    margin: 0 12px 10px !important;
}
/* wrapper sin fondo — solo el <a> interior lo tiene */
.ccl-iedep-radar-card-btn {
    background: none !important;
    margin-top: auto;
    padding: 0 12px 12px !important;
}
.ccl-iedep-radar-card-btn .wp-block-button__link {
    display: block;
    background: var(--color-primary-alt, #08407A) !important;
    color: #fff !important;
    text-align: center;
    padding: 8px !important;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 0 !important;
    box-shadow: none;
    transition: background .2s;
    width: 100%;
}
.ccl-iedep-radar-card-btn .wp-block-button__link:hover {
    background: var(--color-primary-dark, #051c2c) !important;
    color: #fff !important;
}

/* ── Power BI buttons (Dashboard Gremial) ── */
.ccl-iedep-dashboard-section .wp-block-columns {
    align-items: stretch !important;
    gap: 0 !important;
}
.ccl-iedep-dashboard-content {
    background: #fff;
    border-radius: 12px 0 0 12px;
    padding: 48px 40px !important;
}
.ccl-iedep-dashboard-img {
    margin: 0 !important;
    overflow: hidden;
    border-radius: 0 12px 12px 0;
}
.ccl-iedep-dashboard-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0 !important;
}
.ccl-iedep-dashboard-section hr.wp-block-separator {
    border-color: #dde3ea !important;
    margin: 16px 0 !important;
    opacity: 1;
}
.ccl-iedep-powerbi-row {
    display: flex !important;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 8px;
}
/* wrapper sin fondo */
.ccl-iedep-powerbi-btn {
    background: none !important;
    padding: 0 !important;
}
.ccl-iedep-powerbi-btn .wp-block-button__link {
    background: var(--color-primary-alt, #08407A) !important;
    color: #fff !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    transition: background .2s;
}
.ccl-iedep-powerbi-btn .wp-block-button__link:hover {
    background: var(--color-primary-dark, #051c2c) !important;
    color: #fff !important;
}

/* ── Eventos: presentaciones ── */
.ccl-iedep-evento-pdfs {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.ccl-iedep-evento-pdf-item {
    padding: 0;
}
.ccl-iedep-evento-pdf-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-primary, #092442);
    margin: 0 0 4px;
}
.ccl-iedep-evento-pdf-author {
    font-size: 13px;
    color: #888;
    margin: 0 0 12px;
}
.ccl-iedep-evento-pdf-btn {
    display: inline-block;
    background: var(--color-warning, #ffc325);
    color: var(--color-primary-dark, #051c2c);
    padding: 10px 22px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s;
}
.ccl-iedep-evento-pdf-btn:hover {
    background: var(--color-warning-alt, #FFCB41);
    color: var(--color-primary-dark, #051c2c);
}

/* ── Informe Semanal — 3 columnas por año ── */
.ccl-iedep-informe-col {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #dde3ea;
}
.ccl-iedep-informe-col-header {
    background: var(--color-accent, #0074C5);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 16px !important;
    text-align: center;
    margin: 0 !important;
}
.ccl-iedep-informe-months {
    background: #fff;
    padding: 0 !important;
    margin: 0 !important;
}
/* wp:details dentro del informe */
.ccl-iedep-month-item {
    border-bottom: 1px solid #e5e7ea;
    margin: 0 !important;
}
.ccl-iedep-month-item:last-child { border-bottom: none; }
.ccl-iedep-month-item summary {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-gray-dark, #4b535d);
    cursor: pointer;
    list-style: none;
    user-select: none;
    margin: 0;
}
.ccl-iedep-month-item summary::-webkit-details-marker { display: none; }
.ccl-iedep-month-item summary::after {
    content: "+";
    font-size: 18px;
    color: var(--color-accent, #0074C5);
    font-weight: 400;
    line-height: 1;
    flex-shrink: 0;
}
.ccl-iedep-month-item[open] summary::after {
    content: "−";
}
/* lista de artículos */
.ccl-iedep-article-list {
    list-style: none !important;
    padding: 4px 16px 12px 16px !important;
    margin: 0 !important;
}
.ccl-iedep-article-list li {
    padding: 5px 0;
    border-bottom: 1px dashed #eef0f3;
}
.ccl-iedep-article-list li:last-child { border-bottom: none; }
.ccl-iedep-article-list a {
    font-size: 12px;
    color: var(--color-primary, #092442);
    text-decoration: none;
    line-height: 1.4;
    display: block;
}
.ccl-iedep-article-list a:hover {
    color: var(--color-accent, #0074C5);
    text-decoration: none;
}

/* ── Medios de Contacto ── */
.ccl-iedep-contact-section {
    background: var(--color-primary-dark, #051c2c);
}
.ccl-iedep-contact-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: rgba(255,255,255,.08);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
}
.ccl-iedep-contact-icon {
    width: 44px;
    height: 44px;
    background: var(--color-warning, #ffc325);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--color-primary-dark, #051c2c);
    flex-shrink: 0;
}
.ccl-iedep-contact-text {
    font-size: 13px;
    color: #fff;
    line-height: 1.6;
}
.ccl-iedep-contact-text a { color: #fff; }
.ccl-iedep-contact-img-wrap {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.ccl-iedep-contact-img {
    width: 100%;
    display: block;
    border-radius: 12px;
    object-fit: cover;
    max-height: 340px;
}
.ccl-iedep-contact-tagline {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(5,28,44,.80);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 24px;
}


/* ── Responsive IEDEP ── */
@media (max-width: 900px) {
    /* Radar */
    .ccl-iedep-radar-layout {
        grid-template-columns: 1fr !important;
    }
    .ccl-iedep-radar-panel {
        border-radius: 8px 8px 0 0;
    }
    .ccl-iedep-radar-grid {
        border-radius: 0 0 8px 8px;
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* Dashboard */
    .ccl-iedep-dashboard-section .wp-block-columns {
        flex-direction: column !important;
    }
    .ccl-iedep-dashboard-content {
        border-radius: 12px 12px 0 0 !important;
        padding: 32px 24px !important;
    }
    .ccl-iedep-dashboard-img {
        border-radius: 0 0 12px 12px !important;
        min-height: 240px;
    }
    /* EcoLens */
    .ccl-iedep-ecolens-section .wp-block-columns {
        flex-direction: column !important;
    }
    .ccl-iedep-ecolens-section .wp-block-column {
        width: 100% !important;
        flex-basis: 100% !important;
    }
}

@media (max-width: 781px) {
    /* Servicios nav */
    .ccl-iedep-services-nav {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* Quo Vadis */
    .ccl-iedep-quovadis-section .wp-block-columns {
        flex-direction: column !important;
    }
    /* Proyecciones */
    .ccl-iedep-proyecciones-banner {
        padding: 24px 20px;
        flex-direction: column;
        text-align: center;
    }
    /* Radar grid 1 col */
    .ccl-iedep-radar-grid {
        grid-template-columns: 1fr !important;
    }
    /* Dashboard */
    .ccl-iedep-powerbi-row {
        flex-direction: column;
    }
    .ccl-iedep-powerbi-btn .wp-block-button__link {
        width: 100%;
        text-align: center;
    }
    /* Eventos */
    .ccl-iedep-eventos-section .wp-block-columns {
        flex-direction: column !important;
    }
    .ccl-iedep-eventos-section .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }
    /* Informe — columnas apiladas */
    .ccl-iedep-informe-section .wp-block-columns {
        flex-direction: column !important;
    }
    .ccl-iedep-informe-section .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }
    /* Contacto */
    .ccl-iedep-contact-img-wrap { display: none; }
}

@media (max-width: 480px) {
    /* Servicios nav: 1 col en móvil pequeño */
    .ccl-iedep-services-nav {
        grid-template-columns: 1fr !important;
    }
    /* Radar cards: 1 col */
    .ccl-iedep-radar-grid {
        grid-template-columns: 1fr !important;
    }
    /* Botones QV en columna */
    .ccl-iedep-qv-btn .wp-block-button__link {
        width: 100%;
        text-align: center;
    }
}


/* ─────────────────────────────────────────────────────────────────────────────
   IDEXCAM — Instituto de Investigación y Desarrollo de Comercio Exterior
   ───────────────────────────────────────────────────────────────────────────── */

.ccl-idexcam-presentacion,
.ccl-idexcam-servicios,
.ccl-idexcam-noticias,
.ccl-idexcam-eventos,
.ccl-idexcam-contact {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* Imagen presentación redondeada */
.ccl-idexcam-pres-img img {
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
}

/* ── Tarjetas de servicios ── */
.ccl-idexcam-svc-card {
    background: #fff;
    border: 1px solid #dde3ea;
    border-radius: 12px;
    overflow: hidden;
}
.ccl-idexcam-svc-top {
    display: flex !important;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 20px 20px;
    background: #f0f4f8;
}
.ccl-idexcam-svc-icon {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.5px solid var(--color-primary-dark, #003a7a);
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--color-primary-dark, #003a7a);
    flex-shrink: 0;
    background: #fff;
    margin: 0 !important;
}
.ccl-idexcam-svc-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-primary-dark, #003a7a);
    margin: 0 !important;
    line-height: 1.4;
    padding-top: 4px;
}

/* Acordeón inferior de la tarjeta */
.ccl-idexcam-svc-accordion {
    border-top: 1px solid #dde3ea;
    margin: 0 !important;
}
.ccl-idexcam-svc-accordion summary {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-gray-dark, #444);
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.ccl-idexcam-svc-accordion summary::-webkit-details-marker { display: none; }
.ccl-idexcam-svc-accordion summary::after {
    content: "+";
    font-size: 20px;
    color: var(--color-primary-light, #0055a5);
    font-weight: 300;
    line-height: 1;
    flex-shrink: 0;
}
.ccl-idexcam-svc-accordion[open] summary::after {
    content: "−";
}
.ccl-idexcam-svc-pdf-list {
    list-style: none !important;
    padding: 8px 20px 16px !important;
    margin: 0 !important;
    border-top: 1px solid #e5e7ea;
}
.ccl-idexcam-svc-pdf-list li {
    padding: 5px 0;
    border-bottom: 1px solid #f0f0f0;
}
.ccl-idexcam-svc-pdf-list li:last-child { border-bottom: none; }
.ccl-idexcam-svc-pdf-list a {
    font-size: 12px;
    color: var(--color-primary-light, #0055a5);
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    gap: 6px;
}
.ccl-idexcam-svc-pdf-list a:hover { text-decoration: underline; }
.ccl-idexcam-svc-pdf-list i { margin-top: 2px; flex-shrink: 0; }

/* ── Nota destacada ── */
.ccl-idexcam-featured {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.07);
    height: 100%;
    display: flex !important;
    flex-direction: column;
}
.ccl-idexcam-featured-img {
    margin: 0 !important;
}
.ccl-idexcam-featured-img img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
    border-radius: 0 !important;
}
.ccl-idexcam-featured-text {
    font-size: 13px !important;
    color: var(--color-gray-dark, #444) !important;
    line-height: 1.6;
    text-align: justify;
    padding: 16px 20px;
    margin: 0 !important;
    flex: 1;
}
.ccl-idexcam-featured .wp-block-buttons {
    padding: 0 20px 20px;
    margin: 0 !important;
}
.ccl-idexcam-featured .wp-block-buttons .wp-block-button__link {
    font-size: 12px !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
}

/* ── Notas periodísticas ── */
.ccl-idexcam-notas {
    display: flex !important;
    flex-direction: column;
    gap: 0;
}
.ccl-idexcam-nota-item {
    display: flex !important;
    gap: 16px;
    align-items: flex-start;
    padding: 20px 0;
}
.ccl-idexcam-nota-item + .wp-block-separator {
    margin: 0 !important;
}
.ccl-idexcam-nota-img {
    margin: 0 !important;
    flex-shrink: 0;
}
.ccl-idexcam-nota-img img {
    width: 200px;
    height: auto;
    object-fit: cover;
    border-radius: 6px !important;
}
.ccl-idexcam-nota-body {
    flex: 1;
    display: flex !important;
    flex-direction: column;
    gap: 10px;
}
.ccl-idexcam-nota-title {
    font-size: 13px !important;
    font-weight: 600;
    color: var(--color-primary, #092442) !important;
    line-height: 1.4;
    margin: 0 !important;
}
.ccl-idexcam-nota-body .wp-block-button__link {
    font-size: 12px !important;
    padding: 8px 20px !important;
    border-radius: 6px !important;
}

/* ── Eventos ── */
.ccl-idexcam-evento-card {
    padding: 0;
}
.ccl-idexcam-evento-top {
    display: flex !important;
    gap: 20px;
    align-items: flex-start;
}
.ccl-idexcam-evento-img {
    flex-shrink: 0;
    margin: 0 !important;
}
.ccl-idexcam-evento-img img {
    width: 225px;
    height: 100%;
    object-fit: cover;
    border-radius: 8px !important;
}
.ccl-idexcam-evento-body {
    flex: 1;
}
.ccl-idexcam-evento-title {
    font-size: 18px !important;
    font-weight: 700;
    color: var(--color-primary, #092442) !important;
    margin: 0 0 10px !important;
}
.ccl-idexcam-evento-desc {
    font-size: 13px !important;
    color: var(--color-gray-dark, #4b535d) !important;
    line-height: 1.6;
    text-align: justify;
    margin: 0 0 12px !important;
}
.ccl-idexcam-evento-body .wp-block-separator {
    margin: 12px 0 !important;
    border-color: #dde3ea !important;
}
.ccl-idexcam-evento-body .wp-block-button__link {
    font-size: 12px !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
}

/* ── Contacto ── */
.ccl-idexcam-contact {
    background: var(--color-primary-dark, #051c2c);
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .ccl-idexcam-noticias .wp-block-columns,
    .ccl-idexcam-servicios .wp-block-columns,
    .ccl-idexcam-eventos .wp-block-columns {
        flex-direction: column !important;
    }
    .ccl-idexcam-noticias .wp-block-column,
    .ccl-idexcam-servicios .wp-block-column,
    .ccl-idexcam-eventos .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 781px) {
    .ccl-idexcam-nota-img img { width: 80px; height: 60px; }
    .ccl-idexcam-featured-img img { height: 180px; }
    .ccl-idexcam-evento-img img { width: 120px; height: 90px; }
    .ccl-idexcam-evento-top {
        flex-direction: column !important;
    }
    .ccl-idexcam-evento-img img {
        width: 100%;
        height: 200px;
    }
}


/* ─────────────────────────────────────────────────────────────────────────────
   OPORTUNIDADES DE NEGOCIO — CSS compartido
   Páginas: Encuentro de Negocios (imp/exp), Misiones Comerciales, Ferias Nac/Int
   Prefijo: ccl-opneg-*
   ───────────────────────────────────────────────────────────────────────────── */

.ccl-opneg-presentacion,
.ccl-opneg-eventos,
.ccl-opneg-incluye,
.ccl-opneg-contact {
    padding-top: 60px;
    padding-bottom: 60px;
}

.ccl-cards-opneg  .ccl-opciones-label {
    display: inline-block;
    background-color: #EFF5F9;
    color: #092442;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 14px;
    border-radius: 6px;
    width: fit-content;
}

.ccl-opneg-beneficios {
    padding-top: 60px;
    padding-bottom: 60px;
    background: var(--color-primary-alt, #08407A);
}
.ccl-separator-warning {
    border-top: 3px solid var(--color-warning, #ffc325) !important;
    width: 60px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}
.ccl-separator-primary-centered,
.ccl-separator-white-centered {
    border-top: 3px solid var(--color-warning, #ffc325) !important;
    width: 60px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.ccl-opneg-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.ccl-opneg-feature-card {
    border: 1px solid #dde3ea;
    padding: 24px 20px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #fff;
}

.ccl-cards-opneg .ccl-card-image-box img{
    border-radius: 20px!important;
}

.ccl-cards-opneg  .ccl-card-icon-circle{
    background: var(--color-primary-alt);
}


.ccl-cards-opneg .ccl-card-icon-circle svg, .ccl-cards-opneg .ccl-card-icon-circle i{
    color: var(--color-white) !important;
    fill: var(--color-white) !important;
}

.ccl-cards-opneg  .ccl-numbered-card-wrapper .wp-block-button__link{
    background: var(--color-primary)!important;
}


.ccl-opneg-feature-icon {
    font-size: 24px;
    color: var(--color-warning, #ffc325);
    flex-shrink: 0;
    margin-top: 2px;
    margin: 0 !important;
}
.ccl-opneg-feature-body { flex: 1; }
.ccl-opneg-feature-title {
    font-size: 15px !important;
    font-weight: 700;
    color: var(--color-primary-alt, #08407A) !important;
    margin: 0 0 10px !important;
}
.ccl-opneg-feature-divider {
    border: none;
    border-top: 1px solid #e5e7ea;
    margin: 0 0 10px !important;
}
.ccl-opneg-feature-desc {
    font-size: 13px !important;
    color: var(--color-gray-dark, #4b535d) !important;
    margin: 0 !important;
    line-height: 1.5;
}
.ccl-opneg-beneficios-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 32px;
    text-align: center;
}

.ccl-opneg-beneficios-grid-5 {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 32px;
    text-align: center;
}

.ccl-opneg-beneficio-item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.ccl-opneg-beneficio-icon {
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--color-accent, #0074C5);
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    margin: 0 !important;
}
.ccl-opneg-beneficio-item > p {
    font-size: 13px !important;
    color: rgba(255,255,255,.9) !important;
    line-height: 1.5;
    margin: 0 !important;
    text-align: center;
}
.ccl-opneg-contact-rows {
    display: flex !important;
    flex-direction: column;
    gap: 0;
}
.ccl-opneg-contact-row {
    display: flex !important;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
    font-size: 14px;
    color: var(--color-gray-dark, #4b535d);
}
.ccl-opneg-contact-icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--color-warning, #ffc325);
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--color-primary-dark, #051c2c);
    flex-shrink: 0;
    margin: 0 !important;
}
.ccl-opneg-contact-row > p {
    margin: 0 !important;
    font-size: 14px;
    line-height: 1.6;
}
.ccl-opneg-contact-row a {
    color: var(--color-primary-alt, #08407A);
    text-decoration: none;
}
.ccl-opneg-contact-row a:hover { text-decoration: underline; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .ccl-opneg-features-grid { grid-template-columns: 1fr !important; }
    .ccl-opneg-beneficios-grid, .ccl-opneg-beneficios-grid-5 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 781px) {
    .ccl-opneg-beneficios-grid, .ccl-opneg-beneficios-grid-5 { grid-template-columns: 1fr !important; }
    .ccl-opneg-stats-bar { padding: 24px 20px; }
    .ccl-opneg-stat-number { font-size: 22px; }
}


/*CERTIFICACIONES*/

.ccl-certificados-circle{
width:75px;
height:75px;
background:var(--color-gray-light);
display:flex;
align-items:center;
border-radius:50%;
}


.ccl-certificaciones-price .ccl-separator-gray-dark{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}


.ccl-certificaciones-price .ccl-price .ccl-stat-number {
    font-size: clamp(30px, 5vw, 60px);
    font-weight: 500;
    margin-bottom:0;
}

.ccl-certificaciones-acordeon .ccl-styled-details.style-1 summary{
background:#fff!important;
}


/* ==========================================================================
   CUADERNO ATA — Estilos específicos
   ========================================================================== */

/* Tarjetas de acción (Ficha de Solicitud / Pago en Línea) */
.ccl-ata-action-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.ccl-ata-action-card {
    background: #f8fafd;
    border: 1px solid #e1e8ed;
    border-radius: 16px;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    transition: box-shadow 0.3s ease;
    text-decoration: none;
}

.ccl-ata-action-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.ccl-ata-action-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--color-accent) !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px !important;
}

.ccl-ata-action-icon {
    width: 50px;
    height: 50px;
    background: #EFF5F9;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-accent);
    font-size: 22px;
}

.ccl-ata-action-body h4 {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.ccl-ata-action-body p {
    font-size: 14px;
    color: var(--color-gray-dark);
    margin: 0;
}

.ccl-ata-action-arrow {
    position: absolute;
    top: 16px;
    right: 16px;
    color: var(--color-accent);
    font-size: 18px;
}

/* Sección Directorio */
.ccl-ata-directorio {
    display: flex;
    align-items: center;
    gap: 60px;
}

.ccl-ata-directorio-img {
    flex: 0 0 280px;
}

.ccl-ata-directorio-img img {
    width: 100%;
}

.ccl-ata-directorio-content h3 {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    line-height: 1.3;
}

/* Enlaces de interés */
.ccl-ata-links {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 16px;
}

.ccl-ata-link-badge {
    background: transparent;
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
    border-radius: 50px;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.ccl-ata-link-badge:hover {
    background: var(--color-accent);
    color: #fff;
}

/* Responsive */
@media (max-width: 781px) {
    .ccl-ata-action-grid {
        grid-template-columns: 1fr;
    }

    .ccl-ata-directorio {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }

    .ccl-ata-directorio-img {
        flex: unset;
        width: 200px;
    }
}




.ccl-feature-card{
    position: relative;
    background: #f6f8fb;
    border: 1px solid #d7dde5;
    min-height: 175px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 18px;
    overflow: visible;
}

/* Número superior en círculo */
.ccl-feature-card > p:first-child{
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    margin: 0;
    border-radius: 50%;
    background: #dfe9f6;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px !important;
    font-weight: 600;
    letter-spacing: 0 !important;
    z-index: 2;
}

/* Caja del icono */
.ccl-feature-card > p:nth-child(2){
    width: 75px;
    height: 75px;
    margin: 0;
    background: #e9eff8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ccl-feature-card > p:nth-child(2) i{
    font-size: 37px !important;
    line-height: 1;
}

/* Texto */
.ccl-feature-card > p:last-child{
    max-width: 230px;
    margin: 0;
    text-align: center;
    line-height: 1.6;
    font-size: 14px;
}

/* Hover opcional */
.ccl-feature-card:hover{
    transform: translateY(-4px);
    transition: all .3s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}






/* Document Cards Layout (Estatuto / Código de Ética)*/

.ccl-doc-card {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Lógica de Bordes para bloque único */
.ccl-doc-main {
    height: 360px !important;
    min-height: 360px !important;
    border-radius: 20px 20px 0 0 !important;
}

/* Ajuste para que en el bloque Doing Business la altura sea flexible y se alinee */
.ccl-no-gap-columns .ccl-doc-main {
    height: 100% !important;
    min-height: 100% !important;
}

/* Doc Card — altura extendida con contenido distribuido verticalmente */
.ccl-doc-main-tall {
    min-height: 450px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-evenly !important;
}

/* Doc Overlay — ancho parcial (80%) en lugar de full width */
.ccl-doc-overlay-80 {
    max-width: 80% !important;
    width: 80% !important;
}

/* Documento Vertical (Doing Business) */
.ccl-doc-card.ccl-doc-vertical,
.editor-styles-wrapper .ccl-doc-card.ccl-doc-vertical {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 40px !important;
    gap: 0 !important;
}

@media (max-width: 781px) {

    .ccl-doc-card.ccl-doc-vertical,
    .editor-styles-wrapper .ccl-doc-card.ccl-doc-vertical {
        padding: 20px !important;
    }
}

.ccl-doc-vertical .ccl-doc-header {
    justify-content: flex-end !important;
    /* Icono arriba a la derecha */
}

.ccl-doc-vertical .ccl-doc-content {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-right: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.ccl-doc-vertical .ccl-doc-icon {
    width: 40px !important;
    height: 40px !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

.ccl-doc-vertical .ccl-doc-icon svg,
.ccl-doc-vertical .ccl-doc-icon img {
    width: 100% !important;
    height: 100% !important;
}

.ccl-doc-vertical .ccl-doc-text {
    font-size: clamp(24px, 4vw, 32px) !important;
}

.ccl-doc-vertical .ccl-doc-arrow-top {
    width: 40px !important;
    height: 40px !important;
    transform: none !important;
    /* Sin rotación */
}

.ccl-doc-vertical .ccl-doc-footer {
    display: flex;
    justify-content: flex-end;
    /* Flecha abajo a la derecha */
}

/* Padding aplicado al contenedor footer si tiene icono/imagen */
.ccl-doc-vertical .ccl-doc-footer:has(svg),
.ccl-doc-vertical .ccl-doc-footer:has(img) {
    padding: 0 45px !important;
}

@media (max-width: 781px) {

    .ccl-doc-vertical .ccl-doc-footer:has(svg),
    .ccl-doc-vertical .ccl-doc-footer:has(img) {
        padding: 0 20px !important;
    }
}

.ccl-doc-vertical:hover .ccl-doc-arrow-top {
    transform: translateX(10px) !important;
    /* Animación horizontal simple */
}

/* Eliminar bordes redondeados inferiores para un acabado recto */
.ccl-doc-bottom-row .wp-block-column:first-child .ccl-doc-card,
.ccl-doc-bottom-row .wp-block-column:last-child .ccl-doc-card {
    border-radius: 0 !important;
}

.ccl-doc-image {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.ccl-doc-image img,
.ccl-doc-image figure {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    margin: 0;
}

.ccl-doc-overlay-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 1;
}

.ccl-doc-overlay {
    max-width: 460px;
    width: 100%;
    padding: 30px 30px 50px 58px !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    /* Vuelve a ser columna */
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    text-decoration: none;
    transition: background 0.3s ease;
    color: #ffffff !important;
}

.ccl-doc-title {
    color: #ffffff !important;
    font-weight: 400 !important;
    font-size: clamp(27.5px, 4.4vw, 32px) !important;
    margin: 0 !important;
    margin-right: 40px !important;
    /* Evita que el título pise la flecha del overlay */
    width: 100%;
    max-width: 100% !important;
}

@media (max-width: 781px) {

    /* Media query ajustada a 781px */
    .ccl-doc-overlay {
        max-width: 300px;
        padding: 20px !important;
    }

    /* Forzar que el título no pise la flecha */
    .ccl-doc-overlay .ccl-doc-title {
        max-width: 100% !important;
    }

    /* Forzar que el texto no pise el icono en las cartillas */
    .ccl-doc-content .ccl-doc-text {
        max-width: calc(100% - 60px) !important;
    }

    .ccl-doc-arrow {
        width: 22px !important;
        height: 22px !important;
    }

    .ccl-doc-arrow-top {
        width: 30px !important;
        height: 30px !important;
    }
}

.ccl-doc-overlay:hover {
    transform: none !important;
    /* El div ya no se mueve */
    background: rgba(255, 255, 255, 0.4) !important;
}

/* Animación de flecha en el overlay principal */
.ccl-doc-overlay:hover .ccl-doc-arrow {
    animation: ccl-arrow-slide 0.6s ease-in-out;
}

a:has(.ccl-doc-arrow) {
    margin-left: auto;
}

.ccl-doc-arrow {
    width: 30px;
    height: 30px;
    color: #ffffff !important;
    flex-shrink: 0;
    transform: rotate(-45deg);
    align-self: flex-end !important;
    transition: transform 0.3s ease;
}

/* Animación para las flechas de las cartillas inferiores */
.ccl-doc-card:hover .ccl-doc-arrow-top {
    animation: ccl-arrow-slide 0.6s ease-in-out;
}

@keyframes ccl-arrow-slide {
    0% {
        transform: rotate(-45deg) translate(0, 0);
    }

    50% {
        transform: rotate(-45deg) translate(10px, 0);
    }

    /* Solo horizontal */
    100% {
        transform: rotate(-45deg) translate(0, 0);
    }
}

/* Bottom Row Cards */
.ccl-doc-bottom-row,
.editor-styles-wrapper .ccl-doc-bottom-row {
    margin-top: 0 !important;
    gap: 0 !important;
}

.ccl-doc-bottom-row .wp-block-column,
.editor-styles-wrapper .ccl-doc-bottom-row .wp-block-column {
    margin: 0 !important;
}

.ccl-doc-dark,
.editor-styles-wrapper .ccl-doc-dark {
    background-color: var(--color-secondary) !important;
    padding: 20px 20px 40px 20px !important;
}

.ccl-doc-blue,
.editor-styles-wrapper .ccl-doc-blue {
    background-color: var(--color-accent) !important;
    padding: 20px 20px 40px 20px !important;
    /* Unificado y con padding inferior aumentado */
}

.ccl-doc-header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0 !important;
}

.ccl-doc-arrow-top {
    width: 40px;
    height: 40px;
    color: #ffffff !important;
    transform: rotate(-45deg);
    transition: transform 0.3s ease;
}

.ccl-doc-content {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 0 !important;
    padding-bottom: 40px;
    margin-right: 50px;
    /* Evita que el texto y el borde se peguen al icono de arriba a la derecha */
    border-bottom: 1px solid #fff;
    flex-grow: 1;
    /* Hace que el contenido crezca y empuje el borde abajo */
}


.ccl-doc-icon {
    width: 55px;
    height: 55px;
    color: #ffffff !important;
    flex-shrink: 0;
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
}

.ccl-doc-icon svg {
    width: 25px !important;
    height: 25px !important;
}


.ccl-doc-text {
    color: #ffffff !important;
    font-weight: 400 !important;
    font-size: clamp(18.9px, 3.15vw, 26px) !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}





.ccl-doc-card a,
.ccl-doc-link-wrapper {
    text-decoration: none !important;
    color: inherit !important;
    display: block;
    height: 100%;
}

/* --- Doing Business Custom Alignment --- */
.ccl-no-gap-columns {
    gap: 0 !important;
}

.ccl-no-gap-stack {
    display: flex;
    flex-direction: column;
}

.ccl-no-gap-stack>.wp-block-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    flex: 1;
    /* Makes cards share height equally */
}

.ccl-column-image-left .ccl-doc-main {
    border-radius: 20px 0 0 20px !important;
    /* Rounded only on the outer left side */
}

.ccl-column-docs-stacked .ccl-doc-card:first-child {
    border-radius: 0 20px 0 0 !important;
    /* Top right outer corner */
}

.ccl-column-docs-stacked .ccl-doc-card:last-child {
    border-radius: 0 0 20px 0 !important;
    /* Bottom right outer corner */
}

/* Responsivo para el bloque Doing Business */
@media (max-width: 781px) {
    .ccl-column-image-left {
        flex-basis: 100% !important;
        margin-bottom: 0 !important;
    }

    .ccl-column-image-left .ccl-doc-main {
        min-height: 300px !important;
        /* Altura necesaria para que se vea la imagen absolute */
        border-radius: 20px 20px 0 0 !important;
        /* Redondeado arriba */
    }

    .ccl-column-docs-stacked {
        flex-basis: 100% !important;
    }

    .ccl-column-docs-stacked .ccl-doc-card:first-child {
        border-radius: 0 !important;
        /* Recto porque se une a la imagen de arriba */
    }

    .ccl-column-docs-stacked .ccl-doc-card:last-child {
        border-radius: 0 0 20px 20px !important;
        /* Redondeado abajo */
    }
}

/* Inlined SVG and IMG utilities for cards */
.ccl-doc-arrow svg,
.ccl-doc-arrow img,
.ccl-doc-arrow-top svg,
.ccl-doc-arrow-top img,
.ccl-doc-icon svg,
.ccl-doc-icon img {
    width: 100%;
    height: 100%;
    display: block;
    fill: currentColor !important;
    object-fit: contain;
}

/* Simulación de color para el Editor (Gutenberg)
   Como en el editor son <img> y no <svg> inyectados, usamos filtros para que se vean blancos
*/
.editor-styles-wrapper .ccl-doc-dark .ccl-doc-icon img,
.editor-styles-wrapper .ccl-doc-blue .ccl-doc-icon img,
.editor-styles-wrapper .ccl-doc-dark .ccl-doc-arrow-top img,
.editor-styles-wrapper .ccl-doc-blue .ccl-doc-arrow-top img,
.editor-styles-wrapper .ccl-doc-overlay .ccl-doc-arrow img {
    filter: brightness(0) invert(1) !important;
}



.ccl-rounded-full {
    border-radius: 9999px !important;
    overflow: hidden;
}



/* Separators */
.ccl-separator-accent {
    border: none !important;
    border-top: 1px solid var(--color-accent) !important;
    background-color: transparent !important;
    opacity: 1 !important;
    height: 1px !important;
}

/* Alignment & Misc */
.has-text-align-justify {
    text-align: justify;
}

.ccl-italic {
    font-style: italic !important;
}

.ccl-font-bold {
    font-weight: 700 !important;
}

.ccl-uppercase {
    text-transform: uppercase !important;
}

.ccl-letter-spacing-1 {
    letter-spacing: 1px !important;
}

.ccl-letter-spacing-neg-1 {
    letter-spacing: -1px !important;
}

.ccl-letter-spacing-neg-2 {
    letter-spacing: -1.8px !important;
}

/* --- Transparency Utilities --- */
.ccl-background-transparency {
    background-color: color-mix(in srgb,
            var(--wp--preset--color--secondary) 85%,
            transparent) !important;
}

/* --- Responsive Border Utility --- */
/* Clase base para la lógica de posición */
.ccl-border-responsive {
    border-right-style: solid !important;
    border-right-width: 1px !important;
    border-bottom-style: none !important;
}

/* Variantes de Color */
.ccl-border-responsive-secondary {
    border-color: #2D4B71 !important;
}

.ccl-border-responsive-accent {
    border-color: var(--color-accent) !important;
}

.ccl-border-responsive-primary {
    border-color: var(--color-primary) !important;
}

@media (max-width: 781px) {
    .ccl-border-responsive {
        border-right-style: none !important;
        border-bottom-style: solid !important;
        border-bottom-width: 1px !important;
    }
}

/* Text Alignment Override */
.has-text-align-center {
    text-align: center !important;
}

.has-text-align-left {
    text-align: left !important;
}

.has-text-align-right {
    text-align: right !important;
}

/* --- Layout Utilities --- */
.ccl-flex {
    display: flex !important;
}

.ccl-items-center {
    align-items: center !important;
}

.ccl-justify-center {
    justify-content: center !important;
}

.ccl-justify-between {
    justify-content: space-between !important;
}

.ccl-flex-column {
    flex-direction: column !important;
}

.ccl-row-60-40 {
    gap: 40px !important;
}

/* --- Button Icon Utility --- */
.ccl-btn-with-icon .wp-block-button__link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.ccl-btn-with-icon i {
    font-size: 1.2em;
    line-height: 1;
}

/* --- Global Button Utilities --- */

/* Botón Amarillo Sólido */
.ccl-btn-yellow .wp-block-button__link {
    background-color: var(--color-warning) !important;
    color: #ffffff !important;
    border: 2px solid var(--color-warning) !important;
    transition: all 0.3s ease !important;
}

.ccl-btn-yellow .wp-block-button__link:hover {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* Botón Amarillo Esquema (Outline) */
.ccl-btn-outline-yellow .wp-block-button__link {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid var(--color-warning) !important;
    transition: all 0.3s ease !important;
}

.ccl-btn-outline-yellow .wp-block-button__link:hover {
    background-color: var(--color-warning) !important;
    color: #ffffff !important;
}

/* Efecto de Brillo (General) */
.ccl-btn-shine .wp-block-button__link {
    position: relative;
    overflow: hidden !important;
    z-index: 1;
}

.ccl-btn-shine .wp-block-button__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.4) 50%,
            rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    transition: none;
    z-index: 2;
}

.ccl-btn-shine .wp-block-button__link:hover::after {
    animation: ccl-global-shine 0.75s forwards;
}

@keyframes ccl-global-shine {
    100% {
        left: 150%;
    }
}

/* --- Component Specific Utilities --- */

/* Flip Box Replacement (Cards) */
.ccl-flip-box-replacement {
    background: #fff;
    border: 1px solid #DBE8EF;
    border-radius: 22px;
    padding: 30px;
    height: 100%;
    transition: transform 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.ccl-flip-box-replacement:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.ccl-flip-box-replacement img {
    margin-bottom: 20px;
}

/* Counter Item */
.ccl-counter-item {
    text-align: center;
    padding: 20px;
}

.ccl-counter-number {
    font-size: 40px;
    color: var(--color-primary);
    margin: 0;
    line-height: 1.2;
}

/* Vertical Counter Item (Icon -> Value -> Desc) */
.ccl-counter-item-vertical {
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.ccl-counter-item-vertical .wp-block-image {
    margin-bottom: 5px;
}

.ccl-counter-item-vertical .ccl-counter-number {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    /* En esta sección los números son blancos */
    margin: 0;
}

.ccl-counter-item-vertical .ccl-counter-desc {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    margin: 0;
    font-weight: 500;
    max-width: 250px;
}

/* Ticker / Scrolling Tape (Cinta Corrediza) */
.ccl-ticker-container {
    width: 100%;
    overflow: hidden;
    background: var(--color-gray-light);
    /* Color corporativo amarillo por defecto */
    padding: 50px 0;
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.ccl-ticker-content {
    display: flex;
    white-space: nowrap;
    /* Ralentizado a 60s para una lectura cómoda, ajustable según cantidad de texto */
    animation: ccl-ticker-scroll 60s linear infinite;
    will-change: transform;
}

.ccl-ticker-item {
    position: relative;
    padding: 0 60px;
    /* Mayor espaciado entre frases */
    font-size: 26px;
    font-weight: 400;
    color: var(--color-primary-dark);
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: 'Poppins', sans-serif;
}

.ccl-ticker-item:before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translatey(-50%);
    left: 25px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: var(--color-primary-dark);
}

.ccl-ticker-item img {
    height: 40px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

@keyframes ccl-ticker-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

    /* Se detiene a la mitad porque el contenido está duplicado */
}

/* Modo Color Primario (Fondo Azul, Texto Blanco) */
.ccl-ticker-container.is-primary {
    background: var(--color-primary);
}

.ccl-ticker-container.is-primary .ccl-ticker-item {
    color: #fff;
}

.ccl-ticker-container.is-primary .ccl-ticker-item b {
    color: var(--color-primary);
}


/* Modo Accent (Fondo Azul Accent, Texto Blanco) */
.ccl-ticker-container.is-accent {
    background: var(--color-accent);
}

.ccl-ticker-container.is-accent .ccl-ticker-item {
    color: #ffffff;
}

.ccl-ticker-container.is-accent .ccl-ticker-item::before {
    background-color: #ffffff;
}

/* Video Player Widget */
.ccl-video-player-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}

.ccl-video-play-btn {
    width: 80px;
    height: 80px;
    background: var(--color-accent);
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 0 0 0 rgba(0, 116, 197, 0.7);
    animation: ccl-pulse-blue 2s infinite;
}

.ccl-video-play-btn:hover {
    transform: scale(1.1);
    background: var(--color-primary);
    color: #fff;
}

@keyframes ccl-pulse-blue {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 116, 197, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 20px rgba(0, 116, 197, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 116, 197, 0);
    }
}

/* Section with Background Image (Fix for double-layer) */
.has-background-image {
    position: relative;
}

.wp-block-cover.has-background-image {
    min-height: 400px;
}

.ccl-max-container {
    max-width: 910px !important;
}

/* Accordion Custom Styles (Fidelity) */
.ccl-accordion-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: auto;
}

.ccl-styled-details {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #eef2f6;
    transition: all 0.3s ease;
    margin-top: 0;
}

.ccl-styled-details summary {
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-primary);
    color: #fff;
    font-family: 'Poppins', sans-serif;
}


/* Style 2: Dark header with decorative slanted background on icon area */
.ccl-styled-details.style-2 {
    border: none !important;
    border-radius: 0 !important;
}

.ccl-styled-details.style-2 summary {
    position: relative;
    background-color: var(--color-primary);
    color: #fff;
}

.ccl-styled-details.style-2 summary::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.15);
    width: 80px;
    height: 100%;
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    pointer-events: none;
    z-index: 0;
}

.ccl-styled-details.style-2 summary::after {
    color: #fff;
    position: relative;
    z-index: 1;
}

.ccl-styled-details.style-2[open] summary {
    background-color: var(--color-primary-dark);
}


.ccl-styled-details.style-1 {
    border: none !important;
    border-radius: 0 !important;
    width: 100%;

}

.ccl-styled-details.style-1 summary {
    position: relative;
    background: var(--color-gray-light);
    color: var(--color-secondary);
}


.ccl-styled-details.style-1 summary::after {
    color: var(--color-secondary);
}

.ccl-styled-details summary::-webkit-details-marker {
    display: none;
}

.ccl-styled-details[open] summary::after {
    transform: rotate(180deg);
}

.ccl-styled-details p {
    margin-bottom: 15px;
    text-align: justify;
}



.ccl-icon-box p {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.ccl-icon-box p i {
    flex-shrink: 0;
    margin-top: 3px;
}

.ccl-video-player-cover {
    background-size: cover;
    background-position: center;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.ccl-overlay-image {
    position: absolute;
    inset: 0;
    background-image: url('../../../../../wp-content/uploads/2025/09/PATRON-CCL-BLANCO.png');
    opacity: .1;
    z-index: 0;
    height: 100%;
}

.ccl-separator {
    border-top: 1px solid var(--color-accent);
}

/* --- Global SVG Color Synchronization --- */
/* Forzar que todos los SVGs inyectados hereden el color del texto (Gutenberg) */
.ccl-svg-inlined svg,
.ccl-svg-inlined svg * {
    fill: currentColor !important;
    transition: all 0.3s ease;
}

/* Solo aplicar stroke si el elemento ya tenía un stroke (evitar cajas negras) */
.ccl-svg-inlined svg [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}

/* Evitar que el contenedor rompa el layout */
.ccl-svg-inlined {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.ccl-svg-inlined svg {
    width: 100%;
    height: auto;
    max-width: inherit;
}

.ccl-exclusive-columns {
    align-items: center !important;
}

.ccl-exclusive-button .wp-block-buttons {
    margin-left: auto;
}


.ccl-exclusive-button {
    margin-right: -22px !important;
}

.ccl-exclusive-badge {
    min-height: 47px;
    display: flex;
    align-items: center;
}

/* Badge: Exclusivo para asociado */
.ccl-exclusive-badge .wp-block-button__link,
.ccl-exclusive-badge a {
    background-color: var(--color-warning) !important;
    color: var(--color-primary-dark) !important;
    padding: 8px 18px !important;
    border-radius: 30px 0 0 30px;
    /* Redondeado izquierda, recto derecha */
    font-size: 13px !important;
    font-weight: 500;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: end;
    width: fit-content;
    margin-bottom: 10px;
    transition: var(--ccl-transition);
    text-transform: none !important;
    letter-spacing: 0.5px;
}


.cards-grid {
    gap: 30px;
    margin-bottom: 30px;
}

.card-style-1 {
    border: 1px solid #d9d9d9;
    border-radius: 22px;
    padding: 34px 22px;
    background: var(--white-color);
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.card-style-1__icon {
    margin-bottom: 24px;
}

.card-style-1__icon svg,
.card-style-1__icon img {
    width: 27px;
    height: 27px;
    object-fit: contain;
    text-align: center;
}

.card-style-1__icon {
    border-radius: 50%;
    padding: 10px;
    background-color: var(--color-bg-soft);
    color: var(--color-primary-light);
    width: 47px;
    height: 47px;
}

.card-style-1__title {
    line-height: 1.2;
    font-weight: 500;
}

.card-style-1__text {
    line-height: 1.7;
    flex-grow: 1;
}

.card-style-1__button {
    width: 100%;
}

.card-style-1__button .wp-block-button__link {
    width: 100%;
    text-align: center;
    background: transparent;
    color: var(--color-primary-light);
    border: 1px solid var(--color-primary-light);
    border-radius: 40px;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
}

.card-style-1__button .wp-block-button__link:hover,
.card-style-1__button .wp-block-button__link:focus,
.card-style-1__button .wp-block-button__link:active {
    background-color: var(--color-primary-light);
    border: 1px solid var(--color-primary-light);
}


@media screen and (max-width:781px) {

    .ccl-exclusive-columns {
        flex-direction: column;
        justify-content: center;
        align-items: normal !important;
    }

}


@media screen and (max-width:360px) {

    .ccl-exclusive-badge .wp-block-button__link,
    .ccl-exclusive-badge a {
        max-width: 150px;
    }

}


.servicios-header h1 {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
}

.servicios-header h1.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Asegurar visibilidad en el editor de bloques */
.editor-styles-wrapper .servicios-header h1 {
    opacity: 1 !important;
    transform: none !important;
}


/* ==========================================================================
   Componente Global: Sección Principal de Características
   ========================================================================== */


/* Espacio entre las dos columnas (Gap) y alineación de altura */
.ccl-main-feature-section div.wp-block-columns.alignwide {
    gap: 3.5rem;
    align-items: stretch;
}

/* Distribución equitativa 50/50 y contenedor flex para alinear contenido */
.ccl-main-feature-section .wp-block-columns .wp-block-column {
    flex-basis: 50%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Títulos de las Características - Reset de margen superior para alinear con la imagen */
.ccl-main-feature-section h2.ccl-text-primary-light {
    margin-top: 0;
    font-size: clamp(20px, 3vw, 35px);
    font-weight: 500;
    letter-spacing: -0.8px;
    line-height: 1.1;
}

/* Párrafos / Descripciones */
.ccl-main-feature-section p.has-text-align-justify {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.5px;
}

/* Empujar botones al final de la columna para alinear con el fondo de la imagen */
.ccl-main-feature-section .wp-block-buttons {
    margin-top: auto;
    margin-bottom: 0;
}

/* Botón Corporativo */
.ccl-main-feature-section .wp-block-button .wp-block-button__link.wp-element-button {
    display: inline-block;
    background-color: var(--color-secondary);
    color: #ffffff;
    padding: 14px 30px;
    font-size: 14px;
    line-height: 1.2em;
    border-radius: 56px;
    font-weight: 400;
    letter-spacing: 2px;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    border: none;
}

/* Animación de entrada para el botón - SOLO FRONTEND */
body:not(.editor-styles-wrapper) .ccl-main-feature-section .wp-block-button {
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

body:not(.editor-styles-wrapper) .ccl-main-feature-section .wp-block-button.visible {
    opacity: 1;
    transform: scale(1);
}



/* Hover del Botón (mantenemos transform separado para no interferir con la animación de entrada) */
.ccl-main-feature-section .wp-block-button .wp-block-button__link.wp-element-button:hover {
    transform: translateY(-2px);
}

/* Bordes redondeados y comportamiento de la Imagen */
.ccl-main-feature-section .wp-block-image img {
    border-radius: 25px;
    object-fit: cover;
    width: 100%;
    height: auto;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   Responsivo: Sección Principal de Características
   ========================================================================== */

@media screen and (max-width: 1024px) {

    /* Solo el botón se centra cuando las columnas colapsan */
    .ccl-main-feature-section .wp-block-columns .wp-block-column {
        flex-basis: 100%;
    }

    .ccl-main-feature-section .wp-block-buttons {
        justify-content: center;
    }

    .ccl-main-feature-section .wp-block-image {
        margin-bottom: 40px;
    }

    .ccl-main-feature-section div.wp-block-columns.alignwide {
        gap: 2.5rem;

    }
}


.ccl-tabla-1 table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto !important;
}

.ccl-tabla-1 table thead {
    border: none;
}

.ccl-tabla-1 table th,
.ccl-tabla-1 table td {
    padding: 30px 12px;
    border: 1px solid var(--color-gray-light);
    font-size: 16px;
    line-height: 1.4;
}

.ccl-tabla-1 table th {
    color: var(--color-primary-light) !important;
    font-weight: 700;
    text-align: center;
}

.ccl-tabla-1 table td {
    color: var(--color-gray-dark);
}

.ccl-tabla-1 table td:first-child {
    text-align: center;
}

.ccl-tabla-1 table td:nth-child(2) {
    text-align: left;
}

.ccl-tabla-1 table td:last-child {
    text-align: center;
}


.ccl-tabla-1 td:first-child,
.ccl-tabla-1 th:first-child,
.ccl-tabla-1 td:last-child,
.ccl-tabla-1 th:last-child {
    white-space: nowrap;
}

/* ==========================================================================
   Tabla Estilo 2 — Header azul oscuro, filas limpias con borde suave
   Uso: tablas de países ATA, directorios, listados institucionales
   ========================================================================== */

.ccl-tabla-2 {
    overflow: hidden;
    padding: 20px;
}

.ccl-tabla-2 table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px 4px;
    font-family: var(--font-family-poppins);
    font-size: 14px;
    background-color: var(--color-gray-light);
    border: none;
}

.ccl-tabla-2 table thead tr {
    background-color: var(--color-primary-light);
}

.ccl-tabla-2 table th {
    color: #ffffff !important;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 16px;
    border: none;
}

.ccl-tabla-2 table td {
    padding: 12px 16px;
    color: var(--color-gray-dark);
    border: none;
    vertical-align: middle;
}

.ccl-tabla-2 table tbody tr:hover td {
    background-color: var(--color-bg-soft);
    transition: background 0.2s ease;
}

/* Columna País: centrada y sin salto de línea */
.ccl-tabla-2 table td:first-child {
    text-align: center;
    white-space: nowrap;
    font-weight: 500;
    color: var(--color-primary-light);
}

/* Columna Entidad: texto izquierda */
.ccl-tabla-2 table td:nth-child(2) {
    text-align: left;
}

/* Columna Teléfono y Sitio Web: centradas */
.ccl-tabla-2 table td:nth-child(3),
.ccl-tabla-2 table td:last-child {
    text-align: center;
    white-space: nowrap;
}

/* Cuando la tabla está dentro de un acordeón (wp:details) */
.ccl-tabla-2 .ccl-tabla-2-inner,
.ccl-tabla-2-inner {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px 4px;
    font-family: var(--font-family-poppins);
    font-size: 14px;
    background-color: var(--color-gray-light);
}

.ccl-tabla-2 .ccl-tabla-2-inner thead tr,
.ccl-tabla-2-inner thead tr {
    background-color: var(--color-primary-light);
}

.ccl-tabla-2 .ccl-tabla-2-inner th,
.ccl-tabla-2-inner th {
    color: #ffffff !important;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 16px;
    border: none;
}

.ccl-tabla-2 .ccl-tabla-2-inner td,
.ccl-tabla-2-inner td {
    padding: 12px 16px;
    color: var(--color-gray-dark);
    border: none;
    vertical-align: middle;
}

.ccl-tabla-2 .ccl-tabla-2-inner tbody tr:hover td,
.ccl-tabla-2-inner tbody tr:hover td {
    background-color: var(--color-bg-soft);
    transition: background 0.2s ease;
}

.ccl-tabla-2 .ccl-tabla-2-inner td:first-child,
.ccl-tabla-2-inner td:first-child {
    text-align: center;
    white-space: nowrap;
    font-weight: 500;
    color: var(--color-primary-light);
}

.ccl-tabla-2 .ccl-tabla-2-inner td:nth-child(2),
.ccl-tabla-2-inner td:nth-child(2) {
    text-align: left;
}

.ccl-tabla-2 .ccl-tabla-2-inner td:nth-child(3),
.ccl-tabla-2 .ccl-tabla-2-inner td:last-child,
.ccl-tabla-2-inner td:nth-child(3),
.ccl-tabla-2-inner td:last-child {
    text-align: center;
    white-space: nowrap;
}

/* Links dentro de la tabla */
.ccl-tabla-2 table td a {
    color: var(--color-accent) !important;
    text-decoration: none !important;
}

.ccl-tabla-2 table td a:hover {
    text-decoration: underline !important;
}

/* Sin scroll horizontal — el texto hace wrap y la fila crece */
.ccl-tabla-2,
.ccl-tabla-2-inner {
    white-space: normal !important;
}

.ccl-tabla-2 table td:nth-child(3),
.ccl-tabla-2 table td:last-child,
.ccl-tabla-2-inner td:nth-child(3),
.ccl-tabla-2-inner td:last-child {
    white-space: normal !important;
}

.ccl-tabla-2 table td:first-child,
.ccl-tabla-2-inner td:first-child {
    white-space: normal !important;
}

/*Img-Descripción*/

.ccl-img-description-columns {
    max-width: 1250px;
    align-items: stretch;
    border-radius: 20px;
    gap: 2.5rem;
}

.ccl-img-description-columns .ccl-img-block {
    display: flex;
    height: 100%;
}

.ccl-img-description-columns .ccl-img-block img {
    height: auto;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.ccl-img-description-columns .ccl-description-column {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 40px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}


@media (max-width: 781px) {
    .ccl-img-description-columns {
        max-width: 600px;
    }

    .ccl-img-description-columns .ccl-img-block img {
        max-height: 500px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0px;
        width: 100%;
        object-position: top;
    }

    .ccl-img-description-columns .ccl-description-column {
        padding: 30px;
    }

}

/* ==========================================================================
   BENEFICIOS DEL ASOCIADO — Staff Acordeones
   ========================================================================== */

/* Stats Beneficios — layout */
.ccl-stats-beneficios {
    gap: 30px !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.ccl-stats-beneficios .ccl-stat-item {
    flex: 1 1 200px !important;
    min-width: 0 !important;
    max-width: 240px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 8px !important;
    justify-content: center !important;
    text-align: center !important;
}

/* El "+" alineado con el número */
.ccl-stats-beneficios .ccl-stat-item > .wp-block-paragraph {
    line-height: 1 !important;
    margin-top: 4px !important;
    flex-shrink: 0 !important;
}

/* Sufijo pequeño en stats (mil, años, %) */
.ccl-stat-number .ccl-stat-suffix {
    font-size: 60% !important;
    font-weight: 800 !important;
}

.ccl-stats-beneficios .ccl-stat-item .ccl-uppercase {
    font-size: 10px !important;
    line-height: 1.4 !important;
    margin-top: 4px !important;
    text-align: center !important;
}

@media (max-width: 781px) {
    .ccl-stats-beneficios {
        flex-wrap: wrap !important;
    }
    .ccl-stats-beneficios .ccl-stat-item {
        flex-basis: 45% !important;
        max-width: 48% !important;
    }
}

/* Portada cards — Composición del Cuaderno ATA */
.ccl-portada-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    height: 100%;
}

.ccl-portada-card .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px;
}

/* Voucher cards */
.ccl-voucher-card .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    border: 1px solid var(--color-gray-light);
    border-radius: 8px;
}

/* Card Diagnóstico — imagen desbordante izquierda + arriba */
.ccl-diagnostico-card {
    overflow: visible !important;
    position: relative;
    align-items: flex-end !important;
}

.ccl-diagnostico-card .ccl-img-overflow-top {
    flex-shrink: 0 !important;
    align-self: flex-end !important;
    margin-left: -30px !important;
    margin-bottom: 0 !important;
}

.ccl-diagnostico-card .ccl-img-overflow-top figure {
    margin: 0 !important;
}

.ccl-diagnostico-card .ccl-img-overflow-top img {
    width: 350px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: bottom center !important;
    display: block !important;
    margin-top: -60px !important;
}

/* Mobile — card diagnóstico apilada */
@media (max-width: 781px) {
    .ccl-diagnostico-card {
        flex-direction: column !important;
        align-items: center !important;
        padding-top: 20px !important;
    }

    .ccl-diagnostico-card .ccl-img-overflow-top {
        display: none !important;
    }

    .ccl-diagnostico-card > .wp-block-group:nth-child(2) {
        max-width: 100% !important;
    }

    .ccl-diagnostico-card > .wp-block-group:last-child {
        margin-bottom: 20px;
    }
}

/* Grupo del botón — centrado verticalmente */
.ccl-diagnostico-card > .wp-block-group:last-child {
    align-self: center !important;
    flex-shrink: 0 !important;
}

/* Botón circular INICIAR ENCUESTA — tamaño fijo */
.ccl-diagnostico-card .wp-block-button__link {
    width: 110px !important;
    height: 110px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}


.ccl-intro-overlay-wca{
    max-width: 80%;
    text-align: center;
}


/* ==========================================================================
   MODELOS DE CONTRATOS
   ========================================================================== */

.ccl-contracts-badge {
    background-color: var(--color-secondary);
    color: #ffffff;
    padding: 8px 28px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ccl-contracts-row {
    border: 1px solid var(--color-gray-light) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}

.ccl-contracts-grid > .ccl-contracts-row:first-child {
    border-radius: 12px 12px 0 0 !important;
}

.ccl-contracts-grid > .ccl-contracts-row:last-child {
    border-radius: 0 0 12px 12px !important;
}

.ccl-contracts-grid > .ccl-contracts-row + .ccl-contracts-row {
    border-top: none !important;
}

.ccl-contracts-row .wp-block-column {
    border-right: 1px solid var(--color-gray-light) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ccl-contracts-row .wp-block-column:last-child {
    border-right: none !important;
}

.ccl-contract-card {
    padding: 20px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.ccl-contract-card-top {
    gap: 12px !important;
    flex: 1 !important;
    align-items: center !important;
}


/* Nombre del contrato — via clase, sin inline styles → nunca se corrompe */
.ccl-contract-name {
    color: var(--color-secondary) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    flex: 1;
}

/* Botón alineado con el texto del título (icono 40px + gap 12px) */
.ccl-contract-card .wp-block-buttons {
    padding-left: 52px !important;
    margin-top: 16px !important;
}

/* ── Sección "Conoce otros servicios" — patrón CCL como fondo decorativo ── */
.ccl-otros-section {
    position: relative;
    overflow: hidden;
}

.ccl-otros-section::before,
.ccl-otros-section::after { display: none; }

/* ── Slider ────────────────────────────────────────────────────────────── */
.ccl-otros-section .inherit-container-width {
    position: relative;
    z-index: 1;
    overflow: hidden; /* clip aquí, no en el slider */
}

.ccl-otros-slider {
    overflow: visible; /* permite ver los laterales */
    position: relative;
}

/* Card — grid: imagen+desc a la izq, título+btn a la derecha */
.ccl-otro-card {
    background: #ffffff;
    border-radius: 0;
    box-shadow: 0 4px 24px rgba(0,0,0,0.07);
    padding: 28px;
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        "img  title"
        "desc desc";
    gap: 16px 28px;
    align-items: center;
    width: 100%;
    min-height: 350px;
}

/* Imagen circular — área "img", alineada con el título */
.ccl-otro-card-img-wrap {
    grid-area: img;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
}

.ccl-otro-card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Fila título + botón — área "title", centrada verticalmente con la imagen */
.ccl-otro-card-title-row {
    grid-area: title;
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: center;
}

.ccl-otro-card-title {
    flex: 1;
    font-weight: 600;
    color: var(--color-secondary);
    margin: 0;
    line-height: 1.3;
}

/* Botón flecha — 2x grande, color secondary, sin rotación ni escala */
.ccl-otro-card-btn {
    width: 88px;
    height: 88px;
    min-width: 88px;
    border-radius: 50%;
    background-color: var(--color-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 28px;
    text-decoration: none;
    flex-shrink: 0;
    transition: background 0.2s ease;
    transform: none !important;
}

.ccl-otro-card-btn:hover {
    background-color: var(--color-secondary) !important;
    color: #ffffff !important;
    transform: none !important;
}

.ccl-otro-card-btn i {
    font-size: 28px !important;
    transition: transform 0.3s ease !important;
    transform: rotate(0deg) !important;
    display: inline-block;
    animation: none !important;
}

.ccl-otro-card-btn:hover i {
    transform: rotate(-45deg) !important;
    animation: none !important;
}

/* Imagen — línea separadora derecha sin padding extra */
.ccl-otro-card-img-wrap {
    border-right: 1px solid var(--color-gray-dark);
}

/* Descripción — área "desc", con espacio respecto a la imagen */
.ccl-otro-card-desc {
    grid-area: desc;
    font-size: 16px;
    color: var(--color-gray-dark);
    line-height: 1.6;
    margin: 0;
    padding-top: 40px;
    padding-bottom: 20px;
    border-top: 1px solid var(--color-gray-light);
}

/* Slides laterales atenuadas, central destacada */
.ccl-otros-slider .swiper-slide {
    opacity: 0.45;
    transition: opacity 0.3s ease;
}

.ccl-otros-slider .swiper-slide-active {
    opacity: 1;
}

/* Navegación + paginación debajo */
.ccl-otros-slider {
    padding-bottom: 56px !important;
}

/* Flechas pequeñas posicionadas abajo a los lados de los puntos */
.ccl-otros-slider .swiper-button-prev,
.ccl-otros-slider .swiper-button-next {
    top: auto;
    bottom: 0;
    transform: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.85);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    margin-top: 0;
}

.ccl-otros-slider > .swiper-button-prev { left: calc(50% - 46px); }
.ccl-otros-slider > .swiper-button-next { right: calc(50% - 46px); }

.ccl-otros-slider .swiper-button-prev::after,
.ccl-otros-slider .swiper-button-next::after {
    font-size: 12px;
    font-weight: 800;
    color: var(--color-primary);
}

/* Forzar visibilidad aunque Swiper marque disabled */
.ccl-otros-slider .swiper-button-prev.swiper-button-disabled,
.ccl-otros-slider .swiper-button-next.swiper-button-disabled {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.ccl-otros-slider .swiper-button-prev:hover,
.ccl-otros-slider .swiper-button-next:hover {
    background-color: var(--color-secondary);
}

.ccl-otros-slider .swiper-button-prev:hover::after,
.ccl-otros-slider .swiper-button-next:hover::after {
    color: #ffffff;
}

/* Paginación puntos — centrada entre las dos flechas */
.ccl-otros-slider .swiper-pagination {
    bottom: 8px;
}

.ccl-otros-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: rgba(255,255,255,0.6);
    opacity: 1;
    transition: background 0.2s ease, transform 0.2s ease;
}

.ccl-otros-slider .swiper-pagination-bullet-active {
    background-color: var(--color-secondary);
    transform: scale(1.3);
}

/* Columna imagen que llena todo el alto del contenedor */
@media (max-width: 781px) {
    .ccl-img-fill-col {
        display: none !important;
    }

    .ccl-mt-0 .wp-block-column {
        margin: 0 !important;
    }
}

.ccl-img-fill-col {
    padding: 0 !important;
    overflow: hidden !important;
}

.ccl-img-fill-col .wp-block-image {
    height: 100% !important;
    margin: 0 !important;
}

.ccl-img-fill-col .wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}

/* OCDE — Explorar Contenidos layout completo */
.ccl-explorar-wrapper {
    display: flex;
    gap: 0;
    margin: 0 -60px; /* contrarresta padding de section */
}

.ccl-explorar-left {
    width: 30%;
    padding: 40px 40px 40px 60px;
    flex-shrink: 0;
}

.ccl-explorar-right {
    flex: 1;
    background-color: var(--color-primary-dark);
    padding: 40px;
}

/* Documento item */
.ccl-doc-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
}

.ccl-doc-item i {
    color: var(--color-warning);
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 16px;
}

.ccl-doc-item a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.ccl-doc-item a:hover {
    color: var(--color-warning) !important;
}

/* Publicaciones cards — igual altura + botón alineado al fondo */
.ccl-pub-card {
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
}

/* El grupo de contenido (título + botón) también debe ser flex column */
.ccl-pub-card > .wp-block-group:last-child {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

/* El botón se empuja al fondo */
.ccl-pub-card > .wp-block-group:last-child .wp-block-buttons {
    margin-top: auto !important;
}

/* ============================================================
   EXPLORAR CONTENIDOS — Patrón tabs izq/der (ccl-explorar-tabs.js)
   ============================================================ */

.ccl-explorar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100%;
}

/* Columna izquierda — navegación */
.ccl-explorar-left-col {
    width: 30% !important;
    min-width: 220px;
    flex-shrink: 0 !important;
    padding: 40px !important;
    background-color: #ffffff !important;
    border-right: 2px solid var(--color-gray-light);
}

/* Columna derecha — paneles */
.ccl-explorar-right-col {
    flex: 1 !important;
    background-color: var(--color-primary-dark);
    padding: 30px 36px !important;
    position: relative;
    min-height: 300px;
}

/* Botones de navegación izquierda */
.ccl-explorar-btn {
    padding: 14px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--color-gray-light) !important;
    color: var(--color-gray-dark) !important;
    font-size: 17px !important;
    cursor: pointer !important;
    transition: color 0.2s ease;
    border-right: 3px solid transparent;
    margin-right: -2px !important;
}

.ccl-explorar-btn:hover {
    color: var(--color-primary-light) !important;
}

.ccl-explorar-btn.active {
    color: var(--color-primary-light) !important;
    font-weight: 600 !important;
    border-right-color: var(--color-primary-light) !important;
}

/* Paneles derecha — ocultos por defecto, JS activa */
.ccl-explorar-panel {
    display: none !important;
}

.ccl-explorar-panel.active {
    display: block !important;
}

/* Items de documento dentro del panel */
.ccl-explorar-panel .ccl-icon-box {
    color: #ffffff !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.ccl-explorar-panel .ccl-icon-box a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.ccl-explorar-panel .ccl-icon-box a:hover {
    color: var(--color-warning) !important;
}

/* Editor: mostrar todos los paneles para poder editarlos */
.editor-styles-wrapper .ccl-explorar-panel {
    display: block !important;
    opacity: 0.6;
    border-left: 2px dashed var(--color-accent);
    margin-bottom: 8px;
}

.editor-styles-wrapper .ccl-explorar-panel.active {
    opacity: 1;
    border-left-color: var(--color-warning);
}

@media (max-width: 781px) {
    .ccl-explorar {
        flex-direction: column !important;
    }

    .ccl-explorar-left-col {
        width: 100% !important;
        min-width: 0 !important;
        border-right: none !important;
        border-bottom: 2px solid var(--color-gray-light) !important;
        padding: 20px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    /* Heading ocupa línea completa — botones quedan debajo */
    .ccl-explorar-left-col .wp-block-heading {
        width: 100% !important;
        flex-basis: 100% !important;
        margin-bottom: 10px !important;
    }

    /* En mobile los botones en una sola fila */
    .ccl-explorar-btn {
        border-bottom: none !important;
        border-right: none !important;
        border: 2px solid var(--color-gray-light) !important;
        border-radius: 30px !important;
        padding: 6px 12px !important;
        font-size: 12px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }

    .ccl-explorar-btn.active {
        background-color: var(--color-primary-light) !important;
        color: #ffffff !important;
        border-color: var(--color-primary-light) !important;
    }

    .ccl-explorar-right-col {
        width: 100% !important;
        padding: 24px 20px !important;
    }

    /* En mobile mostrar panel activo */
    .ccl-explorar-panel {
        display: none !important;
    }

    .ccl-explorar-panel.active {
        display: block !important;
    }
}


/* ── Beneficios del Asociado — módulo tabs ── */
.ccl-module-outer .ccl-tabs-row{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:16px 20px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.06);gap:10px}
.ccl-module-outer .ccl-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:10px 6px;position:relative;border-bottom:5px solid transparent}
.ccl-module-outer .ccl-tab-btn figure,.ccl-module-outer .ccl-tab-btn img{margin:0!important}
.ccl-module-outer .ccl-tab-btn figure{width:55px!important;height:55px!important}
.ccl-module-outer .ccl-tab-btn img{width:55px!important;height:55px!important;max-width:55px!important;object-fit:contain}
.ccl-module-outer .ccl-tab-label{font-weight:600;line-height:1.25;color:#002a49;margin:0!important;font-size:14px;text-align:center}
.ccl-module-outer .ccl-tab-btn.active{border-bottom:5px solid #08407A}
.ccl-module-outer .ccl-tab-btn.active .ccl-tab-label{color:#08407A}
.ccl-module-outer .ccl-tab-panel{display:none}
.ccl-module-outer .ccl-panel-link{display:none}

/* En el editor: todo visible y editable */
.editor-styles-wrapper .ccl-module-outer .ccl-tab-panel{display:block!important}
.editor-styles-wrapper .ccl-module-outer .ccl-panel-link{display:flex!important;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eee}
.editor-styles-wrapper .ccl-module-outer .ccl-tabs-row{display:flex!important;background:#fff;padding:16px 20px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.06);gap:10px;margin-bottom:16px}
.editor-styles-wrapper .ccl-module-outer .ccl-tab-btn{flex:1;display:flex!important;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;border-bottom:5px solid transparent}
.editor-styles-wrapper .ccl-module-outer .ccl-tab-panel{padding:16px;border:1px dashed #cce;border-radius:8px;margin-bottom:8px}
.editor-styles-wrapper .ccl-module-outer .ccl-tab-panel::before{content:attr(class);display:block;font-size:11px;color:#888;margin-bottom:8px;font-family:monospace}
.ccl-module-outer .ccl-panel-link img{width:28px!important;height:28px!important;max-width:28px!important}
.ccl-swiper{padding:20px 0 70px}
.ccl-card{background:#fff;border-radius:14px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;height:90px;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:all .25s ease;text-decoration:none;width:100%}
.ccl-content{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:500;color:#2b2b2b}
.ccl-icon-sm{width:28px!important;height:28px!important;flex-shrink:0}
.ccl-arrow-lbl{color:#f5a623;font-size:20px}
.ccl-card:hover,.ccl-card.is-active{background:#004683}
.ccl-card:hover .ccl-content,.ccl-card:hover .ccl-arrow-lbl,.ccl-card.is-active .ccl-content,.ccl-card.is-active .ccl-arrow-lbl{color:#fff}
.ccl-card:hover .ccl-icon-sm,.ccl-card.is-active .ccl-icon-sm{filter:brightness(0) invert(1)}
.ccl-swiper .swiper-pagination{position:relative;bottom:0!important;margin-top:18px;text-align:center}
.ccl-swiper .swiper-pagination-bullet{background:#cfcfcf;opacity:1}
.ccl-swiper .swiper-pagination-bullet-active{background:#003a8f}
.ccl-swiper .swiper-button-prev,.ccl-swiper .swiper-button-next{width:32px;height:32px;/* position: relative; */border-radius:50%;background:#08407A;top:auto;bottom:0;margin-top: 50px;transform:none}
.ccl-swiper .swiper-button-prev::after,.ccl-swiper .swiper-button-next::after{font-size:11px;font-weight:800;color:#fff}
.ccl-swiper .swiper-button-prev{left:calc(50% - 46px)}
.ccl-swiper .swiper-button-next{right:calc(50% - 46px)}

/* ── Beneficios del Asociado — sub-páginas ── */

/* ── CTA Banner final — mujer que desborda hacia arriba ── */
.ccl-cta-woman-col {
    overflow: visible !important;
    align-self: flex-end !important;
}

.ccl-cta-woman-img {
    margin-bottom: 0 !important;
    margin-top: -40% !important; /* desborda 60px hacia arriba */
    margin-left: -10%;
}

.ccl-cta-woman-img img {
    display: block;
    width: auto;
    object-fit: contain;
}

/* El cover padre también debe permitir overflow */
.wp-block-cover:has(.ccl-cta-woman-col) {
    overflow: visible !important;
}

/* Video con esquinas redondeadas */
.ccl-video-rounded { border-radius: 20px; overflow: hidden; }
.ccl-video-rounded .wp-block-embed__wrapper { border-radius: 20px; overflow: hidden; }
.ccl-video-rounded iframe { border-radius: 20px; display: block; }

/* Grid de beneficios con SVGs — flex centrado */
.ccl-beneficios-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px 0;
    margin-top: 8px;
}

.ccl-beneficio-item {
    width: 33.333%;
}

.ccl-beneficio-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.ccl-beneficio-svg {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.ccl-beneficio-desc {
    font-size: 15px;
    color: var(--color-gray-dark);
    line-height: 1.5;
    margin: 0;
}

/* Sección tabs del módulo */
.ccl-beneficio-tabs {
    background: var(--color-bg-soft);
}

#ccl-module-wrapper .ccl-card {
    width: 100%;
}

@media (max-width: 781px) {
    .ccl-beneficios-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .ccl-beneficios-grid { grid-template-columns: 1fr; }
}

/* ── Proyecto UE-AECID — Tabs Investigaciones ── */
.ccl-inv-tab-nav {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--color-gray-light);
    margin-bottom: 28px;
}

.ccl-inv-tab-btn {
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-gray-dark);
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s;
}

.ccl-inv-tab-btn.active {
    color: var(--color-primary-light);
    border-bottom-color: var(--color-primary-light);
    font-weight: 600;
}

.ccl-inv-panel { display: none; }
.ccl-inv-panel.active { display: block; }

.ccl-inv-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.ccl-inv-card {
    background: #EFF5F9;
    border: 2px solid #A7C0CE;
    border-radius: 22px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}

.ccl-inv-card-top {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.ccl-inv-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    font-size: 18px;
    flex-shrink: 0;
}

.ccl-inv-title {
    font-size: 14px;
    color: var(--color-primary);
    font-weight: 400;
    margin: 0;
    line-height: 1.5;
}

.ccl-inv-download {
    font-size: 14px;
    color: var(--color-primary-light);
    font-weight: 500;
    text-decoration: none;
    align-self: flex-end;
}

.ccl-inv-download:hover { color: var(--color-secondary); }

@media (max-width: 781px) {
    .ccl-inv-grid { grid-template-columns: 1fr; }
    .ccl-inv-tab-btn { padding: 10px 14px; font-size: 13px; }
}

/* ── Slider ¿Qué ofrece? — flechas de navegación ── */
.ccl-que-ofrece-slider {
    position: relative;
    padding-bottom: 64px;
}

.ccl-que-ofrece-slider .swiper-slide {
    height: auto;
}

.ccl-que-ofrece-item {
    min-height: 60px;
    margin: 0 0 16px;
    line-height: 1.6;
}

.ccl-que-ofrece-slider .swiper-button-prev,
.ccl-que-ofrece-slider .swiper-button-next {
    position: relative;
    display: inline-flex;
    margin-top: 20px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--color-primary-light);
    top: auto;
    bottom: 0;
    transform: none;
}

.ccl-que-ofrece-slider .swiper-button-prev {
    left: 50%;
    margin-left: -44px;
    right: auto;
}

.ccl-que-ofrece-slider .swiper-button-next {
    left: 50%;
    margin-left: 8px;
    right: auto;
}

.ccl-que-ofrece-slider .swiper-button-prev::after,
.ccl-que-ofrece-slider .swiper-button-next::after {
    font-size: 12px;
    font-weight: 800;
    color: #ffffff;
}

.ccl-que-ofrece-slider .swiper-button-prev:hover,
.ccl-que-ofrece-slider .swiper-button-next:hover {
    background-color: var(--color-secondary);
}

/* OCDE — Explorar Contenidos tabs estilo vertical */
.ccl-explorar-nav {
    flex-direction: column !important;
    border-bottom: none !important;
    border-right: 2px solid var(--color-gray-light);
    gap: 0 !important;
    margin-bottom: 0 !important;
}

.ccl-explorar-nav .ccl-tab-btn {
    text-align: left !important;
    justify-content: flex-start !important;
    border-bottom: none !important;
    border-right: 3px solid transparent;
    margin-right: -2px;
    padding: 14px 0 !important;
    font-size: 16px !important;
    color: var(--color-gray-dark) !important;
}

.ccl-explorar-nav .ccl-tab-btn.active,
.ccl-explorar-nav .ccl-tab-btn:hover {
    color: var(--color-primary-light) !important;
    border-right-color: var(--color-primary-light) !important;
    border-bottom-color: transparent !important;
}

/* Lista de documentos PDF */
.ccl-doc-links-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ccl-doc-links-list li {
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.ccl-doc-links-list li a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.ccl-doc-links-list li a:hover {
    color: var(--color-warning) !important;
}

/* Cover card con gradiente blanco sobre la imagen — de izquierda a transparente */
.ccl-cover-card-left {
    position: relative;
    overflow: hidden;
}

.ccl-cover-card-left::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right,
        #ffffff 0%,
        #ffffff 40%,
        rgba(255,255,255,0.5) 60%,
        transparent 80%
    );
    z-index: 1;
    pointer-events: none;
}

/* Texto por encima del gradiente */
.ccl-cover-card-left .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
}

/* Texto en color oscuro sobre fondo blanco */
.ccl-cover-card-left .wp-block-cover__inner-container h4,
.ccl-cover-card-left .wp-block-cover__inner-container p:not(.has-white-color) {
    color: var(--color-primary-dark) ;
}

/* Imagen de card con cover — tapa fondos blancos */
.ccl-card-img-cover {
    overflow: hidden !important;
    max-height: 220px !important;
}

.ccl-card-img-cover img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}

/* Flip cards de Beneficios del Asociado — border-radius solo en esta sección */
#beneficios .ccl-flip-front,
#beneficios .ccl-flip-back {
    border-radius: 16px!important;
    overflow: hidden;
}

/* Columna "Potencia" — llenar toda la altura de la columna hermana */
#beneficios .are-vertically-aligned-stretch > .wp-block-column:first-child {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Icono SVG en flip cards de beneficios — clase específica, no afecta otras páginas */
.ccl-flip-icon-benefit .wp-block-image,
.ccl-flip-icon-benefit figure {
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
}

.ccl-flip-icon-benefit .wp-block-image img,
.ccl-flip-icon-benefit figure img {
    height: 50px !important;
    width: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
}


/* Acordeón "Soy asociado CCL" — fondo accent (azul) */
.ccl-staff-acordeon-asociado summary {
    background-color: var(--color-accent) !important;
    color: #ffffff !important;
    font-size: 16px !important;
}

.ccl-staff-acordeon-asociado[open] summary {
    background-color: var(--color-accent) !important;
}

/* Acordeón "Quiero afiliarme" — fondo warning (amarillo) */
.ccl-staff-acordeon-afiliacion summary {
    background-color: var(--color-warning) !important;
    color: var(--color-primary-dark) !important;
    font-size: 16px !important;
}

.ccl-staff-acordeon-afiliacion[open] summary {
    background-color: var(--color-warning) !important;
}

/* Acordeón staff — doble clase para ganar a .ccl-styled-details — cerrado */
.ccl-styled-details.ccl-staff-acordeon-asociado,
.ccl-styled-details.ccl-staff-acordeon-afiliacion {
    background-color: transparent !important;
    border: 1px solid var(--color-primary-deep)!important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Acordeón staff — abierto: solo esquinas superiores redondeadas */
.ccl-styled-details.ccl-staff-acordeon-asociado[open],
.ccl-styled-details.ccl-staff-acordeon-afiliacion[open] {
    border-radius: 12px 12px 0 0 !important;
}

/* Icono abrir/cerrar — blanco para asociado, primary-dark para afiliacion */
.ccl-staff-acordeon-asociado summary::after {
    color: #ffffff !important;
}

.ccl-staff-acordeon-afiliacion summary::after {
    color: var(--color-primary-dark) !important;
}

/* Items de contacto del staff — doble clase para ganar a .ccl-styled-details */
.ccl-styled-details .ccl-staff-contact-item,
.ccl-staff-acordeon-asociado .ccl-staff-contact-item,
.ccl-staff-acordeon-afiliacion .ccl-staff-contact-item {
    border-radius: 0 !important;
    padding: 14px 20px !important;
    margin-bottom: 8px !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    background-color: var(--color-primary-deep) !important;
    background: var(--color-primary-deep) !important;
    border: 1px solid var(--color-primary-deep) !important;
}

/* WIFI Access Pages (CCL-GG / CCL-INVITADOS) */

.ccl-wifi-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.ccl-wifi-container {
    max-width: max-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ccl-wifi-title {
    color: var(--color-primary) !important;
    font-weight: 600 !important;
    font-size: clamp(30px, 5vw, 48px) !important;
    margin-bottom: 60px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ccl-wifi-row {
    display: flex;
    align-items: baseline;
    gap: 15px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

@media (max-width: 781px) {
    .ccl-wifi-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}

.ccl-wifi-label {
    color: var(--color-primary) !important;
    font-weight: 400 !important;
    font-size: clamp(28px, 4.5vw, 45px) !important;
    margin-bottom: 0 !important;
    white-space: nowrap;
}

.ccl-wifi-value {
    color: var(--color-accent) !important;
    font-weight: 800 !important;
    font-size: clamp(28px, 4.5vw, 45px) !important;
    line-height: 1.1 !important;
    margin-bottom: 0 !important;
    word-break: break-word;
}

.ccl-page-wifi .ccl-internal-hero-section {
    min-height: 400px;
}

/* ==========================================================================
   LANDING PAGES: ESTRUCTURA Y COMPONENTES (Eventos) - Clase Raíz: .ccl-landing
   ========================================================================== */

/* ==========================================================================
   SISTEMA DE TABS CON PRECIOS (Pago Carnet ATA y similares)
   ========================================================================== */

/* Navegación de tabs */
.ccl-pricing-tabs .ccl-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid var(--color-gray-light);
    margin-bottom: 40px;
}

.ccl-pricing-tabs .ccl-tab-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px 24px;
    cursor: pointer !important;
    color: var(--color-gray-dark);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none !important;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: all 0.25s ease;
    flex: 1;
    text-align: center;
    font-family: var(--font-family-poppins);
}

.ccl-pricing-tabs .ccl-tab-btn i {
    font-size: 26px;
    color: var(--color-gray-dark);
    transition: color 0.25s ease;
}

/* Estados activo/hover — solo pricing tabs */
.ccl-pricing-tabs .ccl-tab-btn.active,
.ccl-pricing-tabs .ccl-tab-btn:hover {
    color: var(--color-primary-light);
    border-bottom-color: var(--color-primary-light);
    text-decoration: none !important;
}

.ccl-pricing-tabs .ccl-tab-btn.active i,
.ccl-pricing-tabs .ccl-tab-btn:hover i {
    color: var(--color-primary-light);
}

/* Botón dentro del pricing tab — solo afecta .ccl-pricing-tabs */
.ccl-pricing-tabs .ccl-tab-btn .wp-block-buttons,
.ccl-pricing-tabs .ccl-tab-btn .wp-block-button {
    margin: 0 !important;
}

.ccl-pricing-tabs .ccl-tab-btn .wp-block-button__link::after {
    display: none !important;
}

.ccl-pricing-tabs .ccl-tab-btn.active .wp-block-button__link {
    color: inherit !important;
}

.ccl-pricing-tabs .ccl-tab-btn .wp-block-button__link {
    background: transparent !important;
    border: none !important;
    color: inherit !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--font-family-poppins) !important;
}

.ccl-pricing-tabs .ccl-tab-btn .wp-block-button__link:hover {
    background: transparent !important;
    color: inherit !important;
    transform: none !important;
}

/* Ocultar el párrafo .ccl-tab-arrow si quedó en el HTML */
.ccl-tab-arrow { display: none !important; }

/* Panels */
.ccl-tab-panel { display: none; }
.ccl-tab-panel.active { display: block; }

/* Pricing Cards ATA */
.ccl-pricing-card-ata {
    background: #ffffff;
    border-radius: 22px;
    padding: 30px 25px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
}

.ccl-price-amount {
    font-size: clamp(42px, 5vw, 65px) !important;
    font-weight: 700 !important;
    color: var(--color-primary-light) !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
}

.ccl-price-igv {
    color: var(--color-warning) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
}

.ccl-price-desc {
    color: var(--color-gray-dark) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    flex-grow: 1;
    margin-bottom: 0px !important;
    padding-left: 22px !important;
    position: relative !important;
}

.ccl-price-desc::before {
    content: '\f00c'; /* fa-check */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300; /* fal = light */
    font-size: 11px;
    color: var(--color-accent);
    position: absolute;
    left: 0;
    top: 3px;
}

.ccl-price-btn .wp-block-button__link {
    background-color: var(--color-warning) !important;
    color: var(--color-primary-dark) !important;
    border: none !important;
    border-radius: 56px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    width: 100% !important;
    text-align: center !important;
    transition: opacity 0.2s ease !important;
}

.ccl-price-btn .wp-block-button__link:hover {
    opacity: 0.85;
    transform: none !important;
}

/* Grid de cards: contenedor gris suave */
.ccl-pricing-grid-wrapper {
    background-color: var(--color-gray-light);
    border-radius: 22px;
    padding: 30px;
}

@media (max-width: 781px) {
    .ccl-pricing-tabs .ccl-tab-btn { padding: 14px 10px; font-size: 10px; }
    .ccl-pricing-tabs .ccl-tab-btn i { font-size: 20px; }
    .ccl-pricing-grid-wrapper { padding: 16px; }
}

/* 1. Estilos de Checkmark (Principales actividades) */
.ccl-landing .is-style-checkmark {
    list-style: none;
    padding-left: 0;
}

.ccl-landing .is-style-checkmark li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    font-size: 18px;
    color: var(--color-gray-dark);
    line-height: 1.5;
}

.ccl-landing .is-style-checkmark li::before {
    content: "\f109";
    /* Flaticon check-circle */
    font-family: "Flaticon";
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--color-accent);
    font-size: 23px;
}



.ccl-landing .ccl-landing-profile-img img {
    border-radius: 30px;
    transition: transform 0.3s ease-in-out;
    box-shadow: -6px 6px 8px rgba(0, 0, 0, 0.1);
}

.ccl-landing .ccl-landing-profile-img:hover img {
    transform: translateY(-6px);
}

.ccl-landing .ccl-landing-profile-name {
    color: var(--color-primary-dark);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.ccl-landing .ccl-landing-profile-role {
    color: var(--color-secondary);
    font-size: 13px;
    font-weight: 500;
}


/*  Keynote Speakers / Perfiles de Landing */
.ccl-landing.ccl-tema-purple .ccl-landing-profile-name,
.ccl-landing.ccl-tema-purple p,
.ccl-landing.ccl-tema-purple h1 {
    color: #392869 !important;
}

.ccl-landing.ccl-tema-purple .ccl-landing-profile-role {
    color: #703892 !important;
}


.ccl-landing .ccl-profile-img img {
    aspect-ratio: auto;

}

/* 3. Glassmorphism & Legacy Content Overlays */
.ccl-landing .ccl-glass-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 40px !important;
    border-radius: 24px;
}

/* 4. Sección de Aliados en Grilla con Bordes */
.ccl-landing .ccl-allies-grid-wrapper {
    border-top: 1px solid #BFC7D1;
    border-left: 1px solid #BFC7D1;
    margin-top: 30px;
}

/* Variante: Sin bordes exteriores en el título (cuando es el primer bloque) */
.ccl-landing .ccl-allies-grid-wrapper.ccl-allies-title-borderless {
    border-top: none;
    border-left: none;
}

/* Añadir bordes superiores e izquierdos a las celdas de logos si el wrapper es borderless */
.ccl-landing .ccl-allies-grid-wrapper.ccl-allies-title-borderless .ccl-allies-cell:not(.ccl-allies-title-cell) {
    border-top: 1px solid #BFC7D1;
    border-left: 1px solid #BFC7D1;
}

/* Excepción: los logos que están a la derecha del título en la primera fila necesitan borde superior */
.ccl-landing .ccl-allies-grid-wrapper.ccl-allies-title-borderless .ccl-allies-row:first-child .ccl-allies-cell {
    border-top: 1px solid #BFC7D1;
}

/* Excepción: el título NO debe tener bordes superiores ni izquierdos en esta variante */
.ccl-landing .ccl-allies-grid-wrapper.ccl-allies-title-borderless .ccl-allies-title-cell {
    border-top: none !important;
    border-left: none !important;
    padding-left: 15px !important;
    /* Reset padding lateral */
}

.ccl-landing .ccl-allies-title-cell {
    justify-content: start !important;
}

.ccl-landing .ccl-allies-title-cell h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.2;
}

.ccl-landing .ccl-allies-row.wp-block-columns {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    gap: 0 !important;
}

/* Desktop: celdas vacías sin bordes — doble clase para ganar especificidad sobre .ccl-allies-cell */
.ccl-landing .ccl-allies-cell.ccl-allies-cell-empty {
    border-right: none !important;
    border-bottom: none !important;
}

/* Mobile: ocultar celdas vacías + bordes exteriores del wrapper */
@media (max-width: 781px) {
    .ccl-landing .ccl-allies-cell.ccl-allies-cell-empty {
        display: none !important;
    }

    .ccl-landing .ccl-allies-grid-wrapper {
        border-top: none !important;
        border-left: none !important;
    }
}

.ccl-landing .ccl-allies-cell {
    border-right: 1px solid #BFC7D1;
    border-bottom: 1px solid #BFC7D1;
    padding: 30px 15px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    min-height: 120px;
}

.ccl-landing .ccl-allies-cell img {
    max-height: 45px;
    width: auto !important;
    object-fit: contain;
    transition: all 0.3s ease;
    filter: none;
    opacity: 1;
}

/* Clase para activar el efecto de logos en gris que se colorean al pasar el mouse */
.ccl-landing .ccl-allies-cell.ccl-allies-grayscale img {
    filter: grayscale(100%);
    opacity: 0.7;
}

.ccl-landing .ccl-allies-cell.ccl-allies-grayscale:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

/* 5. Componentes de Hero de Landing */
.ccl-landing .ccl-hero-content {
    text-align: center;
    padding: 100px 0;
}

.ccl-landing .ccl-hero-logo {
    max-width: 520px;
    margin: 0 auto 40px;
}

@media (max-width: 781px) {
    .ccl-landing .is-style-checkmark li {
        font-size: 16px;
    }

    .ccl-landing .ccl-allies-cell {
        flex-basis: 100% !important;
        width: 100% !important;
        border: 1px solid #BFC7D1;
        margin-bottom: 10px !important;
        border-radius: 0 !important;
        /* Eliminado redondeado en móvil */
    }

    /* Variante: El título en móvil sin bordes y sin redondeado */
    .ccl-landing .ccl-allies-title-cell {
        border: none !important;
        border-radius: 0 !important;
        margin-bottom: 0 !important;
        /* Pegado a los logos */
        padding-bottom: 20px !important;
    }
}



.ccl-landing .ccl-stat-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.ccl-landing .ccl-stat-icon-img {
    text-align: center;
}

.ccl-landing .ccl-stat-icon-img img {
    display: block;
    margin: 0 auto;
}

.ccl-landing .ccl-stat-circle {
    box-shadow: none;
}


/* ==========================================================================
   PÁGINA: PREMIACIONES (Custom Styles)
   ========================================================================== */
/* Videos con borde redondeado */
.ccl-page-premiaciones .wp-block-embed-youtube iframe,
.ccl-page-premiaciones .wp-block-embed-youtube video,
.ccl-page-premiaciones .wp-block-video video {
    border-radius: 33px !important;
    overflow: hidden;
}

/* Cajas de Texto específicas (Grupo Recto) */
.ccl-page-premiaciones .wp-block-columns .wp-block-column .wp-block-group {
    border: 2px solid #D1D5DB !important;
    /* Gris suave */
    background-color: var(--color-gray-light) !important;
    padding: 40px !important;
    border-radius: 0 !important;
    /* Sin redondeado */
}

@media (max-width: 781px) {
    .ccl-page-premiaciones .wp-block-columns .wp-block-column .wp-block-group {
        padding: 20px !important;
    }
}

/* Botones Warning con Efecto de Brillo */
.ccl-page-premiaciones .wp-block-button__link {
    background-color: var(--color-warning) !important;
    color: var(--color-primary) !important;
    border-radius: 56px !important;
    text-transform: none !important;
    font-weight: 400 !important;
    border: none !important;
    position: relative;
    overflow: hidden;
    /* Necesario para el brillo */
    z-index: 1;
}

.ccl-page-premiaciones .wp-block-button__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.4) 50%,
            rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    transition: none;
    z-index: 2;
}

.ccl-page-premiaciones .wp-block-button__link:hover::after {
    animation: ccl-shine 0.75s forwards;
}

@keyframes ccl-shine {
    100% {
        left: 150%;
    }
}

.ccl-page-premiaciones .wp-block-button__link:hover,
.ccl-page-premiaciones .wp-block-button__link:focus,
.ccl-page-premiaciones .wp-block-button__link:active {
    background-color: var(--color-warning) !important;
    color: var(--color-primary) !important;
    transform: none !important;
    box-shadow: none !important;
}



/* Boletines Repository */
.ccl-bulletins-filter-section {
    background: #f8f9fa;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.ccl-filter-form .filter-group select,
.ccl-filter-form .filter-group input {
    border: 1px solid #e0e0e0;
    transition: border-color 0.3s ease;
}

.ccl-filter-form .filter-group select:focus,
.ccl-filter-form .filter-group input:focus {
    border-color: var(--color-primary);
    outline: none;
}

#ccl-bulletins-results {
    transition: opacity 0.3s ease;
}

#ccl-bulletins-results .ccl-download-item {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #f0f0f0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#ccl-bulletins-results .ccl-download-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}


/* ==========================================================================
   Photonic Plugin - Estilos de Títulos en Albumnes (MÁXIMA COMPATIBILIDAD)
   ========================================================================== */

/* 1. Asegurar contenedores */
.photonic-level-1-container,
.photonic-thumb,
.photonic-thumb a,
.photonic-panel figure,
.photonic-random-layout a {
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
}

/* 2. Forzar markup de Photonic si existe */
.photonic-title-info,
figcaption.photonic-title-info,
.photonic-title {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.8) !important;
    color: #ffffff !important;
    padding: 10px 5px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    height: auto !important;
    min-height: 35px !important;
    z-index: 100 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    line-height: 1.2 !important;
    pointer-events: none !important;
}

/* 3. TRUCO FINAL: Si Photonic no genera markup, lo sacamos del atributo 'title' o 'data-title' */
.photonic-thumb a:after,
.photonic-level-1-container a:after,
.photonic-random-layout a:after {
    content: attr(title);
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.8) !important;
    color: #fff !important;
    padding: 10px 5px !important;
    font-size: 14px !important;
    text-align: center !important;
    z-index: 90 !important;
    display: block !important;
    min-height: 35px !important;
}

/* Si existe data-title y el title está vacío (común en Photonic) */
.photonic-thumb a[data-title]:not([title]):after,
.photonic-level-1-container a[data-title]:not([title]):after {
    content: attr(data-title) !important;
}

/* Evitar duplicados si ambos existen */
.photonic-title-info+a:after,
.photonic-title+a:after {
    display: none !important;
}

/* Asegurar que la imagen se vea bien */
.photonic-thumb img,
.photonic-level-1-container img {
    margin-bottom: 0 !important;
}


/* ==========================================================================
   Agile Store Locator - MASTER BRANDING OVERRIDE (Ultra Specific - Level 3)
   ========================================================================== */

/* 0. Forzar Ancho y Espaciado del Contenedor Principal con Máxima Prioridad */
html body #asl-storelocator.container.storelocator-main.asl-p-cont {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    background-image: none !important;
    /* Eliminar posibles fondos de esquema */
}

/* 1. FONDOS CORPORATIVOS (Botones, Marcadores, Dropdowns, Flechas) - SOBRECADA ESQUEMA */
html body #asl-storelocator.asl-p-cont .btn-asl,
html body #asl-storelocator.asl-p-cont .asl-btn-main,
html body #asl-storelocator.asl-p-cont .Num_of_store,
html body #asl-storelocator.asl-p-cont .panel-cont button,
html body #asl-storelocator.asl-p-cont .asl-search-btn,
html body #asl-storelocator.asl-p-cont .search-btn,
html body #asl-storelocator.asl-p-cont .asl-arrow-down,
html body #asl-storelocator.asl-p-cont .col-xs-12.search_filter p:last-child>span,
html body #asl-storelocator.asl-p-cont .col-xs-12.search_filter .asl-store-search>span,
html body #asl-storelocator.asl-p-cont .btn-red,
html body #asl-storelocator.asl-p-cont #asl-geolocation-agile-modal .btn.btn-default,
html body #asl-storelocator.asl-p-cont .Buttons-container .btn,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .panel-cont button,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .asl-search-btn,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .Num_of_store,
html body #asl-storelocator.asl-p-cont .adropdown-menu>.active>a,
html body #asl-storelocator.asl-p-cont .adropdown-menu>.active>a:hover,
html body #asl-storelocator.asl-p-cont .adropdown-menu>.active>a:focus,
html body #asl-storelocator.asl-p-cont .adropdown-menu>li>a:hover {
    background-color: var(--color-accent) !important;
    background: var(--color-accent) !important;
    color: #ffffff !important;
    border-color: var(--color-accent) !important;
    box-shadow: none !important;
}

html body #asl-storelocator.asl-p-cont .btn-asl:hover,
html body #asl-storelocator.asl-p-cont .asl-btn-main:hover,
html body #asl-storelocator.asl-p-cont .panel-cont button:hover,
html body #asl-storelocator.asl-p-cont #asl-geolocation-agile-modal .btn.btn-default:hover,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .panel-cont button:hover {
    background-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

/* 2. TEXTOS Y TÍTULOS (Sedes, Listado, Popups) */
html body #asl-storelocator.asl-p-cont .sl-item h3,
html body #asl-storelocator.asl-p-cont .sl-item h4,
html body #asl-storelocator.asl-p-cont .store-locator h4,
html body #asl-storelocator.asl-p-cont .item-title,
html body #asl-storelocator.asl-p-cont .asl-infowindow h3,
html body #asl-storelocator.asl-p-cont .p-title,
html body #asl-storelocator.asl-p-cont .search_filter>p:first-child,
html body #asl-storelocator.asl-p-cont .col-xs-12.search_filter p:last-child>span label,
html body #asl-storelocator.asl-p-cont .asl-location-address i,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .sl-item h4,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .sl-item h3 {
    color: var(--color-primary-dark) !important;
    font-weight: 600 !important;
}

html body #asl-storelocator.asl-p-cont .sl-item .dist-box {
    color: var(--color-accent) !important;
}

/* 3. BORDES Y ELEMENTOS ACTIVOS */
html body #asl-storelocator.asl-p-cont .sl-item.active,
html body #asl-storelocator.asl-p-cont [class*="asl-bg-"] .sl-item.active {
    border-left: 6px solid var(--color-warning) !important;
    background-color: var(--color-bg-soft) !important;
}

html body #asl-storelocator.asl-p-cont .asl-search-cntrl,
html body #asl-storelocator.asl-p-cont .form-control {
    border: 1px solid var(--color-gray-light) !important;
    border-radius: 8px !important;
}

/* 4. INTERFAZ DE CARGA Y MODALES */
html body #asl-storelocator.asl-p-cont .asl-overlay {
    background: rgba(255, 255, 255, 0.95) !important;
}

/* 5. ELIMINACIÓN NUCLEAR DE ROJOS/ESQUEMAS */
html body #asl-storelocator[class*="asl-bg-"] [style*="color: #0073aa"],
html body #asl-storelocator[class*="asl-bg-"] [style*="background-color: #0073aa"],
html body #asl-storelocator[class*="asl-bg-"] [style*="background: #0073aa"] {
    color: var(--color-primary-dark) !important;
    background: var(--color-accent) !important;
    background-color: var(--color-accent) !important;
}

html body #asl-storelocator.asl-p-cont .search_filter i {
    color: var(--color-accent) !important;
}

/* ── Banner beneficios — mujer y margin ── */
:root { --ccl-woman-overflow: 90px; }
.ccl-banner-beneficios { margin-top: var(--ccl-woman-overflow); }
.ccl-cta-woman-img {
    margin-top: calc(-1 * var(--ccl-woman-overflow)) !important;
    margin-bottom: 0 !important;
}
@media(max-width:1200px){
    .ccl-banner-beneficios { margin-top: 0; }
    .ccl-cta-woman-img { margin-top: 0 !important; }
    .ccl-cta-woman-col { display: none !important; }
    .ccl-cta-woman-col + .wp-block-column { flex-basis: 100% !important; text-align: center; padding-left: 0 !important; }
    .ccl-cta-woman-col + .wp-block-column .wp-block-buttons { justify-content: center; }
}

/* ── Swiper nav row (flechas + puntos centrados) ── */
.ccl-swiper{padding:20px 0 0;display:flex;flex-direction:column}
.ccl-swiper .swiper-wrapper{order:0}
.ccl-swiper .swiper-pagination{order:1;position:relative!important;bottom:auto!important;margin-top:16px}
.ccl-swiper-nav-row{display:flex!important;align-items:center;justify-content:center;gap:8px;margin-top:12px;width:100%}
.ccl-swiper-nav-row .swiper-pagination{position:relative!important;width:auto!important;bottom:auto!important}
.ccl-swiper .swiper-button-prev,.ccl-swiper .swiper-button-next{position:relative;width:32px;height:32px;border-radius:50%;background:#08407A;top:auto;bottom:auto;left:auto;right:auto;transform:none;flex-shrink:0;margin-top:16px}
.ccl-swiper .swiper-button-prev::after,.ccl-swiper .swiper-button-next::after{font-size:11px;font-weight:800;color:#fff}
.ccl-swiper .swiper-button-disabled{opacity:0.3!important;pointer-events:none}

/* ── Beneficio item — override is-layout-flow ── */
.ccl-beneficios-grid,
.ccl-beneficios-grid.is-layout-flow,
.ccl-beneficios-grid.wp-block-group-is-layout-flow {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 32px 0 !important;
    margin-top: 8px !important;
}
.ccl-beneficio-item,
.ccl-beneficio-item.is-layout-flow,
.ccl-beneficio-item.wp-block-group-is-layout-flow {
    width: 33.333% !important;
    margin-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.ccl-beneficio-item > *,
.ccl-beneficio-item.is-layout-flow > * {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}
.ccl-beneficio-item .wp-block-image,
.ccl-beneficio-item figure {
    width: 80px !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    margin: 0 auto !important;
}
.ccl-beneficio-svg,
.ccl-beneficio-item img {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    object-fit: contain;
}
@media (max-width: 781px) {
    .ccl-beneficio-item,
    .ccl-beneficio-item.is-layout-flow,
    .ccl-beneficio-item.wp-block-group-is-layout-flow { width: 50% !important; }
}

@media(max-width:1024px){
  .ccl-module-outer .ccl-tabs-row{gap:4px;padding:12px 8px}
  .ccl-module-outer .ccl-tab-btn{padding:8px 4px}
  .ccl-module-outer .ccl-tab-label{font-size:11px}
  .ccl-module-outer .ccl-tab-btn figure,.ccl-module-outer .ccl-tab-btn img{width:40px!important;height:40px!important;max-width:40px!important}
}

@media(max-width:781px){
  .ccl-module-outer .ccl-tabs-row{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px}
  .ccl-module-outer .ccl-tab-btn{flex:0 0 calc(33.333% - 8px);max-width:calc(33.333% - 8px);padding:10px 6px}
  .ccl-module-outer .ccl-tab-btn figure,.ccl-module-outer .ccl-tab-btn img{width:36px!important;height:36px!important;max-width:36px!important}
  .ccl-module-outer .ccl-tab-label{font-size:12px}
}
.wp-block-group[class*="ccl-events-section"] { padding: 0 !important }
/* ── Sección Asociado CCL ── */
.ccl-asociado-section {
    overflow: hidden;
    border-radius: 20px !important;
}

.ccl-asociado-img-col {
    align-self: flex-end !important;
}

.ccl-asociado-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.ccl-asociado-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Lista con checkmarks amarillos */
.ccl-check-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ccl-check-list li {
    color: #fff !important;
    font-size: 15px !important;
    padding: 4px 0 4px 28px !important;
    position: relative !important;
}

.ccl-check-list li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    color: var(--color-warning) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

/* Botones outline blancos */
.ccl-btn-asociado .wp-block-button__link {
    background: #ffffff !important;
    border: none !important;
    color: var(--color-primary) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.ccl-btn-asociado .wp-block-button__link:hover {
    background: #ffffff !important;
    color: var(--color-primary) !important;
}

@media (max-width: 1200px) {
    .ccl-asociado-img-col { display: none !important; }
    .ccl-asociado-content { flex-basis: 100% !important; }
}

@media (max-width: 781px) {
    .ccl-asociado-content { padding: 30px 20px !important; }
}


/* ── Reconocimiento de Socios: Grid de logos ── */
.ccl-socio-logo {
    margin: 0 !important;
    flex-shrink: 0;
    line-height: 0;
    border: 1px solid #e0e4ea;
    border-radius: 12px;
    background: #ffffff;
    padding: 16px 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    min-height: 90px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.ccl-socio-logo:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.ccl-socio-logo img {
    max-width: 140px !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    margin: 0 !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   IEDEP — Instituto de Economía y Desarrollo Empresarial
   ───────────────────────────────────────────────────────────────────────────── */

/* Padding uniforme de secciones */
.ccl-iedep-presentacion,
.ccl-iedep-quovadis-section,
.ccl-iedep-ecolens-section,
.ccl-iedep-radar-section,
.ccl-iedep-dashboard-section,
.ccl-iedep-eventos-section,
.ccl-iedep-informe-section,
.ccl-iedep-contact-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* ── Badge pill sobre secciones ── */
.ccl-iedep-badge-wrap {
    text-align: center;
    margin-bottom: 16px;
}
.ccl-iedep-section-badge {
    display: inline-block;
    background: var(--color-primary, #092442);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 20px;
    border-radius: 20px;
}
.ccl-iedep-section-title {
    text-align: center;
}

/* ── Servicios Nav — grid 3 columnas, texto izquierda / icono círculo derecha ── */
.ccl-iedep-services-nav {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px;
}
.ccl-iedep-service-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 16px;
    background: #f0f4f8;
    border: 1px solid #dde3ea;
    border-radius: 8px;
    color: var(--color-primary, #092442);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: background .2s, border-color .2s;
}
.ccl-iedep-service-item:hover {
    background: #e2ebf5;
    border-color: var(--color-accent, #0074C5);
    color: var(--color-primary, #092442);
}
.ccl-iedep-service-item > p:first-child {
    flex: 1;
    line-height: 1.3;
    margin: 0;
}
.ccl-iedep-service-item > p:first-child a {
    color: var(--color-primary, #092442);
    text-decoration: none;
    font-weight: 600;
}
.ccl-iedep-service-item:hover > p:first-child a {
    color: var(--color-primary, #092442);
}
.ccl-iedep-service-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    border: 1.5px solid var(--color-accent, #0074C5);
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--color-accent, #0074C5);
    flex-shrink: 0;
    margin: 0 !important;
}

/* ── Quo Vadis — PDF list lateral ── */
.ccl-iedep-qv-pdfs {
    padding: 0;
}
.ccl-iedep-qv-year {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-primary, #092442);
    margin: 0 0 12px !important;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.ccl-iedep-qv-pdf-row {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px !important;
    font-size: 13px;
    color: var(--color-gray-dark, #4b535d);
}
.ccl-iedep-qv-pdf-row > p:not(.ccl-iedep-qv-icon) {
    margin: 0 !important;
    font-size: 13px;
    color: var(--color-gray-dark, #4b535d);
    line-height: 1.5;
}
.ccl-iedep-qv-icon {
    color: var(--color-warning, #ffc325) !important;
    font-size: 18px;
    flex-shrink: 0;
    margin: 1px 0 0 !important;
    line-height: 1;
}
/* wrapper sin fondo — solo el <a> interior lo tiene */
.ccl-iedep-qv-btn {
    background: none !important;
    margin-top: 12px;
}
.ccl-iedep-qv-btn .wp-block-button__link {
    background: var(--color-accent, #0074C5) !important;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s;
    border: none;
    box-shadow: none;
}
.ccl-iedep-qv-btn .wp-block-button__link:hover {
    background: var(--color-primary, #092442) !important;
    color: #fff !important;
}

/* ── EcoLens — tarjetas con borde ── */
.ccl-iedep-ecolens-section .wp-block-column {
    border: 1px solid #dde3ea !important;
    border-radius: 0 !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.ccl-iedep-ecolens-img {
    margin: 0 !important;
}
.ccl-iedep-ecolens-img img {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    display: block;
    width: 100%;
    object-fit: cover;
}
.ccl-iedep-ecolens-section .wp-block-column > .wp-block-heading,
.ccl-iedep-ecolens-section .wp-block-column > .has-text-color,
.ccl-iedep-ecolens-section .wp-block-column > .wp-block-details {
    padding-left: 20px;
    padding-right: 20px;
}
.ccl-iedep-ecolens-section .wp-block-column > .wp-block-heading {
    padding-top: 16px;
    text-align: center;
}
.ccl-iedep-ecolens-section .wp-block-column > .has-text-color {
    text-align: center;
}

/* ── PDF List (EcoLens accordion) ── */
.ccl-iedep-pdf-list {
    list-style: none !important;
    padding: 8px 0 0 !important;
    margin: 0 !important;
}
.ccl-iedep-pdf-list li {
    padding: 6px 0;
    border-bottom: 1px solid #e5e7ea;
}
.ccl-iedep-pdf-list li:last-child { border-bottom: none; }
.ccl-iedep-pdf-list a {
    color: var(--color-accent, #0074C5);
    font-size: 13px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ccl-iedep-pdf-list a i {
    color: var(--color-warning, #ffc325);
    font-size: 16px;
    flex-shrink: 0;
}
.ccl-iedep-pdf-list a:hover { text-decoration: underline; }

/* ── Accordion summary — "Ver más >" ── */
.ccl-iedep-pdf-accordion {
    border-top: 1px solid #dde3ea;
    padding-bottom: 16px;
}
.ccl-iedep-pdf-accordion summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--color-primary-light);
    cursor: pointer;
    padding: 12px 0;
    font-size: 14px;
}
.ccl-iedep-pdf-accordion summary::-webkit-details-marker { display: none; }
.ccl-iedep-pdf-accordion summary::after {
    content: "\f32d"; /* fa-caret-circle-down */
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: var(--color-accent, #0074C5);
    line-height: 1;
}
.ccl-iedep-pdf-accordion[open] summary::after {
    content: "\f331"; /* fa-caret-circle-up */
}

/* ── Proyecciones — banner horizontal oscuro ── */
.ccl-iedep-proyecciones-banner {
    background: var(--color-primary-dark, #051c2c);
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 32px 60px;
    flex-wrap: wrap;
}
.ccl-iedep-proy-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    flex-shrink: 0;
}
.ccl-iedep-proy-title {
    flex: 1;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}
.ccl-iedep-proy-btn {
    background: var(--color-warning, #ffc325);
    color: var(--color-primary-dark, #051c2c);
    padding: 12px 28px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s;
}
.ccl-iedep-proy-btn:hover {
    background: var(--color-warning-alt, #FFCB41);
    color: var(--color-primary-dark, #051c2c);
}

/* ── Radar — layout lateral + cards ── */
.ccl-iedep-radar-layout {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 0 !important;
    min-height: 320px;
    flex-wrap: unset !important;
    align-items: stretch;
}
.ccl-iedep-radar-panel {
    background: var(--color-primary-dark, #051c2c);
    color: #fff;
    padding: 40px 32px;
    border-radius: 8px 0 0 8px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}
.ccl-iedep-radar-panel-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 16px !important;
    color: #fff !important;
}
.ccl-iedep-radar-panel-desc {
    font-size: 13px;
    color: rgba(255,255,255,.85) !important;
    line-height: 1.6;
    margin: 0 !important;
}
.ccl-iedep-radar-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 16px !important;
    padding: 24px;
    background: #f4f6f8;
    border-radius: 0 8px 8px 0;
}
.ccl-iedep-radar-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,.07);
    display: flex !important;
    flex-direction: column !important;
}
.ccl-iedep-radar-card-img {
    margin: 0 !important;
}
.ccl-iedep-radar-card-img img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
    border-radius: 0 !important;
}
.ccl-iedep-radar-card-title {
    font-size: 13px !important;
    font-weight: 600;
    margin: 10px 12px 4px !important;
}
.ccl-iedep-radar-card-title a {
    color: var(--color-accent, #0074C5);
    text-decoration: none;
}
.ccl-iedep-radar-card-title a:hover { text-decoration: underline; }
.ccl-iedep-radar-card-date {
    font-size: 11px;
    color: #888 !important;
    margin: 0 12px 10px !important;
}
/* wrapper sin fondo — solo el <a> interior lo tiene */
.ccl-iedep-radar-card-btn {
    background: none !important;
    margin-top: auto;
    padding: 0 12px 12px !important;
}
.ccl-iedep-radar-card-btn .wp-block-button__link {
    display: block;
    background: var(--color-primary-alt, #08407A) !important;
    color: #fff !important;
    text-align: center;
    padding: 8px !important;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 0 !important;
    box-shadow: none;
    transition: background .2s;
    width: 100%;
}
.ccl-iedep-radar-card-btn .wp-block-button__link:hover {
    background: var(--color-primary-dark, #051c2c) !important;
    color: #fff !important;
}

/* ── Power BI buttons (Dashboard Gremial) ── */
.ccl-iedep-dashboard-section .wp-block-columns {
    align-items: stretch !important;
    gap: 0 !important;
}
.ccl-iedep-dashboard-content {
    background: #fff;
    border-radius: 12px 0 0 12px;
    padding: 48px 40px !important;
}
.ccl-iedep-dashboard-img {
    margin: 0 !important;
    overflow: hidden;
    border-radius: 0 12px 12px 0;
}
.ccl-iedep-dashboard-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0 !important;
}
.ccl-iedep-dashboard-section hr.wp-block-separator {
    border-color: #dde3ea !important;
    margin: 16px 0 !important;
    opacity: 1;
}
.ccl-iedep-powerbi-row {
    display: flex !important;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 8px;
}
/* wrapper sin fondo */
.ccl-iedep-powerbi-btn {
    background: none !important;
    padding: 0 !important;
}
.ccl-iedep-powerbi-btn .wp-block-button__link {
    background: var(--color-primary-alt, #08407A) !important;
    color: #fff !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    transition: background .2s;
}
.ccl-iedep-powerbi-btn .wp-block-button__link:hover {
    background: var(--color-primary-dark, #051c2c) !important;
    color: #fff !important;
}

/* ── Eventos: presentaciones ── */
.ccl-iedep-evento-pdfs {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.ccl-iedep-evento-pdf-item {
    padding: 0;
}
.ccl-iedep-evento-pdf-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-primary, #092442);
    margin: 0 0 4px;
}
.ccl-iedep-evento-pdf-author {
    font-size: 13px;
    color: #888;
    margin: 0 0 12px;
}
.ccl-iedep-evento-pdf-btn {
    display: inline-block;
    background: var(--color-warning, #ffc325);
    color: var(--color-primary-dark, #051c2c);
    padding: 10px 22px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s;
}
.ccl-iedep-evento-pdf-btn:hover {
    background: var(--color-warning-alt, #FFCB41);
    color: var(--color-primary-dark, #051c2c);
}

/* ── Informe Semanal — 3 columnas por año ── */
.ccl-iedep-informe-col {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #dde3ea;
}
.ccl-iedep-informe-col-header {
    background: var(--color-accent, #0074C5);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 16px !important;
    text-align: center;
    margin: 0 !important;
}
.ccl-iedep-informe-months {
    background: #fff;
    padding: 0 !important;
    margin: 0 !important;
}
/* wp:details dentro del informe */
.ccl-iedep-month-item {
    border-bottom: 1px solid #e5e7ea;
    margin: 0 !important;
}
.ccl-iedep-month-item:last-child { border-bottom: none; }
.ccl-iedep-month-item summary {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-gray-dark, #4b535d);
    cursor: pointer;
    list-style: none;
    user-select: none;
    margin: 0;
}
.ccl-iedep-month-item summary::-webkit-details-marker { display: none; }
.ccl-iedep-month-item summary::after {
    content: "+";
    font-size: 18px;
    color: var(--color-accent, #0074C5);
    font-weight: 400;
    line-height: 1;
    flex-shrink: 0;
}
.ccl-iedep-month-item[open] summary::after {
    content: "−";
}
/* lista de artículos */
.ccl-iedep-article-list {
    list-style: none !important;
    padding: 4px 16px 12px 16px !important;
    margin: 0 !important;
}
.ccl-iedep-article-list li {
    padding: 5px 0;
    border-bottom: 1px dashed #eef0f3;
}
.ccl-iedep-article-list li:last-child { border-bottom: none; }
.ccl-iedep-article-list a {
    font-size: 12px;
    color: var(--color-primary, #092442);
    text-decoration: none;
    line-height: 1.4;
    display: block;
}
.ccl-iedep-article-list a:hover {
    color: var(--color-accent, #0074C5);
    text-decoration: none;
}

/* ── Medios de Contacto ── */
.ccl-iedep-contact-section {
    background: var(--color-primary-dark, #051c2c);
}
.ccl-iedep-contact-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: rgba(255,255,255,.08);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
}
.ccl-iedep-contact-icon {
    width: 44px;
    height: 44px;
    background: var(--color-warning, #ffc325);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--color-primary-dark, #051c2c);
    flex-shrink: 0;
}
.ccl-iedep-contact-text {
    font-size: 13px;
    color: #fff;
    line-height: 1.6;
}
.ccl-iedep-contact-text a { color: #fff; }
.ccl-iedep-contact-img-wrap {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.ccl-iedep-contact-img {
    width: 100%;
    display: block;
    border-radius: 12px;
    object-fit: cover;
    max-height: 340px;
}
.ccl-iedep-contact-tagline {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(5,28,44,.80);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 24px;
}


/* ── Responsive IEDEP ── */
@media (max-width: 900px) {
    /* Radar */
    .ccl-iedep-radar-layout {
        grid-template-columns: 1fr !important;
    }
    .ccl-iedep-radar-panel {
        border-radius: 8px 8px 0 0;
    }
    .ccl-iedep-radar-grid {
        border-radius: 0 0 8px 8px;
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* Dashboard */
    .ccl-iedep-dashboard-section .wp-block-columns {
        flex-direction: column !important;
    }
    .ccl-iedep-dashboard-content {
        border-radius: 12px 12px 0 0 !important;
        padding: 32px 24px !important;
    }
    .ccl-iedep-dashboard-img {
        border-radius: 0 0 12px 12px !important;
        min-height: 240px;
    }
    /* EcoLens */
    .ccl-iedep-ecolens-section .wp-block-columns {
        flex-direction: column !important;
    }
    .ccl-iedep-ecolens-section .wp-block-column {
        width: 100% !important;
        flex-basis: 100% !important;
    }
}

@media (max-width: 781px) {
    /* Servicios nav */
    .ccl-iedep-services-nav {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* Quo Vadis */
    .ccl-iedep-quovadis-section .wp-block-columns {
        flex-direction: column !important;
    }
    /* Proyecciones */
    .ccl-iedep-proyecciones-banner {
        padding: 24px 20px;
        flex-direction: column;
        text-align: center;
    }
    /* Radar grid 1 col */
    .ccl-iedep-radar-grid {
        grid-template-columns: 1fr !important;
    }
    /* Dashboard */
    .ccl-iedep-powerbi-row {
        flex-direction: column;
    }
    .ccl-iedep-powerbi-btn .wp-block-button__link {
        width: 100%;
        text-align: center;
    }
    /* Eventos */
    .ccl-iedep-eventos-section .wp-block-columns {
        flex-direction: column !important;
    }
    .ccl-iedep-eventos-section .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }
    /* Informe — columnas apiladas */
    .ccl-iedep-informe-section .wp-block-columns {
        flex-direction: column !important;
    }
    .ccl-iedep-informe-section .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }
    /* Contacto */
    .ccl-iedep-contact-img-wrap { display: none; }
}

@media (max-width: 480px) {
    /* Servicios nav: 1 col en móvil pequeño */
    .ccl-iedep-services-nav {
        grid-template-columns: 1fr !important;
    }
    /* Radar cards: 1 col */
    .ccl-iedep-radar-grid {
        grid-template-columns: 1fr !important;
    }
    /* Botones QV en columna */
    .ccl-iedep-qv-btn .wp-block-button__link {
        width: 100%;
        text-align: center;
    }
}


/* ─────────────────────────────────────────────────────────────────────────────
   IDEXCAM — Instituto de Investigación y Desarrollo de Comercio Exterior
   ───────────────────────────────────────────────────────────────────────────── */

.ccl-idexcam-presentacion,
.ccl-idexcam-servicios,
.ccl-idexcam-noticias,
.ccl-idexcam-eventos,
.ccl-idexcam-contact {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* Imagen presentación redondeada */
.ccl-idexcam-pres-img img {
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
}

/* ── Tarjetas de servicios ── */
.ccl-idexcam-svc-card {
    background: #fff;
    border: 1px solid #dde3ea;
    border-radius: 12px;
    overflow: hidden;
}
.ccl-idexcam-svc-top {
    display: flex !important;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 20px 20px;
    background: #f0f4f8;
}
.ccl-idexcam-svc-icon {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.5px solid var(--color-primary-dark, #003a7a);
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--color-primary-dark, #003a7a);
    flex-shrink: 0;
    background: #fff;
    margin: 0 !important;
}
.ccl-idexcam-svc-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-primary-dark, #003a7a);
    margin: 0 !important;
    line-height: 1.4;
    padding-top: 4px;
}

/* Acordeón inferior de la tarjeta */
.ccl-idexcam-svc-accordion {
    border-top: 1px solid #dde3ea;
    margin: 0 !important;
}
.ccl-idexcam-svc-accordion summary {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-gray-dark, #444);
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.ccl-idexcam-svc-accordion summary::-webkit-details-marker { display: none; }
.ccl-idexcam-svc-accordion summary::after {
    content: "+";
    font-size: 20px;
    color: var(--color-primary-light, #0055a5);
    font-weight: 300;
    line-height: 1;
    flex-shrink: 0;
}
.ccl-idexcam-svc-accordion[open] summary::after {
    content: "−";
}
.ccl-idexcam-svc-pdf-list {
    list-style: none !important;
    padding: 8px 20px 16px !important;
    margin: 0 !important;
    border-top: 1px solid #e5e7ea;
}
.ccl-idexcam-svc-pdf-list li {
    padding: 5px 0;
    border-bottom: 1px solid #f0f0f0;
}
.ccl-idexcam-svc-pdf-list li:last-child { border-bottom: none; }
.ccl-idexcam-svc-pdf-list a {
    font-size: 12px;
    color: var(--color-primary-light, #0055a5);
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    gap: 6px;
}
.ccl-idexcam-svc-pdf-list a:hover { text-decoration: underline; }
.ccl-idexcam-svc-pdf-list i { margin-top: 2px; flex-shrink: 0; }

/* ── Nota destacada ── */
.ccl-idexcam-featured {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.07);
    height: 100%;
    display: flex !important;
    flex-direction: column;
}
.ccl-idexcam-featured-img {
    margin: 0 !important;
}
.ccl-idexcam-featured-img img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
    border-radius: 0 !important;
}
.ccl-idexcam-featured-text {
    font-size: 13px !important;
    color: var(--color-gray-dark, #444) !important;
    line-height: 1.6;
    text-align: justify;
    padding: 16px 20px;
    margin: 0 !important;
    flex: 1;
}
.ccl-idexcam-featured .wp-block-buttons {
    padding: 0 20px 20px;
    margin: 0 !important;
}
.ccl-idexcam-featured .wp-block-buttons .wp-block-button__link {
    font-size: 12px !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
}

/* ── Notas periodísticas ── */
.ccl-idexcam-notas {
    display: flex !important;
    flex-direction: column;
    gap: 0;
}
.ccl-idexcam-nota-item {
    display: flex !important;
    gap: 16px;
    align-items: flex-start;
    padding: 20px 0;
}
.ccl-idexcam-nota-item + .wp-block-separator {
    margin: 0 !important;
}
.ccl-idexcam-nota-img {
    margin: 0 !important;
    flex-shrink: 0;
}
.ccl-idexcam-nota-img img {
    width: 200px;
    height: auto;
    object-fit: cover;
    border-radius: 6px !important;
}
.ccl-idexcam-nota-body {
    flex: 1;
    display: flex !important;
    flex-direction: column;
    gap: 10px;
}
.ccl-idexcam-nota-title {
    font-size: 13px !important;
    font-weight: 600;
    color: var(--color-primary, #092442) !important;
    line-height: 1.4;
    margin: 0 !important;
}
.ccl-idexcam-nota-body .wp-block-button__link {
    font-size: 12px !important;
    padding: 8px 20px !important;
    border-radius: 6px !important;
}

/* ── Eventos ── */
.ccl-idexcam-evento-card {
    padding: 0;
}
.ccl-idexcam-evento-top {
    display: flex !important;
    gap: 20px;
    align-items: flex-start;
}
.ccl-idexcam-evento-img {
    flex-shrink: 0;
    margin: 0 !important;
}
.ccl-idexcam-evento-img img {
    width: 225px;
    height: 100%;
    object-fit: cover;
    border-radius: 8px !important;
}
.ccl-idexcam-evento-body {
    flex: 1;
}
.ccl-idexcam-evento-title {
    font-size: 18px !important;
    font-weight: 700;
    color: var(--color-primary, #092442) !important;
    margin: 0 0 10px !important;
}
.ccl-idexcam-evento-desc {
    font-size: 13px !important;
    color: var(--color-gray-dark, #4b535d) !important;
    line-height: 1.6;
    text-align: justify;
    margin: 0 0 12px !important;
}
.ccl-idexcam-evento-body .wp-block-separator {
    margin: 12px 0 !important;
    border-color: #dde3ea !important;
}
.ccl-idexcam-evento-body .wp-block-button__link {
    font-size: 12px !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
}

/* ── Contacto ── */
.ccl-idexcam-contact {
    background: var(--color-primary-dark, #051c2c);
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .ccl-idexcam-noticias .wp-block-columns,
    .ccl-idexcam-servicios .wp-block-columns,
    .ccl-idexcam-eventos .wp-block-columns {
        flex-direction: column !important;
    }
    .ccl-idexcam-noticias .wp-block-column,
    .ccl-idexcam-servicios .wp-block-column,
    .ccl-idexcam-eventos .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 781px) {
    .ccl-idexcam-nota-img img { width: 80px; height: 60px; }
    .ccl-idexcam-featured-img img { height: 180px; }
    .ccl-idexcam-evento-img img { width: 120px; height: 90px; }
    .ccl-idexcam-evento-top {
        flex-direction: column !important;
    }
    .ccl-idexcam-evento-img img {
        width: 100%;
        height: 200px;
    }
}


/* ─────────────────────────────────────────────────────────────────────────────
   OPORTUNIDADES DE NEGOCIO — CSS compartido
   Páginas: Encuentro de Negocios (imp/exp), Misiones Comerciales, Ferias Nac/Int
   Prefijo: ccl-opneg-*
   ───────────────────────────────────────────────────────────────────────────── */

.ccl-opneg-presentacion,
.ccl-opneg-eventos,
.ccl-opneg-incluye,
.ccl-opneg-contact {
    padding-top: 60px;
    padding-bottom: 60px;
}

.ccl-cards-opneg  .ccl-opciones-label {
    display: inline-block;
    background-color: #EFF5F9;
    color: #092442;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 14px;
    border-radius: 6px;
    width: fit-content;
}

.ccl-opneg-beneficios {
    padding-top: 60px;
    padding-bottom: 60px;
    background: var(--color-primary-alt, #08407A);
}
.ccl-separator-warning {
    border-top: 3px solid var(--color-warning, #ffc325) !important;
    width: 60px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}
.ccl-separator-primary-centered,
.ccl-separator-white-centered {
    border-top: 3px solid var(--color-warning, #ffc325) !important;
    width: 60px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.ccl-opneg-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.ccl-opneg-feature-card {
    border: 1px solid #dde3ea;
    padding: 24px 20px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #fff;
}

.ccl-cards-opneg .ccl-card-image-box img{
    border-radius: 20px!important;
}

.ccl-cards-opneg  .ccl-card-icon-circle{
    background: var(--color-primary-alt);
}


.ccl-cards-opneg .ccl-card-icon-circle svg, .ccl-cards-opneg .ccl-card-icon-circle i{
    color: var(--color-white) !important;
    fill: var(--color-white) !important;
}

.ccl-cards-opneg  .ccl-numbered-card-wrapper .wp-block-button__link{
    background: var(--color-primary)!important;
}


.ccl-opneg-feature-icon {
    font-size: 24px;
    color: var(--color-warning, #ffc325);
    flex-shrink: 0;
    margin-top: 2px;
    margin: 0 !important;
}
.ccl-opneg-feature-body { flex: 1; }
.ccl-opneg-feature-title {
    font-size: 15px !important;
    font-weight: 700;
    color: var(--color-primary-alt, #08407A) !important;
    margin: 0 0 10px !important;
}
.ccl-opneg-feature-divider {
    border: none;
    border-top: 1px solid #e5e7ea;
    margin: 0 0 10px !important;
}
.ccl-opneg-feature-desc {
    font-size: 13px !important;
    color: var(--color-gray-dark, #4b535d) !important;
    margin: 0 !important;
    line-height: 1.5;
}
.ccl-opneg-beneficios-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 32px;
    text-align: center;
}

.ccl-opneg-beneficios-grid-5 {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 32px;
    text-align: center;
}

.ccl-opneg-beneficio-item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.ccl-opneg-beneficio-icon {
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--color-accent, #0074C5);
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    margin: 0 !important;
}
.ccl-opneg-beneficio-item > p {
    font-size: 13px !important;
    color: rgba(255,255,255,.9) !important;
    line-height: 1.5;
    margin: 0 !important;
    text-align: center;
}
.ccl-opneg-contact-rows {
    display: flex !important;
    flex-direction: column;
    gap: 0;
}
.ccl-opneg-contact-row {
    display: flex !important;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
    font-size: 14px;
    color: var(--color-gray-dark, #4b535d);
}
.ccl-opneg-contact-icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--color-warning, #ffc325);
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--color-primary-dark, #051c2c);
    flex-shrink: 0;
    margin: 0 !important;
}
.ccl-opneg-contact-row > p {
    margin: 0 !important;
    font-size: 14px;
    line-height: 1.6;
}
.ccl-opneg-contact-row a {
    color: var(--color-primary-alt, #08407A);
    text-decoration: none;
}
.ccl-opneg-contact-row a:hover { text-decoration: underline; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .ccl-opneg-features-grid { grid-template-columns: 1fr !important; }
    .ccl-opneg-beneficios-grid, .ccl-opneg-beneficios-grid-5 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 781px) {
    .ccl-opneg-beneficios-grid, .ccl-opneg-beneficios-grid-5 { grid-template-columns: 1fr !important; }
    .ccl-opneg-stats-bar { padding: 24px 20px; }
    .ccl-opneg-stat-number { font-size: 22px; }
}


/*CERTIFICACIONES*/

.ccl-certificados-circle{
width:75px;
height:75px;
background:var(--color-gray-light);
display:flex;
align-items:center;
border-radius:50%;
}


.ccl-certificaciones-price .ccl-separator-gray-dark{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}


.ccl-certificaciones-price .ccl-price .ccl-stat-number {
    font-size: clamp(30px, 5vw, 60px);
    font-weight: 500;
    margin-bottom:0;
}

.ccl-certificaciones-acordeon .ccl-styled-details.style-1 summary{
background:#fff!important;
}


/* ==========================================================================
   CUADERNO ATA — Estilos específicos
   ========================================================================== */

/* Tarjetas de acción (Ficha de Solicitud / Pago en Línea) */
.ccl-ata-action-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.ccl-ata-action-card {
    background: #f8fafd;
    border: 1px solid #e1e8ed;
    border-radius: 16px;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    transition: box-shadow 0.3s ease;
    text-decoration: none;
}

.ccl-ata-action-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.ccl-ata-action-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--color-accent) !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px !important;
}

.ccl-ata-action-icon {
    width: 50px;
    height: 50px;
    background: #EFF5F9;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-accent);
    font-size: 22px;
}

.ccl-ata-action-body h4 {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.ccl-ata-action-body p {
    font-size: 14px;
    color: var(--color-gray-dark);
    margin: 0;
}

.ccl-ata-action-arrow {
    position: absolute;
    top: 16px;
    right: 16px;
    color: var(--color-accent);
    font-size: 18px;
}

/* Sección Directorio */
.ccl-ata-directorio {
    display: flex;
    align-items: center;
    gap: 60px;
}

.ccl-ata-directorio-img {
    flex: 0 0 280px;
}

.ccl-ata-directorio-img img {
    width: 100%;
}

.ccl-ata-directorio-content h3 {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    line-height: 1.3;
}

/* Enlaces de interés */
.ccl-ata-links {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 16px;
}

.ccl-ata-link-badge {
    background: transparent;
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
    border-radius: 50px;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.ccl-ata-link-badge:hover {
    background: var(--color-accent);
    color: #fff;
}

/* Responsive */
@media (max-width: 781px) {
    .ccl-ata-action-grid {
        grid-template-columns: 1fr;
    }

    .ccl-ata-directorio {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }

    .ccl-ata-directorio-img {
        flex: unset;
        width: 200px;
    }
}




.ccl-feature-card{
    position: relative;
    background: #f6f8fb;
    border: 1px solid #d7dde5;
    min-height: 175px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 18px;
    overflow: visible;
}

/* Número superior en círculo */
.ccl-feature-card > p:first-child{
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    margin: 0;
    border-radius: 50%;
    background: #dfe9f6;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px !important;
    font-weight: 600;
    letter-spacing: 0 !important;
    z-index: 2;
}

/* Caja del icono */
.ccl-feature-card > p:nth-child(2){
    width: 75px;
    height: 75px;
    margin: 0;
    background: #e9eff8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ccl-feature-card > p:nth-child(2) i{
    font-size: 37px !important;
    line-height: 1;
}

/* Texto */
.ccl-feature-card > p:last-child{
    max-width: 230px;
    margin: 0;
    text-align: center;
    line-height: 1.6;
    font-size: 14px;
}

/* Hover opcional */
.ccl-feature-card:hover{
    transform: translateY(-4px);
    transition: all .3s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}






/* ==========================================================================
   AFILIACIONES — Estilos específicos
   URL: /afiliaciones/
   ========================================================================== */

/* ── HERO: imagen + formulario de contacto ─────────────────────────────── */
.ccl-no-margin-gap {
    margin: 0 !important;
    gap: 0 !important;
}

.ccl-afil-hero-img-col {
    padding: 0 !important;
    position: relative;
    overflow: hidden;
}

.ccl-afil-hero-img-col .ccl-full-height-img,
.ccl-afil-hero-img-col .ccl-full-height-img img {
    height: 100%;
    width: 100%;
    margin: 0;
    display: block;
    max-height: 888px;
    object-position: top;
    object-fit: cover;
}

.ccl-afil-hero-img-col .wp-block-image {
    height: 100%;
    margin: 0;
}

/* Sombra radial concentrada en la esquina inferior izquierda */
.ccl-afil-hero-img-col::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 90% 80% at 0% 100%, rgba(5, 28, 44, 0.9) 0%, rgba(5, 28, 44, 0.78) 35%, rgba(5, 28, 44, 0.25) 60%, transparent 75%);
    z-index: 1;
}


.editor-styles-wrapper .ccl-afil-hero-overlay,
.ccl-afil-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 50px 60px;
    max-width: 75%;
}

.editor-styles-wrapper .ccl-afil-hero-eyebrow,
.ccl-afil-hero-eyebrow {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 16px;
    max-width: 380px;
}

.editor-styles-wrapper .ccl-afil-hero-title,
.ccl-afil-hero-title {
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.35;
    margin: 0;
}


/* Columna de formulario */
.ccl-afil-hero-form-col {
    background-color: var(--color-primary);
    padding: 24px 30px;
}

.ccl-afil-form-title {
    color: #fff;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 24px;
}

/* Quitar el "doble fondo" del wrapper genérico: aquí los campos van directo sobre el azul */
.ccl-contact-form-wrapper.style-1.ccl-afil-form {
    background: transparent !important;
    padding: 0 !important;
}


.ccl-contact-form-wrapper.style-1.ccl-afil-form .col-md-6 {
    padding-left:0;
}

.ccl-contact-form-wrapper.style-1.ccl-afil-form input:not([type="submit"]),
.ccl-contact-form-wrapper.style-1.ccl-afil-form select,
.ccl-contact-form-wrapper.style-1.ccl-afil-form textarea {
    background: #5d7c97 !important;
    border-radius: 50px !important;
    color: #fff !important;
}

.ccl-afil-form input::placeholder,
.ccl-afil-form select,
.ccl-afil-form textarea::placeholder {
    color: #fff !important;
    opacity: 0.85 !important;
}

.ccl-afil-form .wpcf7-submit {
    background: var(--color-accent) !important;
    color: #fff !important;
    border-radius: 50px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 600;
    font-size: 16px;
    height: 56px;
}

.ccl-afil-form .terminos-inline-int p,
.ccl-afil-form .terminos-inline-int label,
.ccl-afil-form .terminos-inline-int span,
.ccl-afil-form .terminos-inline-int .terminos-link {
    color: #fff !important;
}

/* ── MARQUEE: Elige el plan ideal ──────────────────────────────────────── */
.ccl-marquee-section {
    background-color: var(--color-gray-light);
    overflow: hidden;
    padding: 14px 0;
}

.ccl-marquee-track {
    display: flex;
    align-items: center;
    gap: 20px;
    white-space: nowrap;
    width: max-content;
    animation: ccl-marquee-scroll 35s linear infinite;
}

.ccl-marquee-item {
    color: var(--color-gray-dark);
    font-size: 15px;
    font-weight: 600;
    flex-shrink: 0;
}

.ccl-marquee-sep {
    color: var(--color-gray-dark);
    opacity: 0.35;
    font-size: 15px;
    flex-shrink: 0;
}

@keyframes ccl-marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ── Antetítulo de sección ─────────────────────────────────────────────── */
.ccl-section-eyebrow {
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    font-size: 13px;
    margin: 0 0 8px !important;
}

/* ── Tarjetas de beneficios ─────────────────────────────────────────────── */
.ccl-afiliacion-card {
    background: #fff;
    border: 1px solid #e5e9ed;
    padding: 30px;
    height: 100%;
}

.ccl-afiliacion-card-icon {
    width: 70px;
    height: 70px;
    background: var(--color-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    margin: 0 auto 20px;
}

.ccl-afiliacion-card h5 {
    font-size: 19px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 16px;
    line-height: 1.4;
}

.ccl-afiliacion-card p {
    margin-bottom: 8px;
}

.ccl-afiliacion-card p strong {
    color: var(--color-primary-dark);
    font-size: 15px;
}

.ccl-afiliacion-card ul {
    margin: 0;
    padding-left: 20px;
}

.ccl-afiliacion-card ul li {
    color: var(--color-accent);
    font-size: 14px;
    line-height: 1.7;
}

/* Tarjeta banner "Descubre más beneficios" */
.ccl-afiliacion-banner-card {
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ccl-afiliacion-banner-card h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 16px;
}

.ccl-banner-separator.wp-block-separator {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    margin: 0 0 16px;
    opacity: 1;
}

.ccl-afiliacion-banner-card p {
    color: #fff;
    flex-grow: 1;
    margin-bottom: 24px;
}

.ccl-btn-cartillas .wp-block-button__link {
    background: #fff !important;
    color: var(--color-primary) !important;
    border-radius: 50px !important;
    font-weight: 700;
    padding: 14px 28px;
    display: inline-flex;
    align-items: center;
}

/* ── Barra de contacto WhatsApp ────────────────────────────────────────── */
.ccl-whatsapp-bar {
    border-radius: 16px;
    padding: 30px 50px;
    gap: 40px;
    flex-wrap: nowrap !important;
}

.ccl-whatsapp-left {
    gap: 20px;
    flex-shrink: 0;
}

.ccl-whatsapp-icon {
    width: 50px;
    height: 50px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    flex-shrink: 0;
}

.ccl-whatsapp-label {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 4px !important;
}

.ccl-whatsapp-number {
    font-size: 28px;
    font-weight: 800;
    margin: 0 !important;
}

.ccl-whatsapp-number a {
    color: #fff;
    text-decoration: none;
}

.ccl-whatsapp-divider.wp-block-separator {
    width: 1px;
    height: 60px;
    background-color: var(--color-accent);
    border: none;
    margin: 0;
    opacity: 1;
    flex-shrink: 0;
}

.ccl-whatsapp-message {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 !important;
    flex: 1;
}

/* ── Stats: ¿Por qué ser Asociado de la CCL? ───────────────────────────── */
.ccl-stats-heading-col {
    background-color: var(--color-primary-dark);
    display: flex;
    align-items: center;
    padding: 50px;
}

.ccl-stats-heading-col h2 {
    font-size: 34px;
    font-weight: 800;
    line-height: 1.35;
    margin: 0;
}

.ccl-stats-list-col {
    background-color: var(--color-primary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
}

.ccl-stat-row {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.ccl-stat-row:first-child {
    padding-top: 0;
}

.ccl-stat-row-last {
    border-bottom: none;
    padding-bottom: 0;
}

.ccl-stat-row-icon {
    width: 46px;
    height: 46px;
    background-color: var(--color-warning);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary-dark);
    font-size: 20px;
    flex-shrink: 0;
}

.ccl-stat-row-number {
    color: #fff;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.1;
    margin: 0 !important;
}

.ccl-stat-row-suffix {
    font-size: 18px;
    font-weight: 700;
    vertical-align: top;
}

.ccl-stat-row-label {
    color: rgba(255, 255, 255, 0.65);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
    margin: 4px 0 0 !important;
    max-width: 280px;
}

.ccl-stats-img-col {
    padding: 0 !important;
    overflow: hidden;
}

.ccl-stats-img-col .ccl-full-height-img,
.ccl-stats-img-col .ccl-full-height-img img {
    height: 100%;
    width: 100%;
    margin: 0;
    display: block;
    object-fit: cover;
}

.ccl-stats-img-col .wp-block-image {
    height: 100%;
    margin: 0;
}

/* ── Separador corto centrado (reutilizable) ───────────────────────────── */
.ccl-section-divider.wp-block-separator {
    width: 90px;
    border: none;
    border-top: 1px solid var(--color-primary-dark);
    margin: 30px auto 40px;
    opacity: 1;
}

/* ── ¿Quiénes pueden afiliarse? ────────────────────────────────────────── */
.ccl-quienes-grid {
    text-align: left;
}

.ccl-quienes-item {
    text-align: left;
}

.ccl-quienes-icon {
    width: 60px;
    height: 60px;
    margin: 0 0 20px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-accent);
}

.ccl-quienes-item h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-primary-dark);
    margin-bottom: 8px;
    text-align: left;
    position: relative;
    padding-bottom: 12px;
}

.ccl-quienes-item h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: var(--color-primary-dark);
}

.ccl-quienes-item p {
    font-size: 14px;
    text-align: left;
}

p.ccl-quienes-icon {
    font-size: 40px;

}

/* ── Asociados en acción ────────────────────────────────────────────────── */
.ccl-afil-brands-wrap {
    border-top: 1px solid #e0e6ed;
    border-left: 1px solid #e0e6ed;
}

.ccl-afil-brands-grid.ccl-brands-grid {
    margin-top: 0 !important;
    flex-wrap: nowrap;
}

.ccl-afil-brands-grid .wp-block-column {
    background-color: #fff;
    border-right: 1px solid #e0e6ed;
    border-bottom: 1px solid #e0e6ed;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 20px;
    margin: 0 !important;
    flex-basis: 16.6666% !important;
}

.ccl-afil-brand-logo.ccl-brand-logo {
    padding: 0;
    margin: 0;
    filter: none;
    opacity: 1;
}

.ccl-afil-brand-logo.ccl-brand-logo img {
    max-height: 45px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.ccl-afil-brand-logo.ccl-brand-logo:hover {
    transform: none;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
    .ccl-afil-hero .wp-block-columns {
        flex-direction: column;
    }

    .ccl-afil-hero-img-col,
    .ccl-afil-hero-form-col {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .ccl-afil-hero-img-col {
        min-height: 400px;
    }

    .ccl-afil-hero-overlay {
        max-width: 100%;
    }

    .ccl-whatsapp-bar {
        flex-wrap: wrap !important;
        padding: 30px;
    }

    .ccl-whatsapp-divider {
        display: none;
    }

    .ccl-stats-section .wp-block-columns {
        flex-direction: column;
    }

    .ccl-stats-heading-col,
    .ccl-stats-list-col,
    .ccl-stats-img-col {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .ccl-stats-img-col {
        min-height: 300px;
    }
}

@media (max-width: 781px) {
    .ccl-afil-cards-section .wp-block-columns {
        flex-direction: column;
    }

    .ccl-afil-hero-title {
        font-size: 26px;
    }

    .ccl-afil-hero-overlay,
    .ccl-afil-hero-form-col {
        padding: 30px;
    }

    .ccl-afil-form-title {
        font-size: 28px;
    }

    .ccl-stats-heading-col,
    .ccl-stats-list-col {
        padding: 30px;
    }

    .ccl-stats-heading-col h2 {
        font-size: 26px;
    }

    .ccl-quienes-grid {
        flex-direction: column;
    }

    .ccl-afil-brands-grid .wp-block-column {
        flex-basis: 33.33% !important;
    }
}

@media (max-width: 480px) {
    .ccl-afil-brands-grid .wp-block-column {
        flex-basis: 50% !important;
    }
}