/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-nch6a66h9u],
.components-reconnect-repeated-attempt-visible[b-nch6a66h9u],
.components-reconnect-failed-visible[b-nch6a66h9u],
.components-pause-visible[b-nch6a66h9u],
.components-resume-failed-visible[b-nch6a66h9u],
.components-rejoining-animation[b-nch6a66h9u] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-nch6a66h9u],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-nch6a66h9u],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-nch6a66h9u],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-nch6a66h9u],
#components-reconnect-modal.components-reconnect-retrying[b-nch6a66h9u],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-nch6a66h9u],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-nch6a66h9u],
#components-reconnect-modal.components-reconnect-failed[b-nch6a66h9u],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-nch6a66h9u] {
    display: block;
}


#components-reconnect-modal[b-nch6a66h9u] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-nch6a66h9u 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-nch6a66h9u 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-nch6a66h9u 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-nch6a66h9u]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-nch6a66h9u 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-nch6a66h9u {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-nch6a66h9u {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-nch6a66h9u {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-nch6a66h9u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-nch6a66h9u] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-nch6a66h9u] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-nch6a66h9u] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-nch6a66h9u] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-nch6a66h9u] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-nch6a66h9u] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-nch6a66h9u 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-nch6a66h9u] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-nch6a66h9u {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AlumbradoPublico.razor.rz.scp.css */
/* ==========================================
   Alumbrado Público - Scoped Styles
   ========================================== */

/* --- 2. Intro --- */
.ap-intro[b-yi3apch0r6] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.ap-intro-texto[b-yi3apch0r6] {
    max-width: 860px;
    margin: 0;
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    text-align: left;
}

    .ap-intro-texto p[b-yi3apch0r6] {
        margin-bottom: var(--cpe-spacing-md);
    }

/* --- 3. Reclamos --- */
.ap-reclamos[b-yi3apch0r6] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.ap-section-header[b-yi3apch0r6] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-lg);
    padding-bottom: var(--cpe-spacing-md);
}

    .ap-section-header i[b-yi3apch0r6] {
        font-size: 1.8rem;
        color: var(--cpe-azul-primario);
    }

    .ap-section-header h2[b-yi3apch0r6] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.ap-reclamos-intro[b-yi3apch0r6] {
    color: var(--cpe-texto-gris);
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: var(--cpe-spacing-xl);
}

.ap-reclamo-cta[b-yi3apch0r6] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-lg);
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    box-shadow: var(--cpe-shadow-sm);
    text-decoration: none;
    transition: var(--cpe-transition);
}

    .ap-reclamo-cta:hover[b-yi3apch0r6] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-2px);
        text-decoration: none;
    }

.ap-reclamo-cta-icono[b-yi3apch0r6] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(0, 105, 180, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ap-reclamo-cta-icono i[b-yi3apch0r6] {
        font-size: 1.4rem;
        color: var(--cpe-azul-primario);
    }

.ap-reclamo-cta-texto[b-yi3apch0r6] {
    flex: 1;
}

    .ap-reclamo-cta-texto h3[b-yi3apch0r6] {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0 0 var(--cpe-spacing-xs) 0;
    }

    .ap-reclamo-cta-texto p[b-yi3apch0r6] {
        font-size: 0.9rem;
        color: var(--cpe-texto-gris);
        margin: 0;
        line-height: 1.5;
    }

.ap-reclamo-cta-flecha[b-yi3apch0r6] {
    font-size: 1.5rem;
    color: var(--cpe-azul-primario);
    flex-shrink: 0;
    transition: var(--cpe-transition);
}

.ap-reclamo-cta:hover .ap-reclamo-cta-flecha[b-yi3apch0r6] {
    transform: translateX(4px);
}

/* --- 4. Ampliación --- */
.ap-ampliacion[b-yi3apch0r6] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.ap-ampliacion-contenido[b-yi3apch0r6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cpe-spacing-xxl);
    margin-top: var(--cpe-spacing-lg);
}

.ap-ampliacion-texto[b-yi3apch0r6] {
    color: var(--cpe-texto-gris);
    line-height: 1.7;
}

    .ap-ampliacion-texto p[b-yi3apch0r6] {
        margin-bottom: var(--cpe-spacing-lg);
    }

.ap-completar-cta[b-yi3apch0r6] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    margin-bottom: var(--cpe-spacing-lg);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    font-weight: 600;
    text-decoration: none;
    transition: var(--cpe-transition);
}

    .ap-completar-cta:hover[b-yi3apch0r6] {
        background-color: var(--cpe-azul-oscuro);
        color: var(--cpe-blanco);
        box-shadow: var(--cpe-shadow-md);
        text-decoration: none;
    }

.ap-requisitos[b-yi3apch0r6] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
}

.ap-requisito[b-yi3apch0r6] {
    display: flex;
    gap: var(--cpe-spacing-md);
    align-items: flex-start;
}

.ap-requisito-num[b-yi3apch0r6] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
}

.ap-requisito p[b-yi3apch0r6] {
    margin: 0;
    color: var(--cpe-texto-gris);
    line-height: 1.6;
}

.ap-ampliacion-proceso[b-yi3apch0r6] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-xl);
}

.ap-proceso-card[b-yi3apch0r6] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .ap-proceso-card:hover[b-yi3apch0r6] {
        box-shadow: var(--cpe-shadow-sm);
    }

.ap-proceso-card-verde[b-yi3apch0r6] {
    border-left-color: var(--cpe-verde-oscuro);
}

.ap-proceso-header[b-yi3apch0r6] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    margin-bottom: var(--cpe-spacing-md);
}

    .ap-proceso-header i[b-yi3apch0r6] {
        font-size: 1.4rem;
        color: var(--cpe-azul-primario);
    }

    .ap-proceso-header h3[b-yi3apch0r6] {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.ap-proceso-card-verde .ap-proceso-header i[b-yi3apch0r6] {
    color: var(--cpe-verde-oscuro);
}

.ap-proceso-card p[b-yi3apch0r6] {
    color: var(--cpe-texto-gris);
    line-height: 1.7;
    margin-bottom: var(--cpe-spacing-sm);
}

    .ap-proceso-card p:last-child[b-yi3apch0r6] {
        margin-bottom: 0;
    }

/* --- 5. Galería --- */
.ap-galeria[b-yi3apch0r6] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.ap-galeria-grid[b-yi3apch0r6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-lg);
    margin-top: var(--cpe-spacing-lg);
}

.ap-galeria-img[b-yi3apch0r6] {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
}

    .ap-galeria-img:hover[b-yi3apch0r6] {
        box-shadow: var(--cpe-shadow-md);
        transform: scale(1.02);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .ap-ampliacion-contenido[b-yi3apch0r6] {
        grid-template-columns: 1fr;
    }

    .ap-galeria-grid[b-yi3apch0r6] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .ap-intro[b-yi3apch0r6],
    .ap-reclamos[b-yi3apch0r6],
    .ap-ampliacion[b-yi3apch0r6],
    .ap-galeria[b-yi3apch0r6] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .ap-intro-texto[b-yi3apch0r6] {
        text-align: left;
    }

    .ap-reclamo-cta[b-yi3apch0r6] {
        flex-direction: column;
        text-align: center;
    }

    .ap-reclamo-cta-flecha[b-yi3apch0r6] {
        display: none;
    }

    .ap-section-header h2[b-yi3apch0r6] {
        font-size: 1.4rem;
    }

    .ap-galeria-img[b-yi3apch0r6] {
        height: 200px;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .ap-section-header h2[b-yi3apch0r6] {
        font-size: 1.3rem;
    }

    .ap-galeria-grid[b-yi3apch0r6] {
        grid-template-columns: 1fr;
    }

    .ap-galeria-img[b-yi3apch0r6] {
        height: 180px;
    }

    .ap-requisito-num[b-yi3apch0r6] {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .ap-reclamo-cta:hover[b-yi3apch0r6] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }

    .ap-proceso-card:hover[b-yi3apch0r6] {
        box-shadow: none;
    }

    .ap-galeria-img:hover[b-yi3apch0r6] {
        box-shadow: var(--cpe-shadow-sm);
        transform: none;
    }
}
/* /Components/Pages/AlumbradoPublicoReclamos.razor.rz.scp.css */
/* ==========================================
   Reclamos Alumbrado Publico - Scoped Styles
   ========================================== */

.ra-section-header[b-jrtpsx34hb] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .ra-section-header i[b-jrtpsx34hb] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .ra-section-header h2[b-jrtpsx34hb] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.ra-formulario[b-jrtpsx34hb] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.ra-intro[b-jrtpsx34hb] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: var(--cpe-spacing-xl);
}

.ra-form-grid[b-jrtpsx34hb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cpe-spacing-md) var(--cpe-spacing-xl);
}

.ra-campo[b-jrtpsx34hb] {
    margin-bottom: 0;
}

.ra-campo-full[b-jrtpsx34hb] {
    grid-column: 1 / -1;
}

.ra-label[b-jrtpsx34hb] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    margin-bottom: var(--cpe-spacing-xs);
}

.ra-requerido[b-jrtpsx34hb] {
    color: #dc3545;
}

.ra-validacion[b-jrtpsx34hb] {
    font-size: 0.8rem;
    color: #dc3545;
    margin-top: 2px;
    display: block;
}

.ra-botones[b-jrtpsx34hb] {
    display: flex;
    gap: var(--cpe-spacing-sm);
    padding-top: var(--cpe-spacing-md);
}

.ra-volver[b-jrtpsx34hb] {
    margin-top: var(--cpe-spacing-xl);
    padding-top: var(--cpe-spacing-lg);
    border-top: 1px solid #e0e0e0;
}

    .ra-volver .ra-btn[b-jrtpsx34hb] {
        text-decoration: none;
    }

.ra-btn[b-jrtpsx34hb] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-xl);
    border-radius: var(--cpe-border-radius-lg);
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid transparent;
    cursor: pointer;
    transition: var(--cpe-transition);
}

.ra-btn-primario[b-jrtpsx34hb] {
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    border-color: var(--cpe-azul-primario);
}

    .ra-btn-primario:hover[b-jrtpsx34hb] {
        background-color: var(--cpe-azul-oscuro);
        border-color: var(--cpe-azul-oscuro);
    }

    .ra-btn-primario:disabled[b-jrtpsx34hb] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.ra-btn-secundario[b-jrtpsx34hb] {
    background-color: var(--cpe-blanco);
    color: var(--cpe-texto-gris);
    border-color: var(--cpe-texto-gris);
}

    .ra-btn-secundario:hover[b-jrtpsx34hb] {
        background-color: var(--cpe-fondo-beige);
        color: var(--cpe-texto-oscuro);
    }

    .ra-btn-secundario:disabled[b-jrtpsx34hb] {
        opacity: 0.65;
        cursor: not-allowed;
    }

/* --- Alertas --- */
.ra-alerta[b-jrtpsx34hb] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    border-radius: var(--cpe-border-radius-lg);
    font-size: 0.9rem;
    margin-bottom: var(--cpe-spacing-md);
}

.ra-alerta-exito[b-jrtpsx34hb] {
    background-color: #d4edda;
    color: #155724;
    border-left: 4px solid var(--cpe-verde);
}

.ra-alerta-error[b-jrtpsx34hb] {
    background-color: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 768px) {
    .ra-formulario[b-jrtpsx34hb] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .ra-form-grid[b-jrtpsx34hb] {
        grid-template-columns: 1fr;
    }

    .ra-section-header h2[b-jrtpsx34hb] {
        font-size: 1.4rem;
    }

    .ra-section-header i[b-jrtpsx34hb] {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .ra-section-header h2[b-jrtpsx34hb] {
        font-size: 1.3rem;
    }

    .ra-botones[b-jrtpsx34hb] {
        flex-direction: column;
    }

    .ra-btn[b-jrtpsx34hb] {
        justify-content: center;
    }
}
/* /Components/Pages/ArchivoHistorico.razor.rz.scp.css */
/* ==========================================
   Archivo Histórico - Scoped Styles
   ========================================== */

/* --- 2. Introduccion --- */
.arh-intro[b-ym9vfafj4w] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.arh-intro-grid[b-ym9vfafj4w] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.arh-intro-texto h2[b-ym9vfafj4w] {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-lg);
}

.arh-intro-texto p[b-ym9vfafj4w] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

.arh-intro-imgs[b-ym9vfafj4w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-xl);
    margin-top: var(--cpe-spacing-md);
}

    .arh-intro-imgs img[b-ym9vfafj4w] {
        width: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        border-radius: var(--cpe-border-radius-lg);
        box-shadow: var(--cpe-shadow-sm);
        display: block;
    }

.arh-leer-mas[b-ym9vfafj4w] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    margin-top: var(--cpe-spacing-sm);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: transparent;
    color: var(--cpe-azul-primario);
    border: 1px solid var(--cpe-azul-primario);
    border-radius: var(--cpe-border-radius-lg);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--cpe-transition);
}

    .arh-leer-mas:hover[b-ym9vfafj4w] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

    .arh-leer-mas i[b-ym9vfafj4w] {
        font-size: 0.8rem;
    }

/* Datos destacados (sidebar) */
.arh-intro-datos[b-ym9vfafj4w] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
    position: sticky;
    top: 100px;
}

.arh-dato-card[b-ym9vfafj4w] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .arh-dato-card:hover[b-ym9vfafj4w] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .arh-dato-card i[b-ym9vfafj4w] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
        margin-top: 2px;
    }

    .arh-dato-card div[b-ym9vfafj4w] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

.arh-dato-label[b-ym9vfafj4w] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
}

.arh-dato-valor[b-ym9vfafj4w] {
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
}

.arh-dato-mapa[b-ym9vfafj4w] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-azul-primario);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    border: 1px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
    justify-content: center;
}

    .arh-dato-mapa:hover[b-ym9vfafj4w] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

/* --- 3. Testimonios --- */
.arh-testimonios[b-ym9vfafj4w] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.arh-section-header[b-ym9vfafj4w] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-md);
    padding-bottom: var(--cpe-spacing-md);
}

    .arh-section-header i[b-ym9vfafj4w] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .arh-section-header h2[b-ym9vfafj4w] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.arh-testimonios-subtitulo[b-ym9vfafj4w] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: var(--cpe-spacing-xl);
    max-width: 800px;
}

.arh-videos-grid[b-ym9vfafj4w] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-xl);
}

.arh-video-card[b-ym9vfafj4w] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
}

    .arh-video-card:hover[b-ym9vfafj4w] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.arh-video-player[b-ym9vfafj4w] {
    background-color: #1a1a2e;
}

    .arh-video-player video[b-ym9vfafj4w] {
        width: 100%;
        display: block;
        aspect-ratio: 16 / 9;
    }

.arh-video-info[b-ym9vfafj4w] {
    padding: var(--cpe-spacing-lg);
}

    .arh-video-info h4[b-ym9vfafj4w] {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0 0 var(--cpe-spacing-sm) 0;
    }

    .arh-video-info p[b-ym9vfafj4w] {
        font-size: 0.9rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
        margin: 0;
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .arh-intro-grid[b-ym9vfafj4w] {
        grid-template-columns: 1fr;
    }

    .arh-intro-datos[b-ym9vfafj4w] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .arh-dato-card[b-ym9vfafj4w] {
        flex: 1 1 250px;
    }

    .arh-dato-mapa[b-ym9vfafj4w] {
        flex: 1 1 100%;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .arh-intro[b-ym9vfafj4w],
    .arh-testimonios[b-ym9vfafj4w] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .arh-videos-grid[b-ym9vfafj4w] {
        grid-template-columns: 1fr;
    }

    .arh-section-header h2[b-ym9vfafj4w] {
        font-size: 1.4rem;
    }

    .arh-section-header i[b-ym9vfafj4w] {
        font-size: 1.5rem;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .arh-intro-texto h2[b-ym9vfafj4w] {
        font-size: 1.5rem;
    }

    .arh-intro-datos[b-ym9vfafj4w] {
        flex-direction: column;
    }

    .arh-dato-card[b-ym9vfafj4w] {
        flex: 1 1 100%;
    }

    .arh-video-info[b-ym9vfafj4w] {
        padding: var(--cpe-spacing-md);
    }

    .arh-video-info h4[b-ym9vfafj4w] {
        font-size: 1rem;
    }

    .arh-section-header h2[b-ym9vfafj4w] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .arh-dato-card:hover[b-ym9vfafj4w],
    .arh-video-card:hover[b-ym9vfafj4w] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/ArticulosDelHogar.razor.rz.scp.css */
/* ==========================================
   Artículos del Hogar - Scoped Styles
   ========================================== */

/* --- 3. Introduccion --- */
.ah-intro[b-ex6v51tz81] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.ah-intro-grid[b-ex6v51tz81] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.ah-intro-texto h2[b-ex6v51tz81] {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-lg);
}

.ah-intro-texto p[b-ex6v51tz81] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

/* Datos destacados (sidebar) */
.ah-intro-datos[b-ex6v51tz81] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
    position: sticky;
    top: 100px;
}

.ah-dato-card[b-ex6v51tz81] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .ah-dato-card:hover[b-ex6v51tz81] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .ah-dato-card i[b-ex6v51tz81] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
        margin-top: 2px;
    }

    .ah-dato-card div[b-ex6v51tz81] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

.ah-dato-label[b-ex6v51tz81] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
}

.ah-dato-valor[b-ex6v51tz81] {
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
}

.ah-dato-mapa[b-ex6v51tz81] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-azul-primario);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    transition: var(--cpe-transition);
    justify-content: center;
}

    .ah-dato-mapa:hover[b-ex6v51tz81] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

/* --- 4. Puntos de venta --- */
.ah-sucursales[b-ex6v51tz81] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.ah-section-header[b-ex6v51tz81] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .ah-section-header i[b-ex6v51tz81] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .ah-section-header h2[b-ex6v51tz81] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.ah-salas-grid[b-ex6v51tz81] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-lg);
}

.ah-sala-card[b-ex6v51tz81] {
    display: flex;
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
    border-left: 4px solid var(--cpe-azul-primario);
}

    .ah-sala-card:hover[b-ex6v51tz81] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.ah-sala-img[b-ex6v51tz81] {
    width: 160px;
    min-height: 180px;
    flex-shrink: 0;
    overflow: hidden;
}

    .ah-sala-img img[b-ex6v51tz81] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: var(--cpe-transition);
    }

    .ah-sala-card:hover .ah-sala-img img[b-ex6v51tz81] {
        transform: scale(1.05);
    }

.ah-sala-info[b-ex6v51tz81] {
    padding: var(--cpe-spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-sm);
    flex: 1;
}

    .ah-sala-info h4[b-ex6v51tz81] {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0 0 var(--cpe-spacing-xs) 0;
    }

.ah-sala-detalle[b-ex6v51tz81] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-sm);
    font-size: 0.88rem;
    color: var(--cpe-texto-gris);
    line-height: 1.4;
}

    .ah-sala-detalle i[b-ex6v51tz81] {
        color: var(--cpe-azul-primario);
        font-size: 0.8rem;
        margin-top: 2px;
        flex-shrink: 0;
    }

.ah-sala-mapa[b-ex6v51tz81] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-azul-primario);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    margin-top: auto;
    padding-top: var(--cpe-spacing-sm);
    transition: var(--cpe-transition);
}

    .ah-sala-mapa:hover[b-ex6v51tz81] {
        color: var(--cpe-azul-oscuro);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .ah-intro-grid[b-ex6v51tz81] {
        grid-template-columns: 1fr;
    }

    .ah-intro-datos[b-ex6v51tz81] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ah-dato-card[b-ex6v51tz81] {
        flex: 1 1 250px;
    }

    .ah-salas-grid[b-ex6v51tz81] {
        grid-template-columns: 1fr;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .ah-intro[b-ex6v51tz81],
    .ah-sucursales[b-ex6v51tz81] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .ah-section-header h2[b-ex6v51tz81] {
        font-size: 1.4rem;
    }

    .ah-section-header i[b-ex6v51tz81] {
        font-size: 1.5rem;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .ah-intro-texto h2[b-ex6v51tz81] {
        font-size: 1.5rem;
    }

    .ah-intro-datos[b-ex6v51tz81] {
        flex-direction: column;
    }

    .ah-dato-card[b-ex6v51tz81] {
        flex: 1 1 100%;
    }

    .ah-sala-card[b-ex6v51tz81] {
        flex-direction: column;
    }

    .ah-sala-img[b-ex6v51tz81] {
        width: 100%;
        min-height: 180px;
        max-height: 200px;
    }

    .ah-section-header h2[b-ex6v51tz81] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .ah-dato-card:hover[b-ex6v51tz81],
    .ah-sala-card:hover[b-ex6v51tz81] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }

    .ah-sala-card:hover .ah-sala-img img[b-ex6v51tz81] {
        transform: none;
    }
}
/* /Components/Pages/Autoridades.razor.rz.scp.css */
/* ==========================================
   Autoridades - Scoped Styles
   ========================================== */

/* --- Fotos (cards) --- */
.aut-foto[b-lvnoyofd6o] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--cpe-blanco);
    box-shadow: var(--cpe-shadow-sm);
    flex-shrink: 0;
}

/* Placeholder para personas que aún no tienen foto cargada en el ABM */
.aut-foto-placeholder[b-lvnoyofd6o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #e9ecef;
    color: #adb5bd;
}

    .aut-foto-placeholder i[b-lvnoyofd6o] {
        font-size: 2.2rem;
    }

/* --- Fotos (items chicos: vocales/delegados) --- */
.aut-foto-sm[b-lvnoyofd6o] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: var(--cpe-spacing-sm);
    vertical-align: middle;
}


/* --- Section Headers --- */
.aut-section-header[b-lvnoyofd6o] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
}

    .aut-section-header i[b-lvnoyofd6o] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .aut-section-header h2[b-lvnoyofd6o] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.aut-section-header-verde[b-lvnoyofd6o] {
    border-bottom-color: var(--cpe-verde);
}

    .aut-section-header-verde i[b-lvnoyofd6o] {
        color: var(--cpe-verde);
    }

.aut-section-header-amarillo[b-lvnoyofd6o] {
    border-bottom-color: var(--cpe-amarillo);
}

    .aut-section-header-amarillo i[b-lvnoyofd6o] {
        color: var(--cpe-amarillo);
    }

/* --- 2. Consejo de Administracion --- */
.aut-consejo[b-lvnoyofd6o] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.aut-subseccion[b-lvnoyofd6o] {
    margin-bottom: var(--cpe-spacing-xl);
}

    .aut-subseccion h3[b-lvnoyofd6o] {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--cpe-texto-gris);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: var(--cpe-spacing-lg);
    }

/* Mesa directiva grid */
.aut-mesa-grid[b-lvnoyofd6o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-md);
}

.aut-cargo-card[b-lvnoyofd6o] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius);
    padding: var(--cpe-spacing-lg);
    transition: var(--cpe-transition);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--cpe-spacing-md);
}

.aut-cargo-info[b-lvnoyofd6o] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-xs);
}

    .aut-cargo-card:hover[b-lvnoyofd6o] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

.aut-cargo-presidente[b-lvnoyofd6o] {
    background-color: var(--cpe-azul-claro);
}

.aut-cargo-titulo[b-lvnoyofd6o] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
}

.aut-cargo-nombre[b-lvnoyofd6o] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--cpe-texto-oscuro);
}

/* Sindicos grid */
.aut-sindicos-grid[b-lvnoyofd6o] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-md);
    max-width: 600px;
}

/* Vocales grid */
.aut-vocales-grid[b-lvnoyofd6o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-md);
}

.aut-vocal-item[b-lvnoyofd6o] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius);
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    transition: var(--cpe-transition);
}

    .aut-vocal-item:hover[b-lvnoyofd6o] {
        box-shadow: var(--cpe-shadow-sm);
        transform: translateY(-1px);
    }

/* --- 3. Cuerpo Gerencial --- */
.aut-gerencial[b-lvnoyofd6o] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.aut-gerencial-grid[b-lvnoyofd6o] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-md);
}

.aut-gerente-card[b-lvnoyofd6o] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    transition: var(--cpe-transition);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--cpe-spacing-md);
}

.aut-gerente-info[b-lvnoyofd6o] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-xs);
}

    .aut-gerente-card:hover[b-lvnoyofd6o] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

.aut-gerente-general[b-lvnoyofd6o] {
    /* Sola en la primera fila, alineada a la izquierda y con el ancho de una columna (no estirada) */
    grid-column: 1 / -1;
    justify-self: start;
    width: calc((100% - var(--cpe-spacing-md)) / 2);
    background: linear-gradient(135deg, var(--cpe-blanco) 0%, var(--cpe-azul-claro) 100%);
}

.aut-gerente-cargo[b-lvnoyofd6o] {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-verde);
}

.aut-gerente-general .aut-gerente-cargo[b-lvnoyofd6o] {
    color: var(--cpe-azul-oscuro);
}

.aut-gerente-nombre[b-lvnoyofd6o] {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--cpe-texto-oscuro);
}

/* --- 4. Delegados --- */
.aut-delegados[b-lvnoyofd6o] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

/* Delegados: grilla de localidades a la izquierda + panel (foto / delegados) a la derecha */
.aut-delegados-layout[b-lvnoyofd6o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

/* Grilla de tarjetas-localidad (3 columnas) */
.aut-delegados-grid[b-lvnoyofd6o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-md);
}

.aut-delegado-card[b-lvnoyofd6o] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 90px;
    padding: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border: none;
    border-radius: var(--cpe-border-radius);
    color: var(--cpe-azul-oscuro);
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .aut-delegado-card:hover[b-lvnoyofd6o] {
        background-color: #e6e1d6;
    }

    /* Localidad seleccionada: gris neutro con texto claro */
    .aut-delegado-card-activa[b-lvnoyofd6o],
    .aut-delegado-card-activa:hover[b-lvnoyofd6o] {
        background-color: #c2bfb7;
        color: var(--cpe-blanco);
    }

/* Panel derecho: foto por defecto o detalle de delegados */
.aut-delegados-panel[b-lvnoyofd6o] {
    min-height: 90px;
}

.aut-delegados-foto[b-lvnoyofd6o] {
    max-width: 100%;
    height: auto;
    border-radius: var(--cpe-border-radius);
}

.aut-delegado-panel-titulo[b-lvnoyofd6o] {
    font-size: 0.95rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
    margin: 0 0 var(--cpe-spacing-sm);
}

    .aut-delegado-panel-titulo:not(:first-child)[b-lvnoyofd6o] {
        margin-top: var(--cpe-spacing-lg);
    }

.aut-delegado-panel-nombres[b-lvnoyofd6o] {
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--cpe-texto-gris);
    margin: 0;
}

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .aut-mesa-grid[b-lvnoyofd6o] {
        grid-template-columns: repeat(2, 1fr);
    }

    .aut-vocales-grid[b-lvnoyofd6o] {
        grid-template-columns: repeat(2, 1fr);
    }

    .aut-gerencial-grid[b-lvnoyofd6o] {
        grid-template-columns: 1fr;
    }

    /* En una sola columna vuelve a ancho completo, apilado y primero */
    .aut-gerente-general[b-lvnoyofd6o] {
        width: auto;
        justify-self: stretch;
    }

    .aut-delegados-layout[b-lvnoyofd6o] {
        grid-template-columns: 1fr;
        gap: var(--cpe-spacing-xl);
    }

    .aut-delegados-panel[b-lvnoyofd6o] {
        min-height: 0;
    }
}

/* Móvil: hasta 576px */
@media (max-width: 576px) {
    .aut-delegados-grid[b-lvnoyofd6o] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .aut-consejo[b-lvnoyofd6o],
    .aut-gerencial[b-lvnoyofd6o],
    .aut-delegados[b-lvnoyofd6o] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .aut-section-header h2[b-lvnoyofd6o] {
        font-size: 1.4rem;
    }

    .aut-section-header i[b-lvnoyofd6o] {
        font-size: 1.5rem;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .aut-mesa-grid[b-lvnoyofd6o] {
        grid-template-columns: 1fr;
    }

    .aut-sindicos-grid[b-lvnoyofd6o] {
        grid-template-columns: 1fr;
    }

    .aut-vocales-grid[b-lvnoyofd6o] {
        grid-template-columns: 1fr;
    }

    .aut-section-header h2[b-lvnoyofd6o] {
        font-size: 1.3rem;
    }

    .aut-cargo-card[b-lvnoyofd6o],
    .aut-gerente-card[b-lvnoyofd6o] {
        padding: var(--cpe-spacing-md);
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .aut-cargo-card:hover[b-lvnoyofd6o],
    .aut-vocal-item:hover[b-lvnoyofd6o],
    .aut-gerente-card:hover[b-lvnoyofd6o] {
        transform: none;
        box-shadow: none;
    }
}
/* /Components/Pages/ComoLeerFactura.razor.rz.scp.css */
.factura-contenido[b-5hwzyztp09] {
    padding: 2.5rem 0 3rem;
}

/* ==========================================
   Hotspots interactivos sobre imagen
   ========================================== */
.hsi-instruccion[b-5hwzyztp09] {
    color: var(--cpe-texto-gris, #555);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    text-align: center;
}

    .hsi-instruccion i[b-5hwzyztp09] {
        color: var(--cpe-azul-primario, #00a0e4);
        margin-right: 4px;
    }

.hsi-wrapper[b-5hwzyztp09] {
    position: relative;
    display: inline-block;
    width: 60%;
    text-align: center;
    line-height: 0;
}

.factura-panel[b-5hwzyztp09] {
    text-align: center;
}

[b-5hwzyztp09] .hsi-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 1px solid #dee2e6;
    border-radius: var(--cpe-border-radius, 8px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.hsi-marker-grupo[b-5hwzyztp09] {
    position: absolute;
    line-height: 1;
    z-index: 2;
}

.hsi-marker[b-5hwzyztp09] {
    position: relative;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: var(--cpe-azul-primario, #00a0e4);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
    transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

    .hsi-marker:hover[b-5hwzyztp09],
    .hsi-activo .hsi-marker[b-5hwzyztp09] {
        transform: translate(-50%, -50%) scale(1.18);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
        background-color: var(--cpe-azul-oscuro, #0077b3);
    }

.hsi-popup[b-5hwzyztp09] {
    position: absolute;
    left: 24px;
    top: 0;
    transform: translateY(-50%);
    min-width: 220px;
    max-width: 280px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0.65rem 0.9rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    text-align: left;
    line-height: 1.4;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    z-index: 3;
}

    .hsi-popup[b-5hwzyztp09]::before {
        content: "";
        position: absolute;
        left: -8px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #fff;
        filter: drop-shadow(-1px 0 0 #ddd);
    }

.hsi-marker-grupo:hover .hsi-popup[b-5hwzyztp09],
.hsi-activo .hsi-popup[b-5hwzyztp09] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.hsi-popup-titulo[b-5hwzyztp09] {
    display: block;
    color: var(--cpe-azul-oscuro, #0077b3);
    font-size: 0.9rem;
    margin-bottom: 0.35rem;
}

.hsi-popup-lista[b-5hwzyztp09] {
    list-style: disc;
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.8rem;
    color: #333;
}

    .hsi-popup-lista li[b-5hwzyztp09] {
        margin: 2px 0;
    }

/* Si el hotspot está cerca del borde derecho, abrir el popup hacia la izquierda */
.hsi-marker-grupo[style*="left: 7"] .hsi-popup[b-5hwzyztp09],
.hsi-marker-grupo[style*="left: 8"] .hsi-popup[b-5hwzyztp09],
.hsi-marker-grupo[style*="left: 9"] .hsi-popup[b-5hwzyztp09],
.hsi-marker-grupo.hsi-popup-izq .hsi-popup[b-5hwzyztp09] {
    left: auto;
    right: 24px;
}

    .hsi-marker-grupo[style*="left: 7"] .hsi-popup[b-5hwzyztp09]::before,
    .hsi-marker-grupo[style*="left: 8"] .hsi-popup[b-5hwzyztp09]::before,
    .hsi-marker-grupo[style*="left: 9"] .hsi-popup[b-5hwzyztp09]::before,
    .hsi-marker-grupo.hsi-popup-izq .hsi-popup[b-5hwzyztp09]::before {
        left: auto;
        right: -8px;
        border-right: none;
        border-left: 8px solid #fff;
        filter: drop-shadow(1px 0 0 #ddd);
    }

/* Si el hotspot está en el borde izquierdo, abrir el popup hacia afuera (a la izquierda de la imagen) */
.hsi-marker-grupo[style*="left: 0%"] .hsi-popup[b-5hwzyztp09] {
    left: auto;
    right: calc(100% + 24px);
}

    .hsi-marker-grupo[style*="left: 0%"] .hsi-popup[b-5hwzyztp09]::before {
        left: auto;
        right: -8px;
        border-right: none;
        border-left: 8px solid #fff;
        filter: drop-shadow(1px 0 0 #ddd);
    }

@media (max-width: 768px) {
    .hsi-wrapper[b-5hwzyztp09] {
        width: 100%;
    }

    .hsi-marker[b-5hwzyztp09] {
        width: 26px;
        height: 26px;
        font-size: 0.75rem;
    }

    /* En móvil el popup queda en la posición vertical del marcador, pero se abre
       hacia adentro de la imagen para no salirse de la pantalla. */

    /* Marcadores del borde izquierdo (left: 0%): el popup se abre hacia la derecha,
       sobre la imagen */
    .hsi-marker-grupo[style*="left: 0%"] .hsi-popup[b-5hwzyztp09] {
        left: 24px;
        right: auto;
        top: 0;
        transform: translateY(-50%);
        min-width: 0;
        max-width: calc(100vw - 80px);
        width: max-content;
        font-size: 0.7rem;
    }

    .hsi-marker-grupo[style*="left: 0%"] .hsi-popup[b-5hwzyztp09]::before {
        left: -8px;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #fff;
        border-left: none;
        filter: drop-shadow(-1px 0 0 #ddd);
    }

    /* Marcadores del borde derecho (left: 100%): el popup se abre hacia la izquierda
       del marcador, sobre la imagen */
    .hsi-marker-grupo[style*="left: 100%"] .hsi-popup[b-5hwzyztp09] {
        left: auto;
        right: 24px;
        top: 0;
        transform: translateY(-50%);
        min-width: 0;
        max-width: calc(100vw - 80px);
        width: max-content;
        font-size: 0.7rem;
    }

    .hsi-marker-grupo[style*="left: 100%"] .hsi-popup[b-5hwzyztp09]::before {
        left: auto;
        right: -8px;
        top: 50%;
        transform: translateY(-50%);
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #fff;
        border-right: none;
        filter: drop-shadow(1px 0 0 #ddd);
    }
}

[b-5hwzyztp09] .nav-tabs .nav-link {
    color: var(--cpe-azul-oscuro, #0077b3);
    font-weight: 600;
}

    [b-5hwzyztp09] .nav-tabs .nav-link.active {
        color: var(--cpe-azul-primario, #00a0e4);
        border-bottom-color: var(--cpe-azul-primario, #00a0e4);
        border-bottom-width: 3px;
    }

.factura-panel[b-5hwzyztp09] {
    padding: 1.5rem 0;
}

.factura-imagen-wrapper[b-5hwzyztp09] {
    text-align: center;
}

[b-5hwzyztp09] .factura-img {
    max-width: 100%;
    height: auto;
    border: 1px solid #dee2e6;
    border-radius: var(--cpe-border-radius, 8px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    cursor: zoom-in;
    transition: box-shadow 0.2s;
}

    [b-5hwzyztp09] .factura-img:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    }

/* Overlay de zoom */
.factura-zoom-overlay[b-5hwzyztp09] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
}

.factura-zoom-cerrar[b-5hwzyztp09] {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 10000;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}

    .factura-zoom-cerrar:hover[b-5hwzyztp09] {
        background: white;
    }

.factura-zoom-contenedor[b-5hwzyztp09] {
    max-width: 95vw;
    max-height: 95vh;
    overflow: auto;
    cursor: default;
    -webkit-overflow-scrolling: touch;
}

[b-5hwzyztp09] .factura-zoom-img {
    display: block;
    max-width: none;
    width: auto;
    max-height: 95vh;
}

@media (max-width: 768px) {
    [b-5hwzyztp09] .factura-zoom-img {
        max-height: none;
        width: 180vw;
    }
}
/* /Components/Pages/Condiciones.razor.rz.scp.css */
.cpe-condiciones[b-cv8za4hc71] {
    padding: 2.5rem 0 3.5rem;
}

.cpe-condiciones .container[b-cv8za4hc71] {
    max-width: 900px;
}

.cpe-condiciones h2[b-cv8za4hc71] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--cpe-azul, #0d6efd);
    margin: 2rem 0 0.75rem;
}

.cpe-condiciones p[b-cv8za4hc71] {
    line-height: 1.7;
    margin-bottom: 1rem;
    color: #333;
}

.cpe-condiciones ol[b-cv8za4hc71] {
    line-height: 1.7;
    margin-bottom: 1rem;
    padding-left: 1.25rem;
}

.cpe-condiciones li[b-cv8za4hc71] {
    margin-bottom: 0.5rem;
}
/* /Components/Pages/CpeTvEnVivo.razor.rz.scp.css */
/* ==========================================
   CPEtv en vivo - Scoped Styles
   ========================================== */

/* --- 2. Transmision en vivo --- */
.tv-envivo[b-zej1btcw3x] {
    padding: var(--cpe-spacing-xl) 0;
    background-color: #111;
}

.tv-player[b-zej1btcw3x] {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

    .tv-player iframe[b-zej1btcw3x] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* --- 3. Datos de contacto --- */
.tv-intro[b-zej1btcw3x] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.tv-intro-grid[b-zej1btcw3x] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.tv-intro-texto h2[b-zej1btcw3x] {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-lg);
}

.tv-intro-texto p[b-zej1btcw3x] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

/* Datos destacados (sidebar) */
.tv-intro-datos[b-zej1btcw3x] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
    position: sticky;
    top: 100px;
}

.tv-dato-card[b-zej1btcw3x] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .tv-dato-card:hover[b-zej1btcw3x] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .tv-dato-card i[b-zej1btcw3x] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
        margin-top: 2px;
    }

    .tv-dato-card div[b-zej1btcw3x] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

.tv-dato-label[b-zej1btcw3x] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
}

.tv-dato-valor[b-zej1btcw3x] {
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
}

.tv-redes[b-zej1btcw3x] {
    display: flex;
    gap: var(--cpe-spacing-md);
}

.tv-red-link[b-zej1btcw3x] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-blanco);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: #1877f2;
    border-radius: var(--cpe-border-radius-lg);
    transition: var(--cpe-transition);
    flex: 1;
    justify-content: center;
}

    .tv-red-link:hover[b-zej1btcw3x] {
        opacity: 0.85;
        color: var(--cpe-blanco);
    }

.tv-red-link-yt[b-zej1btcw3x] {
    background-color: #c4302b;
}

/* --- 4. Ultimas noticias --- */
.tv-noticias[b-zej1btcw3x] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.tv-section-header[b-zej1btcw3x] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .tv-section-header i[b-zej1btcw3x] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .tv-section-header h2[b-zej1btcw3x] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.tv-videos-grid[b-zej1btcw3x] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-lg);
}

.tv-video-card[b-zej1btcw3x] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
}

    .tv-video-card:hover[b-zej1btcw3x] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.tv-video-player[b-zej1btcw3x] {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .tv-video-player iframe[b-zej1btcw3x] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.tv-video-info[b-zej1btcw3x] {
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
}

    .tv-video-info h4[b-zej1btcw3x] {
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0 0 var(--cpe-spacing-xs) 0;
        line-height: 1.4;
    }

    .tv-video-info p[b-zej1btcw3x] {
        font-size: 0.85rem;
        color: var(--cpe-texto-gris);
        line-height: 1.5;
        margin: 0;
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .tv-intro-grid[b-zej1btcw3x] {
        grid-template-columns: 1fr;
    }

    .tv-intro-datos[b-zej1btcw3x] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .tv-dato-card[b-zej1btcw3x] {
        flex: 1 1 250px;
    }

    .tv-redes[b-zej1btcw3x] {
        flex: 1 1 100%;
    }

    .tv-videos-grid[b-zej1btcw3x] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .tv-intro[b-zej1btcw3x],
    .tv-noticias[b-zej1btcw3x] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .tv-section-header h2[b-zej1btcw3x] {
        font-size: 1.4rem;
    }

    .tv-section-header i[b-zej1btcw3x] {
        font-size: 1.5rem;
    }

    .tv-videos-grid[b-zej1btcw3x] {
        grid-template-columns: 1fr;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .tv-envivo[b-zej1btcw3x] {
        padding: var(--cpe-spacing-md) 0;
    }

    .tv-intro-texto h2[b-zej1btcw3x] {
        font-size: 1.5rem;
    }

    .tv-intro-datos[b-zej1btcw3x] {
        flex-direction: column;
    }

    .tv-dato-card[b-zej1btcw3x] {
        flex: 1 1 100%;
    }

    .tv-section-header h2[b-zej1btcw3x] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .tv-dato-card:hover[b-zej1btcw3x],
    .tv-video-card:hover[b-zej1btcw3x] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/CpetvGrilla.razor.rz.scp.css */
/* ==========================================
   Grilla CPEtv - Scoped Styles
   ========================================== */

.tg-grilla[b-pihwkyh7ip] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

/* Filtros */
.tg-filtros[b-pihwkyh7ip] {
    margin-bottom: var(--cpe-spacing-xl);
    padding: var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
}

.tg-dias[b-pihwkyh7ip] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.tg-dia-btn[b-pihwkyh7ip] {
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 20px;
    background: var(--cpe-blanco);
    color: var(--cpe-texto-gris);
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: var(--cpe-transition);
}

    .tg-dia-btn:hover[b-pihwkyh7ip] {
        border-color: var(--cpe-azul-primario);
        color: var(--cpe-azul-primario);
    }

.tg-dia-activo[b-pihwkyh7ip] {
    background: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    border-color: var(--cpe-azul-primario);
}

    .tg-dia-activo:hover[b-pihwkyh7ip] {
        background: var(--cpe-azul-oscuro);
        color: var(--cpe-blanco);
        border-color: var(--cpe-azul-oscuro);
    }

/* Título del día */
.tg-dia-titulo[b-pihwkyh7ip] {
    display: flex;
    align-items: baseline;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-lg);
    padding-bottom: var(--cpe-spacing-sm);
    border-bottom: 2px solid var(--cpe-azul-primario);
}

    .tg-dia-titulo h2[b-pihwkyh7ip] {
        font-size: 1.3rem;
        font-weight: 600;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

    .tg-dia-titulo i[b-pihwkyh7ip] {
        margin-right: 4px;
    }

.tg-dia-count[b-pihwkyh7ip] {
    font-size: 0.85rem;
    color: var(--cpe-texto-gris);
}

/* Sin datos */
.tg-sin-datos[b-pihwkyh7ip] {
    text-align: center;
    padding: var(--cpe-spacing-xxl);
    color: var(--cpe-texto-gris);
}

    .tg-sin-datos i[b-pihwkyh7ip] {
        font-size: 3rem;
        opacity: 0.3;
        display: block;
        margin-bottom: var(--cpe-spacing-md);
    }

/* Card de programa */
.tg-programa-card[b-pihwkyh7ip] {
    display: flex;
    gap: var(--cpe-spacing-lg);
    padding: var(--cpe-spacing-lg);
    margin-bottom: var(--cpe-spacing-md);
    background: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
}

    .tg-programa-card:hover[b-pihwkyh7ip] {
        box-shadow: var(--cpe-shadow-md);
    }

.tg-programa-img[b-pihwkyh7ip] {
    flex-shrink: 0;
    width: 160px;
    height: 110px;
    border-radius: var(--cpe-border-radius);
    overflow: hidden;
}

    .tg-programa-img img[b-pihwkyh7ip] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.tg-programa-info[b-pihwkyh7ip] {
    flex: 1;
    min-width: 0;
}

.tg-programa-nombre[b-pihwkyh7ip] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--cpe-azul-oscuro);
    margin: 0 0 var(--cpe-spacing-xs) 0;
}

.tg-programa-conduce[b-pihwkyh7ip] {
    font-size: 0.85rem;
    color: var(--cpe-texto-gris);
    margin: 0 0 var(--cpe-spacing-sm) 0;
}

    .tg-programa-conduce i[b-pihwkyh7ip] {
        color: var(--cpe-azul-primario);
        margin-right: 4px;
    }

.tg-programa-desc[b-pihwkyh7ip] {
    font-size: 0.82rem;
    color: var(--cpe-texto-gris);
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tg-programa-horarios[b-pihwkyh7ip] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--cpe-spacing-xs);
}

.tg-horario[b-pihwkyh7ip] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: linear-gradient(135deg, var(--cpe-azul-primario), var(--cpe-azul-oscuro));
    color: var(--cpe-blanco);
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    white-space: nowrap;
}

    .tg-horario i[b-pihwkyh7ip] {
        font-size: 0.75rem;
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 768px) {
    .tg-grilla[b-pihwkyh7ip] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .tg-programa-card[b-pihwkyh7ip] {
        flex-direction: column;
        gap: var(--cpe-spacing-md);
    }

    .tg-programa-img[b-pihwkyh7ip] {
        width: 100%;
        height: 180px;
    }

    .tg-programa-horarios[b-pihwkyh7ip] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .tg-dias[b-pihwkyh7ip] {
        gap: 3px;
    }

    .tg-dia-btn[b-pihwkyh7ip] {
        padding: 4px 8px;
        font-size: 0.75rem;
    }
}
/* /Components/Pages/CpetvProgramas.razor.rz.scp.css */
/* ==========================================
   Programas CPEtv - Scoped Styles
   ========================================== */

.tp-programas[b-nsxrhttmeh] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.tp-sin-datos[b-nsxrhttmeh] {
    text-align: center;
    padding: var(--cpe-spacing-xxl);
    color: var(--cpe-texto-gris);
}

    .tp-sin-datos i[b-nsxrhttmeh] {
        font-size: 3rem;
        opacity: 0.3;
        display: block;
        margin-bottom: var(--cpe-spacing-md);
    }

/* Cards */
.tp-card[b-nsxrhttmeh] {
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--cpe-blanco);
}

    .tp-card:hover[b-nsxrhttmeh] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-3px);
    }

.tp-card-img[b-nsxrhttmeh] {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

    .tp-card-img img[b-nsxrhttmeh] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: var(--cpe-transition);
    }

    .tp-card:hover .tp-card-img img[b-nsxrhttmeh] {
        transform: scale(1.05);
    }

.tp-card-body[b-nsxrhttmeh] {
    padding: var(--cpe-spacing-lg);
    flex: 1;
    display: flex;
    flex-direction: column;
}

.tp-card-titulo[b-nsxrhttmeh] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--cpe-azul-oscuro);
    margin: 0 0 var(--cpe-spacing-xs) 0;
}

.tp-card-conduce[b-nsxrhttmeh] {
    font-size: 0.85rem;
    color: var(--cpe-texto-gris);
    margin: 0 0 var(--cpe-spacing-sm) 0;
}

    .tp-card-conduce i[b-nsxrhttmeh] {
        color: var(--cpe-azul-primario);
        margin-right: 4px;
    }

.tp-card-horarios[b-nsxrhttmeh] {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.tp-horario-badge[b-nsxrhttmeh] {
    display: inline-block;
    font-size: 0.72rem;
    padding: 2px 8px;
    border-radius: 12px;
    background-color: var(--cpe-fondo-beige);
    color: var(--cpe-texto-gris);
    border: 1px solid #e0e0e0;
}

/* Modal */
.tp-modal-overlay[b-nsxrhttmeh] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cpe-spacing-lg);
}

.tp-modal[b-nsxrhttmeh] {
    background: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

.tp-modal-cerrar[b-nsxrhttmeh] {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: var(--cpe-transition);
}

    .tp-modal-cerrar:hover[b-nsxrhttmeh] {
        background: rgba(0, 0, 0, 0.8);
    }

.tp-modal-img[b-nsxrhttmeh] {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

    .tp-modal-img img[b-nsxrhttmeh] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.tp-modal-body[b-nsxrhttmeh] {
    padding: var(--cpe-spacing-xl);
}

    .tp-modal-body h2[b-nsxrhttmeh] {
        font-size: 1.4rem;
        font-weight: 700;
        color: var(--cpe-azul-oscuro);
        margin: 0 0 var(--cpe-spacing-sm) 0;
    }

    .tp-modal-body h5[b-nsxrhttmeh] {
        font-size: 1rem;
        font-weight: 600;
        color: var(--cpe-azul-oscuro);
        margin: var(--cpe-spacing-lg) 0 var(--cpe-spacing-sm) 0;
    }

.tp-modal-conduce[b-nsxrhttmeh] {
    font-size: 0.9rem;
    color: var(--cpe-texto-gris);
    margin: 0 0 var(--cpe-spacing-md) 0;
}

    .tp-modal-conduce i[b-nsxrhttmeh] {
        color: var(--cpe-azul-primario);
        margin-right: 4px;
    }

.tp-modal-descripcion[b-nsxrhttmeh] {
    font-size: 0.9rem;
    color: var(--cpe-texto-gris);
    line-height: 1.6;
    margin: 0;
}

.tp-modal-horarios[b-nsxrhttmeh] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-xs);
}

.tp-modal-horario-item[b-nsxrhttmeh] {
    display: flex;
    justify-content: space-between;
    padding: var(--cpe-spacing-xs) var(--cpe-spacing-sm);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius);
    font-size: 0.85rem;
}

.tp-modal-dia[b-nsxrhttmeh] {
    font-weight: 600;
    color: var(--cpe-azul-oscuro);
}

.tp-modal-hora[b-nsxrhttmeh] {
    color: var(--cpe-texto-gris);
}

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 768px) {
    .tp-programas[b-nsxrhttmeh] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .tp-modal[b-nsxrhttmeh] {
        max-width: 100%;
        margin: var(--cpe-spacing-sm);
    }
}
/* /Components/Pages/DenunciaAnonima.razor.rz.scp.css */
.denuncia-contenido[b-w5xfx8pjr0] {
    padding: 2.5rem 0 3rem;
}
/* /Components/Pages/DeudaReconexion.razor.rz.scp.css */
.dr-contenido[b-9zefnvt3cb] {
    padding: var(--cpe-spacing-xxl, 4rem) 0;
}

.dr-titulo[b-9zefnvt3cb] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--cpe-azul-oscuro, #003d6b);
    margin-bottom: var(--cpe-spacing-md, 1rem);
}

.dr-lista[b-9zefnvt3cb] {
    padding-left: 1.25rem;
    margin-bottom: var(--cpe-spacing-md, 1rem);
}

    .dr-lista li[b-9zefnvt3cb] {
        color: var(--cpe-texto-gris, #666);
        line-height: 1.8;
    }

.dr-link-pago[b-9zefnvt3cb] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--cpe-azul-primario, #00a0e4);
    font-weight: 500;
    text-decoration: none;
    padding: 0.4rem 1rem;
    border: 1px solid var(--cpe-azul-primario, #00a0e4);
    border-radius: var(--cpe-border-radius, 8px);
    transition: all 0.2s;
}

    .dr-link-pago:hover[b-9zefnvt3cb] {
        background: var(--cpe-azul-primario, #00a0e4);
        color: white;
    }

.dr-contenido p[b-9zefnvt3cb] {
    color: var(--cpe-texto-gris, #666);
    line-height: 1.8;
}

/* Card contacto */
.dr-contacto-card[b-9zefnvt3cb] {
    background: var(--cpe-fondo-beige, #f9f6f1);
    border-radius: var(--cpe-border-radius-lg, 12px);
    padding: 2rem;
    border-left: 4px solid var(--cpe-azul-primario, #00a0e4);
}

    .dr-contacto-card h5[b-9zefnvt3cb] {
        color: var(--cpe-azul-oscuro, #003d6b);
        font-weight: 600;
        margin-bottom: 1.25rem;
    }

.dr-contacto-lista[b-9zefnvt3cb] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .dr-contacto-lista li[b-9zefnvt3cb] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        color: var(--cpe-texto-oscuro, #333);
        font-size: 0.95rem;
    }

        .dr-contacto-lista li > i[b-9zefnvt3cb] {
            color: var(--cpe-azul-primario, #00a0e4);
            font-size: 1.1rem;
            margin-top: 2px;
        }

        .dr-contacto-lista li div[b-9zefnvt3cb] {
            display: flex;
            flex-direction: column;
        }

            .dr-contacto-lista li div a[b-9zefnvt3cb] {
                color: var(--cpe-azul-primario, #00a0e4);
                text-decoration: none;
                font-size: 0.9rem;
            }

                .dr-contacto-lista li div a:hover[b-9zefnvt3cb] {
                    text-decoration: underline;
                }

.dr-contacto-sub[b-9zefnvt3cb] {
    font-size: 0.85rem;
    color: var(--cpe-texto-gris, #666);
    font-style: italic;
}
/* /Components/Pages/EditorialVoces.razor.rz.scp.css */
/* ==========================================
   Editorial Voces - Scoped Styles
   (mismo lenguaje visual que el sector comercial)
   ========================================== */

/* --- Encabezado de sección (reutilizado) --- */
.ev-section-header[b-b9jdeu7f29] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .ev-section-header i[b-b9jdeu7f29] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .ev-section-header h2[b-b9jdeu7f29] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

/* --- 2. Intro institucional --- */
.ev-intro[b-b9jdeu7f29] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.ev-intro-grid[b-b9jdeu7f29] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.ev-intro-texto h2[b-b9jdeu7f29] {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-lg);
}

.ev-intro-texto p[b-b9jdeu7f29] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

    .ev-intro-texto p strong[b-b9jdeu7f29] {
        color: var(--cpe-texto-oscuro);
        font-weight: 700;
    }

/* Datos destacados (sidebar) */
.ev-intro-datos[b-b9jdeu7f29] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
    position: sticky;
    top: 100px;
}

.ev-logo-card[b-b9jdeu7f29] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    text-align: center;
}

    .ev-logo-card img[b-b9jdeu7f29] {
        max-width: 200px;
        width: 100%;
        height: auto;
    }

.ev-dato-card[b-b9jdeu7f29] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .ev-dato-card:hover[b-b9jdeu7f29] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .ev-dato-card i[b-b9jdeu7f29] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
        margin-top: 2px;
    }

    .ev-dato-card div[b-b9jdeu7f29] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

.ev-dato-label[b-b9jdeu7f29] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
}

.ev-dato-valor[b-b9jdeu7f29] {
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
}

.ev-dato-mapa[b-b9jdeu7f29] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-azul-primario);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    border: 1px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .ev-dato-mapa:hover[b-b9jdeu7f29] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

/* --- 3. Suscripción --- */
.ev-suscripcion[b-b9jdeu7f29] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.ev-card-bloque[b-b9jdeu7f29] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    max-width: 900px;
}

/* Pasos: lista numerada con círculos */
.ev-pasos[b-b9jdeu7f29] {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: paso-counter;
}

    .ev-pasos > li[b-b9jdeu7f29] {
        position: relative;
        padding-left: var(--cpe-spacing-xl);
        margin-bottom: var(--cpe-spacing-md);
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.7;
        counter-increment: paso-counter;
    }

        .ev-pasos > li[b-b9jdeu7f29]::before {
            content: counter(paso-counter);
            position: absolute;
            left: 0;
            top: 0;
            width: 24px;
            height: 24px;
            background-color: var(--cpe-azul-primario);
            color: var(--cpe-blanco);
            border-radius: 50%;
            font-size: 0.75rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* Canales: sub-lista con chevron */
.ev-canales[b-b9jdeu7f29] {
    list-style: none;
    padding: 0;
    margin: var(--cpe-spacing-sm) 0 0;
}

    .ev-canales li[b-b9jdeu7f29] {
        position: relative;
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: var(--cpe-spacing-xs);
        line-height: 1.6;
    }

        .ev-canales li[b-b9jdeu7f29]::before {
            content: "\F285";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            top: 3px;
            color: var(--cpe-azul-primario);
            font-size: 0.7rem;
        }

    .ev-canales a[b-b9jdeu7f29] {
        font-weight: 600;
        text-decoration: none;
        color: var(--cpe-azul-oscuro);
    }

        .ev-canales a:hover[b-b9jdeu7f29] {
            text-decoration: underline;
        }

.ev-importante[b-b9jdeu7f29] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    margin-top: var(--cpe-spacing-lg);
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-verde);
    max-width: 900px;
}

    .ev-importante i[b-b9jdeu7f29] {
        font-size: 1.4rem;
        color: var(--cpe-verde);
        margin-top: 2px;
    }

    .ev-importante p[b-b9jdeu7f29] {
        margin: 0;
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.7;
    }

    .ev-importante strong[b-b9jdeu7f29] {
        color: var(--cpe-texto-oscuro);
    }

/* --- 4. Descargas --- */
.ev-descargas[b-b9jdeu7f29] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.ev-descargas-lista[b-b9jdeu7f29] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--cpe-spacing-md);
}

    .ev-descargas-lista a[b-b9jdeu7f29] {
        display: inline-flex;
        align-items: center;
        gap: var(--cpe-spacing-sm);
        padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
        background-color: var(--cpe-fondo-beige);
        border-radius: var(--cpe-border-radius-lg);
        border-left: 4px solid var(--cpe-azul-primario);
        color: var(--cpe-texto-oscuro);
        text-decoration: none;
        font-size: 0.95rem;
        font-weight: 500;
        transition: var(--cpe-transition);
    }

        .ev-descargas-lista a:hover[b-b9jdeu7f29] {
            box-shadow: var(--cpe-shadow-md);
            transform: translateY(-2px);
        }

        .ev-descargas-lista a i[b-b9jdeu7f29] {
            font-size: 1.25rem;
            color: var(--cpe-azul-primario);
        }

/* --- 5. Catálogo --- */
.ev-catalogo[b-b9jdeu7f29] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.ev-catalogo-intro[b-b9jdeu7f29] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-lg);
}

/* Buscador */
.ev-buscador[b-b9jdeu7f29] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cpe-spacing-lg);
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    margin-bottom: var(--cpe-spacing-xl);
}

.ev-buscador-opciones[b-b9jdeu7f29] {
    display: flex;
    gap: var(--cpe-spacing-lg);
}

.ev-radio[b-b9jdeu7f29] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
    cursor: pointer;
}

.ev-buscador-input[b-b9jdeu7f29] {
    flex: 1;
    min-width: 220px;
    max-width: 420px;
}

/* Grilla de obras */
.ev-grid[b-b9jdeu7f29] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--cpe-spacing-lg);
}

.ev-card[b-b9jdeu7f29] {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 0;
    background-color: var(--cpe-blanco);
    border: none;
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    overflow: hidden;
    cursor: pointer;
    transition: var(--cpe-transition);
}

    .ev-card:hover[b-b9jdeu7f29] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.ev-card-tapa[b-b9jdeu7f29] {
    aspect-ratio: 3 / 4;
    background-color: var(--cpe-fondo-beige);
    overflow: hidden;
}

    .ev-card-tapa img[b-b9jdeu7f29] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
    }

.ev-card:hover .ev-card-tapa img[b-b9jdeu7f29] {
    transform: scale(1.04);
}

.ev-sin-tapa[b-b9jdeu7f29] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--cpe-azul-primario);
    opacity: 0.35;
    font-size: 3rem;
}

.ev-card-cuerpo[b-b9jdeu7f29] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--cpe-spacing-lg);
    border-top: 3px solid var(--cpe-azul-primario);
}

.ev-card-titulo[b-b9jdeu7f29] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    margin: 0;
    line-height: 1.3;
}

.ev-card-meta[b-b9jdeu7f29] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
    font-weight: 600;
    margin: var(--cpe-spacing-xs) 0 0;
}

.ev-card-autor[b-b9jdeu7f29] {
    font-size: 0.9rem;
    color: var(--cpe-texto-gris);
    margin: 0;
}

.ev-precio[b-b9jdeu7f29] {
    margin: var(--cpe-spacing-xs) 0 0;
    font-weight: 700;
    color: var(--cpe-azul-oscuro);
}

.ev-precio-grande[b-b9jdeu7f29] {
    font-size: 1.6rem;
}

.ev-total[b-b9jdeu7f29] {
    margin-top: var(--cpe-spacing-lg);
    color: var(--cpe-texto-gris);
    font-size: 0.9rem;
}

.ev-estado[b-b9jdeu7f29] {
    color: var(--cpe-texto-gris);
}

.ev-sin-datos[b-b9jdeu7f29] {
    text-align: center;
    padding: var(--cpe-spacing-xxl) var(--cpe-spacing-lg);
    color: var(--cpe-texto-gris);
}

    .ev-sin-datos i[b-b9jdeu7f29] {
        font-size: 2.5rem;
        display: block;
        margin-bottom: var(--cpe-spacing-sm);
        opacity: 0.5;
    }

/* Detalle */
.ev-volver[b-b9jdeu7f29] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    margin-bottom: var(--cpe-spacing-lg);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: var(--cpe-blanco);
    border: 1px solid var(--cpe-azul-primario);
    border-radius: var(--cpe-border-radius-lg);
    color: var(--cpe-azul-primario);
    font-weight: 500;
    cursor: pointer;
    transition: var(--cpe-transition);
}

    .ev-volver:hover[b-b9jdeu7f29] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

.ev-detalle[b-b9jdeu7f29] {
    display: grid;
    grid-template-columns: minmax(0, 360px) 1fr;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    padding: var(--cpe-spacing-xl);
}

.ev-detalle-img-principal[b-b9jdeu7f29] {
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    background-color: var(--cpe-fondo-beige);
}

    .ev-detalle-img-principal img[b-b9jdeu7f29] {
        width: 100%;
        height: auto;
        display: block;
    }

.ev-sin-tapa-grande[b-b9jdeu7f29] {
    aspect-ratio: 3 / 4;
    font-size: 4rem;
}

.ev-detalle-thumbs[b-b9jdeu7f29] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cpe-spacing-sm);
    margin-top: var(--cpe-spacing-sm);
}

.ev-thumb[b-b9jdeu7f29] {
    width: 64px;
    height: 64px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: var(--cpe-border-radius);
    overflow: hidden;
    cursor: pointer;
    background-color: var(--cpe-fondo-beige);
}

    .ev-thumb img[b-b9jdeu7f29] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.ev-thumb-activo[b-b9jdeu7f29] {
    border-color: var(--cpe-azul-primario);
}

.ev-detalle-datos h3[b-b9jdeu7f29] {
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--cpe-azul-oscuro);
    margin: 0 0 var(--cpe-spacing-md);
}

.ev-detalle-meta[b-b9jdeu7f29] {
    color: var(--cpe-texto-gris);
    line-height: 1.7;
    margin-bottom: var(--cpe-spacing-md);
}

.ev-detalle-desc[b-b9jdeu7f29] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    text-align: justify;
    margin-bottom: var(--cpe-spacing-md);
}

/* Bloque "cómo adquirir" */
.ev-adquirir[b-b9jdeu7f29] {
    margin-top: var(--cpe-spacing-lg);
    padding: var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
}

    .ev-adquirir h4[b-b9jdeu7f29] {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0 0 var(--cpe-spacing-xs);
    }

    .ev-adquirir p[b-b9jdeu7f29] {
        color: var(--cpe-texto-gris);
        margin: 0 0 var(--cpe-spacing-md);
    }

.ev-adquirir-botones[b-b9jdeu7f29] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cpe-spacing-sm);
}

.ev-btn[b-b9jdeu7f29] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    border-radius: var(--cpe-border-radius-lg);
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    color: var(--cpe-blanco);
    transition: var(--cpe-transition);
}

    .ev-btn:hover[b-b9jdeu7f29] {
        color: var(--cpe-blanco);
        transform: translateY(-2px);
        box-shadow: var(--cpe-shadow-md);
    }

.ev-btn-mail[b-b9jdeu7f29] {
    background-color: var(--cpe-azul-primario);
}

.ev-btn-wa[b-b9jdeu7f29] {
    background-color: #25d366;
}

.ev-btn-ov[b-b9jdeu7f29] {
    background-color: var(--cpe-azul-oscuro);
}

/* ==========================================
   6. CARRITO
   ========================================== */

/* Selector de cantidad */
.ev-cant[b-b9jdeu7f29] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--cpe-azul-primario);
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
}

.ev-cant-btn[b-b9jdeu7f29] {
    border: none;
    background-color: var(--cpe-blanco);
    color: var(--cpe-azul-primario);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--cpe-transition);
}

    .ev-cant-btn:hover:not(:disabled)[b-b9jdeu7f29] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

    .ev-cant-btn:disabled[b-b9jdeu7f29] {
        opacity: 0.4;
        cursor: not-allowed;
    }

.ev-cant-valor[b-b9jdeu7f29] {
    min-width: 36px;
    text-align: center;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
}

.ev-cant-sm .ev-cant-btn[b-b9jdeu7f29] {
    width: 28px;
    height: 28px;
}

.ev-cant-sm .ev-cant-valor[b-b9jdeu7f29] {
    min-width: 28px;
    font-size: 0.9rem;
}

/* Bloque comprar (detalle) */
.ev-comprar[b-b9jdeu7f29] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin: var(--cpe-spacing-md) 0;
}

.ev-btn-carrito[b-b9jdeu7f29] {
    background-color: var(--cpe-verde, #28a745);
    border: none;
    cursor: pointer;
}

    .ev-btn-carrito:disabled[b-b9jdeu7f29] {
        opacity: 0.5;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }

.ev-btn-full[b-b9jdeu7f29] {
    width: 100%;
    justify-content: center;
}

.ev-en-carrito[b-b9jdeu7f29] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-verde, #28a745);
    font-size: 0.9rem;
    font-weight: 600;
}

.ev-stock-aviso[b-b9jdeu7f29] {
    color: #b8860b;
    font-size: 0.85rem;
    margin: 0 0 var(--cpe-spacing-sm);
}

.ev-agotado[b-b9jdeu7f29] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: #b30000;
    font-weight: 600;
    margin: var(--cpe-spacing-md) 0;
}

/* Badge "sin stock" sobre la tapa */
.ev-card-tapa[b-b9jdeu7f29] {
    position: relative;
}

.ev-badge-agotado[b-b9jdeu7f29] {
    position: absolute;
    top: var(--cpe-spacing-sm);
    left: var(--cpe-spacing-sm);
    background-color: rgba(179, 0, 0, 0.9);
    color: var(--cpe-blanco);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: var(--cpe-border-radius);
}

/* Botón flotante (FAB) */
.ev-cart-fab[b-b9jdeu7f29] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    font-size: 1.5rem;
    box-shadow: var(--cpe-shadow-lg);
    cursor: pointer;
    z-index: 1045;
    transition: var(--cpe-transition);
}

    .ev-cart-fab:hover[b-b9jdeu7f29] {
        transform: scale(1.06);
    }

.ev-cart-fab-badge[b-b9jdeu7f29] {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 12px;
    background-color: #b30000;
    color: var(--cpe-blanco);
    font-size: 0.8rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Overlay + panel lateral */
.ev-cart-overlay[b-b9jdeu7f29] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 1050;
}

.ev-cart-panel[b-b9jdeu7f29] {
    position: fixed;
    top: 0;
    right: 0;
    width: 420px;
    max-width: 100%;
    height: 100%;
    background-color: var(--cpe-blanco);
    box-shadow: -4px 0 18px rgba(0, 0, 0, 0.2);
    z-index: 1055;
    display: flex;
    flex-direction: column;
    animation: ev-slide-in-b-b9jdeu7f29 0.22s ease;
}

@keyframes ev-slide-in-b-b9jdeu7f29 {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.ev-cart-head[b-b9jdeu7f29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cpe-spacing-lg);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .ev-cart-head h3[b-b9jdeu7f29] {
        margin: 0;
        font-size: 1.3rem;
        font-weight: 300;
        color: var(--cpe-azul-oscuro);
        display: flex;
        align-items: center;
        gap: var(--cpe-spacing-sm);
    }

.ev-cart-close[b-b9jdeu7f29] {
    border: none;
    background: none;
    font-size: 1.2rem;
    color: var(--cpe-texto-gris);
    cursor: pointer;
}

    .ev-cart-close:hover[b-b9jdeu7f29] {
        color: var(--cpe-texto-oscuro);
    }

.ev-cart-body[b-b9jdeu7f29] {
    flex: 1;
    overflow-y: auto;
    padding: var(--cpe-spacing-lg);
}

.ev-cart-vacio[b-b9jdeu7f29],
.ev-cart-ok[b-b9jdeu7f29] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--cpe-spacing-md);
    padding: var(--cpe-spacing-xl);
    color: var(--cpe-texto-gris);
}

    .ev-cart-vacio i[b-b9jdeu7f29] {
        font-size: 3rem;
        opacity: 0.4;
    }

    .ev-cart-ok i[b-b9jdeu7f29] {
        font-size: 3.5rem;
        color: var(--cpe-verde, #28a745);
    }

    .ev-cart-ok h4[b-b9jdeu7f29] {
        margin: 0;
        color: var(--cpe-azul-oscuro);
        font-weight: 400;
    }

/* Ítem del carrito */
.ev-cart-item[b-b9jdeu7f29] {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    gap: var(--cpe-spacing-md);
    padding: var(--cpe-spacing-md) 0;
    border-bottom: 1px solid var(--cpe-fondo-beige);
}

.ev-cart-item-tapa[b-b9jdeu7f29] {
    width: 56px;
    height: 72px;
    border-radius: var(--cpe-border-radius);
    overflow: hidden;
    background-color: var(--cpe-fondo-beige);
}

    .ev-cart-item-tapa img[b-b9jdeu7f29] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .ev-cart-item-tapa .ev-sin-tapa[b-b9jdeu7f29] {
        font-size: 1.5rem;
    }

.ev-cart-item-info[b-b9jdeu7f29] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-xs);
    min-width: 0;
}

.ev-cart-item-tit[b-b9jdeu7f29] {
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    font-size: 0.95rem;
    line-height: 1.2;
}

.ev-cart-item-precio[b-b9jdeu7f29] {
    font-size: 0.8rem;
    color: var(--cpe-texto-gris);
}

.ev-cart-item-sub[b-b9jdeu7f29] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    font-weight: 700;
    color: var(--cpe-azul-oscuro);
}

.ev-cart-item-quitar[b-b9jdeu7f29] {
    border: none;
    background: none;
    color: #b30000;
    cursor: pointer;
    font-size: 0.95rem;
}

.ev-cart-total[b-b9jdeu7f29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--cpe-spacing-lg);
    padding-top: var(--cpe-spacing-md);
    border-top: 2px solid var(--cpe-azul-primario);
    font-size: 1.1rem;
    color: var(--cpe-texto-oscuro);
}

    .ev-cart-total strong[b-b9jdeu7f29] {
        font-size: 1.3rem;
        color: var(--cpe-azul-oscuro);
    }

.ev-cart-foot[b-b9jdeu7f29] {
    padding: var(--cpe-spacing-lg);
    border-top: 1px solid var(--cpe-fondo-beige);
}

/* Checkout */
.ev-checkout[b-b9jdeu7f29] {
    padding: var(--cpe-spacing-lg);
    border-top: 1px solid var(--cpe-fondo-beige);
    overflow-y: auto;
}

    .ev-checkout h4[b-b9jdeu7f29] {
        margin: 0 0 var(--cpe-spacing-xs);
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
    }

.ev-form-grid[b-b9jdeu7f29] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cpe-spacing-md);
    margin: var(--cpe-spacing-md) 0;
}

    .ev-form-grid label[b-b9jdeu7f29] {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--cpe-azul-oscuro);
        margin-bottom: 2px;
    }

.ev-form-tel[b-b9jdeu7f29] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: var(--cpe-spacing-sm);
}

.ev-form-full[b-b9jdeu7f29] {
    grid-column: 1 / -1;
}

.ev-recaptcha[b-b9jdeu7f29] {
    margin: var(--cpe-spacing-md) 0;
}

.ev-checkout-botones[b-b9jdeu7f29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cpe-spacing-md);
    margin-top: var(--cpe-spacing-md);
}

.ev-btn-link[b-b9jdeu7f29] {
    border: none;
    background: none;
    color: var(--cpe-azul-primario);
    font-weight: 600;
    cursor: pointer;
}

    .ev-btn-link:disabled[b-b9jdeu7f29] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .ev-intro-grid[b-b9jdeu7f29] {
        grid-template-columns: 1fr;
    }

    .ev-intro-datos[b-b9jdeu7f29] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ev-logo-card[b-b9jdeu7f29] {
        flex: 1 1 100%;
    }

    .ev-dato-card[b-b9jdeu7f29] {
        flex: 1 1 250px;
    }

    .ev-dato-mapa[b-b9jdeu7f29] {
        flex: 1 1 100%;
    }

    .ev-detalle[b-b9jdeu7f29] {
        grid-template-columns: 1fr;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .ev-intro[b-b9jdeu7f29],
    .ev-suscripcion[b-b9jdeu7f29],
    .ev-descargas[b-b9jdeu7f29],
    .ev-catalogo[b-b9jdeu7f29] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .ev-section-header h2[b-b9jdeu7f29] {
        font-size: 1.4rem;
    }

    .ev-section-header i[b-b9jdeu7f29] {
        font-size: 1.5rem;
    }

    .ev-buscador[b-b9jdeu7f29] {
        flex-direction: column;
        align-items: stretch;
    }

    .ev-buscador-input[b-b9jdeu7f29] {
        max-width: none;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .ev-intro-texto h2[b-b9jdeu7f29] {
        font-size: 1.5rem;
    }

    .ev-intro-datos[b-b9jdeu7f29] {
        flex-direction: column;
    }

    .ev-dato-card[b-b9jdeu7f29] {
        flex: 1 1 100%;
    }

    .ev-card-bloque[b-b9jdeu7f29],
    .ev-detalle[b-b9jdeu7f29] {
        padding: var(--cpe-spacing-lg);
    }

    .ev-section-header h2[b-b9jdeu7f29] {
        font-size: 1.3rem;
    }

    .ev-cart-panel[b-b9jdeu7f29] {
        width: 100%;
    }

    .ev-form-grid[b-b9jdeu7f29] {
        grid-template-columns: 1fr;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .ev-dato-card:hover[b-b9jdeu7f29],
    .ev-card:hover[b-b9jdeu7f29],
    .ev-descargas-lista a:hover[b-b9jdeu7f29],
    .ev-btn:hover[b-b9jdeu7f29] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/Enfermeria.razor.rz.scp.css */
/* ==========================================
   Enfermería - Scoped Styles
   ========================================== */

/* CTA Adhesion */
.enf-cta-adhesion[b-66si0ceo7m] {
    padding: var(--cpe-spacing-lg) 0;
    background-color: var(--cpe-azul-primario, #00a0e4);
}

.enf-btn-adhesion[b-66si0ceo7m] {
    display: inline-flex;
    align-items: center;
    color: white;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 0.75rem 2rem;
    border: 2px solid white;
    border-radius: 30px;
    transition: background 0.2s, color 0.2s;
}

    .enf-btn-adhesion:hover[b-66si0ceo7m] {
        background: white;
        color: var(--cpe-azul-primario, #00a0e4);
    }

/* --- 2. Introduccion --- */
.enf-intro[b-66si0ceo7m] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.enf-intro-grid[b-66si0ceo7m] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.enf-intro-texto h2[b-66si0ceo7m] {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-lg);
}

.enf-intro-texto p[b-66si0ceo7m] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

/* Datos destacados (sidebar) */
.enf-intro-datos[b-66si0ceo7m] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
    position: sticky;
    top: 100px;
}

.enf-dato-card[b-66si0ceo7m] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .enf-dato-card:hover[b-66si0ceo7m] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .enf-dato-card i[b-66si0ceo7m] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
        margin-top: 2px;
    }

    .enf-dato-card .enf-icono-ubicacion[b-66si0ceo7m] {
        width: 1.6rem;
        height: 1.6rem;
        margin-top: 2px;
    }

    .enf-dato-card div[b-66si0ceo7m] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

.enf-dato-label[b-66si0ceo7m] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
}

.enf-dato-valor[b-66si0ceo7m] {
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
}

/* --- 3. Requisitos --- */
.enf-requisitos[b-66si0ceo7m] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.enf-req-grid[b-66si0ceo7m] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-xl);
}

.enf-req-card[b-66si0ceo7m] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .enf-req-card:hover[b-66si0ceo7m] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.enf-req-card-verde[b-66si0ceo7m] {
    border-left-color: var(--cpe-verde);
}

.enf-req-header[b-66si0ceo7m] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-lg);
}

    .enf-req-header i[b-66si0ceo7m] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .enf-req-header h3[b-66si0ceo7m] {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.enf-req-card-verde .enf-req-header i[b-66si0ceo7m] {
    color: var(--cpe-verde);
}

.enf-req-lista[b-66si0ceo7m] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .enf-req-lista li[b-66si0ceo7m] {
        position: relative;
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: var(--cpe-spacing-sm);
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
    }

        .enf-req-lista li[b-66si0ceo7m]::before {
            content: "\F285";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: var(--cpe-azul-primario);
            font-size: 0.7rem;
            top: 4px;
        }

.enf-req-card-verde .enf-req-lista li[b-66si0ceo7m]::before {
    color: var(--cpe-verde);
}

/* --- 4 & 5. Salas --- */
.enf-section-header[b-66si0ceo7m] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .enf-section-header .enf-section-icon[b-66si0ceo7m] {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-color: var(--cpe-azul-primario);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        flex-shrink: 0;
    }

    .enf-section-header h2[b-66si0ceo7m] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.enf-section-header-verde[b-66si0ceo7m] {
    border-bottom-color: var(--cpe-verde);
}

    .enf-section-header-verde .enf-section-icon[b-66si0ceo7m] {
        background-color: var(--cpe-verde);
    }

.enf-salas[b-66si0ceo7m] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.enf-interconectadas[b-66si0ceo7m] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.enf-salas-grid[b-66si0ceo7m] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-lg);
}

.enf-sala-card[b-66si0ceo7m] {
    display: flex;
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
    border-left: 4px solid var(--cpe-azul-primario);
}

    .enf-sala-card:hover[b-66si0ceo7m] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.enf-sala-card-inter[b-66si0ceo7m] {
    border-left-color: var(--cpe-verde);
}

.enf-sala-img[b-66si0ceo7m] {
    width: 160px;
    min-height: 180px;
    flex-shrink: 0;
    overflow: hidden;
}

    .enf-sala-img img[b-66si0ceo7m] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: var(--cpe-transition);
    }

    .enf-sala-card:hover .enf-sala-img img[b-66si0ceo7m] {
        transform: scale(1.05);
    }

.enf-sala-info[b-66si0ceo7m] {
    padding: var(--cpe-spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-sm);
    flex: 1;
}

    .enf-sala-info h4[b-66si0ceo7m] {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0 0 var(--cpe-spacing-xs) 0;
    }

.enf-sala-detalle[b-66si0ceo7m] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-sm);
    font-size: 0.88rem;
    color: var(--cpe-texto-gris);
    line-height: 1.4;
}

    .enf-sala-detalle i[b-66si0ceo7m] {
        color: var(--cpe-azul-primario);
        font-size: 0.8rem;
        margin-top: 2px;
        flex-shrink: 0;
    }

    .enf-sala-detalle .enf-icono-ubicacion[b-66si0ceo7m] {
        width: 1rem;
        height: 1rem;
        margin-top: 2px;
    }

.enf-sala-card-inter .enf-sala-detalle i[b-66si0ceo7m] {
    color: var(--cpe-verde);
}

.enf-sala-card-inter .enf-sala-detalle .enf-icono-ubicacion[b-66si0ceo7m] {
    background-color: var(--cpe-verde);
}

.enf-icono-ubicacion[b-66si0ceo7m] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: var(--cpe-azul-primario);
    -webkit-mask-image: url('/_content/CPE.UI/iconos/salasEnfermeria.svg');
    mask-image: url('/_content/CPE.UI/iconos/salasEnfermeria.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
}

.enf-sala-mapa[b-66si0ceo7m] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-azul-primario);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    margin-top: auto;
    padding-top: var(--cpe-spacing-sm);
    transition: var(--cpe-transition);
}

    .enf-sala-mapa:hover[b-66si0ceo7m] {
        color: var(--cpe-azul-oscuro);
    }

.enf-sala-card-inter .enf-sala-mapa[b-66si0ceo7m] {
    color: var(--cpe-verde);
}

    .enf-sala-card-inter .enf-sala-mapa:hover[b-66si0ceo7m] {
        color: #5a8a00;
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .enf-intro-grid[b-66si0ceo7m] {
        grid-template-columns: 1fr;
    }

    .enf-intro-datos[b-66si0ceo7m] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .enf-dato-card[b-66si0ceo7m] {
        flex: 1 1 250px;
    }

    .enf-salas-grid[b-66si0ceo7m] {
        grid-template-columns: 1fr;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .enf-intro[b-66si0ceo7m],
    .enf-requisitos[b-66si0ceo7m],
    .enf-salas[b-66si0ceo7m],
    .enf-interconectadas[b-66si0ceo7m] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .enf-req-grid[b-66si0ceo7m] {
        grid-template-columns: 1fr;
        gap: var(--cpe-spacing-lg);
    }

    .enf-section-header h2[b-66si0ceo7m] {
        font-size: 1.4rem;
    }

    .enf-section-header .enf-section-icon[b-66si0ceo7m] {
        width: 1.5rem;
        height: 1.5rem;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .enf-intro-texto h2[b-66si0ceo7m] {
        font-size: 1.5rem;
    }

    .enf-intro-datos[b-66si0ceo7m] {
        flex-direction: column;
    }

    .enf-dato-card[b-66si0ceo7m] {
        flex: 1 1 100%;
    }

    .enf-sala-card[b-66si0ceo7m] {
        flex-direction: column;
    }

    .enf-sala-img[b-66si0ceo7m] {
        width: 100%;
        min-height: 180px;
        max-height: 200px;
    }

    .enf-req-card[b-66si0ceo7m] {
        padding: var(--cpe-spacing-lg);
    }

    .enf-req-header i[b-66si0ceo7m] {
        font-size: 1.5rem;
    }

    .enf-req-header h3[b-66si0ceo7m] {
        font-size: 1rem;
    }

    .enf-section-header h2[b-66si0ceo7m] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .enf-dato-card:hover[b-66si0ceo7m],
    .enf-req-card:hover[b-66si0ceo7m],
    .enf-sala-card:hover[b-66si0ceo7m] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }

    .enf-sala-card:hover .enf-sala-img img[b-66si0ceo7m] {
        transform: none;
    }
}
/* /Components/Pages/EstadoServicios.razor.rz.scp.css */
/* ==========================================
   Estado de Servicios - Scoped Styles
   ========================================== */

.es-seccion[b-ddl9p7tabz] {
    padding: var(--cpe-spacing-xxl) 0;
}

.es-seccion-activos[b-ddl9p7tabz] {
    background-color: var(--cpe-blanco);
}

.es-seccion-programados[b-ddl9p7tabz] {
    background-color: var(--cpe-fondo-beige);
}

.es-seccion-pasados[b-ddl9p7tabz] {
    background-color: var(--cpe-blanco);
}

/* --- Encabezado de seccion --- */
.es-section-header[b-ddl9p7tabz] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .es-section-header i[b-ddl9p7tabz] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .es-section-header h2[b-ddl9p7tabz] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

/* --- Sin cortes --- */
.es-sin-cortes[b-ddl9p7tabz] {
    text-align: center;
    padding: var(--cpe-spacing-xxl) var(--cpe-spacing-lg);
    background-color: #f0fdf4;
    border-radius: var(--cpe-border-radius-lg);
    border: 1px solid #bbf7d0;
}

    .es-sin-cortes i[b-ddl9p7tabz] {
        font-size: 2.5rem;
        color: #16a34a;
        display: block;
        margin-bottom: var(--cpe-spacing-md);
    }

    .es-sin-cortes p[b-ddl9p7tabz] {
        font-size: 1.05rem;
        color: var(--cpe-texto-gris);
        margin: 0;
    }

/* --- Grid de cortes --- */
.es-cortes-grid[b-ddl9p7tabz] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-lg);
}

/* --- Card de corte --- */
.es-corte-card[b-ddl9p7tabz] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
}

    .es-corte-card:hover[b-ddl9p7tabz] {
        box-shadow: var(--cpe-shadow-lg);
    }

.es-corte-activo[b-ddl9p7tabz] {
    border-left: 5px solid var(--cpe-alerta-amarillo);
}

.es-corte-programado[b-ddl9p7tabz] {
    border-left: 5px solid var(--cpe-azul-primario);
}

.es-corte-pasado[b-ddl9p7tabz] {
    border-left: 5px solid #94a3b8;
    opacity: 0.92;
}

.es-corte-header[b-ddl9p7tabz] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-sm);
}

.es-corte-servicio[b-ddl9p7tabz] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    font-size: 0.85rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
}

.es-servicio-energia[b-ddl9p7tabz] {
    background-color: #fef3c7;
    color: #92400e;
}

.es-servicio-telec[b-ddl9p7tabz] {
    background-color: #dbeafe;
    color: #1e40af;
}

.es-servicio-icono[b-ddl9p7tabz] {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
}

.es-corte-subtitulo[b-ddl9p7tabz] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    margin: 0 0 var(--cpe-spacing-sm) 0;
}

.es-corte-card h3 a[b-ddl9p7tabz] {
    color: inherit;
    text-decoration: none;
}

    .es-corte-card h3 a:hover[b-ddl9p7tabz] {
        color: var(--cpe-azul-primario);
        text-decoration: underline;
    }

/* --- Lista compacta de cortes pasados --- */
.es-pasados-lista[b-ddl9p7tabz] {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    overflow: hidden;
}

    .es-pasados-lista li + li[b-ddl9p7tabz] {
        border-top: 1px solid #e5e7eb;
    }

.es-pasados-item[b-ddl9p7tabz] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    text-decoration: none;
    color: var(--cpe-texto-oscuro);
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .es-pasados-item:hover[b-ddl9p7tabz] {
        background-color: var(--cpe-fondo-beige);
        color: var(--cpe-azul-primario);
        text-decoration: none;
    }

.es-pasados-fecha[b-ddl9p7tabz] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-texto-gris);
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 110px;
}

    .es-pasados-fecha i[b-ddl9p7tabz] {
        color: var(--cpe-azul-primario);
        font-size: 0.8rem;
    }

.es-pasados-titulo[b-ddl9p7tabz] {
    flex: 1;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.4;
}

.es-pasados-flecha[b-ddl9p7tabz] {
    color: var(--cpe-texto-gris);
    font-size: 0.85rem;
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.es-pasados-item:hover .es-pasados-flecha[b-ddl9p7tabz] {
    color: var(--cpe-azul-primario);
    transform: translateX(2px);
}

@media (max-width: 576px) {
    .es-pasados-item[b-ddl9p7tabz] {
        flex-wrap: wrap;
        gap: var(--cpe-spacing-xs);
        padding: var(--cpe-spacing-sm) var(--cpe-spacing-md);
    }

    .es-pasados-fecha[b-ddl9p7tabz] {
        min-width: 0;
    }

    .es-pasados-titulo[b-ddl9p7tabz] {
        flex-basis: 100%;
        font-size: 0.9rem;
    }

    .es-pasados-flecha[b-ddl9p7tabz] {
        display: none;
    }
}

.es-corte-card h3[b-ddl9p7tabz] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--cpe-azul-oscuro);
    margin: 0 0 var(--cpe-spacing-sm) 0;
}

.es-corte-meta[b-ddl9p7tabz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-md);
}

    .es-corte-meta span[b-ddl9p7tabz] {
        display: inline-flex;
        align-items: center;
        gap: var(--cpe-spacing-xs);
        font-size: 0.85rem;
        color: var(--cpe-texto-gris);
    }

    .es-corte-meta i[b-ddl9p7tabz] {
        color: var(--cpe-azul-primario);
        font-size: 0.8rem;
    }

.es-corte-descripcion[b-ddl9p7tabz] {
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    line-height: 1.7;
    margin: 0;
}

.es-corte-imagenes[b-ddl9p7tabz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cpe-spacing-md);
    margin-top: var(--cpe-spacing-md);
}

    .es-corte-imagenes img[b-ddl9p7tabz] {
        max-width: 300px;
        max-height: 200px;
        object-fit: cover;
        border-radius: var(--cpe-border-radius-lg);
        box-shadow: var(--cpe-shadow-sm);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 768px) {
    .es-seccion[b-ddl9p7tabz] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .es-section-header h2[b-ddl9p7tabz] {
        font-size: 1.4rem;
    }

    .es-section-header i[b-ddl9p7tabz] {
        font-size: 1.5rem;
    }

    .es-corte-meta[b-ddl9p7tabz] {
        flex-direction: column;
        gap: var(--cpe-spacing-xs);
    }

    .es-corte-imagenes img[b-ddl9p7tabz] {
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .es-corte-card[b-ddl9p7tabz] {
        padding: var(--cpe-spacing-lg);
    }

    .es-corte-header[b-ddl9p7tabz] {
        flex-wrap: wrap;
    }

    .es-section-header h2[b-ddl9p7tabz] {
        font-size: 1.3rem;
    }
}

@media (hover: none) and (pointer: coarse) {
    .es-corte-card:hover[b-ddl9p7tabz] {
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/FabricaDeColumnas.razor.rz.scp.css */
/* ==========================================
   Fábrica de Columnas - Scoped Styles
   ========================================== */

/* --- 2. Introduccion --- */
.col-intro[b-yj5434o6o6] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.col-intro-grid[b-yj5434o6o6] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.col-intro-texto h2[b-yj5434o6o6] {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-lg);
}

.col-intro-texto p[b-yj5434o6o6] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

/* Datos destacados (sidebar) */
.col-intro-datos[b-yj5434o6o6] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
    position: sticky;
    top: 100px;
}

.col-dato-card[b-yj5434o6o6] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .col-dato-card:hover[b-yj5434o6o6] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .col-dato-card i[b-yj5434o6o6] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
        margin-top: 2px;
    }

    .col-dato-card div[b-yj5434o6o6] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

.col-dato-label[b-yj5434o6o6] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
}

.col-dato-valor[b-yj5434o6o6] {
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
}

.col-dato-mapa[b-yj5434o6o6] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-azul-primario);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    border: 1px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
    justify-content: center;
}

    .col-dato-mapa:hover[b-yj5434o6o6] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

/* --- 3. Galeria --- */
.col-galeria[b-yj5434o6o6] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.col-section-header[b-yj5434o6o6] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
}

    .col-section-header i[b-yj5434o6o6] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .col-section-header h2[b-yj5434o6o6] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.col-galeria-grid[b-yj5434o6o6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-lg);
}

.col-galeria-img[b-yj5434o6o6] {
    width: 100%;
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    object-fit: cover;
    aspect-ratio: 16 / 10;
    transition: var(--cpe-transition);
}

    .col-galeria-img:hover[b-yj5434o6o6] {
        box-shadow: var(--cpe-shadow-lg);
        transform: scale(1.02);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .col-intro-grid[b-yj5434o6o6] {
        grid-template-columns: 1fr;
    }

    .col-intro-datos[b-yj5434o6o6] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .col-dato-card[b-yj5434o6o6] {
        flex: 1 1 250px;
    }

    .col-dato-mapa[b-yj5434o6o6] {
        flex: 1 1 100%;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .col-intro[b-yj5434o6o6],
    .col-galeria[b-yj5434o6o6] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .col-galeria-grid[b-yj5434o6o6] {
        grid-template-columns: 1fr;
    }

    .col-section-header h2[b-yj5434o6o6] {
        font-size: 1.4rem;
    }

    .col-section-header i[b-yj5434o6o6] {
        font-size: 1.5rem;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .col-intro-texto h2[b-yj5434o6o6] {
        font-size: 1.5rem;
    }

    .col-intro-datos[b-yj5434o6o6] {
        flex-direction: column;
    }

    .col-dato-card[b-yj5434o6o6] {
        flex: 1 1 100%;
    }

    .col-section-header h2[b-yj5434o6o6] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .col-dato-card:hover[b-yj5434o6o6],
    .col-galeria-img:hover[b-yj5434o6o6] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/FormasDePago.razor.rz.scp.css */
/* ==========================================
   Formas de Pago - Scoped Styles
   ========================================== */

/* --- Secciones --- */
.fp-seccion[b-nd7d2qgph6] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.fp-seccion-alt[b-nd7d2qgph6] {
    background-color: var(--cpe-fondo-beige);
}

.fp-section-header[b-nd7d2qgph6] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .fp-section-header i[b-nd7d2qgph6] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .fp-section-header h2[b-nd7d2qgph6] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

/* --- Grid de tarjetas electrónicas --- */
.fp-grid[b-nd7d2qgph6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-lg);
}

/* --- Tarjeta de medio de pago --- */
.fp-card[b-nd7d2qgph6] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
    display: flex;
    flex-direction: column;
}

    .fp-card:hover[b-nd7d2qgph6] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.fp-card-destacada[b-nd7d2qgph6] {
    grid-column: 1 / -1;
    border-left-color: var(--cpe-verde);
    background: linear-gradient(135deg, var(--cpe-fondo-beige) 0%, #e8f5e9 100%);
}

.fp-card-header[b-nd7d2qgph6] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-md);
}

    .fp-card-header i[b-nd7d2qgph6] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
        flex-shrink: 0;
    }

    .fp-card-header h3[b-nd7d2qgph6] {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.fp-card-logo[b-nd7d2qgph6] {
    width: 60px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;
}

.fp-card-destacada .fp-card-logo[b-nd7d2qgph6] {
    width: 80px;
    height: 50px;
}

.fp-badge[b-nd7d2qgph6] {
    display: inline-block;
    background-color: var(--cpe-verde);
    color: var(--cpe-blanco);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 10px;
    margin-top: 2px;
}

.fp-card-body p[b-nd7d2qgph6] {
    font-size: 0.95rem;
    color: var(--cpe-texto-gris);
    line-height: 1.7;
    margin-bottom: var(--cpe-spacing-sm);
}

.fp-card-body h4[b-nd7d2qgph6] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    margin: var(--cpe-spacing-md) 0 var(--cpe-spacing-sm) 0;
}

/* --- Pasos numerados --- */
.fp-pasos[b-nd7d2qgph6] {
    counter-reset: fp-paso;
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--cpe-spacing-md);
}

    .fp-pasos li[b-nd7d2qgph6] {
        counter-increment: fp-paso;
        position: relative;
        padding-left: var(--cpe-spacing-xl);
        font-size: 0.9rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
    }

        .fp-pasos li[b-nd7d2qgph6]::before {
            content: counter(fp-paso);
            position: absolute;
            left: 0;
            top: 0;
            width: 24px;
            height: 24px;
            background-color: var(--cpe-verde);
            color: var(--cpe-blanco);
            border-radius: 50%;
            font-size: 0.75rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* --- Canales de pago --- */
.fp-canales[b-nd7d2qgph6] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .fp-canales li[b-nd7d2qgph6] {
        display: flex;
        align-items: center;
        gap: var(--cpe-spacing-sm);
        padding: var(--cpe-spacing-sm) 0;
        font-size: 0.9rem;
        color: var(--cpe-texto-gris);
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

        .fp-canales li:last-child[b-nd7d2qgph6] {
            border-bottom: none;
        }

        .fp-canales li i[b-nd7d2qgph6] {
            color: var(--cpe-azul-primario);
            font-size: 1rem;
        }

/* --- Botón descarga --- */
.fp-btn-descarga[b-nd7d2qgph6] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-blanco);
    background-color: var(--cpe-azul-primario);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    border-radius: var(--cpe-border-radius-lg);
    transition: var(--cpe-transition);
    margin-top: var(--cpe-spacing-sm);
}

    .fp-btn-descarga:hover[b-nd7d2qgph6] {
        background-color: var(--cpe-azul-oscuro);
        color: var(--cpe-blanco);
    }

/* --- Grid de lugares de pago --- */
.fp-lugares-grid[b-nd7d2qgph6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-lg);
}

.fp-lugar-card[b-nd7d2qgph6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
    text-decoration: none;
    cursor: default;
}

    .fp-lugar-card:hover[b-nd7d2qgph6] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.fp-lugar-logo[b-nd7d2qgph6] {
    width: 120px;
    height: 60px;
    object-fit: contain;
}

.fp-lugar-card span[b-nd7d2qgph6] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    text-align: center;
}

/* --- Grid de oficinas --- */
.fp-oficinas-grid[b-nd7d2qgph6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-lg);
}

.fp-oficina-card[b-nd7d2qgph6] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .fp-oficina-card:hover[b-nd7d2qgph6] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

.fp-oficina-icono[b-nd7d2qgph6] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: var(--cpe-azul-primario);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .fp-oficina-icono i[b-nd7d2qgph6] {
        font-size: 1.1rem;
        color: var(--cpe-blanco);
    }

.fp-oficina-card h3[b-nd7d2qgph6] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    margin: 0 0 2px 0;
}

.fp-oficina-card p[b-nd7d2qgph6] {
    font-size: 0.9rem;
    color: var(--cpe-texto-gris);
    margin: 0;
}

/* --- Localidades chips --- */
.fp-localidades-grid[b-nd7d2qgph6] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cpe-spacing-md);
}

.fp-localidad-chip[b-nd7d2qgph6] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--cpe-texto-oscuro);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 3px solid var(--cpe-verde);
    transition: var(--cpe-transition);
}

    .fp-localidad-chip:hover[b-nd7d2qgph6] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .fp-localidad-chip i[b-nd7d2qgph6] {
        color: var(--cpe-verde);
        font-size: 0.85rem;
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .fp-grid[b-nd7d2qgph6] {
        grid-template-columns: repeat(2, 1fr);
    }

    .fp-card-destacada[b-nd7d2qgph6] {
        grid-column: 1 / -1;
    }

    .fp-lugares-grid[b-nd7d2qgph6] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .fp-seccion[b-nd7d2qgph6] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .fp-grid[b-nd7d2qgph6] {
        grid-template-columns: 1fr;
    }

    .fp-card-destacada[b-nd7d2qgph6] {
        grid-column: auto;
    }

    .fp-lugares-grid[b-nd7d2qgph6] {
        grid-template-columns: repeat(2, 1fr);
    }

    .fp-oficinas-grid[b-nd7d2qgph6] {
        grid-template-columns: 1fr;
    }

    .fp-section-header h2[b-nd7d2qgph6] {
        font-size: 1.4rem;
    }

    .fp-section-header i[b-nd7d2qgph6] {
        font-size: 1.5rem;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .fp-lugares-grid[b-nd7d2qgph6] {
        grid-template-columns: 1fr;
    }

    .fp-card[b-nd7d2qgph6] {
        padding: var(--cpe-spacing-lg);
    }

    .fp-pasos[b-nd7d2qgph6] {
        grid-template-columns: 1fr;
    }

    .fp-section-header h2[b-nd7d2qgph6] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .fp-card:hover[b-nd7d2qgph6],
    .fp-lugar-card:hover[b-nd7d2qgph6],
    .fp-oficina-card:hover[b-nd7d2qgph6],
    .fp-localidad-chip:hover[b-nd7d2qgph6] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/FormContacto.razor.rz.scp.css */
/* ==========================================
   Contacto - Scoped Styles
   ========================================== */

/* --- Iconos SVG (mask-image, heredan color via currentColor) --- */
.ct-icono[b-oj8rzlnfsf] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: -0.125em;
    flex-shrink: 0;
}

/* --- Section header (reutilizado) --- */
.ct-section-header[b-oj8rzlnfsf] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .ct-section-header .ct-icono[b-oj8rzlnfsf] {
        width: 2rem;
        height: 2rem;
        color: var(--cpe-azul-primario);
    }

    .ct-section-header h2[b-oj8rzlnfsf] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

/* --- 2. Fichas / Tabs --- */
.ct-contenido[b-oj8rzlnfsf] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.ct-tabs[b-oj8rzlnfsf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cpe-spacing-lg) var(--cpe-spacing-xxl);
    margin-bottom: var(--cpe-spacing-xxl);
    padding-bottom: var(--cpe-spacing-lg);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.ct-tab[b-oj8rzlnfsf] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
}

/* Círculo con el icono (beige por defecto, azul el activo) */
.ct-tab-circulo[b-oj8rzlnfsf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #bdb6aa;
    flex-shrink: 0;
    transition: var(--cpe-transition);
}

    .ct-tab-circulo .ct-icono[b-oj8rzlnfsf] {
        width: 1.9rem;
        height: 1.9rem;
        color: var(--cpe-blanco);
    }

.ct-tab-label[b-oj8rzlnfsf] {
    font-size: 1.6rem;
    font-weight: 300;
    color: #8c8276;
    transition: var(--cpe-transition);
}

.ct-tab:hover .ct-tab-circulo[b-oj8rzlnfsf] {
    background-color: #aea597;
}

.ct-tab:hover .ct-tab-label[b-oj8rzlnfsf] {
    color: #6b6357;
}

/* Activo: círculo celeste (icono blanco) y etiqueta en taupe oscuro, sin bold
   (para que no se desplacen las demás). */
.ct-tab-activo .ct-tab-circulo[b-oj8rzlnfsf] {
    background-color: var(--cpe-azul-primario);
}

.ct-tab-activo .ct-tab-label[b-oj8rzlnfsf] {
    font-weight: 300;
    color: #6b6357;
}

.ct-tab-panel[b-oj8rzlnfsf] {
    padding-top: var(--cpe-spacing-lg);
}

/* --- Formulario --- */

.ct-intro[b-oj8rzlnfsf] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: var(--cpe-spacing-xl);
}

.ct-form-grid[b-oj8rzlnfsf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cpe-spacing-md) var(--cpe-spacing-xl);
}

.ct-campo[b-oj8rzlnfsf] {
    margin-bottom: 0;
}

.ct-campo-full[b-oj8rzlnfsf] {
    grid-column: 1 / -1;
}

.ct-label[b-oj8rzlnfsf] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    margin-bottom: var(--cpe-spacing-xs);
}

.ct-requerido[b-oj8rzlnfsf] {
    color: #dc3545;
}

.ct-validacion[b-oj8rzlnfsf] {
    font-size: 0.8rem;
    color: #dc3545;
    margin-top: 2px;
}

.ct-telefono-grid[b-oj8rzlnfsf] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--cpe-spacing-sm);
}

.ct-botones[b-oj8rzlnfsf] {
    display: flex;
    gap: var(--cpe-spacing-sm);
    padding-top: var(--cpe-spacing-md);
}

.ct-btn[b-oj8rzlnfsf] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-xl);
    border-radius: var(--cpe-border-radius-lg);
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid transparent;
    cursor: pointer;
    transition: var(--cpe-transition);
}

.ct-btn-primario[b-oj8rzlnfsf] {
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    border-color: var(--cpe-azul-primario);
}

    .ct-btn-primario:hover[b-oj8rzlnfsf] {
        background-color: var(--cpe-azul-oscuro);
        border-color: var(--cpe-azul-oscuro);
    }

    .ct-btn-primario:disabled[b-oj8rzlnfsf] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.ct-btn-secundario[b-oj8rzlnfsf] {
    background-color: var(--cpe-blanco);
    color: var(--cpe-texto-gris);
    border-color: var(--cpe-texto-gris);
}

    .ct-btn-secundario:hover[b-oj8rzlnfsf] {
        background-color: var(--cpe-fondo-beige);
        color: var(--cpe-texto-oscuro);
    }

    .ct-btn-secundario:disabled[b-oj8rzlnfsf] {
        opacity: 0.65;
        cursor: not-allowed;
    }

/* --- Alertas --- */
.ct-alerta[b-oj8rzlnfsf] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    border-radius: var(--cpe-border-radius-lg);
    font-size: 0.9rem;
    margin-bottom: var(--cpe-spacing-md);
}

.ct-alerta-exito[b-oj8rzlnfsf] {
    background-color: #d4edda;
    color: #155724;
    border-left: 4px solid var(--cpe-verde);
}

.ct-alerta-error[b-oj8rzlnfsf] {
    background-color: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

/* --- 3. WhatsApp --- */
.ct-whatsapp-wrapper[b-oj8rzlnfsf] {
    margin-top: var(--cpe-spacing-xxl);
    padding-top: var(--cpe-spacing-xl);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.ct-whatsapp-card[b-oj8rzlnfsf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cpe-spacing-xl);
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xxl);
    color: var(--cpe-blanco);
    box-shadow: var(--cpe-shadow-md);
    transition: var(--cpe-transition);
    text-decoration: none;
    max-width: 750px;
    margin: 0 auto;
}

    .ct-whatsapp-card:hover[b-oj8rzlnfsf] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-2px);
        text-decoration: none;
        color: var(--cpe-blanco);
    }

.ct-wa-info[b-oj8rzlnfsf] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-lg);
}

.ct-wa-icono[b-oj8rzlnfsf] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ct-wa-icono .ct-icono[b-oj8rzlnfsf] {
        width: 1.8rem;
        height: 1.8rem;
        color: var(--cpe-blanco);
    }

.ct-wa-texto[b-oj8rzlnfsf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ct-wa-subtitulo[b-oj8rzlnfsf] {
    font-size: 0.85rem;
    opacity: 0.85;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.ct-wa-titulo[b-oj8rzlnfsf] {
    font-size: 1.2rem;
    font-weight: 600;
}

.ct-wa-numero[b-oj8rzlnfsf] {
    font-size: 1.6rem;
    font-weight: 700;
}

.ct-wa-qr[b-oj8rzlnfsf] {
    width: 130px;
    height: 130px;
    border-radius: var(--cpe-border-radius-lg);
    background-color: var(--cpe-blanco);
    padding: 4px;
    flex-shrink: 0;
    object-fit: contain;
}

/* --- Inicio (sin pestaña): tarjeta de WhatsApp + imagen al costado --- */
.ct-inicio[b-oj8rzlnfsf] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    gap: var(--cpe-spacing-xl);
    align-items: stretch;
}

    /* En el inicio la tarjeta ocupa su columna (sin el centrado/ancho máx del separador) */
    .ct-inicio .ct-whatsapp-card[b-oj8rzlnfsf] {
        max-width: none;
        margin: 0;
    }

.ct-inicio-img[b-oj8rzlnfsf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-md);
}

/* --- 4. Info de contacto --- */

/* Párrafos dentro de los paneles de detalle/acordeón (Horarios) */
.ct-tel-detalle p[b-oj8rzlnfsf],
.ct-tel-acc-panel p[b-oj8rzlnfsf] {
    font-size: 0.88rem;
    color: var(--cpe-texto-gris);
    line-height: 1.6;
    margin: 0 0 var(--cpe-spacing-xs) 0;
}

    .ct-tel-detalle p:last-child[b-oj8rzlnfsf],
    .ct-tel-acc-panel p:last-child[b-oj8rzlnfsf] {
        margin-bottom: 0;
    }

.ct-info-indent[b-oj8rzlnfsf] {
    padding-left: var(--cpe-spacing-lg);
}

.ct-info-subtitulo[b-oj8rzlnfsf] {
    font-size: 0.88rem;
    color: var(--cpe-texto-oscuro);
    margin-bottom: var(--cpe-spacing-sm);
}

.ct-info-subtitulo-alerta[b-oj8rzlnfsf] {
    color: #dc3545;
    margin-top: var(--cpe-spacing-sm);
}

/* --- Dato linea (label + valor) --- */
.ct-dato-linea[b-oj8rzlnfsf] {
    display: flex;
    align-items: baseline;
    gap: var(--cpe-spacing-xs);
    font-size: 0.88rem;
    color: var(--cpe-texto-gris);
    line-height: 1.6;
    padding: 2px 0;
    flex-wrap: wrap;
}

.ct-dato-linea-mb[b-oj8rzlnfsf] {
    margin-bottom: var(--cpe-spacing-sm);
}

.ct-tel[b-oj8rzlnfsf] {
    color: var(--cpe-azul-primario);
    font-weight: 600;
}

.ct-separador[b-oj8rzlnfsf] {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin: var(--cpe-spacing-sm) 0;
}

/* --- Telefonos: selector (izquierda) + detalle (derecha) --- */
.ct-tel-layout[b-oj8rzlnfsf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cpe-spacing-xl);
    align-items: start;
}

.ct-tel-selector[b-oj8rzlnfsf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-md);
    align-content: start;
}

.ct-tel-cat[b-oj8rzlnfsf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--cpe-spacing-sm);
    min-height: 110px;
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-sm);
    background-color: var(--cpe-fondo-beige);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: var(--cpe-border-radius-lg);
    color: var(--cpe-azul-primario);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-align: center;
    line-height: 1.25;
    cursor: pointer;
    transition: var(--cpe-transition);
}

    .ct-tel-cat .ct-icono[b-oj8rzlnfsf] {
        width: 1.7rem;
        height: 1.7rem;
    }

    .ct-tel-cat:hover[b-oj8rzlnfsf] {
        background-color: var(--cpe-azul-claro);
        box-shadow: var(--cpe-shadow-sm);
    }

.ct-tel-cat-activo[b-oj8rzlnfsf],
.ct-tel-cat-activo:hover[b-oj8rzlnfsf] {
    background-color: #e6e1d6;
    border-color: #e6e1d6;
    color: var(--cpe-azul-oscuro);
    box-shadow: var(--cpe-shadow-sm);
}

.ct-tel-detalle[b-oj8rzlnfsf] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    padding: var(--cpe-spacing-xl);
}

/* Acordeón (solo móvil; oculto en desktop) */
.ct-tel-accordion[b-oj8rzlnfsf] {
    display: none;
}

.ct-tel-acc-item + .ct-tel-acc-item[b-oj8rzlnfsf] {
    margin-top: var(--cpe-spacing-sm);
}

.ct-tel-acc-header[b-oj8rzlnfsf] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    padding: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: var(--cpe-border-radius);
    color: var(--cpe-azul-primario);
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: var(--cpe-transition);
}

    .ct-tel-acc-header .ct-icono[b-oj8rzlnfsf] {
        width: 1.2rem;
        height: 1.2rem;
    }

.ct-tel-acc-label[b-oj8rzlnfsf] {
    flex: 1;
    text-align: left;
}

.ct-tel-acc-chevron[b-oj8rzlnfsf] {
    transition: transform 0.2s ease;
}

.ct-tel-acc-header-activo[b-oj8rzlnfsf] {
    background-color: #e6e1d6;
    border-color: #e6e1d6;
    color: var(--cpe-azul-oscuro);
    border-radius: var(--cpe-border-radius) var(--cpe-border-radius) 0 0;
}

    .ct-tel-acc-header-activo .ct-tel-acc-chevron[b-oj8rzlnfsf] {
        transform: rotate(180deg);
    }

.ct-tel-acc-panel[b-oj8rzlnfsf] {
    background-color: var(--cpe-fondo-beige);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top: none;
    border-radius: 0 0 var(--cpe-border-radius) var(--cpe-border-radius);
    padding: var(--cpe-spacing-lg);
}

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    /* En móvil/tablet: ocultamos el maestro-detalle y mostramos el acordeón. */
    .ct-tel-layout[b-oj8rzlnfsf] {
        display: none;
    }

    .ct-tel-accordion[b-oj8rzlnfsf] {
        display: block;
    }

    /* La imagen del inicio es solo para pantalla grande; el WhatsApp ocupa todo el ancho. */
    .ct-inicio[b-oj8rzlnfsf] {
        grid-template-columns: 1fr;
    }

    .ct-inicio-img[b-oj8rzlnfsf] {
        display: none;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .ct-contenido[b-oj8rzlnfsf] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .ct-tabs[b-oj8rzlnfsf] {
        gap: var(--cpe-spacing-md) var(--cpe-spacing-xl);
    }

    .ct-tab[b-oj8rzlnfsf] {
        gap: var(--cpe-spacing-sm);
    }

    .ct-tab-circulo[b-oj8rzlnfsf] {
        width: 52px;
        height: 52px;
    }

        .ct-tab-circulo .ct-icono[b-oj8rzlnfsf] {
            width: 1.5rem;
            height: 1.5rem;
        }

    .ct-tab-label[b-oj8rzlnfsf] {
        font-size: 1.25rem;
    }

    .ct-form-grid[b-oj8rzlnfsf] {
        grid-template-columns: 1fr;
    }

    .ct-section-header h2[b-oj8rzlnfsf] {
        font-size: 1.4rem;
    }

    .ct-section-header .ct-icono[b-oj8rzlnfsf] {
        width: 1.5rem;
        height: 1.5rem;
    }

    .ct-whatsapp-card[b-oj8rzlnfsf] {
        flex-direction: column;
        text-align: center;
        padding: var(--cpe-spacing-lg);
    }

    .ct-wa-info[b-oj8rzlnfsf] {
        flex-direction: column;
    }

    .ct-wa-qr[b-oj8rzlnfsf] {
        width: 140px;
        height: 140px;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .ct-tabs[b-oj8rzlnfsf] {
        gap: var(--cpe-spacing-md) var(--cpe-spacing-lg);
        justify-content: space-between;
    }

    .ct-tab[b-oj8rzlnfsf] {
        flex-direction: column;
        gap: var(--cpe-spacing-xs);
        text-align: center;
    }

    .ct-tab-circulo[b-oj8rzlnfsf] {
        width: 48px;
        height: 48px;
    }

    .ct-tab-label[b-oj8rzlnfsf] {
        font-size: 0.95rem;
    }

    .ct-section-header h2[b-oj8rzlnfsf] {
        font-size: 1.3rem;
    }

    .ct-telefono-grid[b-oj8rzlnfsf] {
        grid-template-columns: 1fr;
    }

    .ct-botones[b-oj8rzlnfsf] {
        flex-direction: column;
    }

    .ct-btn[b-oj8rzlnfsf] {
        justify-content: center;
    }

    .ct-dato-linea[b-oj8rzlnfsf] {
        flex-direction: column;
        gap: 0;
    }

    .ct-tel-acc-panel[b-oj8rzlnfsf] {
        padding: var(--cpe-spacing-md);
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .ct-whatsapp-card:hover[b-oj8rzlnfsf] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/Funeraria.razor.rz.scp.css */
/* ==========================================
   Funeraria - Scoped Styles
   ========================================== */

/* --- 2. Introduccion --- */
.fun-intro[b-vraauv25sq] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.fun-intro-grid[b-vraauv25sq] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.fun-intro-texto h2[b-vraauv25sq] {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-lg);
}

.fun-intro-texto p[b-vraauv25sq] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

/* Datos destacados (sidebar) */
.fun-intro-datos[b-vraauv25sq] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
    position: sticky;
    top: 100px;
}

.fun-dato-card[b-vraauv25sq] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .fun-dato-card:hover[b-vraauv25sq] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .fun-dato-card i[b-vraauv25sq] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
        margin-top: 2px;
    }

    .fun-dato-card div[b-vraauv25sq] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

.fun-dato-label[b-vraauv25sq] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
}

.fun-dato-valor[b-vraauv25sq] {
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
}

.fun-dato-mapa[b-vraauv25sq] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-azul-primario);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    border: 1px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
    justify-content: center;
}

    .fun-dato-mapa:hover[b-vraauv25sq] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

.fun-dato-icono-svg[b-vraauv25sq] {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.fun-dato-mapa:hover .fun-dato-icono-svg[b-vraauv25sq] {
    filter: brightness(0) invert(1);
}

.fun-dato-nec-nota[b-vraauv25sq] {
    font-size: 0.78rem;
    color: var(--cpe-texto-gris);
    margin: 0;
    text-align: center;
}

/* --- 3. Caracteristicas y servicio --- */
.fun-servicio[b-vraauv25sq] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.fun-servicio-grid[b-vraauv25sq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-xl);
}

.fun-servicio-card[b-vraauv25sq] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .fun-servicio-card:hover[b-vraauv25sq] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.fun-servicio-card-verde[b-vraauv25sq] {
    border-left-color: var(--cpe-verde);
}

.fun-servicio-header[b-vraauv25sq] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-lg);
}

    .fun-servicio-header i[b-vraauv25sq] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .fun-servicio-header h3[b-vraauv25sq] {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.fun-servicio-card-verde .fun-servicio-header i[b-vraauv25sq] {
    color: var(--cpe-verde);
}

.fun-servicio-lista[b-vraauv25sq] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .fun-servicio-lista li[b-vraauv25sq] {
        position: relative;
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: var(--cpe-spacing-sm);
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
    }

        .fun-servicio-lista li[b-vraauv25sq]::before {
            content: "\F285";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: var(--cpe-azul-primario);
            font-size: 0.7rem;
            top: 4px;
        }

.fun-servicio-card-verde .fun-servicio-lista li[b-vraauv25sq]::before {
    color: var(--cpe-verde);
}

.fun-servicio-lista-num[b-vraauv25sq] {
    counter-reset: fun-counter;
}

    .fun-servicio-lista-num li[b-vraauv25sq] {
        padding-left: var(--cpe-spacing-xl);
        counter-increment: fun-counter;
    }

        .fun-servicio-lista-num li[b-vraauv25sq]::before {
            content: counter(fun-counter);
            font-family: inherit;
            width: 22px;
            height: 22px;
            background-color: var(--cpe-verde);
            color: var(--cpe-blanco);
            border-radius: 50%;
            font-size: 0.7rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            top: 2px;
        }

/* --- 4. Adhesion y requerimiento --- */
.fun-info[b-vraauv25sq] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.fun-info-grid[b-vraauv25sq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-xl);
}

.fun-info-card[b-vraauv25sq] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
}

    .fun-info-card:hover[b-vraauv25sq] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

    .fun-info-card h3[b-vraauv25sq] {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin-bottom: var(--cpe-spacing-md);
    }

    .fun-info-card h4[b-vraauv25sq] {
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: var(--cpe-spacing-md) 0 var(--cpe-spacing-sm) 0;
    }

    .fun-info-card p[b-vraauv25sq] {
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.7;
        margin-bottom: var(--cpe-spacing-sm);
    }

.fun-info-icono[b-vraauv25sq] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--cpe-azul-primario);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--cpe-spacing-md);
}

    .fun-info-icono i[b-vraauv25sq] {
        font-size: 1.4rem;
        color: var(--cpe-blanco);
    }

.fun-info-icono-verde[b-vraauv25sq] {
    background-color: var(--cpe-verde);
}

.fun-info-icono-naranja[b-vraauv25sq] {
    background-color: #e67e22;
}

.fun-info-lista[b-vraauv25sq] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .fun-info-lista li[b-vraauv25sq] {
        position: relative;
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: var(--cpe-spacing-sm);
        font-size: 0.9rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
    }

        .fun-info-lista li[b-vraauv25sq]::before {
            content: "\F285";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: #e67e22;
            font-size: 0.7rem;
            top: 4px;
        }

/* --- 5. Servicios adicionales --- */
.fun-adicional[b-vraauv25sq] {
    padding: var(--cpe-spacing-lg) 0;
    background-color: var(--cpe-blanco);
}

.fun-adicional-card[b-vraauv25sq] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    border-left: 4px solid var(--cpe-azul-primario);
    max-width: 500px;
}

    .fun-adicional-card > i[b-vraauv25sq] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
        flex-shrink: 0;
    }

    .fun-adicional-card h3[b-vraauv25sq] {
        font-size: 1rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

    .fun-adicional-card p[b-vraauv25sq] {
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        margin: 2px 0 0 0;
    }

/* --- 6. Galeria --- */
.fun-galeria[b-vraauv25sq] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.fun-section-header[b-vraauv25sq] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .fun-section-header i[b-vraauv25sq] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .fun-section-header h2[b-vraauv25sq] {
        font-size: 1.8rem;
        font-weight: 500;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.fun-galeria-grid[b-vraauv25sq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-lg);
}

.fun-galeria-img[b-vraauv25sq] {
    width: 100%;
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    object-fit: cover;
    aspect-ratio: 16 / 10;
    transition: var(--cpe-transition);
}

    .fun-galeria-img:hover[b-vraauv25sq] {
        box-shadow: var(--cpe-shadow-lg);
        transform: scale(1.02);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .fun-intro-grid[b-vraauv25sq] {
        grid-template-columns: 1fr;
    }

    .fun-intro-datos[b-vraauv25sq] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .fun-dato-card[b-vraauv25sq] {
        flex: 1 1 250px;
    }

    .fun-dato-mapa[b-vraauv25sq] {
        flex: 1 1 100%;
    }

    .fun-info-grid[b-vraauv25sq] {
        grid-template-columns: 1fr;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .fun-intro[b-vraauv25sq],
    .fun-servicio[b-vraauv25sq],
    .fun-info[b-vraauv25sq],
    .fun-galeria[b-vraauv25sq] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .fun-servicio-grid[b-vraauv25sq] {
        grid-template-columns: 1fr;
    }

    .fun-galeria-grid[b-vraauv25sq] {
        grid-template-columns: 1fr;
    }

    .fun-section-header h2[b-vraauv25sq] {
        font-size: 1.4rem;
    }

    .fun-section-header i[b-vraauv25sq] {
        font-size: 1.5rem;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .fun-intro-texto h2[b-vraauv25sq] {
        font-size: 1.5rem;
    }

    .fun-intro-datos[b-vraauv25sq] {
        flex-direction: column;
    }

    .fun-dato-card[b-vraauv25sq] {
        flex: 1 1 100%;
    }

    .fun-servicio-card[b-vraauv25sq] {
        padding: var(--cpe-spacing-lg);
    }

    .fun-servicio-header i[b-vraauv25sq] {
        font-size: 1.5rem;
    }

    .fun-servicio-header h3[b-vraauv25sq] {
        font-size: 1rem;
    }

    .fun-info-card[b-vraauv25sq] {
        padding: var(--cpe-spacing-lg);
    }

    .fun-section-header h2[b-vraauv25sq] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .fun-dato-card:hover[b-vraauv25sq],
    .fun-servicio-card:hover[b-vraauv25sq],
    .fun-info-card:hover[b-vraauv25sq],
    .fun-galeria-img:hover[b-vraauv25sq] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/Hitos.razor.rz.scp.css */
/* ==========================================
   Hitos - Línea de Tiempo Vertical
   ========================================== */

/* --- 2. Intro --- */
.hitos-intro[b-5e9wyruk4q] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.hitos-intro-texto[b-5e9wyruk4q] {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
    color: var(--cpe-texto-gris);
    font-size: 1.05rem;
    line-height: 1.7;
}

/* --- 3. Timeline: contenedor con imagen de fondo fija --- */
.hitos-timeline-wrapper[b-5e9wyruk4q] {
    position: relative;
    padding: var(--cpe-spacing-xxl) 0;
    background-image: url('/media/institucional/StaRosa.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    overflow: hidden;
}

.hitos-timeline-overlay[b-5e9wyruk4q] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hitos-timeline-wrapper .container[b-5e9wyruk4q] {
    position: relative;
    z-index: 1;
}

/* --- Eje vertical central --- */
.hitos-timeline[b-5e9wyruk4q] {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: var(--cpe-spacing-lg) 0;
}

.hitos-timeline[b-5e9wyruk4q]::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0.8) 10%,
        rgba(255, 255, 255, 0.8) 90%,
        rgba(255, 255, 255, 0.3) 100%);
    transform: translateX(-50%);
}

/* --- Items de la línea de tiempo --- */
.hitos-item[b-5e9wyruk4q] {
    position: relative;
    display: flex;
    width: 100%;
    margin-bottom: var(--cpe-spacing-xl);
}

.hitos-item-izq[b-5e9wyruk4q] {
    justify-content: flex-start;
    padding-right: 50%;
}

.hitos-item-der[b-5e9wyruk4q] {
    justify-content: flex-end;
    padding-left: 50%;
}

/* --- Marcador / círculo sobre la línea --- */
.hitos-marcador[b-5e9wyruk4q] {
    position: absolute;
    top: var(--cpe-spacing-md);
    left: 50%;
    width: 22px;
    height: 22px;
    background: var(--cpe-azul-primario);
    border: 4px solid var(--cpe-blanco);
    border-radius: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.4), var(--cpe-shadow-md);
    z-index: 2;
}

/* --- Tarjeta del hito (frosted glass, deja ver el fondo) --- */
.hitos-card[b-5e9wyruk4q] {
    position: relative;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    max-width: 420px;
    width: calc(100% - var(--cpe-spacing-xl));
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

    .hitos-card:hover[b-5e9wyruk4q] {
        background: rgba(255, 255, 255, 0.25);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    }

/* --- Flecha apuntando a la línea central --- */
.hitos-item-izq .hitos-card[b-5e9wyruk4q] {
    margin-right: var(--cpe-spacing-xl);
}

    .hitos-item-izq .hitos-card[b-5e9wyruk4q]::after {
        content: '';
        position: absolute;
        top: var(--cpe-spacing-md);
        right: -10px;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid rgba(255, 255, 255, 0.3);
    }

/* En las tarjetas de la izquierda, todo el contenido (año, título y resumen) se alinea a la
   derecha, hacia la línea central. En móvil, el breakpoint de 768px lo vuelve a la izquierda. */
.hitos-item-izq .hitos-card[b-5e9wyruk4q] {
    text-align: right;
}

.hitos-item-der .hitos-card[b-5e9wyruk4q] {
    margin-left: var(--cpe-spacing-xl);
}

    .hitos-item-der .hitos-card[b-5e9wyruk4q]::after {
        content: '';
        position: absolute;
        top: var(--cpe-spacing-md);
        left: -10px;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid rgba(255, 255, 255, 0.3);
    }

/* --- Contenido de la tarjeta --- */
.hitos-anio[b-5e9wyruk4q] {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cpe-blanco);
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: var(--cpe-spacing-sm);
    letter-spacing: 0.3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.hitos-titulo[b-5e9wyruk4q] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--cpe-blanco);
    margin: 0 0 var(--cpe-spacing-sm) 0;
    line-height: 1.3;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.hitos-resumen[b-5e9wyruk4q] {
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

    .hitos-resumen strong[b-5e9wyruk4q] {
        font-weight: 700;
        color: var(--cpe-blanco);
    }

/* --- Hito destacado: el título va en una "píldora" celeste (único hito resaltado) --- */
.hitos-item-destacado .hitos-titulo[b-5e9wyruk4q] {
    display: inline-block;
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    padding: 8px 18px;
    border: 2px solid var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
    text-shadow: none;
}

/* --- 4. Cierre --- */
.hitos-cierre[b-5e9wyruk4q] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

    .hitos-cierre p[b-5e9wyruk4q] {
        color: var(--cpe-texto-gris);
        font-size: 1.05rem;
        margin-bottom: var(--cpe-spacing-md);
    }

.hitos-btn-volver[b-5e9wyruk4q] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    background: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    border-radius: var(--cpe-border-radius-md);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.25s ease;
}

    .hitos-btn-volver:hover[b-5e9wyruk4q] {
        background: var(--cpe-azul-oscuro);
        color: var(--cpe-blanco);
        transform: translateY(-2px);
        box-shadow: var(--cpe-shadow-md);
    }

/* ==========================================
   Responsive
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .hitos-timeline-wrapper[b-5e9wyruk4q] {
        background-attachment: scroll;
    }

    .hitos-card[b-5e9wyruk4q] {
        max-width: 360px;
    }
}

/* Mobile: hasta 768px — todos los items apilados a la derecha de la línea */
@media (max-width: 768px) {
    .hitos-timeline[b-5e9wyruk4q]::before {
        left: 20px;
    }

    .hitos-item[b-5e9wyruk4q],
    .hitos-item-izq[b-5e9wyruk4q],
    .hitos-item-der[b-5e9wyruk4q] {
        justify-content: flex-start;
        padding-left: 50px;
        padding-right: 0;
    }

    .hitos-marcador[b-5e9wyruk4q] {
        left: 20px;
    }

    .hitos-item-izq .hitos-card[b-5e9wyruk4q],
    .hitos-item-der .hitos-card[b-5e9wyruk4q] {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        width: 100%;
        text-align: left;
    }

        .hitos-item-izq .hitos-card[b-5e9wyruk4q]::after,
        .hitos-item-der .hitos-card[b-5e9wyruk4q]::after {
            top: var(--cpe-spacing-md);
            left: -10px;
            right: auto;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 10px solid var(--cpe-blanco);
            border-left: none;
        }

    .hitos-anio[b-5e9wyruk4q] {
        font-size: 1.2rem;
    }

    .hitos-titulo[b-5e9wyruk4q] {
        font-size: 1.1rem;
    }
}

/* Mobile pequeño: hasta 480px */
@media (max-width: 480px) {
    .hitos-card[b-5e9wyruk4q] {
        padding: var(--cpe-spacing-md);
    }

    .hitos-resumen[b-5e9wyruk4q] {
        font-size: 0.9rem;
    }
}
/* /Components/Pages/Institucional.razor.rz.scp.css */
/* ==========================================
   Institucional - Scoped Styles
   ========================================== */

/* --- 2. Seccion Intro --- */
.inst-intro[b-zoddq8eq9v] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

    .inst-intro h2[b-zoddq8eq9v] {
        text-align: center;
        color: var(--cpe-azul-oscuro);
        font-size: 1.8rem;
        font-weight: 400;
        margin-bottom: var(--cpe-spacing-xl);
    }

.inst-intro-texto[b-zoddq8eq9v] {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    color: var(--cpe-texto-gris);
    line-height: 1.8;
}

    .inst-intro-texto p[b-zoddq8eq9v] {
        margin-bottom: var(--cpe-spacing-md);
    }

/* --- 3. Cards Identidad --- */
.inst-identidad[b-zoddq8eq9v] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.inst-cards-grid[b-zoddq8eq9v] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-xl);
}

.inst-card[b-zoddq8eq9v] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
}

    .inst-card:hover[b-zoddq8eq9v] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.inst-card-img[b-zoddq8eq9v] {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: var(--cpe-border-radius);
    margin-bottom: var(--cpe-spacing-lg);
}

.inst-card-header[b-zoddq8eq9v] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-lg);
}

    .inst-card-header h3[b-zoddq8eq9v] {
        font-size: 1.3rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.inst-card-lead[b-zoddq8eq9v] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: var(--cpe-spacing-md);
}

.inst-card-list[b-zoddq8eq9v] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .inst-card-list li[b-zoddq8eq9v] {
        position: relative;
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: var(--cpe-spacing-sm);
        font-size: 0.9rem;
        color: var(--cpe-texto-gris);
        line-height: 1.5;
    }

        .inst-card-list li[b-zoddq8eq9v]::before {
            content: "\F285";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: var(--cpe-azul-primario);
            font-size: 0.7rem;
            top: 3px;
        }

.inst-card-mision .inst-card-list li[b-zoddq8eq9v]::before {
    color: var(--cpe-verde);
}

/* Valores - lista numerada estilizada */
.inst-valores-lista[b-zoddq8eq9v] {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: valores;
}

    .inst-valores-lista li[b-zoddq8eq9v] {
        counter-increment: valores;
        display: flex;
        align-items: center;
        gap: var(--cpe-spacing-md);
        padding: var(--cpe-spacing-sm) 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        font-size: 0.9rem;
        color: var(--cpe-texto-gris);
    }

        .inst-valores-lista li:last-child[b-zoddq8eq9v] {
            border-bottom: none;
        }

        .inst-valores-lista li[b-zoddq8eq9v]::before {
            content: counter(valores);
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 30px;
            height: 30px;
            background-color: var(--cpe-amarillo);
            color: var(--cpe-texto-oscuro);
            border-radius: 50%;
            font-size: 0.8rem;
            font-weight: 700;
        }

/* --- 4. Historia --- */
.inst-historia[b-zoddq8eq9v] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-oscuro);
    color: white;
}

    .inst-historia h2[b-zoddq8eq9v] {
        font-size: 1.8rem;
        font-weight: 300;
        margin-bottom: var(--cpe-spacing-xs);
    }

.inst-historia-grid[b-zoddq8eq9v] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.inst-historia-subtitulo[b-zoddq8eq9v] {
    color: var(--cpe-amarillo);
    font-style: italic;
    font-size: 1.1rem;
    margin-bottom: var(--cpe-spacing-lg);
}

.inst-historia-texto p[b-zoddq8eq9v] {
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

.inst-historia-texto h2[b-zoddq8eq9v] {
    font-size: 1.8rem;
    font-weight: 400;
}

.inst-historia-texto h4[b-zoddq8eq9v] {
    color: var(--cpe-azul-primario);
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: var(--cpe-spacing-lg);
    margin-bottom: var(--cpe-spacing-sm);
}

.inst-historia-cierre[b-zoddq8eq9v] {
    font-size: 1.05rem;
    font-style: italic;
    border-left: 3px solid var(--cpe-amarillo);
    padding-left: var(--cpe-spacing-lg);
    margin-top: var(--cpe-spacing-lg);
}

.inst-historia-acciones[b-zoddq8eq9v] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cpe-spacing-sm);
    margin-top: var(--cpe-spacing-md);
}

.inst-btn-historia[b-zoddq8eq9v] {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    border-radius: var(--cpe-border-radius);
    cursor: pointer;
    font-size: 0.9rem;
    transition: var(--cpe-transition);
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
}

    .inst-btn-historia:hover[b-zoddq8eq9v] {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.5);
    }

.inst-btn-hitos[b-zoddq8eq9v] {
    background-color: var(--cpe-amarillo);
    border: 1px solid var(--cpe-amarillo);
    color: var(--cpe-texto-oscuro);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    border-radius: var(--cpe-border-radius);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: var(--cpe-transition);
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
}

    .inst-btn-hitos:hover[b-zoddq8eq9v] {
        background-color: var(--cpe-blanco);
        border-color: var(--cpe-blanco);
        color: var(--cpe-azul-oscuro);
        transform: translateY(-1px);
    }

.inst-historia-imagen[b-zoddq8eq9v] {
    position: sticky;
    top: 100px;
}

    .inst-historia-imagen img[b-zoddq8eq9v] {
        width: 100%;
        border-radius: var(--cpe-border-radius-lg);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    }
/* --- 5. Documentos --- */
.inst-documentos[b-zoddq8eq9v] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

    .inst-documentos h2[b-zoddq8eq9v] {
        text-align: center;
        color: var(--cpe-azul-oscuro);
        font-size: 1.8rem;
        font-weight: 400;
        margin-bottom: var(--cpe-spacing-xl);
    }

.inst-docs-grid[b-zoddq8eq9v] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-xl);
}

.inst-doc-card[b-zoddq8eq9v] {
    text-align: center;
    padding: var(--cpe-spacing-xl);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    transition: var(--cpe-transition);
}

    .inst-doc-card:hover[b-zoddq8eq9v] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .inst-doc-card h4[b-zoddq8eq9v] {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin-bottom: var(--cpe-spacing-sm);
    }

    .inst-doc-card p[b-zoddq8eq9v] {
        font-size: 0.9rem;
        color: var(--cpe-texto-gris);
        margin-bottom: var(--cpe-spacing-lg);
        line-height: 1.5;
    }

.inst-doc-icon[b-zoddq8eq9v] {
    font-size: 2.5rem;
    color: var(--cpe-azul-primario);
    margin-bottom: var(--cpe-spacing-md);
}

.inst-doc-btn[b-zoddq8eq9v] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    background-color: var(--cpe-azul-primario);
    color: white;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    border-radius: var(--cpe-border-radius);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: var(--cpe-transition);
}

    .inst-doc-btn:hover[b-zoddq8eq9v] {
        background-color: var(--cpe-azul-oscuro);
        color: white;
    }

.inst-doc-links[b-zoddq8eq9v] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-sm);
}

    .inst-doc-links a[b-zoddq8eq9v] {
        display: inline-flex;
        align-items: center;
        gap: var(--cpe-spacing-sm);
        color: var(--cpe-azul-primario);
        text-decoration: none;
        font-size: 0.85rem;
        font-weight: 500;
        padding: var(--cpe-spacing-xs) 0;
        transition: var(--cpe-transition);
    }

        .inst-doc-links a:hover[b-zoddq8eq9v] {
            color: var(--cpe-azul-oscuro);
        }
/* --- 6. Galeria --- */
.inst-galeria[b-zoddq8eq9v] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

    .inst-galeria h2[b-zoddq8eq9v] {
        text-align: center;
        color: var(--cpe-azul-oscuro);
        font-size: 1.8rem;
        font-weight: 400;
        margin-bottom: var(--cpe-spacing-xl);
    }

.inst-galeria-grid[b-zoddq8eq9v] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--cpe-spacing-md);
}

.inst-galeria-item[b-zoddq8eq9v] {
    position: relative;
    border-radius: var(--cpe-border-radius);
    overflow: hidden;
    cursor: pointer;
    aspect-ratio: 4 / 3;
}

    .inst-galeria-item img[b-zoddq8eq9v] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: var(--cpe-transition);
    }

    .inst-galeria-item:hover img[b-zoddq8eq9v] {
        transform: scale(1.05);
    }

.inst-galeria-overlay[b-zoddq8eq9v] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: var(--cpe-transition);
}

    .inst-galeria-overlay i[b-zoddq8eq9v] {
        color: white;
        font-size: 1.5rem;
    }

.inst-galeria-item:hover .inst-galeria-overlay[b-zoddq8eq9v] {
    opacity: 1;
}

.inst-galeria-acciones[b-zoddq8eq9v] {
    display: flex;
    justify-content: center;
    margin-top: var(--cpe-spacing-xl);
}

.inst-btn-galeria[b-zoddq8eq9v] {
    background: none;
    border: 1px solid var(--cpe-azul-primario);
    color: var(--cpe-azul-primario);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-xl);
    border-radius: var(--cpe-border-radius);
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--cpe-transition);
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
}

    .inst-btn-galeria:hover[b-zoddq8eq9v] {
        background-color: var(--cpe-azul-primario);
        color: white;
    }
/* Modal imagen */
.inst-modal-overlay[b-zoddq8eq9v] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: var(--cpe-spacing-xl);
}

.inst-modal-content[b-zoddq8eq9v] {
    position: relative;
    max-width: 900px;
    max-height: 90vh;
    text-align: center;
}

    .inst-modal-content img[b-zoddq8eq9v] {
        max-width: 100%;
        max-height: 80vh;
        border-radius: var(--cpe-border-radius);
        object-fit: contain;
    }

.inst-modal-close[b-zoddq8eq9v] {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: var(--cpe-spacing-sm);
    transition: var(--cpe-transition);
}

    .inst-modal-close:hover[b-zoddq8eq9v] {
        color: var(--cpe-azul-primario);
    }

.inst-modal-caption[b-zoddq8eq9v] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    margin-top: var(--cpe-spacing-md);
    line-height: 1.4;
}
/* ==========================================
   RESPONSIVE
   ========================================== */
/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .inst-cards-grid[b-zoddq8eq9v] {
        grid-template-columns: 1fr;
        gap: var(--cpe-spacing-lg);
    }

    .inst-historia-grid[b-zoddq8eq9v] {
        grid-template-columns: 1fr;
    }

    .inst-historia-imagen[b-zoddq8eq9v] {
        position: static;
        order: -1;
        max-width: 400px;
        margin: 0 auto;
    }

    .inst-docs-grid[b-zoddq8eq9v] {
        grid-template-columns: 1fr;
        gap: var(--cpe-spacing-lg);
    }

    .inst-galeria-grid[b-zoddq8eq9v] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .inst-intro[b-zoddq8eq9v] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .inst-intro-texto[b-zoddq8eq9v] {
        text-align: left;
    }

    .inst-identidad[b-zoddq8eq9v] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .inst-historia[b-zoddq8eq9v] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .inst-documentos[b-zoddq8eq9v] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .inst-galeria[b-zoddq8eq9v] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .inst-galeria-grid[b-zoddq8eq9v] {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--cpe-spacing-sm);
    }
}
/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .inst-intro h2[b-zoddq8eq9v],
    .inst-documentos h2[b-zoddq8eq9v],
    .inst-galeria h2[b-zoddq8eq9v] {
        font-size: 1.3rem;
    }

    .inst-historia h2[b-zoddq8eq9v] {
        font-size: 1.3rem;
    }

    .inst-card[b-zoddq8eq9v] {
        padding: var(--cpe-spacing-lg);
    }

    .inst-card-header h3[b-zoddq8eq9v] {
        font-size: 1.1rem;
    }

    .inst-doc-card[b-zoddq8eq9v] {
        padding: var(--cpe-spacing-lg);
    }

    .inst-modal-content[b-zoddq8eq9v] {
        max-width: 100%;
    }
}
/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .inst-card:hover[b-zoddq8eq9v] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }

    .inst-doc-card:hover[b-zoddq8eq9v] {
        transform: none;
    }

    .inst-galeria-item:hover img[b-zoddq8eq9v] {
        transform: none;
    }

    .inst-galeria-overlay[b-zoddq8eq9v] {
        display: none;
    }
}
/* /Components/Pages/Interconectadas.razor.rz.scp.css */
.inter-contenido[b-gm33wp61p0] {
    padding: 2.5rem 0 3.5rem;
}

.inter-intro[b-gm33wp61p0] {
    text-align: center;
    color: #666;
    margin-bottom: 1.5rem;
}

/* ===== Mapa interactivo ===== */
.inter-mapa-wrap[b-gm33wp61p0] {
    max-width: 880px;
    margin: 0 auto 3rem;
}

.inter-mapa[b-gm33wp61p0] {
    position: relative;
    line-height: 0;
}

.inter-mapa-img[b-gm33wp61p0] {
    width: 100%;
    height: auto;
    display: block;
}

/* Hotspot transparente centrado sobre cada punto del SVG.
   El punto se mantiene en su color original; al pasar el mouse aparece un anillo. */
.inter-punto[b-gm33wp61p0] {
    position: absolute;
    width: 2.8%;
    aspect-ratio: 1 / 1;
    min-width: 16px;
    min-height: 16px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    cursor: pointer;
    background: transparent;
    transition: box-shadow 0.15s ease, background-color 0.15s ease;
}

    .inter-punto:hover[b-gm33wp61p0],
    .inter-punto:focus-visible[b-gm33wp61p0] {
        outline: none;
        background-color: rgba(0, 160, 228, 0.25);
        box-shadow: 0 0 0 3px rgba(0, 160, 228, 0.55);
    }

    .inter-punto-central:hover[b-gm33wp61p0],
    .inter-punto-central:focus-visible[b-gm33wp61p0] {
        background-color: rgba(237, 50, 55, 0.25);
        box-shadow: 0 0 0 3px rgba(237, 50, 55, 0.6);
    }

/* ===== Listado de localidades interconectadas ===== */
.inter-lista-titulo[b-gm33wp61p0] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cpe-azul-primario, #00a0e4);
    text-align: center;
    margin-bottom: 1.5rem;
}

.inter-lista[b-gm33wp61p0] {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 920px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.inter-lista-item[b-gm33wp61p0] {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .inter-lista-item:hover[b-gm33wp61p0] {
        border-color: var(--cpe-azul-primario, #00a0e4);
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }

/* Foto del frente de la localidad */
.inter-lista-foto[b-gm33wp61p0] {
    display: block;
    width: 100%;
    height: 150px;
    overflow: hidden;
    background: var(--cpe-fondo-beige, #f8f5ef);
}

    .inter-lista-foto img[b-gm33wp61p0] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
    }

.inter-lista-item:hover .inter-lista-foto img[b-gm33wp61p0] {
    transform: scale(1.04);
}

/* Placeholder cuando todavía no hay foto */
.inter-lista-foto-ph[b-gm33wp61p0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--cpe-azul-primario, #00a0e4);
    opacity: 0.45;
    font-size: 2.5rem;
}

.inter-lista-cuerpo[b-gm33wp61p0] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
}

.inter-lista-datos[b-gm33wp61p0] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.inter-lista-nombre[b-gm33wp61p0] {
    font-weight: 700;
    color: #2a2a2a;
}

.inter-lista-dir[b-gm33wp61p0] {
    font-size: 0.9rem;
    color: #777;
}

.inter-lista-flecha[b-gm33wp61p0] {
    color: #bbb;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.inter-lista-item:hover .inter-lista-flecha[b-gm33wp61p0] {
    color: var(--cpe-azul-primario, #00a0e4);
}
/* /Components/Pages/MapasTelec.razor.rz.scp.css */
.mapas-contenido[b-fsfl9cdrtd] {
    padding: 2.5rem 0 3rem;
}

[b-fsfl9cdrtd] .mapa-telec {
    border: 1px solid #dee2e6;
    border-radius: var(--cpe-border-radius, 8px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.mapa-telec-leyenda[b-fsfl9cdrtd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
    font-size: 0.9rem;
}

.mapa-telec-chip[b-fsfl9cdrtd] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 0.6rem;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 999px;
}

.mapa-telec-swatch[b-fsfl9cdrtd] {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    display: inline-block;
}

.mapas-actualizado[b-fsfl9cdrtd] {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 1rem;
}

.mapas-imagen-wrapper[b-fsfl9cdrtd] {
    text-align: center;
}

[b-fsfl9cdrtd] .mapas-img {
    max-width: 100%;
    height: auto;
    border: 1px solid #dee2e6;
    border-radius: var(--cpe-border-radius, 8px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    cursor: zoom-in;
    transition: box-shadow 0.2s;
}

    [b-fsfl9cdrtd] .mapas-img:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    }

/* Zoom overlay (mismo estilo que ComoLeerFactura) */
.factura-zoom-overlay[b-fsfl9cdrtd] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
}

.factura-zoom-cerrar[b-fsfl9cdrtd] {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 10000;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}

    .factura-zoom-cerrar:hover[b-fsfl9cdrtd] {
        background: white;
    }

.factura-zoom-contenedor[b-fsfl9cdrtd] {
    max-width: 95vw;
    max-height: 95vh;
    overflow: auto;
    cursor: default;
    -webkit-overflow-scrolling: touch;
}

[b-fsfl9cdrtd] .factura-zoom-img {
    display: block;
    max-width: none;
    width: auto;
    max-height: 95vh;
}

@media (max-width: 768px) {
    [b-fsfl9cdrtd] .factura-zoom-img {
        max-height: none;
        width: 180vw;
    }
}
/* /Components/Pages/MemoriaBalance.razor.rz.scp.css */
/* ==========================================
   Memoria y Balance - Scoped Styles
   ========================================== */

/* --- 2. Intro --- */
.myb-intro[b-rrrbff6hop] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.myb-intro-texto[b-rrrbff6hop] {
    max-width: 860px;
    margin: 0 auto;
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    text-align: center;
}

    .myb-intro-texto p[b-rrrbff6hop] {
        margin-bottom: var(--cpe-spacing-md);
    }

/* --- 3. Última Memoria (Destacada) --- */
.myb-featured[b-rrrbff6hop] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.myb-featured-badge[b-rrrbff6hop] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    background-color: var(--cpe-azul-primario);
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: var(--cpe-spacing-xs) var(--cpe-spacing-md);
    border-radius: 20px;
    margin-bottom: var(--cpe-spacing-lg);
}

.myb-featured-card[b-rrrbff6hop] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-lg);
    display: grid;
    grid-template-columns: 280px 1fr;
    overflow: hidden;
}

/* Imagen de tapa */
.myb-featured-imagen[b-rrrbff6hop] {
    position: relative;
    background-color: var(--cpe-fondo-claro);
    min-height: 300px;
    overflow: hidden;
}

    .myb-featured-imagen img[b-rrrbff6hop] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.myb-featured-imagen-placeholder[b-rrrbff6hop] {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--cpe-azul-claro) 0%, var(--cpe-fondo-claro) 100%);
}

    .myb-featured-imagen-placeholder i[b-rrrbff6hop] {
        font-size: 5rem;
        color: var(--cpe-azul-primario);
        opacity: 0.5;
    }

/* Cuando no hay imagen, mostrar placeholder */
.myb-featured-imagen.myb-sin-tapa .myb-featured-imagen-placeholder[b-rrrbff6hop] {
    display: flex;
}

/* Info de la derecha */
.myb-featured-info[b-rrrbff6hop] {
    padding: var(--cpe-spacing-xxl);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.myb-featured-num[b-rrrbff6hop] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--cpe-azul-primario);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: var(--cpe-spacing-sm);
}

.myb-featured-titulo[b-rrrbff6hop] {
    font-size: 2rem;
    font-weight: 300;
    color: var(--cpe-texto-oscuro);
    margin-bottom: var(--cpe-spacing-md);
    line-height: 1.2;
}

.myb-featured-ejercicio[b-rrrbff6hop] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    font-size: 1rem;
    color: var(--cpe-texto-gris);
    margin-bottom: var(--cpe-spacing-md);
}

    .myb-featured-ejercicio i[b-rrrbff6hop] {
        color: var(--cpe-azul-primario);
    }

.myb-featured-descripcion[b-rrrbff6hop] {
    font-size: 0.95rem;
    color: var(--cpe-texto-gris);
    line-height: 1.6;
    margin-bottom: var(--cpe-spacing-xl);
}

.myb-btn-descargar[b-rrrbff6hop] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    background-color: var(--cpe-azul-primario);
    color: white;
    padding: var(--cpe-spacing-md) var(--cpe-spacing-xl);
    border-radius: var(--cpe-border-radius);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    transition: var(--cpe-transition);
    align-self: flex-start;
}

    .myb-btn-descargar:hover[b-rrrbff6hop] {
        background-color: var(--cpe-azul-oscuro);
        color: white;
        box-shadow: var(--cpe-shadow-md);
    }

    .myb-btn-descargar i[b-rrrbff6hop] {
        font-size: 1.2rem;
    }

/* Skeleton loading */
.myb-featured-skeleton[b-rrrbff6hop] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-lg);
    display: grid;
    grid-template-columns: 280px 1fr;
    overflow: hidden;
    min-height: 280px;
}

.myb-skeleton-img[b-rrrbff6hop] {
    background: linear-gradient(90deg, var(--cpe-fondo-claro) 25%, #e0ddd7 50%, var(--cpe-fondo-claro) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer-b-rrrbff6hop 1.5s infinite;
}

.myb-skeleton-txt[b-rrrbff6hop] {
    padding: var(--cpe-spacing-xxl);
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-lg);
    justify-content: center;
}

.myb-skeleton-line[b-rrrbff6hop] {
    height: 16px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--cpe-fondo-claro) 25%, #e0ddd7 50%, var(--cpe-fondo-claro) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer-b-rrrbff6hop 1.5s infinite;
}

.myb-skeleton-line-lg[b-rrrbff6hop] { width: 60%; height: 32px; }
.myb-skeleton-line-md[b-rrrbff6hop] { width: 40%; }
.myb-skeleton-line-sm[b-rrrbff6hop] { width: 25%; height: 40px; border-radius: var(--cpe-border-radius); }

@keyframes skeleton-shimmer-b-rrrbff6hop {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* --- 4. Listado de Anteriores --- */
.myb-listado[b-rrrbff6hop] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.myb-listado-header[b-rrrbff6hop] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-md);
}

    .myb-listado-header .myb-listado-icono[b-rrrbff6hop] {
        display: inline-block;
        width: 1.8rem;
        height: 1.8rem;
        background-color: var(--cpe-azul-primario);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        flex-shrink: 0;
    }

    .myb-listado-header h2[b-rrrbff6hop] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.myb-listado-subtitulo[b-rrrbff6hop] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    margin-bottom: var(--cpe-spacing-xl);
}

.myb-tabla-wrapper[b-rrrbff6hop] {
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
}

.myb-tabla[b-rrrbff6hop] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

    .myb-tabla thead tr[b-rrrbff6hop] {
        background-color: var(--cpe-azul-oscuro);
        color: white;
    }

    .myb-tabla thead th[b-rrrbff6hop] {
        padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-align: left;
    }

    .myb-tabla tbody tr[b-rrrbff6hop] {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        transition: var(--cpe-transition);
    }

    .myb-tabla tbody tr:nth-child(even)[b-rrrbff6hop] {
        background-color: var(--cpe-fondo-beige);
    }

    .myb-tabla tbody tr:hover[b-rrrbff6hop] {
        background-color: var(--cpe-azul-claro);
    }

    .myb-tabla tbody td[b-rrrbff6hop] {
        padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
        vertical-align: middle;
        color: var(--cpe-texto-oscuro);
    }

.myb-tabla-num[b-rrrbff6hop] {
    font-weight: 700;
    color: var(--cpe-azul-oscuro) !important;
    width: 60px;
}

.myb-tabla-ejercicio[b-rrrbff6hop] {
    font-weight: 500;
    width: 140px;
}

.myb-tabla-periodo[b-rrrbff6hop] {
    color: var(--cpe-texto-gris) !important;
    font-size: 0.9rem;
}

.myb-tabla-accion[b-rrrbff6hop] {
    text-align: right;
    width: 130px;
}

.myb-btn-pdf[b-rrrbff6hop] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    background-color: transparent;
    border: 1px solid var(--cpe-azul-primario);
    color: var(--cpe-azul-primario);
    padding: var(--cpe-spacing-xs) var(--cpe-spacing-md);
    border-radius: var(--cpe-border-radius);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: var(--cpe-transition);
    white-space: nowrap;
}

    .myb-btn-pdf:hover[b-rrrbff6hop] {
        background-color: var(--cpe-azul-primario);
        color: white;
    }

.myb-sin-datos[b-rrrbff6hop] {
    text-align: center;
    padding: var(--cpe-spacing-xxl) 0;
    color: var(--cpe-texto-gris);
}

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .myb-featured-card[b-rrrbff6hop],
    .myb-featured-skeleton[b-rrrbff6hop] {
        grid-template-columns: 220px 1fr;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .myb-intro[b-rrrbff6hop] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .myb-intro-texto[b-rrrbff6hop] {
        text-align: left;
    }

    .myb-featured[b-rrrbff6hop] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .myb-featured-card[b-rrrbff6hop],
    .myb-featured-skeleton[b-rrrbff6hop] {
        grid-template-columns: 1fr;
    }

    .myb-featured-imagen[b-rrrbff6hop] {
        min-height: 200px;
    }

    .myb-featured-titulo[b-rrrbff6hop] {
        font-size: 1.5rem;
    }

    .myb-featured-info[b-rrrbff6hop] {
        padding: var(--cpe-spacing-xl);
    }

    .myb-skeleton-img[b-rrrbff6hop] {
        height: 200px;
    }

    .myb-tabla-periodo[b-rrrbff6hop] {
        display: none;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .myb-listado-header h2[b-rrrbff6hop] {
        font-size: 1.3rem;
    }

    .myb-tabla thead th:nth-child(3)[b-rrrbff6hop],
    .myb-tabla tbody td:nth-child(3)[b-rrrbff6hop] {
        display: none;
    }

    .myb-btn-pdf span[b-rrrbff6hop] {
        display: none;
    }

    .myb-btn-pdf[b-rrrbff6hop] {
        padding: var(--cpe-spacing-sm);
    }

        .myb-btn-pdf i[b-rrrbff6hop] {
            font-size: 1.1rem;
        }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .myb-tabla tbody tr:hover[b-rrrbff6hop] {
        background-color: unset;
    }

    .myb-tabla tbody tr:nth-child(even):hover[b-rrrbff6hop] {
        background-color: var(--cpe-fondo-beige);
    }

    .myb-btn-descargar:hover[b-rrrbff6hop] {
        box-shadow: none;
    }
}
/* /Components/Pages/Necrologicas.razor.rz.scp.css */
/* ==========================================
   Necrológicas - Scoped Styles
   ========================================== */

.nec-icono-header[b-zadh9x2s01] {
    width: 36px;
    height: 36px;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 4px;
}

/* --- 2. Contenido principal --- */
.nec-contenido[b-zadh9x2s01] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.nec-vacio[b-zadh9x2s01] {
    text-align: center;
    padding: var(--cpe-spacing-xxl) 0;
}

.nec-icono-vacio[b-zadh9x2s01] {
    width: 48px;
    height: 48px;
    object-fit: contain;
    opacity: 0.5;
    display: block;
    margin: 0 auto var(--cpe-spacing-md);
}

.nec-vacio p[b-zadh9x2s01] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
}

.nec-indicacion[b-zadh9x2s01] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    margin-bottom: var(--cpe-spacing-xl);
}

    .nec-indicacion i[b-zadh9x2s01] {
        color: var(--cpe-azul-primario);
        margin-right: var(--cpe-spacing-xs);
    }

.nec-layout[b-zadh9x2s01] {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

/* --- Listado (sidebar) --- */
.nec-listado-panel[b-zadh9x2s01] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-sm);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    position: sticky;
    top: 100px;
}

.nec-listado-header[b-zadh9x2s01] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    margin-bottom: var(--cpe-spacing-xs);
}

    .nec-listado-header i[b-zadh9x2s01] {
        font-size: 1.3rem;
        color: var(--cpe-azul-primario);
    }

    .nec-listado-header h3[b-zadh9x2s01] {
        font-size: 1.05rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.nec-listado-items[b-zadh9x2s01] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-xs);
    max-height: 450px;
    overflow-y: auto;
}

.nec-item[b-zadh9x2s01] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cpe-spacing-sm);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-md);
    background-color: var(--cpe-blanco);
    border: 1px solid transparent;
    border-radius: var(--cpe-border-radius-lg);
    cursor: pointer;
    transition: var(--cpe-transition);
    text-align: left;
    width: 100%;
}

    .nec-item:hover[b-zadh9x2s01] {
        border-color: var(--cpe-azul-primario);
        box-shadow: var(--cpe-shadow-sm);
    }

.nec-item-activo[b-zadh9x2s01] {
    border-color: var(--cpe-azul-primario);
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    box-shadow: var(--cpe-shadow-md);
}

    .nec-item-activo:hover[b-zadh9x2s01] {
        border-color: var(--cpe-azul-primario);
        box-shadow: var(--cpe-shadow-md);
    }

.nec-item-info[b-zadh9x2s01] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.nec-item-apellido[b-zadh9x2s01] {
    font-size: 0.95rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nec-item-nombre[b-zadh9x2s01] {
    font-size: 0.85rem;
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nec-item-flecha[b-zadh9x2s01] {
    font-size: 0.8rem;
    opacity: 0.5;
    flex-shrink: 0;
}

.nec-item-activo .nec-item-flecha[b-zadh9x2s01] {
    opacity: 1;
}

.nec-listado-nota[b-zadh9x2s01] {
    font-size: 0.78rem;
    color: var(--cpe-texto-gris);
    margin: var(--cpe-spacing-xs) 0 0 0;
    text-align: center;
}

/* --- Detalle --- */
.nec-detalle-panel[b-zadh9x2s01] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-lg);
}

.nec-detalle-card[b-zadh9x2s01] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    overflow: hidden;
    transition: var(--cpe-transition);
}

    .nec-detalle-card:hover[b-zadh9x2s01] {
        box-shadow: var(--cpe-shadow-md);
    }

.nec-detalle-header[b-zadh9x2s01] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
}

    .nec-detalle-header i[b-zadh9x2s01] {
        font-size: 1.5rem;
    }

    .nec-detalle-header h3[b-zadh9x2s01] {
        font-size: 1.15rem;
        font-weight: 600;
        margin: 0;
    }

.nec-detalle-body[b-zadh9x2s01] {
    padding: var(--cpe-spacing-xl);
}

    .nec-detalle-body p[b-zadh9x2s01] {
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.8;
        margin: 0;
    }

/* --- Condolencias --- */
.nec-condolencia-card[b-zadh9x2s01] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-verde);
    transition: var(--cpe-transition);
}

    .nec-condolencia-card:hover[b-zadh9x2s01] {
        box-shadow: var(--cpe-shadow-md);
    }

.nec-condolencia-header[b-zadh9x2s01] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    margin-bottom: var(--cpe-spacing-md);
}

    .nec-condolencia-header i[b-zadh9x2s01] {
        font-size: 1.3rem;
        color: var(--cpe-verde);
    }

    .nec-condolencia-header h3[b-zadh9x2s01] {
        font-size: 1.05rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.nec-condolencia-texto[b-zadh9x2s01] {
    font-size: 0.95rem;
    color: var(--cpe-texto-gris);
    line-height: 1.7;
    margin-bottom: var(--cpe-spacing-lg);
}

    .nec-condolencia-texto strong[b-zadh9x2s01] {
        color: var(--cpe-texto-oscuro);
    }

.nec-campo[b-zadh9x2s01] {
    margin-bottom: var(--cpe-spacing-md);
}

.nec-label[b-zadh9x2s01] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    margin-bottom: var(--cpe-spacing-xs);
}

.nec-botones[b-zadh9x2s01] {
    display: flex;
    gap: var(--cpe-spacing-sm);
    padding-top: var(--cpe-spacing-xs);
}

.nec-btn[b-zadh9x2s01] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-xl);
    border-radius: var(--cpe-border-radius-lg);
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid transparent;
    cursor: pointer;
    transition: var(--cpe-transition);
}

.nec-btn-primario[b-zadh9x2s01] {
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    border-color: var(--cpe-azul-primario);
}

    .nec-btn-primario:hover[b-zadh9x2s01] {
        background-color: var(--cpe-azul-oscuro);
        border-color: var(--cpe-azul-oscuro);
    }

.nec-btn-secundario[b-zadh9x2s01] {
    background-color: var(--cpe-blanco);
    color: var(--cpe-texto-gris);
    border-color: var(--cpe-texto-gris);
}

    .nec-btn-secundario:hover[b-zadh9x2s01] {
        background-color: var(--cpe-fondo-beige);
        color: var(--cpe-texto-oscuro);
    }

/* --- Alertas --- */
.nec-alerta[b-zadh9x2s01] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    border-radius: var(--cpe-border-radius-lg);
    font-size: 0.9rem;
    margin-top: var(--cpe-spacing-md);
}

.nec-alerta-exito[b-zadh9x2s01] {
    background-color: #d4edda;
    color: #155724;
    border-left: 4px solid var(--cpe-verde);
}

.nec-alerta-error[b-zadh9x2s01] {
    background-color: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .nec-layout[b-zadh9x2s01] {
        grid-template-columns: 1fr;
    }

    .nec-listado-panel[b-zadh9x2s01] {
        position: static;
    }

    .nec-listado-items[b-zadh9x2s01] {
        max-height: 300px;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .nec-contenido[b-zadh9x2s01] {
        padding: var(--cpe-spacing-xl) 0;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .nec-listado-panel[b-zadh9x2s01] {
        padding: var(--cpe-spacing-lg);
    }

    .nec-detalle-header h3[b-zadh9x2s01] {
        font-size: 1rem;
    }

    .nec-condolencia-card[b-zadh9x2s01] {
        padding: var(--cpe-spacing-lg);
    }

    .nec-botones[b-zadh9x2s01] {
        flex-direction: column;
    }

    .nec-btn[b-zadh9x2s01] {
        justify-content: center;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .nec-detalle-card:hover[b-zadh9x2s01],
    .nec-condolencia-card:hover[b-zadh9x2s01] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/NotaDePrensaDetalle.razor.rz.scp.css */
.noticia-detalle-contenido[b-riikl0zp92] {
    padding: 2.5rem 0 3rem;
}

.noticia-fecha[b-riikl0zp92] {
    font-size: 0.9rem;
    color: #777;
    text-transform: capitalize;
}

.noticia-titulo[b-riikl0zp92] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2a2a2a;
    margin-bottom: 0.5rem;
}

.noticia-subtitulo[b-riikl0zp92] {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.noticia-copete[b-riikl0zp92] {
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.6;
    color: #333;
}

.noticia-texto[b-riikl0zp92] {
    font-size: 1rem;
    line-height: 1.7;
    color: #444;
}

    .noticia-texto img[b-riikl0zp92] {
        max-width: 100%;
        height: auto;
        border-radius: 6px;
    }

[b-riikl0zp92] .carousel-item img {
    object-fit: cover;
    max-height: 450px;
}

[b-riikl0zp92] .carousel-control-prev-icon,
[b-riikl0zp92] .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 1.2rem;
}

[b-riikl0zp92] .carousel-indicators button {
    background-color: var(--cpe-azul-primario, #00a0e4);
}

/* --- Columna derecha: Lo ultimo --- */
.lo-ultimo-lateral[b-riikl0zp92] {
    position: sticky;
    top: 1.5rem;
}

.lo-ultimo-titulo[b-riikl0zp92] {
    font-weight: 700;
    color: var(--cpe-azul-primario, #00a0e4);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--cpe-azul-primario, #00a0e4);
}

.lo-ultimo-lista[b-riikl0zp92] {
    display: flex;
    flex-direction: column;
}

.lo-ultimo-item[b-riikl0zp92] {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 0.85rem 0;
    border-bottom: 1px solid #e7e7e7;
    border-left: 3px solid transparent;
    padding-left: 0.75rem;
    transition: border-color 0.2s, background-color 0.2s;
}

    .lo-ultimo-item:last-child[b-riikl0zp92] {
        border-bottom: none;
    }

    .lo-ultimo-item:hover[b-riikl0zp92] {
        border-left-color: var(--cpe-azul-primario, #00a0e4);
        background-color: #f0f9ff;
    }

.lo-ultimo-fecha[b-riikl0zp92] {
    display: block;
    font-size: 0.8rem;
    color: #888;
    margin-bottom: 0.25rem;
}

.lo-ultimo-item-titulo[b-riikl0zp92] {
    display: block;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.35;
    color: #2a2a2a;
}

.lo-ultimo-item:hover .lo-ultimo-item-titulo[b-riikl0zp92] {
    color: var(--cpe-azul-primario, #00a0e4);
}

.lo-ultimo-item-subtitulo[b-riikl0zp92] {
    display: block;
    font-size: 0.85rem;
    line-height: 1.35;
    color: #777;
    margin-top: 0.2rem;
}

/* --- Barra de busqueda (debajo de la nota) --- */
.np-filtro-barra[b-riikl0zp92] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    box-shadow: var(--cpe-shadow-sm);
}

.np-filtro-tipo[b-riikl0zp92] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
}

.np-filtro-input[b-riikl0zp92] {
    flex: 1 1 240px;
    min-width: 200px;
}

.np-filtro-botones[b-riikl0zp92] {
    display: flex;
    gap: var(--cpe-spacing-sm);
    margin-left: auto;
}

.np-btn-buscar[b-riikl0zp92] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.7rem;
}

.np-icono-lupa[b-riikl0zp92] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask-image: url('/_content/CPE.UI/iconos/lupa.svg');
    mask-image: url('/_content/CPE.UI/iconos/lupa.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
/* /Components/Pages/NotasDePrensa.razor.rz.scp.css */
/* ==========================================
   Notas de Prensa - Scoped Styles
   ========================================== */

.np-contenido[b-5kf99rlum0] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

/* --- Barra de filtros (horizontal, arriba) --- */
.np-filtro-barra[b-5kf99rlum0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    margin-bottom: var(--cpe-spacing-xl);
}

.np-filtro-titulo[b-5kf99rlum0] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    color: var(--cpe-texto-oscuro);
    font-weight: 600;
}

    .np-filtro-titulo i[b-5kf99rlum0] {
        font-size: 1.2rem;
        color: var(--cpe-azul-primario);
    }

.np-filtro-tipo[b-5kf99rlum0] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
}

.np-filtro-input[b-5kf99rlum0] {
    flex: 1 1 240px;
    min-width: 200px;
}

.np-filtro-botones[b-5kf99rlum0] {
    display: flex;
    gap: var(--cpe-spacing-sm);
    margin-left: auto;
}

.np-btn-buscar[b-5kf99rlum0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.7rem;
}

.np-icono-lupa[b-5kf99rlum0] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask-image: url('/_content/CPE.UI/iconos/lupa.svg');
    mask-image: url('/_content/CPE.UI/iconos/lupa.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.np-icono-notas[b-5kf99rlum0] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-color: var(--cpe-azul-primario);
    -webkit-mask-image: url('/_content/CPE.UI/iconos/notasPrensa.svg');
    mask-image: url('/_content/CPE.UI/iconos/notasPrensa.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
}

.np-icono-notas-grande[b-5kf99rlum0] {
    width: 3rem;
    height: 3rem;
    margin-left: auto;
    margin-right: auto;
}

.np-filtro-mensaje[b-5kf99rlum0] {
    flex-basis: 100%;
    margin: 0;
    text-align: center;
}

/* --- Encabezado de la seccion de resultados --- */
.np-section-header[b-5kf99rlum0] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .np-section-header i[b-5kf99rlum0] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .np-section-header h2[b-5kf99rlum0] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

/* ==========================================
   Grid estilo diario:
   PC (>=992px): 4 columnas. Primera card ocupa 2 cols (principal),
   las dos siguientes ocupan 1 col cada una. Resto: filas de 4.
   ========================================== */
.np-grid-diario[b-5kf99rlum0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--cpe-spacing-xxl);
}

.np-sentinel[b-5kf99rlum0] {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--cpe-spacing-xl);
}

.np-diario-card[b-5kf99rlum0] {
    display: flex;
    flex-direction: column;
    background-color: var(--cpe-azul-claro);
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
    text-decoration: none;
    color: inherit;
    transition: var(--cpe-transition);
}

    .np-diario-card:hover[b-5kf99rlum0] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-3px);
        text-decoration: none;
        color: inherit;
    }

    .np-diario-card.principal[b-5kf99rlum0] {
        grid-column: span 2;
    }

.np-diario-img[b-5kf99rlum0] {
    overflow: hidden;
    background-color: var(--cpe-fondo-beige);
}

    .np-diario-img img[b-5kf99rlum0] {
        width: 100%;
        height: 180px;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
    }

.np-diario-card.principal .np-diario-img img[b-5kf99rlum0] {
    height: 320px;
}

.np-diario-card:hover .np-diario-img img[b-5kf99rlum0] {
    transform: scale(1.03);
}

.np-diario-info[b-5kf99rlum0] {
    padding: var(--cpe-spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-sm);
    flex: 1;
}

.np-diario-fecha[b-5kf99rlum0] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    font-size: 0.8rem;
    color: var(--cpe-texto-gris);
}

    .np-diario-fecha i[b-5kf99rlum0] {
        color: var(--cpe-azul-primario);
        font-size: 0.75rem;
    }

.np-diario-categoria[b-5kf99rlum0] {
    color: var(--cpe-texto-gris);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.np-diario-titulo[b-5kf99rlum0] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--cpe-azul-oscuro);
    line-height: 1.3;
    margin: 0;
    transition: var(--cpe-transition);
}

.np-diario-card.principal .np-diario-titulo[b-5kf99rlum0] {
    font-size: 1.45rem;
    line-height: 1.25;
}

.np-diario-card:hover .np-diario-titulo[b-5kf99rlum0] {
    color: var(--cpe-azul-primario);
}

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: 2 columnas. La principal pasa a ocupar las 2 columnas (full row). */
@media (max-width: 992px) {
    .np-grid-diario[b-5kf99rlum0] {
        grid-template-columns: repeat(2, 1fr);
    }

    .np-diario-card.principal[b-5kf99rlum0] {
        grid-column: span 2;
    }

    .np-diario-card.principal .np-diario-img img[b-5kf99rlum0] {
        height: 260px;
    }
}

@media (max-width: 768px) {
    .np-contenido[b-5kf99rlum0] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .np-section-header h2[b-5kf99rlum0] {
        font-size: 1.4rem;
    }

    .np-section-header i[b-5kf99rlum0] {
        font-size: 1.5rem;
    }
}

/* Mobile: 1 columna apilada. */
@media (max-width: 576px) {
    .np-grid-diario[b-5kf99rlum0] {
        grid-template-columns: 1fr;
    }

    .np-diario-card.principal[b-5kf99rlum0] {
        grid-column: span 1;
    }

    .np-diario-img img[b-5kf99rlum0],
    .np-diario-card.principal .np-diario-img img[b-5kf99rlum0] {
        height: 200px;
    }

    .np-diario-card.principal .np-diario-titulo[b-5kf99rlum0] {
        font-size: 1.2rem;
    }

    .np-filtro-barra[b-5kf99rlum0] {
        padding: var(--cpe-spacing-md);
    }

    .np-filtro-botones[b-5kf99rlum0] {
        margin-left: 0;
        width: 100%;
        justify-content: flex-end;
    }

    .np-section-header h2[b-5kf99rlum0] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .np-diario-card:hover[b-5kf99rlum0] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }

    .np-diario-card:hover .np-diario-img img[b-5kf99rlum0] {
        transform: none;
    }
}
/* /Components/Pages/NuestraActividad.razor.rz.scp.css */
/* ==========================================
   Nuestra Actividad - Scoped Styles
   ========================================== */

/* --- Intro --- */
.na-intro[b-br1ume0rkz] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.na-intro-contenido[b-br1ume0rkz] {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

    .na-intro-contenido p[b-br1ume0rkz] {
        color: var(--cpe-texto-gris);
        font-size: 1.1rem;
        line-height: 1.8;
        margin: 0;
    }

/* --- Secciones --- */
.na-seccion[b-br1ume0rkz] {
    padding: var(--cpe-spacing-xxl) 0;
}

.na-seccion-principales[b-br1ume0rkz] {
    background-color: var(--cpe-fondo-beige);
}

.na-seccion-comerciales[b-br1ume0rkz] {
    background-color: var(--cpe-blanco);
}

.na-seccion-sociales[b-br1ume0rkz] {
    background-color: var(--cpe-fondo-beige);
}

.na-seccion-otros[b-br1ume0rkz] {
    background-color: var(--cpe-blanco);
}

/* --- Header de sección --- */
.na-seccion-header[b-br1ume0rkz] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-lg);
    margin-bottom: var(--cpe-spacing-xl);
}

    .na-seccion-header h2[b-br1ume0rkz] {
        font-size: 1.6rem;
        font-weight: 600;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.na-seccion-desc[b-br1ume0rkz] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    margin: 4px 0 0;
    line-height: 1.5;
}

.na-seccion-icono[b-br1ume0rkz] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .na-seccion-icono i[b-br1ume0rkz] {
        font-size: 1.6rem;
        color: var(--cpe-blanco);
    }

.na-icono-principales[b-br1ume0rkz] {
    background: linear-gradient(135deg, var(--cpe-azul-primario), var(--cpe-azul-oscuro));
}

.na-icono-comerciales[b-br1ume0rkz] {
    background: linear-gradient(135deg, var(--cpe-verde), #5a9400);
}

.na-icono-sociales[b-br1ume0rkz] {
    background: linear-gradient(135deg, #e06070, #c0404f);
}

.na-icono-otros[b-br1ume0rkz] {
    background: linear-gradient(135deg, var(--cpe-amarillo), #a0b200);
}

/* --- Grillas de cards --- */
.na-cards[b-br1ume0rkz] {
    display: grid;
    gap: var(--cpe-spacing-lg);
}

.na-cards-2[b-br1ume0rkz] {
    grid-template-columns: repeat(2, 1fr);
}

.na-cards-3[b-br1ume0rkz] {
    grid-template-columns: repeat(3, 1fr);
}

.na-cards-4[b-br1ume0rkz] {
    grid-template-columns: repeat(4, 1fr);
}

/* --- Card base --- */
.na-card[b-br1ume0rkz] {
    display: flex;
    flex-direction: column;
    padding: var(--cpe-spacing-xl);
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    text-decoration: none;
    transition: var(--cpe-transition);
    box-shadow: var(--cpe-shadow-sm);
    border-top: 3px solid transparent;
}

    .na-card:hover[b-br1ume0rkz] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
        text-decoration: none;
    }

    .na-card h3[b-br1ume0rkz] {
        font-size: 1.05rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0 0 var(--cpe-spacing-sm);
    }

    .na-card p[b-br1ume0rkz] {
        font-size: 0.9rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
        margin: 0;
        flex-grow: 1;
    }

.na-card-icono[b-br1ume0rkz] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: var(--cpe-azul-claro);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--cpe-spacing-md);
}

    .na-card-icono i[b-br1ume0rkz] {
        font-size: 1.4rem;
        color: var(--cpe-azul-primario);
    }

.na-card-link[b-br1ume0rkz] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    margin-top: var(--cpe-spacing-md);
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .na-card-link i[b-br1ume0rkz] {
        font-size: 0.75rem;
        transition: var(--cpe-transition);
    }

.na-card:hover .na-card-link i[b-br1ume0rkz] {
    transform: translateX(4px);
}

/* --- Card principal (más grande) --- */
.na-card-principal[b-br1ume0rkz] {
    padding: var(--cpe-spacing-xxl) var(--cpe-spacing-xl);
}

    .na-card-principal:hover[b-br1ume0rkz] {
        border-top-color: var(--cpe-azul-primario);
    }

    .na-card-principal .na-card-icono[b-br1ume0rkz] {
        width: 64px;
        height: 64px;
        background: linear-gradient(135deg, var(--cpe-azul-primario), var(--cpe-azul-oscuro));
        margin-bottom: var(--cpe-spacing-lg);
    }

        .na-card-principal .na-card-icono i[b-br1ume0rkz] {
            font-size: 1.8rem;
            color: var(--cpe-blanco);
        }

    .na-card-principal h3[b-br1ume0rkz] {
        font-size: 1.3rem;
    }

    .na-card-principal p[b-br1ume0rkz] {
        font-size: 0.95rem;
    }

/* --- Fondo alternado para cards en secciones beige --- */
.na-seccion-principales .na-card[b-br1ume0rkz],
.na-seccion-sociales .na-card[b-br1ume0rkz] {
    background-color: var(--cpe-blanco);
}

.na-seccion-comerciales .na-card[b-br1ume0rkz],
.na-seccion-otros .na-card[b-br1ume0rkz] {
    background-color: var(--cpe-fondo-beige);
}

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 992px) {
    .na-cards-4[b-br1ume0rkz] {
        grid-template-columns: repeat(2, 1fr);
    }

    .na-cards-3[b-br1ume0rkz] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .na-intro[b-br1ume0rkz],
    .na-seccion[b-br1ume0rkz] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .na-intro-contenido p[b-br1ume0rkz] {
        font-size: 1rem;
        text-align: left;
    }

    .na-seccion-header h2[b-br1ume0rkz] {
        font-size: 1.3rem;
    }

    .na-seccion-desc[b-br1ume0rkz] {
        font-size: 0.9rem;
    }

    .na-cards-2[b-br1ume0rkz] {
        grid-template-columns: 1fr;
    }

    .na-card-principal[b-br1ume0rkz] {
        padding: var(--cpe-spacing-xl);
    }

        .na-card-principal h3[b-br1ume0rkz] {
            font-size: 1.15rem;
        }
}

@media (max-width: 576px) {
    .na-seccion-header[b-br1ume0rkz] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--cpe-spacing-md);
    }

    .na-seccion-icono[b-br1ume0rkz] {
        width: 48px;
        height: 48px;
    }

        .na-seccion-icono i[b-br1ume0rkz] {
            font-size: 1.3rem;
        }

    .na-seccion-header h2[b-br1ume0rkz] {
        font-size: 1.2rem;
    }

    .na-cards-3[b-br1ume0rkz],
    .na-cards-4[b-br1ume0rkz] {
        grid-template-columns: 1fr;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .na-card:hover[b-br1ume0rkz] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }

    .na-card:hover .na-card-link i[b-br1ume0rkz] {
        transform: none;
    }
}
/* /Components/Pages/Ortopedia.razor.rz.scp.css */
/* ==========================================
   Ortopedia - Scoped Styles
   ========================================== */

/* CTA Adhesion */
.ort-cta-adhesion[b-nseao9aj9m] {
    padding: var(--cpe-spacing-lg) 0;
    background-color: var(--cpe-azul-primario, #00a0e4);
}

.ort-btn-adhesion[b-nseao9aj9m] {
    display: inline-flex;
    align-items: center;
    color: white;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 0.75rem 2rem;
    border: 2px solid white;
    border-radius: 30px;
    transition: background 0.2s, color 0.2s;
}

    .ort-btn-adhesion:hover[b-nseao9aj9m] {
        background: white;
        color: var(--cpe-azul-primario, #00a0e4);
    }

/* --- 2. Introduccion --- */
.ort-intro[b-nseao9aj9m] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.ort-intro-grid[b-nseao9aj9m] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.ort-intro-texto h2[b-nseao9aj9m] {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-lg);
}

.ort-intro-texto p[b-nseao9aj9m] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

/* Datos destacados (sidebar) */
.ort-intro-datos[b-nseao9aj9m] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
    position: sticky;
    top: 100px;
}

.ort-dato-card[b-nseao9aj9m] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .ort-dato-card:hover[b-nseao9aj9m] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .ort-dato-card i[b-nseao9aj9m] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
        margin-top: 2px;
    }

    .ort-dato-card div[b-nseao9aj9m] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

.ort-dato-label[b-nseao9aj9m] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
}

.ort-dato-valor[b-nseao9aj9m] {
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
}

/* --- 3. Requisitos --- */
.ort-requisitos[b-nseao9aj9m] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.ort-req-grid[b-nseao9aj9m] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-xl);
}

.ort-req-card[b-nseao9aj9m] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .ort-req-card:hover[b-nseao9aj9m] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.ort-req-card-alerta[b-nseao9aj9m] {
    border-left-color: var(--cpe-verde);
}

.ort-req-header[b-nseao9aj9m] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-lg);
}

    .ort-req-header i[b-nseao9aj9m] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .ort-req-header h3[b-nseao9aj9m] {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.ort-req-card-alerta .ort-req-header i[b-nseao9aj9m] {
    color: var(--cpe-verde);
}

.ort-req-lista[b-nseao9aj9m] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .ort-req-lista li[b-nseao9aj9m] {
        position: relative;
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: var(--cpe-spacing-sm);
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
    }

        .ort-req-lista li[b-nseao9aj9m]::before {
            content: "\F285";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: var(--cpe-azul-primario);
            font-size: 0.7rem;
            top: 4px;
        }

.ort-req-card-alerta .ort-req-lista li[b-nseao9aj9m]::before {
    color: var(--cpe-verde);
}

.ort-req-sublista[b-nseao9aj9m] {
    list-style: none;
    padding: 0;
    margin: var(--cpe-spacing-sm) 0 0 var(--cpe-spacing-md);
}

    .ort-req-sublista li[b-nseao9aj9m] {
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: var(--cpe-spacing-xs);
        font-size: 0.9rem;
    }

        .ort-req-sublista li[b-nseao9aj9m]::before {
            content: "\F287";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: var(--cpe-azul-primario);
            font-size: 0.6rem;
            top: 5px;
        }

/* --- 4. Elementos disponibles --- */
.ort-elementos[b-nseao9aj9m] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.ort-section-header[b-nseao9aj9m] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .ort-section-header i[b-nseao9aj9m] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .ort-section-header h2[b-nseao9aj9m] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.ort-elementos-grid[b-nseao9aj9m] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-lg);
}

.ort-elemento-card[b-nseao9aj9m] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .ort-elemento-card:hover[b-nseao9aj9m] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .ort-elemento-card i[b-nseao9aj9m] {
        font-size: 1.8rem;
        color: var(--cpe-azul-primario);
    }

    .ort-elemento-card span[b-nseao9aj9m] {
        font-size: 1.05rem;
        font-weight: 500;
        color: var(--cpe-texto-oscuro);
    }

/* --- 5. Galeria --- */
.ort-galeria[b-nseao9aj9m] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.ort-galeria-carousel[b-nseao9aj9m] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-lg);
}

.ort-galeria-img[b-nseao9aj9m] {
    width: 100%;
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    object-fit: cover;
    aspect-ratio: 16 / 10;
    transition: var(--cpe-transition);
}

    .ort-galeria-img:hover[b-nseao9aj9m] {
        box-shadow: var(--cpe-shadow-lg);
        transform: scale(1.02);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .ort-intro-grid[b-nseao9aj9m] {
        grid-template-columns: 1fr;
    }

    .ort-intro-datos[b-nseao9aj9m] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ort-dato-card[b-nseao9aj9m] {
        flex: 1 1 250px;
    }

    .ort-elementos-grid[b-nseao9aj9m] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .ort-intro[b-nseao9aj9m],
    .ort-requisitos[b-nseao9aj9m],
    .ort-elementos[b-nseao9aj9m],
    .ort-galeria[b-nseao9aj9m] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .ort-req-grid[b-nseao9aj9m] {
        grid-template-columns: 1fr;
        gap: var(--cpe-spacing-lg);
    }

    .ort-galeria-carousel[b-nseao9aj9m] {
        grid-template-columns: 1fr;
    }

    .ort-section-header h2[b-nseao9aj9m] {
        font-size: 1.4rem;
    }

    .ort-section-header i[b-nseao9aj9m] {
        font-size: 1.5rem;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .ort-intro-texto h2[b-nseao9aj9m] {
        font-size: 1.5rem;
    }

    .ort-intro-datos[b-nseao9aj9m] {
        flex-direction: column;
    }

    .ort-dato-card[b-nseao9aj9m] {
        flex: 1 1 100%;
    }

    .ort-elementos-grid[b-nseao9aj9m] {
        grid-template-columns: 1fr;
    }

    .ort-req-card[b-nseao9aj9m] {
        padding: var(--cpe-spacing-lg);
    }

    .ort-req-header i[b-nseao9aj9m] {
        font-size: 1.5rem;
    }

    .ort-req-header h3[b-nseao9aj9m] {
        font-size: 1rem;
    }

    .ort-section-header h2[b-nseao9aj9m] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .ort-dato-card:hover[b-nseao9aj9m],
    .ort-req-card:hover[b-nseao9aj9m],
    .ort-elemento-card:hover[b-nseao9aj9m],
    .ort-galeria-img:hover[b-nseao9aj9m] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/PlantaDeGas.razor.rz.scp.css */
/* ==========================================
   Planta de Gas - Scoped Styles
   ========================================== */

/* --- 2. Introduccion --- */
.gas-intro[b-mc8htgkjna] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.gas-intro-grid[b-mc8htgkjna] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.gas-intro-texto h2[b-mc8htgkjna] {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-lg);
}

.gas-intro-texto p[b-mc8htgkjna] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

/* Datos destacados (sidebar) */
.gas-intro-datos[b-mc8htgkjna] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
    position: sticky;
    top: 100px;
}

.gas-dato-card[b-mc8htgkjna] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .gas-dato-card:hover[b-mc8htgkjna] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .gas-dato-card i[b-mc8htgkjna] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
        margin-top: 2px;
    }

    .gas-dato-card div[b-mc8htgkjna] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

.gas-dato-label[b-mc8htgkjna] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
}

.gas-dato-valor[b-mc8htgkjna] {
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
}

.gas-dato-mapa[b-mc8htgkjna] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-azul-primario);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    border: 1px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
    justify-content: center;
}

    .gas-dato-mapa:hover[b-mc8htgkjna] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

/* --- 3. Galeria --- */
.gas-galeria[b-mc8htgkjna] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.gas-galeria-grid[b-mc8htgkjna] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-lg);
}

.gas-galeria-img[b-mc8htgkjna] {
    width: 100%;
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    object-fit: cover;
    aspect-ratio: 16 / 10;
    transition: var(--cpe-transition);
}

    .gas-galeria-img:hover[b-mc8htgkjna] {
        box-shadow: var(--cpe-shadow-lg);
        transform: scale(1.02);
    }

/* --- 4. Productos / Servicios / Cobertura --- */
.gas-info[b-mc8htgkjna] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.gas-info-grid[b-mc8htgkjna] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-xl);
}

.gas-info-card[b-mc8htgkjna] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .gas-info-card:hover[b-mc8htgkjna] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

    .gas-info-card p[b-mc8htgkjna] {
        color: var(--cpe-texto-gris);
        line-height: 1.7;
        font-size: 0.95rem;
        margin-bottom: var(--cpe-spacing-sm);
    }

.gas-info-card-verde[b-mc8htgkjna] {
    border-left-color: var(--cpe-verde);
}

.gas-info-card-naranja[b-mc8htgkjna] {
    border-left-color: #e67e22;
}

.gas-info-header[b-mc8htgkjna] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-lg);
}

    .gas-info-header i[b-mc8htgkjna] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .gas-info-header h3[b-mc8htgkjna] {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.gas-info-card-verde .gas-info-header i[b-mc8htgkjna] {
    color: var(--cpe-verde);
}

.gas-info-card-naranja .gas-info-header i[b-mc8htgkjna] {
    color: #e67e22;
}

.gas-info-lista[b-mc8htgkjna] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .gas-info-lista li[b-mc8htgkjna] {
        position: relative;
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: var(--cpe-spacing-sm);
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
    }

        .gas-info-lista li[b-mc8htgkjna]::before {
            content: "\F285";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: var(--cpe-verde);
            font-size: 0.7rem;
            top: 4px;
        }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .gas-intro-grid[b-mc8htgkjna] {
        grid-template-columns: 1fr;
    }

    .gas-intro-datos[b-mc8htgkjna] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .gas-dato-card[b-mc8htgkjna] {
        flex: 1 1 250px;
    }

    .gas-dato-mapa[b-mc8htgkjna] {
        flex: 1 1 100%;
    }

    .gas-info-grid[b-mc8htgkjna] {
        grid-template-columns: 1fr;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .gas-intro[b-mc8htgkjna],
    .gas-galeria[b-mc8htgkjna],
    .gas-info[b-mc8htgkjna] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .gas-galeria-grid[b-mc8htgkjna] {
        grid-template-columns: 1fr;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .gas-intro-texto h2[b-mc8htgkjna] {
        font-size: 1.5rem;
    }

    .gas-intro-datos[b-mc8htgkjna] {
        flex-direction: column;
    }

    .gas-dato-card[b-mc8htgkjna] {
        flex: 1 1 100%;
    }

    .gas-info-card[b-mc8htgkjna] {
        padding: var(--cpe-spacing-lg);
    }

    .gas-info-header i[b-mc8htgkjna] {
        font-size: 1.5rem;
    }

    .gas-info-header h3[b-mc8htgkjna] {
        font-size: 1rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .gas-dato-card:hover[b-mc8htgkjna],
    .gas-info-card:hover[b-mc8htgkjna],
    .gas-galeria-img:hover[b-mc8htgkjna] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/PortalEnergia.razor.rz.scp.css */
/* ==========================================
   Portal Energia - Scoped Styles
   ========================================== */

/* --- 2. Intro --- */
.pe-intro[b-vk5n1oj3a8] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.pe-intro-grid[b-vk5n1oj3a8] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--cpe-spacing-xxl);
    align-items: center;
}

.pe-intro-contenido h2[b-vk5n1oj3a8] {
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-xl);
}

.pe-intro-datos[b-vk5n1oj3a8] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-lg);
}

.pe-dato[b-vk5n1oj3a8] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
}

    .pe-dato > i[b-vk5n1oj3a8] {
        font-size: 1.4rem;
        color: var(--cpe-azul-primario);
        margin-top: 2px;
    }

    .pe-dato > div[b-vk5n1oj3a8] {
        display: flex;
        flex-direction: column;
    }

.pe-dato-label[b-vk5n1oj3a8] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-texto-gris);
}

.pe-dato-valor[b-vk5n1oj3a8] {
    font-size: 1.05rem;
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
}

.pe-intro-icono[b-vk5n1oj3a8] {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--cpe-azul-primario), var(--cpe-azul-oscuro));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .pe-intro-icono i[b-vk5n1oj3a8] {
        font-size: 4rem;
        color: var(--cpe-blanco);
    }

/* --- 3. Sistema electrico --- */
.pe-sistema[b-vk5n1oj3a8] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.pe-sistema-header[b-vk5n1oj3a8] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .pe-sistema-header i[b-vk5n1oj3a8] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .pe-sistema-header h2[b-vk5n1oj3a8] {
        font-size: 1.8rem;
        font-weight: 300;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.pe-sistema-contenido[b-vk5n1oj3a8] {
    max-width: 900px;
}

    .pe-sistema-contenido p[b-vk5n1oj3a8] {
        color: var(--cpe-texto-gris);
        font-size: 0.95rem;
        line-height: 1.8;
        margin-bottom: var(--cpe-spacing-md);
    }

    .pe-sistema-contenido p:last-child[b-vk5n1oj3a8] {
        margin-bottom: 0;
    }

/* --- 4. Estadisticas --- */
.pe-estadisticas[b-vk5n1oj3a8] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-oscuro);
    color: var(--cpe-blanco);
}

.pe-stats-grid[b-vk5n1oj3a8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-xxl);
    max-width: 700px;
    margin: 0 auto;
}

.pe-stat-card[b-vk5n1oj3a8] {
    text-align: center;
    padding: var(--cpe-spacing-xl);
}

.pe-stat-icono[b-vk5n1oj3a8] {
    font-size: 2.5rem;
    color: var(--cpe-amarillo);
    margin-bottom: var(--cpe-spacing-md);
}

.pe-stat-numero[b-vk5n1oj3a8] {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: var(--cpe-spacing-sm);
}

.pe-stat-label[b-vk5n1oj3a8] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.75);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- 5. Mapa --- */
.pe-mapa[b-vk5n1oj3a8] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

    .pe-mapa h2[b-vk5n1oj3a8] {
        text-align: center;
        font-size: 1.8rem;
        font-weight: 300;
        color: var(--cpe-azul-oscuro);
        margin-bottom: var(--cpe-spacing-xs);
    }

.pe-mapa-subtitulo[b-vk5n1oj3a8] {
    text-align: center;
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    margin-bottom: var(--cpe-spacing-xl);
}

.pe-mapa-contenedor[b-vk5n1oj3a8] {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

    .pe-mapa-contenedor img[b-vk5n1oj3a8] {
        max-width: 100%;
        height: auto;
        border-radius: var(--cpe-border-radius-lg);
        box-shadow: var(--cpe-shadow-md);
    }

/* --- 6. Accesos rapidos --- */
.pe-accesos[b-vk5n1oj3a8] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

    .pe-accesos h2[b-vk5n1oj3a8] {
        text-align: center;
        font-size: 1.8rem;
        font-weight: 300;
        color: var(--cpe-azul-oscuro);
        margin-bottom: var(--cpe-spacing-xl);
    }

.pe-accesos-grid[b-vk5n1oj3a8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--cpe-spacing-lg);
}

.pe-acceso-card[b-vk5n1oj3a8] {
    text-align: center;
    padding: var(--cpe-spacing-xl);
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    text-decoration: none;
    transition: var(--cpe-transition);
    box-shadow: var(--cpe-shadow-sm);
    border-top: 3px solid transparent;
}

    .pe-acceso-card:hover[b-vk5n1oj3a8] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
        border-top-color: var(--cpe-azul-primario);
        text-decoration: none;
    }

    .pe-acceso-card h3[b-vk5n1oj3a8] {
        font-size: 1rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin-bottom: var(--cpe-spacing-xs);
    }

    .pe-acceso-card p[b-vk5n1oj3a8] {
        font-size: 0.85rem;
        color: var(--cpe-texto-gris);
        margin: 0;
        line-height: 1.4;
    }

.pe-acceso-icono[b-vk5n1oj3a8] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: rgba(0, 105, 180, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--cpe-spacing-md);
}

    .pe-acceso-icono i[b-vk5n1oj3a8] {
        font-size: 1.6rem;
        color: var(--cpe-azul-primario);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 992px) {
    .pe-accesos-grid[b-vk5n1oj3a8] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .pe-intro[b-vk5n1oj3a8],
    .pe-sistema[b-vk5n1oj3a8],
    .pe-estadisticas[b-vk5n1oj3a8],
    .pe-mapa[b-vk5n1oj3a8],
    .pe-accesos[b-vk5n1oj3a8] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .pe-intro-grid[b-vk5n1oj3a8] {
        grid-template-columns: 1fr;
        gap: var(--cpe-spacing-lg);
    }

    .pe-intro-icono[b-vk5n1oj3a8] {
        display: none;
    }

    .pe-intro-contenido h2[b-vk5n1oj3a8],
    .pe-sistema-header h2[b-vk5n1oj3a8] {
        font-size: 1.4rem;
    }

    .pe-stats-grid[b-vk5n1oj3a8] {
        gap: var(--cpe-spacing-lg);
    }

    .pe-stat-numero[b-vk5n1oj3a8] {
        font-size: 2.2rem;
    }

    .pe-mapa h2[b-vk5n1oj3a8],
    .pe-accesos h2[b-vk5n1oj3a8] {
        font-size: 1.4rem;
    }
}

@media (max-width: 576px) {
    .pe-intro-contenido h2[b-vk5n1oj3a8],
    .pe-sistema-header h2[b-vk5n1oj3a8],
    .pe-mapa h2[b-vk5n1oj3a8],
    .pe-accesos h2[b-vk5n1oj3a8] {
        font-size: 1.3rem;
    }

    .pe-sistema-header i[b-vk5n1oj3a8] {
        font-size: 1.5rem;
    }

    .pe-stats-grid[b-vk5n1oj3a8] {
        grid-template-columns: 1fr;
    }

    .pe-accesos-grid[b-vk5n1oj3a8] {
        grid-template-columns: 1fr;
    }

    .pe-stat-numero[b-vk5n1oj3a8] {
        font-size: 2rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .pe-acceso-card:hover[b-vk5n1oj3a8] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/PortalServiciosSociales.razor.rz.scp.css */
/* ==========================================
   Portal Servicios Sociales - Scoped Styles
   ========================================== */

/* --- Sección: Necrológicas recientes + Adhesión online --- */
.pss-recientes-y-adhesion[b-juc8tw5sqe] {
    padding: var(--cpe-spacing-xl) 0;
    background-color: var(--cpe-fondo-beige, #f9f6f1);
}

/* ----- Panel: Necrológicas recientes ----- */
.pss-necro-panel[b-juc8tw5sqe] {
    background: #ffffff;
    border-radius: var(--cpe-border-radius-lg, 12px);
    border: 1px solid #e0e0e0;
    padding: 1.5rem 1.75rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pss-necro-header[b-juc8tw5sqe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #eee;
}

    .pss-necro-header h3[b-juc8tw5sqe] {
        font-size: 1.25rem;
        color: var(--cpe-azul-oscuro, #003d6b);
        font-weight: 600;
        margin: 0;
    }

.pss-necro-icono[b-juc8tw5sqe] {
    width: 28px;
    height: 28px;
}

.pss-necro-cargando[b-juc8tw5sqe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--cpe-texto-gris, #666);
    padding: 1.5rem 0;
}

.pss-necro-vacio[b-juc8tw5sqe] {
    color: var(--cpe-texto-gris, #666);
    font-style: italic;
    padding: 1rem 0;
    margin: 0;
}

.pss-necro-lista[b-juc8tw5sqe] {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.5rem;
    flex: 1;
}

.pss-necro-item[b-juc8tw5sqe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    background: var(--cpe-fondo-beige, #f9f6f1);
    border-radius: var(--cpe-border-radius, 8px);
    text-decoration: none;
    color: var(--cpe-texto-oscuro, #333);
    transition: background 0.2s, transform 0.15s;
    border-left: 3px solid var(--cpe-azul-primario, #00a0e4);
}

    .pss-necro-item:hover[b-juc8tw5sqe] {
        background: #eef4f9;
        color: var(--cpe-azul-oscuro, #003d6b);
        transform: translateX(2px);
    }

.pss-necro-apellido[b-juc8tw5sqe] {
    font-weight: 600;
    color: var(--cpe-azul-oscuro, #003d6b);
}

.pss-necro-nombre[b-juc8tw5sqe] {
    color: var(--cpe-texto-gris, #666);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pss-necro-flecha[b-juc8tw5sqe] {
    color: var(--cpe-azul-primario, #00a0e4);
    font-size: 0.85rem;
}

.pss-necro-footer[b-juc8tw5sqe] {
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid #eee;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pss-necro-link[b-juc8tw5sqe] {
    font-weight: 600;
    color: var(--cpe-azul-primario, #00a0e4);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    align-self: flex-start;
}

    .pss-necro-link:hover[b-juc8tw5sqe] {
        color: var(--cpe-azul-oscuro, #003d6b);
    }

.pss-necro-nota[b-juc8tw5sqe] {
    font-size: 0.8rem;
    color: var(--cpe-texto-gris, #666);
    margin: 0;
}

/* ----- Bloque: Adhesión online ----- */
.pss-adhesion-card[b-juc8tw5sqe] {
    background: linear-gradient(135deg, var(--cpe-azul-oscuro, #003d6b) 0%, var(--cpe-azul-primario, #00a0e4) 100%);
    border-radius: var(--cpe-border-radius-lg, 12px);
    padding: 2rem 1.75rem;
    color: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.pss-adhesion-icono[b-juc8tw5sqe] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: #ffffff;
}

.pss-adhesion-card h3[b-juc8tw5sqe] {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
    color: #ffffff;
}

.pss-adhesion-card p[b-juc8tw5sqe] {
    font-size: 0.95rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.92);
    margin: 0;
}

.pss-adhesion-btn[b-juc8tw5sqe] {
    margin-top: auto;
    background: #ffffff;
    color: var(--cpe-azul-oscuro, #003d6b);
    font-weight: 600;
    text-decoration: none;
    padding: 0.65rem 1.25rem;
    border-radius: var(--cpe-border-radius, 8px);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: background 0.2s, transform 0.15s;
}

    .pss-adhesion-btn:hover[b-juc8tw5sqe] {
        background: var(--cpe-fondo-beige, #f9f6f1);
        color: var(--cpe-azul-oscuro, #003d6b);
        transform: translateX(2px);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 992px) {
    .pss-recientes-y-adhesion[b-juc8tw5sqe] {
        padding: var(--cpe-spacing-lg, 1.5rem) 0;
    }

    .pss-necro-panel[b-juc8tw5sqe],
    .pss-adhesion-card[b-juc8tw5sqe] {
        padding: 1.25rem;
    }

    .pss-necro-lista[b-juc8tw5sqe] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .pss-necro-header h3[b-juc8tw5sqe] {
        font-size: 1.1rem;
    }

    .pss-adhesion-card h3[b-juc8tw5sqe] {
        font-size: 1.2rem;
    }
}
/* /Components/Pages/PortalTelecomunicaciones.razor.rz.scp.css */
/* ==========================================
   Portal Telecomunicaciones - Scoped Styles
   ========================================== */

/* --- 3. Banner Sensa + CPEtv en vivo --- */
.pt-sensa-y-tv[b-8aj161j7ae] {
    padding: var(--cpe-spacing-xl) 0;
    background-color: var(--cpe-fondo-beige, #f9f6f1);
}

.pt-sensa-banner[b-8aj161j7ae] {
    display: flex;
    align-items: stretch;
    background: #ffffff;
    border-radius: var(--cpe-border-radius-lg, 12px);
    overflow: hidden;
    text-decoration: none;
    color: #333;
    border: 1px solid #e0e0e0;
    transition: box-shadow 0.3s, transform 0.2s;
    height: 100%;
    min-height: 280px;
}

    .pt-sensa-banner:hover[b-8aj161j7ae] {
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
        color: #333;
    }

.pt-sensa-banner-contenido[b-8aj161j7ae] {
    flex: 1;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pt-sensa-logo[b-8aj161j7ae] {
    max-width: 160px;
    height: auto;
    margin-bottom: 1rem;
}

.pt-sensa-texto[b-8aj161j7ae] {
    font-size: 1rem;
    line-height: 1.6;
    color: #666;
    margin-bottom: 1rem;
}

.pt-sensa-cta[b-8aj161j7ae] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #FF334C;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.pt-sensa-banner-img[b-8aj161j7ae] {
    flex: 0 0 45%;
    overflow: hidden;
    display: none;
}

    .pt-sensa-banner-img img[b-8aj161j7ae] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* CPEtv en vivo */
.pt-tv-vivo[b-8aj161j7ae] {
    background: #111;
    border-radius: var(--cpe-border-radius-lg, 12px);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pt-tv-vivo-header[b-8aj161j7ae] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
}

.pt-tv-vivo-badge[b-8aj161j7ae] {
    background: #e53935;
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    animation: pt-pulse-b-8aj161j7ae 2s infinite;
}

@keyframes pt-pulse-b-8aj161j7ae {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

.pt-tv-player[b-8aj161j7ae] {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    flex: 1;
}

    .pt-tv-player iframe[b-8aj161j7ae] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.pt-tv-vivo-link[b-8aj161j7ae] {
    display: block;
    text-align: center;
    padding: 0.6rem;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 0.8rem;
    transition: color 0.2s;
}

    .pt-tv-vivo-link:hover[b-8aj161j7ae] {
        color: white;
    }

/* --- 4. Sobre el sector --- */
.pt-sobre[b-8aj161j7ae] {
    padding: var(--cpe-spacing-xxl, 4rem) 0;
    background: var(--cpe-blanco, white);
}

.pt-sobre-titulo[b-8aj161j7ae] {
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--cpe-azul-oscuro, #003d6b);
    margin-bottom: var(--cpe-spacing-lg, 1.5rem);
}

.pt-sobre p[b-8aj161j7ae] {
    color: var(--cpe-texto-gris, #666);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-lg, 1.5rem);
}

/* Timeline de historia */
.pt-historia[b-8aj161j7ae] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
}

.pt-historia-item[b-8aj161j7ae] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--cpe-fondo-beige, #f9f6f1);
    border-radius: var(--cpe-border-radius, 8px);
    border-left: 4px solid var(--cpe-azul-primario, #00a0e4);
}

    .pt-historia-item div[b-8aj161j7ae] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .pt-historia-item strong[b-8aj161j7ae] {
        color: var(--cpe-azul-oscuro, #003d6b);
        font-size: 1rem;
    }

    .pt-historia-item span:last-child[b-8aj161j7ae] {
        color: var(--cpe-texto-gris, #666);
        font-size: 0.85rem;
    }

.pt-historia-anio[b-8aj161j7ae] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--cpe-azul-primario, #00a0e4);
    min-width: 50px;
}

/* Card contacto */
.pt-contacto-card[b-8aj161j7ae] {
    background: var(--cpe-fondo-beige, #f9f6f1);
    border-radius: var(--cpe-border-radius-lg, 12px);
    padding: 2rem;
    border-left: 4px solid var(--cpe-azul-primario, #00a0e4);
}

    .pt-contacto-card h5[b-8aj161j7ae] {
        color: var(--cpe-azul-oscuro, #003d6b);
        font-weight: 600;
        margin-bottom: 1.25rem;
    }

.pt-contacto-lista[b-8aj161j7ae] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

    .pt-contacto-lista li[b-8aj161j7ae] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        color: var(--cpe-texto-oscuro, #333);
        font-size: 0.95rem;
    }

        .pt-contacto-lista li i[b-8aj161j7ae] {
            color: var(--cpe-azul-primario, #00a0e4);
            font-size: 1.1rem;
        }

/* --- 5. Barra inferior --- */
.pt-barra-inferior[b-8aj161j7ae] {
    padding: 1rem 0;
    background: var(--cpe-azul-oscuro, #003d6b);
}

.pt-barra-link[b-8aj161j7ae] {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: var(--cpe-border-radius, 8px);
    transition: all 0.2s;
}

    .pt-barra-link:hover[b-8aj161j7ae] {
        background: rgba(255, 255, 255, 0.1);
        color: white;
        border-color: rgba(255, 255, 255, 0.5);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (min-width: 768px) {
    .pt-sensa-banner-img[b-8aj161j7ae] {
        display: block;
    }
}

@media (max-width: 992px) {
    .pt-sensa-banner[b-8aj161j7ae] {
        min-height: 220px;
    }

    .pt-sobre-titulo[b-8aj161j7ae] {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    .pt-sensa-y-tv[b-8aj161j7ae] {
        padding: var(--cpe-spacing-lg, 1.5rem) 0;
    }

    .pt-sensa-banner[b-8aj161j7ae] {
        min-height: auto;
    }

    .pt-sensa-banner-contenido[b-8aj161j7ae] {
        padding: 1.5rem;
    }

    .pt-sensa-logo[b-8aj161j7ae] {
        max-width: 120px;
    }

    .pt-sobre[b-8aj161j7ae] {
        padding: var(--cpe-spacing-xl, 2.5rem) 0;
    }

    .pt-historia[b-8aj161j7ae] {
        gap: 0.75rem;
    }
}

@media (max-width: 576px) {
    .pt-barra-inferior .row[b-8aj161j7ae] {
        flex-direction: column;
        align-items: stretch;
    }

    .pt-barra-link[b-8aj161j7ae] {
        justify-content: center;
        width: 100%;
    }
}

@media (hover: none) and (pointer: coarse) {
    .pt-sensa-banner:hover[b-8aj161j7ae] {
        transform: none;
        box-shadow: none;
    }
}
/* /Components/Pages/Proveedores.razor.rz.scp.css */
/* ==========================================
   Proveedores - Scoped Styles
   ========================================== */

/* --- 2. Inscripcion --- */
.prov-inscripcion[b-1guypztx50] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.prov-section-header[b-1guypztx50] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-md);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .prov-section-header i[b-1guypztx50] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .prov-section-header h2[b-1guypztx50] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.prov-section-header-verde[b-1guypztx50] {
    border-bottom-color: var(--cpe-verde);
}

    .prov-section-header-verde i[b-1guypztx50] {
        color: var(--cpe-verde);
    }

.prov-intro-texto[b-1guypztx50] {
    color: var(--cpe-texto-gris);
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: var(--cpe-spacing-xl);
    max-width: 700px;
}

.prov-forms-grid[b-1guypztx50] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-xl);
}

.prov-form-card[b-1guypztx50] {
    display: flex;
    gap: var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
}

    .prov-form-card:hover[b-1guypztx50] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.prov-form-numero[b-1guypztx50] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 700;
    flex-shrink: 0;
}

.prov-form-numero-verde[b-1guypztx50] {
    background-color: var(--cpe-verde);
}

.prov-form-contenido[b-1guypztx50] {
    flex: 1;
}

    .prov-form-contenido h3[b-1guypztx50] {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0 0 var(--cpe-spacing-sm) 0;
    }

    .prov-form-contenido p[b-1guypztx50] {
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
        margin-bottom: var(--cpe-spacing-md);
    }

.prov-form-lista[b-1guypztx50] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--cpe-spacing-lg) 0;
}

    .prov-form-lista li[b-1guypztx50] {
        position: relative;
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: var(--cpe-spacing-xs);
        font-size: 0.9rem;
        color: var(--cpe-texto-gris);
        line-height: 1.5;
    }

        .prov-form-lista li[b-1guypztx50]::before {
            content: "\F285";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: var(--cpe-azul-primario);
            font-size: 0.65rem;
            top: 4px;
        }

.prov-form-btn[b-1guypztx50] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-blanco);
    background-color: var(--cpe-azul-primario);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    border-radius: var(--cpe-border-radius-lg);
    transition: var(--cpe-transition);
}

    .prov-form-btn:hover[b-1guypztx50] {
        background-color: var(--cpe-azul-oscuro);
        color: var(--cpe-blanco);
    }

.prov-form-btn-verde[b-1guypztx50] {
    background-color: var(--cpe-verde);
}

    .prov-form-btn-verde:hover[b-1guypztx50] {
        background-color: #5a8a00;
    }

/* --- 3. Documentacion impositiva --- */
.prov-documentacion[b-1guypztx50] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.prov-doc-grid[b-1guypztx50] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-lg);
    margin-top: var(--cpe-spacing-xl);
}

.prov-doc-card[b-1guypztx50] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-verde);
    transition: var(--cpe-transition);
}

    .prov-doc-card:hover[b-1guypztx50] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.prov-doc-header[b-1guypztx50] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-lg);
}

    .prov-doc-header i[b-1guypztx50] {
        font-size: 1.8rem;
        color: var(--cpe-verde);
    }

    .prov-doc-header h3[b-1guypztx50] {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.prov-doc-lista[b-1guypztx50] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .prov-doc-lista li[b-1guypztx50] {
        position: relative;
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: var(--cpe-spacing-sm);
        font-size: 0.93rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
    }

        .prov-doc-lista li[b-1guypztx50]::before {
            content: "\F285";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: var(--cpe-verde);
            font-size: 0.65rem;
            top: 5px;
        }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .prov-inscripcion[b-1guypztx50],
    .prov-documentacion[b-1guypztx50] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .prov-forms-grid[b-1guypztx50],
    .prov-doc-grid[b-1guypztx50] {
        grid-template-columns: 1fr;
    }

    .prov-section-header h2[b-1guypztx50] {
        font-size: 1.4rem;
    }

    .prov-section-header i[b-1guypztx50] {
        font-size: 1.5rem;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .prov-form-card[b-1guypztx50] {
        flex-direction: column;
        padding: var(--cpe-spacing-lg);
    }

    .prov-doc-card[b-1guypztx50] {
        padding: var(--cpe-spacing-lg);
    }

    .prov-section-header h2[b-1guypztx50] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .prov-form-card:hover[b-1guypztx50],
    .prov-doc-card:hover[b-1guypztx50] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/ReglamentoEnergia.razor.rz.scp.css */
/* ==========================================
   Reglamento Energía - Scoped Styles
   ========================================== */

/* --- 2. Intro --- */
.re-intro[b-4549y5jufc] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.re-intro-texto[b-4549y5jufc] {
    max-width: 860px;
    margin: 0 auto;
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    text-align: center;
}

    .re-intro-texto p[b-4549y5jufc] {
        margin-bottom: var(--cpe-spacing-md);
    }

.re-aprobacion[b-4549y5jufc] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    background-color: var(--cpe-fondo-beige);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    border-radius: 20px;
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    margin-top: var(--cpe-spacing-sm);
}

    .re-aprobacion i[b-4549y5jufc] {
        color: var(--cpe-azul-primario);
        font-size: 1.1rem;
    }

/* --- 3. Capítulos --- */
.re-capitulos[b-4549y5jufc] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.re-section-header[b-4549y5jufc] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-md);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .re-section-header i[b-4549y5jufc] {
        font-size: 1.8rem;
        color: var(--cpe-azul-primario);
    }

    .re-section-header h2[b-4549y5jufc] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.re-subtitulo[b-4549y5jufc] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    margin-bottom: var(--cpe-spacing-xl);
}

/* --- Capítulo header (botón expandible) --- */
.re-capitulo[b-4549y5jufc] {
    margin-bottom: var(--cpe-spacing-lg);
}

.re-capitulo-header[b-4549y5jufc] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--cpe-blanco);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 4px solid var(--cpe-azul-primario);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    cursor: pointer;
    transition: var(--cpe-transition);
    text-align: left;
}

    .re-capitulo-header:hover[b-4549y5jufc] {
        box-shadow: var(--cpe-shadow-md);
    }

    .re-capitulo-header > i[b-4549y5jufc] {
        font-size: 1.2rem;
        color: var(--cpe-azul-primario);
        flex-shrink: 0;
    }

.re-capitulo-abierto[b-4549y5jufc] {
    background-color: var(--cpe-azul-primario);
    border-color: var(--cpe-azul-primario);
    border-radius: var(--cpe-border-radius-lg) var(--cpe-border-radius-lg) 0 0;
}

    .re-capitulo-abierto .re-capitulo-num[b-4549y5jufc] {
        background-color: rgba(255, 255, 255, 0.2);
        color: var(--cpe-blanco);
    }

    .re-capitulo-abierto h3[b-4549y5jufc] {
        color: var(--cpe-blanco);
    }

    .re-capitulo-abierto .re-capitulo-rango[b-4549y5jufc] {
        color: rgba(255, 255, 255, 0.7);
    }

    .re-capitulo-abierto > i[b-4549y5jufc] {
        color: var(--cpe-blanco);
    }

    .re-capitulo-abierto:hover[b-4549y5jufc] {
        box-shadow: none;
    }

.re-capitulo-titulo[b-4549y5jufc] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
}

.re-capitulo-num[b-4549y5jufc] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--cpe-azul-claro);
    color: var(--cpe-azul-primario);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
}

.re-capitulo-titulo h3[b-4549y5jufc] {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    margin: 0;
    line-height: 1.4;
}

.re-capitulo-rango[b-4549y5jufc] {
    font-size: 0.85rem;
    color: var(--cpe-texto-gris);
}

/* --- Contenido del capítulo --- */
.re-capitulo-contenido[b-4549y5jufc] {
    background-color: var(--cpe-blanco);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-top: none;
    border-radius: 0 0 var(--cpe-border-radius-lg) var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
}

/* --- Sub-secciones dentro de Cap II --- */
.re-subseccion[b-4549y5jufc] {
    margin-bottom: var(--cpe-spacing-xl);
}

    .re-subseccion:last-child[b-4549y5jufc] {
        margin-bottom: 0;
    }

.re-subseccion-header[b-4549y5jufc] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    margin-bottom: var(--cpe-spacing-md);
    padding-bottom: var(--cpe-spacing-sm);
    border-bottom: 2px solid var(--cpe-fondo-beige);
}

    .re-subseccion-header i[b-4549y5jufc] {
        font-size: 1.3rem;
        color: var(--cpe-azul-primario);
    }

    .re-subseccion-header h4[b-4549y5jufc] {
        font-size: 1.05rem;
        font-weight: 600;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

/* --- Artículos (accordion items) --- */
.re-articulo[b-4549y5jufc] {
    margin-bottom: 2px;
}

.re-articulo-header[b-4549y5jufc] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    background-color: var(--cpe-fondo-beige);
    border: none;
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--cpe-texto-oscuro);
    cursor: pointer;
    transition: var(--cpe-transition);
    text-align: left;
    border-radius: var(--cpe-border-radius);
}

    .re-articulo-header:hover[b-4549y5jufc] {
        background-color: var(--cpe-azul-claro);
    }

    .re-articulo-header i[b-4549y5jufc] {
        margin-left: auto;
        font-size: 0.8rem;
        color: var(--cpe-azul-primario);
        flex-shrink: 0;
    }

.re-art-num[b-4549y5jufc] {
    display: inline-block;
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 10px;
    white-space: nowrap;
    flex-shrink: 0;
}

.re-articulo-body[b-4549y5jufc] {
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    font-size: 0.95rem;
    border-left: 3px solid var(--cpe-azul-claro);
    margin-left: var(--cpe-spacing-lg);
    margin-bottom: var(--cpe-spacing-sm);
}

    .re-articulo-body p[b-4549y5jufc] {
        margin-bottom: var(--cpe-spacing-md);
    }

    .re-articulo-body p:last-child[b-4549y5jufc] {
        margin-bottom: 0;
    }

    .re-articulo-body ol[b-4549y5jufc] {
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: 0;
    }

    .re-articulo-body ol li[b-4549y5jufc] {
        margin-bottom: var(--cpe-spacing-sm);
        line-height: 1.7;
    }

/* --- 4. Descarga PDF --- */
.re-descarga[b-4549y5jufc] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.re-descarga-card[b-4549y5jufc] {
    display: grid;
    grid-template-columns: 160px 1fr;
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
}

.re-descarga-icono[b-4549y5jufc] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--cpe-azul-claro) 0%, var(--cpe-fondo-claro) 100%);
}

    .re-descarga-icono i[b-4549y5jufc] {
        font-size: 4rem;
        color: var(--cpe-azul-primario);
        opacity: 0.6;
    }

.re-descarga-info[b-4549y5jufc] {
    padding: var(--cpe-spacing-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .re-descarga-info h3[b-4549y5jufc] {
        font-size: 1.3rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin-bottom: var(--cpe-spacing-sm);
    }

    .re-descarga-info p[b-4549y5jufc] {
        color: var(--cpe-texto-gris);
        margin-bottom: var(--cpe-spacing-lg);
        line-height: 1.6;
    }

.re-btn-descargar[b-4549y5jufc] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    background-color: var(--cpe-azul-primario);
    color: white;
    padding: var(--cpe-spacing-md) var(--cpe-spacing-xl);
    border-radius: var(--cpe-border-radius);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    transition: var(--cpe-transition);
    align-self: flex-start;
}

    .re-btn-descargar:hover[b-4549y5jufc] {
        background-color: var(--cpe-azul-oscuro);
        color: white;
        box-shadow: var(--cpe-shadow-md);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .re-descarga-card[b-4549y5jufc] {
        grid-template-columns: 120px 1fr;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .re-intro[b-4549y5jufc],
    .re-capitulos[b-4549y5jufc],
    .re-descarga[b-4549y5jufc] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .re-intro-texto[b-4549y5jufc] {
        text-align: left;
    }

    .re-section-header h2[b-4549y5jufc] {
        font-size: 1.4rem;
    }

    .re-capitulo-titulo h3[b-4549y5jufc] {
        font-size: 1rem;
    }

    .re-capitulo-header[b-4549y5jufc] {
        padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    }

    .re-capitulo-contenido[b-4549y5jufc] {
        padding: var(--cpe-spacing-md);
    }

    .re-descarga-card[b-4549y5jufc] {
        grid-template-columns: 1fr;
    }

    .re-descarga-icono[b-4549y5jufc] {
        min-height: 100px;
    }

    .re-descarga-icono i[b-4549y5jufc] {
        font-size: 3rem;
    }

    .re-articulo-body[b-4549y5jufc] {
        margin-left: var(--cpe-spacing-sm);
        padding: var(--cpe-spacing-md);
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .re-section-header h2[b-4549y5jufc] {
        font-size: 1.3rem;
    }

    .re-capitulo-num[b-4549y5jufc] {
        width: 36px;
        height: 36px;
        font-size: 0.85rem;
    }

    .re-capitulo-titulo h3[b-4549y5jufc] {
        font-size: 0.95rem;
    }

    .re-aprobacion[b-4549y5jufc] {
        font-size: 0.85rem;
        flex-direction: column;
        text-align: center;
    }

    .re-articulo-header[b-4549y5jufc] {
        font-size: 0.9rem;
        padding: var(--cpe-spacing-sm) var(--cpe-spacing-md);
    }

    .re-articulo-body[b-4549y5jufc] {
        font-size: 0.9rem;
        margin-left: 0;
        border-left: 2px solid var(--cpe-azul-claro);
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .re-capitulo-header:hover[b-4549y5jufc] {
        box-shadow: none;
    }

    .re-articulo-header:hover[b-4549y5jufc] {
        background-color: var(--cpe-fondo-beige);
    }

    .re-btn-descargar:hover[b-4549y5jufc] {
        box-shadow: none;
    }
}
/* /Components/Pages/ReglamentoTelec.razor.rz.scp.css */
/* ==========================================
   Reglamento TIC - Scoped Styles
   ========================================== */

/* --- Sección documentos --- */
.rtic-documentos[b-792hmejkux] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.rtic-section-header[b-792hmejkux] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .rtic-section-header i[b-792hmejkux] {
        font-size: 1.8rem;
        color: var(--cpe-azul-primario);
    }

    .rtic-section-header h2[b-792hmejkux] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

/* --- Lista de documentos --- */
.rtic-lista-docs[b-792hmejkux] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
}

.rtic-doc-card[b-792hmejkux] {
    display: grid;
    grid-template-columns: 60px 1fr auto;
    align-items: center;
    gap: var(--cpe-spacing-lg);
    background-color: var(--cpe-blanco);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 4px solid var(--cpe-azul-primario);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    text-decoration: none;
    transition: var(--cpe-transition);
}

    .rtic-doc-card:hover[b-792hmejkux] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

.rtic-doc-icono[b-792hmejkux] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--cpe-azul-claro);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .rtic-doc-icono i[b-792hmejkux] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
    }

.rtic-doc-info h3[b-792hmejkux] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    margin: 0 0 4px 0;
}

.rtic-doc-info p[b-792hmejkux] {
    font-size: 0.95rem;
    color: var(--cpe-texto-gris);
    margin: 0;
}

.rtic-doc-download[b-792hmejkux] {
    font-size: 1.2rem;
    color: var(--cpe-azul-primario);
    opacity: 0.4;
    transition: var(--cpe-transition);
}

.rtic-doc-card:hover .rtic-doc-download[b-792hmejkux] {
    opacity: 1;
}

/* --- Sección ENACOM --- */
.rtic-enacom[b-792hmejkux] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.rtic-enacom-card[b-792hmejkux] {
    max-width: 700px;
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
}

.rtic-enacom-header[b-792hmejkux] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-lg);
    padding: var(--cpe-spacing-xl);
    background: linear-gradient(135deg, var(--cpe-azul-claro) 0%, var(--cpe-fondo-claro) 100%);
}

    .rtic-enacom-header > i[b-792hmejkux] {
        font-size: 2.5rem;
        color: var(--cpe-azul-primario);
        opacity: 0.7;
    }

    .rtic-enacom-header h3[b-792hmejkux] {
        font-size: 1.2rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.rtic-enacom-link[b-792hmejkux] {
    font-size: 1.05rem;
    font-weight: 500;
    color: var(--cpe-azul-primario);
    text-decoration: none;
}

    .rtic-enacom-link:hover[b-792hmejkux] {
        text-decoration: underline;
    }

    .rtic-enacom-link i[b-792hmejkux] {
        font-size: 0.75rem;
    }

.rtic-enacom-deleg[b-792hmejkux] {
    display: block;
    font-size: 0.9rem;
    color: var(--cpe-texto-gris);
    margin-top: 2px;
}

.rtic-enacom-datos[b-792hmejkux] {
    padding: var(--cpe-spacing-xl);
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
}

.rtic-enacom-dato[b-792hmejkux] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
}

    .rtic-enacom-dato i[b-792hmejkux] {
        font-size: 1.1rem;
        color: var(--cpe-azul-primario);
        width: 24px;
        text-align: center;
        flex-shrink: 0;
    }

    .rtic-enacom-dato a[b-792hmejkux] {
        color: var(--cpe-azul-primario);
        text-decoration: none;
    }

        .rtic-enacom-dato a:hover[b-792hmejkux] {
            text-decoration: underline;
        }

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 768px) {
    .rtic-documentos[b-792hmejkux],
    .rtic-enacom[b-792hmejkux] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .rtic-section-header h2[b-792hmejkux] {
        font-size: 1.4rem;
    }

    .rtic-doc-card[b-792hmejkux] {
        grid-template-columns: 48px 1fr auto;
        padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
        gap: var(--cpe-spacing-md);
    }

    .rtic-doc-icono[b-792hmejkux] {
        width: 48px;
        height: 48px;
    }

        .rtic-doc-icono i[b-792hmejkux] {
            font-size: 1.3rem;
        }

    .rtic-doc-info h3[b-792hmejkux] {
        font-size: 0.95rem;
    }

    .rtic-doc-info p[b-792hmejkux] {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .rtic-section-header h2[b-792hmejkux] {
        font-size: 1.3rem;
    }

    .rtic-doc-card[b-792hmejkux] {
        grid-template-columns: 1fr auto;
    }

    .rtic-doc-icono[b-792hmejkux] {
        display: none;
    }

    .rtic-doc-info h3[b-792hmejkux] {
        font-size: 0.9rem;
    }

    .rtic-enacom-header[b-792hmejkux] {
        flex-direction: column;
        text-align: center;
    }

        .rtic-enacom-header > i[b-792hmejkux] {
            font-size: 2rem;
        }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .rtic-doc-card:hover[b-792hmejkux] {
        box-shadow: none;
        transform: none;
    }

    .rtic-doc-download[b-792hmejkux] {
        opacity: 0.6;
    }
}
/* /Components/Pages/RequisitosTelec.razor.rz.scp.css */
/* ==========================================
   Requisitos Telec - Scoped Styles
   ========================================== */

/* --- Sección principal --- */
.rt-requisitos[b-t550c5yx03] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

/* --- Items principales del acordeón --- */
.rt-item[b-t550c5yx03] {
    margin-bottom: var(--cpe-spacing-md);
}

.rt-item-header[b-t550c5yx03] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--cpe-blanco);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 4px solid var(--cpe-azul-primario);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    cursor: pointer;
    transition: var(--cpe-transition);
    text-align: left;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
}

    .rt-item-header:hover[b-t550c5yx03] {
        box-shadow: var(--cpe-shadow-md);
    }

    .rt-item-header span[b-t550c5yx03] {
        display: flex;
        align-items: center;
        gap: var(--cpe-spacing-sm);
    }

        .rt-item-header span > i[b-t550c5yx03] {
            color: var(--cpe-azul-primario);
            font-size: 1.2rem;
        }

    .rt-item-header > i[b-t550c5yx03] {
        font-size: 0.8rem;
        color: var(--cpe-azul-primario);
        flex-shrink: 0;
        transition: var(--cpe-transition);
    }

    .rt-item-header[aria-expanded="true"][b-t550c5yx03] {
        background-color: var(--cpe-azul-primario);
        border-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
        border-radius: var(--cpe-border-radius-lg) var(--cpe-border-radius-lg) 0 0;
        box-shadow: none;
    }

        .rt-item-header[aria-expanded="true"] span > i[b-t550c5yx03] {
            color: var(--cpe-blanco);
        }

        .rt-item-header[aria-expanded="true"] > i[b-t550c5yx03] {
            color: var(--cpe-blanco);
            transform: rotate(180deg);
        }

.rt-item-body[b-t550c5yx03] {
    background-color: var(--cpe-blanco);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-top: none;
    border-radius: 0 0 var(--cpe-border-radius-lg) var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
}

    .rt-item-body > ul[b-t550c5yx03] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .rt-item-body > ul > li[b-t550c5yx03] {
            position: relative;
            padding: var(--cpe-spacing-sm) 0 var(--cpe-spacing-sm) var(--cpe-spacing-xl);
            color: var(--cpe-texto-gris);
            line-height: 1.7;
            border-bottom: 1px solid var(--cpe-fondo-beige);
        }

            .rt-item-body > ul > li:last-child[b-t550c5yx03] {
                border-bottom: none;
            }

            .rt-item-body > ul > li[b-t550c5yx03]::before {
                content: "\F26A";
                font-family: "bootstrap-icons";
                position: absolute;
                left: 0;
                color: var(--cpe-azul-primario);
                font-size: 0.75rem;
                top: calc(var(--cpe-spacing-sm) + 4px);
            }

/* --- Sub-items (Asociaciones Civiles) --- */
.rt-subitem[b-t550c5yx03] {
    margin-bottom: 2px;
}

.rt-subitem-header[b-t550c5yx03] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--cpe-fondo-beige);
    border: none;
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--cpe-texto-oscuro);
    cursor: pointer;
    transition: var(--cpe-transition);
    text-align: left;
    border-radius: var(--cpe-border-radius);
}

    .rt-subitem-header:hover[b-t550c5yx03] {
        background-color: var(--cpe-azul-claro);
    }

    .rt-subitem-header > i[b-t550c5yx03] {
        font-size: 0.7rem;
        color: var(--cpe-azul-primario);
        flex-shrink: 0;
        transition: var(--cpe-transition);
    }

    .rt-subitem-header[aria-expanded="true"] > i[b-t550c5yx03] {
        transform: rotate(180deg);
    }

.rt-subitem-body[b-t550c5yx03] {
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    border-left: 3px solid var(--cpe-azul-claro);
    margin-left: var(--cpe-spacing-lg);
    margin-bottom: var(--cpe-spacing-sm);
}

    .rt-subitem-body ul[b-t550c5yx03] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .rt-subitem-body ul li[b-t550c5yx03] {
            position: relative;
            padding: var(--cpe-spacing-xs) 0 var(--cpe-spacing-xs) var(--cpe-spacing-xl);
            color: var(--cpe-texto-gris);
            line-height: 1.7;
            font-size: 0.95rem;
        }

            .rt-subitem-body ul li[b-t550c5yx03]::before {
                content: "\F26A";
                font-family: "bootstrap-icons";
                position: absolute;
                left: 0;
                color: var(--cpe-azul-primario);
                font-size: 0.65rem;
                top: calc(var(--cpe-spacing-xs) + 5px);
            }

.rt-nota[b-t550c5yx03] {
    color: var(--cpe-texto-gris);
    font-size: 0.9rem;
    font-style: italic;
    margin-bottom: var(--cpe-spacing-md);
}

.rt-lista-simple[b-t550c5yx03] {
    padding-left: var(--cpe-spacing-lg);
    margin-bottom: var(--cpe-spacing-md);
    color: var(--cpe-texto-gris);
    line-height: 1.7;
    font-size: 0.95rem;
}

/* --- Sección Carta Poder --- */
.rt-carta-poder[b-t550c5yx03] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.rt-carta-poder-card[b-t550c5yx03] {
    display: grid;
    grid-template-columns: 120px 1fr;
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
}

.rt-carta-poder-icono[b-t550c5yx03] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--cpe-azul-claro) 0%, var(--cpe-fondo-claro) 100%);
}

    .rt-carta-poder-icono i[b-t550c5yx03] {
        font-size: 3.5rem;
        color: var(--cpe-azul-primario);
        opacity: 0.6;
    }

.rt-carta-poder-info[b-t550c5yx03] {
    padding: var(--cpe-spacing-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .rt-carta-poder-info p[b-t550c5yx03] {
        color: var(--cpe-texto-gris);
        margin-bottom: var(--cpe-spacing-lg);
        line-height: 1.7;
    }

.rt-btn-descargar[b-t550c5yx03] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    background-color: var(--cpe-azul-primario);
    color: white;
    padding: var(--cpe-spacing-md) var(--cpe-spacing-xl);
    border-radius: var(--cpe-border-radius);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    transition: var(--cpe-transition);
    align-self: flex-start;
}

    .rt-btn-descargar:hover[b-t550c5yx03] {
        background-color: var(--cpe-azul-oscuro);
        color: white;
        box-shadow: var(--cpe-shadow-md);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 768px) {
    .rt-requisitos[b-t550c5yx03],
    .rt-carta-poder[b-t550c5yx03] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .rt-item-header[b-t550c5yx03] {
        padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
        font-size: 0.95rem;
    }

    .rt-item-body[b-t550c5yx03] {
        padding: var(--cpe-spacing-md);
    }

    .rt-subitem-body[b-t550c5yx03] {
        margin-left: var(--cpe-spacing-sm);
        padding: var(--cpe-spacing-md);
    }

    .rt-carta-poder-card[b-t550c5yx03] {
        grid-template-columns: 1fr;
    }

    .rt-carta-poder-icono[b-t550c5yx03] {
        min-height: 80px;
    }
}

@media (max-width: 576px) {
    .rt-item-header[b-t550c5yx03] {
        font-size: 0.9rem;
    }

    .rt-subitem-header[b-t550c5yx03] {
        font-size: 0.9rem;
        padding: var(--cpe-spacing-sm) var(--cpe-spacing-md);
    }

    .rt-subitem-body[b-t550c5yx03] {
        margin-left: 0;
        border-left: 2px solid var(--cpe-azul-claro);
    }

    .rt-subitem-body ul li[b-t550c5yx03],
    .rt-lista-simple[b-t550c5yx03] {
        font-size: 0.9rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .rt-item-header:hover[b-t550c5yx03] {
        box-shadow: none;
    }

    .rt-subitem-header:hover[b-t550c5yx03] {
        background-color: var(--cpe-fondo-beige);
    }

    .rt-btn-descargar:hover[b-t550c5yx03] {
        box-shadow: none;
    }
}
/* /Components/Pages/Seguros.razor.rz.scp.css */
/* ==========================================
   Seguros - Scoped Styles
   ========================================== */

/* --- 2. Introduccion --- */
.seg-intro[b-cks7b0twvf] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.seg-intro-grid[b-cks7b0twvf] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.seg-intro-texto h2[b-cks7b0twvf] {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-lg);
}

.seg-intro-texto p[b-cks7b0twvf] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

/* Datos destacados (sidebar) */
.seg-intro-datos[b-cks7b0twvf] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
    position: sticky;
    top: 100px;
}

.seg-dato-card[b-cks7b0twvf] {
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .seg-dato-card:hover[b-cks7b0twvf] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-2px);
    }

    .seg-dato-card i[b-cks7b0twvf] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
        margin-top: 2px;
    }

    .seg-dato-card div[b-cks7b0twvf] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

.seg-dato-label[b-cks7b0twvf] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cpe-azul-oscuro);
}

.seg-dato-valor[b-cks7b0twvf] {
    font-size: 0.95rem;
    color: var(--cpe-texto-oscuro);
    font-weight: 500;
}

.seg-dato-mapa[b-cks7b0twvf] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    color: var(--cpe-azul-primario);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    border: 1px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
    justify-content: center;
}

    .seg-dato-mapa:hover[b-cks7b0twvf] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

/* --- 3. Tipos de seguros --- */
.seg-tipos[b-cks7b0twvf] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.seg-section-header[b-cks7b0twvf] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .seg-section-header i[b-cks7b0twvf] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .seg-section-header h2[b-cks7b0twvf] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.seg-tipos-grid[b-cks7b0twvf] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-lg);
}

.seg-tipo-card[b-cks7b0twvf] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .seg-tipo-card:hover[b-cks7b0twvf] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

.seg-tipo-card-verde[b-cks7b0twvf] {
    border-left-color: var(--cpe-verde);
}

.seg-tipo-card-naranja[b-cks7b0twvf] {
    border-left-color: #e67e22;
}

.seg-tipo-card-celeste[b-cks7b0twvf] {
    border-left-color: #3498db;
}

.seg-tipo-header[b-cks7b0twvf] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-lg);
}

    .seg-tipo-header i[b-cks7b0twvf] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .seg-tipo-header h3[b-cks7b0twvf] {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.seg-tipo-card-verde .seg-tipo-header i[b-cks7b0twvf] {
    color: var(--cpe-verde);
}

.seg-tipo-card-naranja .seg-tipo-header i[b-cks7b0twvf] {
    color: #e67e22;
}

.seg-tipo-card-celeste .seg-tipo-header i[b-cks7b0twvf] {
    color: #3498db;
}

.seg-tipo-lista[b-cks7b0twvf] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .seg-tipo-lista li[b-cks7b0twvf] {
        position: relative;
        padding-left: var(--cpe-spacing-lg);
        margin-bottom: var(--cpe-spacing-sm);
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
    }

        .seg-tipo-lista li[b-cks7b0twvf]::before {
            content: "\F285";
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: var(--cpe-azul-primario);
            font-size: 0.7rem;
            top: 4px;
        }

.seg-tipo-card-verde .seg-tipo-lista li[b-cks7b0twvf]::before {
    color: var(--cpe-verde);
}

.seg-tipo-card-naranja .seg-tipo-lista li[b-cks7b0twvf]::before {
    color: #e67e22;
}

.seg-tipo-card-celeste .seg-tipo-lista li[b-cks7b0twvf]::before {
    color: #3498db;
}

/* --- 4. Requisitos --- */
.seg-requisitos[b-cks7b0twvf] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.seg-req-card[b-cks7b0twvf] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    border-left: 4px solid var(--cpe-azul-primario);
    max-width: 800px;
}

.seg-req-header[b-cks7b0twvf] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-lg);
}

    .seg-req-header i[b-cks7b0twvf] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .seg-req-header h3[b-cks7b0twvf] {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.seg-req-lista[b-cks7b0twvf] {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: req-counter;
}

    .seg-req-lista li[b-cks7b0twvf] {
        position: relative;
        padding-left: var(--cpe-spacing-xl);
        margin-bottom: var(--cpe-spacing-md);
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
        counter-increment: req-counter;
    }

        .seg-req-lista li[b-cks7b0twvf]::before {
            content: counter(req-counter);
            position: absolute;
            left: 0;
            top: 0;
            width: 24px;
            height: 24px;
            background-color: var(--cpe-azul-primario);
            color: var(--cpe-blanco);
            border-radius: 50%;
            font-size: 0.75rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* --- 5. Imagen --- */
.seg-imagen[b-cks7b0twvf] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.seg-imagen-img[b-cks7b0twvf] {
    width: 100%;
    max-width: 900px;
    display: block;
    margin: 0 auto;
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    object-fit: cover;
}

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .seg-intro-grid[b-cks7b0twvf] {
        grid-template-columns: 1fr;
    }

    .seg-intro-datos[b-cks7b0twvf] {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .seg-dato-card[b-cks7b0twvf] {
        flex: 1 1 250px;
    }

    .seg-dato-mapa[b-cks7b0twvf] {
        flex: 1 1 100%;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .seg-intro[b-cks7b0twvf],
    .seg-tipos[b-cks7b0twvf],
    .seg-requisitos[b-cks7b0twvf],
    .seg-imagen[b-cks7b0twvf] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .seg-tipos-grid[b-cks7b0twvf] {
        grid-template-columns: 1fr;
    }

    .seg-section-header h2[b-cks7b0twvf] {
        font-size: 1.4rem;
    }

    .seg-section-header i[b-cks7b0twvf] {
        font-size: 1.5rem;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .seg-intro-texto h2[b-cks7b0twvf] {
        font-size: 1.5rem;
    }

    .seg-intro-datos[b-cks7b0twvf] {
        flex-direction: column;
    }

    .seg-dato-card[b-cks7b0twvf] {
        flex: 1 1 100%;
    }

    .seg-tipo-card[b-cks7b0twvf] {
        padding: var(--cpe-spacing-lg);
    }

    .seg-tipo-header i[b-cks7b0twvf] {
        font-size: 1.5rem;
    }

    .seg-tipo-header h3[b-cks7b0twvf] {
        font-size: 1rem;
    }

    .seg-req-card[b-cks7b0twvf] {
        padding: var(--cpe-spacing-lg);
    }

    .seg-section-header h2[b-cks7b0twvf] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .seg-dato-card:hover[b-cks7b0twvf],
    .seg-tipo-card:hover[b-cks7b0twvf] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/SensaTv.razor.rz.scp.css */
.sensa-contenido[b-mykyokfj6q] {
    padding: 2.5rem 0 3rem;
    color: #4d4d4d;
    font-size: 0.95rem;
}

.sensa-logo[b-mykyokfj6q] {
    max-width: 280px;
    height: auto;
}

.sensa-subtitulo[b-mykyokfj6q] {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.sensa-lista[b-mykyokfj6q] {
    list-style-type: disc;
    padding-left: 20px;
    line-height: 25px;
    font-size: 0.9rem;
}

    .sensa-lista li[b-mykyokfj6q] {
        color: #4d4d4d;
        position: relative;
    }

        .sensa-lista li[b-mykyokfj6q]::marker {
            color: #FF334C;
        }

.sensa-precio-destaque[b-mykyokfj6q] {
    color: #FF334C;
}

.sensa-btn-solicitar[b-mykyokfj6q] {
    background-color: #FF334C;
    border: 2px solid #FF334C;
    color: white;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 22px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
    transition: background-color 0.2s, color 0.2s;
}

    .sensa-btn-solicitar:hover[b-mykyokfj6q] {
        background-color: white;
        color: #FF334C;
    }

.sensa-tyc[b-mykyokfj6q] {
    font-size: 0.85rem;
    color: #666;
}

    .sensa-tyc p[b-mykyokfj6q] {
        margin-bottom: 0.35rem;
    }
/* /Components/Pages/SolicitudesFactibilidad.razor.rz.scp.css */
/* ==========================================
   Solicitudes Factibilidad - Scoped Styles
   ========================================== */

.sf-section-header[b-nahhw0n8tx] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-xl);
    padding-bottom: var(--cpe-spacing-md);
}

    .sf-section-header i[b-nahhw0n8tx] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .sf-section-header h2[b-nahhw0n8tx] {
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.sf-formulario[b-nahhw0n8tx] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

/* --- Paso 1: Selector de tipo (cards) --- */
.sf-seleccion-intro[b-nahhw0n8tx] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    margin-bottom: var(--cpe-spacing-lg);
}

.sf-tipo-grid[b-nahhw0n8tx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--cpe-spacing-lg);
}

.sf-tipo-card[b-nahhw0n8tx] {
    flex: 0 1 calc((100% - var(--cpe-spacing-lg) * 2) / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--cpe-spacing-xl) var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border: 2px solid transparent;
    border-radius: var(--cpe-border-radius-lg);
    cursor: pointer;
    transition: var(--cpe-transition);
    box-shadow: var(--cpe-shadow-sm);
}

    .sf-tipo-card:hover[b-nahhw0n8tx] {
        border-color: var(--cpe-azul-primario);
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

    .sf-tipo-card h3[b-nahhw0n8tx] {
        font-size: 1rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin-bottom: var(--cpe-spacing-xs);
    }

    .sf-tipo-card p[b-nahhw0n8tx] {
        font-size: 0.83rem;
        color: var(--cpe-texto-gris);
        margin: 0;
        line-height: 1.4;
    }

.sf-tipo-icono[b-nahhw0n8tx] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(0, 105, 180, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--cpe-spacing-md);
}

    .sf-tipo-icono i[b-nahhw0n8tx] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario);
    }

    .sf-tipo-icono .sf-tipo-icono-svg[b-nahhw0n8tx] {
        display: inline-block;
        width: 30px;
        height: 30px;
        background-color: var(--cpe-azul-primario);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

/* --- Tipo elegido (barra superior del formulario) --- */
.sf-tipo-elegido[b-nahhw0n8tx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--cpe-fondo-beige);
    border-left: 4px solid var(--cpe-azul-primario);
    border-radius: var(--cpe-border-radius);
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    margin-bottom: var(--cpe-spacing-xl);
}

.sf-tipo-elegido-label[b-nahhw0n8tx] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    font-size: 1rem;
    font-weight: 600;
    color: var(--cpe-azul-oscuro);
}

    .sf-tipo-elegido-label i[b-nahhw0n8tx] {
        font-size: 1.2rem;
        color: var(--cpe-azul-primario);
    }

    .sf-tipo-elegido-label .sf-tipo-elegido-icono[b-nahhw0n8tx] {
        display: inline-block;
        width: 22px;
        height: 22px;
        background-color: var(--cpe-azul-primario);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

.sf-btn-cambiar[b-nahhw0n8tx] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    background: none;
    border: 1px solid var(--cpe-texto-gris);
    border-radius: var(--cpe-border-radius);
    color: var(--cpe-texto-gris);
    font-size: 0.83rem;
    padding: var(--cpe-spacing-xs) var(--cpe-spacing-md);
    cursor: pointer;
    transition: var(--cpe-transition);
}

    .sf-btn-cambiar:hover[b-nahhw0n8tx] {
        border-color: var(--cpe-azul-primario);
        color: var(--cpe-azul-primario);
    }

.sf-form-grid[b-nahhw0n8tx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cpe-spacing-md) var(--cpe-spacing-xl);
}

.sf-campo[b-nahhw0n8tx] {
    margin-bottom: 0;
}

.sf-campo-full[b-nahhw0n8tx] {
    grid-column: 1 / -1;
}

.sf-label[b-nahhw0n8tx] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    margin-bottom: var(--cpe-spacing-xs);
}

.sf-requerido[b-nahhw0n8tx] {
    color: #dc3545;
}

.sf-validacion[b-nahhw0n8tx] {
    font-size: 0.8rem;
    color: #dc3545;
    margin-top: 2px;
    display: block;
}

.sf-nota[b-nahhw0n8tx] {
    font-size: 0.78rem;
    color: var(--cpe-texto-gris);
    margin-top: 2px;
    display: block;
}

.sf-telefono-grid[b-nahhw0n8tx] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--cpe-spacing-sm);
}

.sf-botones[b-nahhw0n8tx] {
    display: flex;
    gap: var(--cpe-spacing-sm);
    padding-top: var(--cpe-spacing-md);
}

.sf-volver[b-nahhw0n8tx] {
    margin-top: var(--cpe-spacing-xl);
    padding-top: var(--cpe-spacing-lg);
    border-top: 1px solid #e0e0e0;
}

    .sf-volver .sf-btn[b-nahhw0n8tx] {
        text-decoration: none;
    }

.sf-btn[b-nahhw0n8tx] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-xl);
    border-radius: var(--cpe-border-radius-lg);
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid transparent;
    cursor: pointer;
    transition: var(--cpe-transition);
}

.sf-btn-primario[b-nahhw0n8tx] {
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    border-color: var(--cpe-azul-primario);
}

    .sf-btn-primario:hover[b-nahhw0n8tx] {
        background-color: var(--cpe-azul-oscuro);
        border-color: var(--cpe-azul-oscuro);
    }

    .sf-btn-primario:disabled[b-nahhw0n8tx] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.sf-btn-secundario[b-nahhw0n8tx] {
    background-color: var(--cpe-blanco);
    color: var(--cpe-texto-gris);
    border-color: var(--cpe-texto-gris);
}

    .sf-btn-secundario:hover[b-nahhw0n8tx] {
        background-color: var(--cpe-fondo-beige);
        color: var(--cpe-texto-oscuro);
    }

    .sf-btn-secundario:disabled[b-nahhw0n8tx] {
        opacity: 0.65;
        cursor: not-allowed;
    }

/* --- Alertas --- */
.sf-alerta[b-nahhw0n8tx] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    border-radius: var(--cpe-border-radius-lg);
    font-size: 0.9rem;
    margin-bottom: var(--cpe-spacing-md);
}

.sf-alerta-exito[b-nahhw0n8tx] {
    background-color: #d4edda;
    color: #155724;
    border-left: 4px solid var(--cpe-verde);
}

.sf-alerta-error[b-nahhw0n8tx] {
    background-color: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 992px) {
    .sf-tipo-card[b-nahhw0n8tx] {
        flex-basis: calc((100% - var(--cpe-spacing-lg)) / 2);
    }
}

@media (max-width: 768px) {
    .sf-formulario[b-nahhw0n8tx] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .sf-tipo-grid[b-nahhw0n8tx] {
        gap: var(--cpe-spacing-md);
    }

    .sf-tipo-card[b-nahhw0n8tx] {
        flex-basis: 100%;
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "icono titulo"
            "icono texto";
        column-gap: var(--cpe-spacing-md);
        row-gap: var(--cpe-spacing-xs);
        align-items: start;
        text-align: left;
        padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    }

        .sf-tipo-card h3[b-nahhw0n8tx] {
            grid-area: titulo;
            align-self: end;
        }

        .sf-tipo-card p[b-nahhw0n8tx] {
            grid-area: texto;
            align-self: start;
        }

    .sf-tipo-icono[b-nahhw0n8tx] {
        grid-area: icono;
        align-self: center;
        margin-bottom: 0;
        margin-right: 0;
        width: 48px;
        height: 48px;
    }

        .sf-tipo-icono i[b-nahhw0n8tx] {
            font-size: 1.2rem;
        }

        .sf-tipo-icono .sf-tipo-icono-svg[b-nahhw0n8tx] {
            width: 24px;
            height: 24px;
        }

    .sf-tipo-elegido[b-nahhw0n8tx] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--cpe-spacing-sm);
    }

    .sf-form-grid[b-nahhw0n8tx] {
        grid-template-columns: 1fr;
    }

    .sf-section-header h2[b-nahhw0n8tx] {
        font-size: 1.4rem;
    }

    .sf-section-header i[b-nahhw0n8tx] {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .sf-section-header h2[b-nahhw0n8tx] {
        font-size: 1.3rem;
    }

    .sf-telefono-grid[b-nahhw0n8tx] {
        grid-template-columns: 1fr;
    }

    .sf-botones[b-nahhw0n8tx] {
        flex-direction: column;
    }

    .sf-btn[b-nahhw0n8tx] {
        justify-content: center;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .sf-tipo-card:hover[b-nahhw0n8tx] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }
}
/* /Components/Pages/TarifasEnergia.razor.rz.scp.css */
/* ==========================================
   Tarifas de Energía - Scoped Styles
   ========================================== */

/* --- 2. Intro --- */
.te-intro[b-thbwsrfrfo] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.te-intro-texto[b-thbwsrfrfo] {
    max-width: 860px;
    margin: 0 auto;
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    text-align: center;
}

    .te-intro-texto p[b-thbwsrfrfo] {
        margin-bottom: var(--cpe-spacing-md);
    }

/* --- 3. Última Resolución (Destacada) --- */
.te-featured[b-thbwsrfrfo] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.te-featured-badge[b-thbwsrfrfo] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    background-color: var(--cpe-azul-primario);
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: var(--cpe-spacing-xs) var(--cpe-spacing-md);
    border-radius: 20px;
    margin-bottom: var(--cpe-spacing-lg);
}

.te-featured-card[b-thbwsrfrfo] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-lg);
    display: grid;
    grid-template-columns: 200px 1fr;
    overflow: hidden;
}

/* Icono lateral */
.te-featured-icono[b-thbwsrfrfo] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--cpe-azul-claro) 0%, var(--cpe-fondo-claro) 100%);
    min-height: 250px;
}

    .te-featured-icono i[b-thbwsrfrfo] {
        font-size: 5rem;
        color: var(--cpe-azul-primario);
        opacity: 0.6;
    }

/* Info de la derecha */
.te-featured-info[b-thbwsrfrfo] {
    padding: var(--cpe-spacing-xxl);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.te-featured-sector[b-thbwsrfrfo] {
    display: inline-block;
    background-color: var(--cpe-azul-primario);
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    align-self: flex-start;
    margin-bottom: var(--cpe-spacing-sm);
}

.te-featured-titulo[b-thbwsrfrfo] {
    font-size: 1.6rem;
    font-weight: 300;
    color: var(--cpe-texto-oscuro);
    margin-bottom: var(--cpe-spacing-md);
    line-height: 1.3;
}

.te-featured-meta[b-thbwsrfrfo] {
    display: flex;
    gap: var(--cpe-spacing-lg);
    margin-bottom: var(--cpe-spacing-md);
}

.te-featured-meta-item[b-thbwsrfrfo] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    font-size: 0.95rem;
    color: var(--cpe-texto-gris);
}

    .te-featured-meta-item i[b-thbwsrfrfo] {
        color: var(--cpe-azul-primario);
    }

.te-featured-descripcion[b-thbwsrfrfo] {
    font-size: 0.95rem;
    color: var(--cpe-texto-gris);
    line-height: 1.6;
    margin-bottom: var(--cpe-spacing-xl);
}

.te-btn-descargar[b-thbwsrfrfo] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    background-color: var(--cpe-azul-primario);
    color: white;
    padding: var(--cpe-spacing-md) var(--cpe-spacing-xl);
    border-radius: var(--cpe-border-radius);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    transition: var(--cpe-transition);
    align-self: flex-start;
}

    .te-btn-descargar:hover[b-thbwsrfrfo] {
        background-color: var(--cpe-azul-oscuro);
        color: white;
        box-shadow: var(--cpe-shadow-md);
    }

    .te-btn-descargar i[b-thbwsrfrfo] {
        font-size: 1.2rem;
    }

/* Skeleton loading */
.te-featured-skeleton[b-thbwsrfrfo] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-lg);
    display: grid;
    grid-template-columns: 200px 1fr;
    overflow: hidden;
    min-height: 250px;
}

.te-skeleton-icono[b-thbwsrfrfo] {
    background: linear-gradient(90deg, var(--cpe-fondo-claro) 25%, #e0ddd7 50%, var(--cpe-fondo-claro) 75%);
    background-size: 200% 100%;
    animation: te-skeleton-shimmer-b-thbwsrfrfo 1.5s infinite;
}

.te-skeleton-txt[b-thbwsrfrfo] {
    padding: var(--cpe-spacing-xxl);
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-lg);
    justify-content: center;
}

.te-skeleton-line[b-thbwsrfrfo] {
    height: 16px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--cpe-fondo-claro) 25%, #e0ddd7 50%, var(--cpe-fondo-claro) 75%);
    background-size: 200% 100%;
    animation: te-skeleton-shimmer-b-thbwsrfrfo 1.5s infinite;
}

.te-skeleton-line-lg[b-thbwsrfrfo] { width: 60%; height: 28px; }
.te-skeleton-line-md[b-thbwsrfrfo] { width: 40%; }
.te-skeleton-line-sm[b-thbwsrfrfo] { width: 25%; height: 40px; border-radius: var(--cpe-border-radius); }

@keyframes te-skeleton-shimmer-b-thbwsrfrfo {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* --- 4. Listado --- */
.te-listado[b-thbwsrfrfo] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.te-listado-header[b-thbwsrfrfo] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-md);
    margin-bottom: var(--cpe-spacing-md);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .te-listado-header i[b-thbwsrfrfo] {
        font-size: 1.8rem;
        color: var(--cpe-azul-primario);
    }

    .te-listado-header h2[b-thbwsrfrfo] {
        font-size: 1.8rem;
        font-weight: 300;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.te-listado-subtitulo[b-thbwsrfrfo] {
    color: var(--cpe-texto-gris);
    font-size: 0.95rem;
    margin-bottom: var(--cpe-spacing-xl);
}

/* --- Filtros por sector --- */
.te-filtros[b-thbwsrfrfo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cpe-spacing-sm);
    margin-bottom: var(--cpe-spacing-xl);
}

.te-filtro-btn[b-thbwsrfrfo] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    background-color: var(--cpe-fondo-beige);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: var(--cpe-texto-gris);
    padding: var(--cpe-spacing-xs) var(--cpe-spacing-md);
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: var(--cpe-transition);
}

    .te-filtro-btn:hover[b-thbwsrfrfo] {
        border-color: var(--cpe-azul-primario);
        color: var(--cpe-azul-primario);
    }

.te-filtro-activo[b-thbwsrfrfo] {
    background-color: var(--cpe-azul-primario);
    border-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
}

    .te-filtro-activo:hover[b-thbwsrfrfo] {
        color: var(--cpe-blanco);
        border-color: var(--cpe-azul-primario);
    }

.te-filtro-count[b-thbwsrfrfo] {
    background-color: rgba(0, 0, 0, 0.08);
    padding: 1px 6px;
    border-radius: 10px;
    font-size: 0.75rem;
}

.te-filtro-activo .te-filtro-count[b-thbwsrfrfo] {
    background-color: rgba(255, 255, 255, 0.25);
}

/* --- Tabla --- */
.te-tabla-wrapper[b-thbwsrfrfo] {
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
}

.te-tabla[b-thbwsrfrfo] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

    .te-tabla thead tr[b-thbwsrfrfo] {
        background-color: var(--cpe-azul-oscuro);
        color: white;
    }

    .te-tabla thead th[b-thbwsrfrfo] {
        padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
        font-weight: 600;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-align: left;
    }

    .te-tabla tbody tr[b-thbwsrfrfo] {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        transition: var(--cpe-transition);
    }

    .te-tabla tbody tr:nth-child(even)[b-thbwsrfrfo] {
        background-color: var(--cpe-fondo-beige);
    }

    .te-tabla tbody tr:nth-child(odd)[b-thbwsrfrfo] {
        background-color: var(--cpe-blanco);
    }

    .te-tabla tbody tr:hover[b-thbwsrfrfo] {
        background-color: var(--cpe-azul-claro);
    }

    .te-tabla tbody td[b-thbwsrfrfo] {
        padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
        vertical-align: middle;
        color: var(--cpe-texto-oscuro);
    }

.te-tabla-sector[b-thbwsrfrfo] {
    width: 140px;
}

.te-sector-badge[b-thbwsrfrfo] {
    display: inline-block;
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.te-tabla-nombre[b-thbwsrfrfo] {
    font-weight: 500;
}

.te-tabla-anio[b-thbwsrfrfo] {
    width: 80px;
    font-weight: 500;
    color: var(--cpe-azul-oscuro) !important;
}

.te-tabla-nro[b-thbwsrfrfo] {
    width: 70px;
    font-weight: 700;
    color: var(--cpe-azul-oscuro) !important;
}

.te-tabla-accion[b-thbwsrfrfo] {
    text-align: right;
    width: 130px;
}

.te-btn-pdf[b-thbwsrfrfo] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    background-color: transparent;
    border: 1px solid var(--cpe-azul-primario);
    color: var(--cpe-azul-primario);
    padding: var(--cpe-spacing-xs) var(--cpe-spacing-md);
    border-radius: var(--cpe-border-radius);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: var(--cpe-transition);
    white-space: nowrap;
}

    .te-btn-pdf:hover[b-thbwsrfrfo] {
        background-color: var(--cpe-azul-primario);
        color: white;
    }

.te-total[b-thbwsrfrfo] {
    font-size: 0.85rem;
    color: var(--cpe-texto-gris);
    margin-top: var(--cpe-spacing-md);
    text-align: right;
}

.te-sin-datos[b-thbwsrfrfo] {
    text-align: center;
    padding: var(--cpe-spacing-xxl) 0;
    color: var(--cpe-texto-gris);
}

    .te-sin-datos i[b-thbwsrfrfo] {
        font-size: 3rem;
        opacity: 0.5;
        display: block;
        margin-bottom: var(--cpe-spacing-md);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .te-featured-card[b-thbwsrfrfo],
    .te-featured-skeleton[b-thbwsrfrfo] {
        grid-template-columns: 160px 1fr;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .te-intro[b-thbwsrfrfo],
    .te-featured[b-thbwsrfrfo],
    .te-listado[b-thbwsrfrfo] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .te-intro-texto[b-thbwsrfrfo] {
        text-align: left;
    }

    .te-featured-card[b-thbwsrfrfo],
    .te-featured-skeleton[b-thbwsrfrfo] {
        grid-template-columns: 1fr;
    }

    .te-featured-icono[b-thbwsrfrfo] {
        min-height: 140px;
    }

    .te-featured-icono i[b-thbwsrfrfo] {
        font-size: 3.5rem;
    }

    .te-featured-titulo[b-thbwsrfrfo] {
        font-size: 1.3rem;
    }

    .te-featured-info[b-thbwsrfrfo] {
        padding: var(--cpe-spacing-xl);
    }

    .te-skeleton-icono[b-thbwsrfrfo] {
        height: 140px;
    }

    .te-listado-header h2[b-thbwsrfrfo] {
        font-size: 1.4rem;
    }

    .te-tabla-sector[b-thbwsrfrfo] {
        display: none;
    }

    .te-tabla thead th:first-child[b-thbwsrfrfo] {
        display: none;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .te-listado-header h2[b-thbwsrfrfo] {
        font-size: 1.3rem;
    }

    .te-featured-meta[b-thbwsrfrfo] {
        flex-direction: column;
        gap: var(--cpe-spacing-xs);
    }

    .te-tabla-anio[b-thbwsrfrfo] {
        display: none;
    }

    .te-tabla thead th:nth-child(3)[b-thbwsrfrfo] {
        display: none;
    }

    .te-btn-pdf span[b-thbwsrfrfo] {
        display: none;
    }

    .te-btn-pdf[b-thbwsrfrfo] {
        padding: var(--cpe-spacing-sm);
    }

        .te-btn-pdf i[b-thbwsrfrfo] {
            font-size: 1.1rem;
        }

    .te-filtro-btn[b-thbwsrfrfo] {
        font-size: 0.8rem;
        padding: var(--cpe-spacing-xs) var(--cpe-spacing-sm);
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .te-tabla tbody tr:hover[b-thbwsrfrfo] {
        background-color: unset;
    }

    .te-tabla tbody tr:nth-child(even):hover[b-thbwsrfrfo] {
        background-color: var(--cpe-fondo-beige);
    }

    .te-tabla tbody tr:nth-child(odd):hover[b-thbwsrfrfo] {
        background-color: var(--cpe-blanco);
    }

    .te-btn-descargar:hover[b-thbwsrfrfo] {
        box-shadow: none;
    }
}
/* /Components/Pages/TarifasNet.razor.rz.scp.css */
/* ==========================================
   Tarifas CPEnet - Scoped Styles
   ========================================== */

.tn-planes[b-d1lunb17af] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.tn-categoria-titulo[b-d1lunb17af] {
    font-size: 2.1rem;
    font-weight: 800;
    color: var(--cpe-texto-gris);
    margin-bottom: var(--cpe-spacing-lg);
    padding-bottom: var(--cpe-spacing-sm);
    border-bottom: 2px solid var(--cpe-azul-primario);
    text-align: center;
}

    .tn-categoria-titulo:not(:first-child)[b-d1lunb17af] {
        margin-top: var(--cpe-spacing-xxl);
    }

.tn-subcategoria-titulo[b-d1lunb17af] {
    font-size: 1.7rem;
    font-weight: 500;
    color: var(--cpe-texto-gris-claro);
    margin-top: var(--cpe-spacing-lg);
    margin-bottom: var(--cpe-spacing-md);
}

/* Grid de planes */
.tn-plan-grid[b-d1lunb17af] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--cpe-spacing-lg);
    margin-bottom: var(--cpe-spacing-xl);
}

.tn-plan-card[b-d1lunb17af] {
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
    display: flex;
    flex-direction: column;
}

    .tn-plan-card:hover[b-d1lunb17af] {
        box-shadow: var(--cpe-shadow-md);
        transform: translateY(-3px);
    }

.tn-plan-header[b-d1lunb17af] {
    padding: var(--cpe-spacing-xl) var(--cpe-spacing-lg);
    color: var(--cpe-blanco);
    text-align: center;
}

    .tn-plan-header h3[b-d1lunb17af] {
        font-size: 1.1rem;
        font-weight: 700;
        margin: 0 0 var(--cpe-spacing-sm) 0;
    }

.tn-plan-precio[b-d1lunb17af] {
    font-size: 1.6rem;
    font-weight: 800;
}

.tn-plan-header-violeta[b-d1lunb17af] {
    background: linear-gradient(135deg, #741FD2, #5a18a3);
}

.tn-plan-header-azul[b-d1lunb17af] {
    background: linear-gradient(135deg, var(--cpe-azul-primario), var(--cpe-azul-oscuro));
}

.tn-plan-body[b-d1lunb17af] {
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    flex: 1;
}

    .tn-plan-body p[b-d1lunb17af] {
        font-size: 0.82rem;
        color: var(--cpe-texto-gris);
        margin: 0;
        line-height: 1.5;
    }

.tn-sin-datos[b-d1lunb17af] {
    text-align: center;
    padding: var(--cpe-spacing-xxl);
    color: var(--cpe-texto-gris);
}

    .tn-sin-datos i[b-d1lunb17af] {
        font-size: 3rem;
        opacity: 0.3;
        display: block;
        margin-bottom: var(--cpe-spacing-md);
    }

.tn-nota-legal[b-d1lunb17af] {
    margin-top: var(--cpe-spacing-xxl);
    padding: var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius);
    border-left: 4px solid var(--cpe-azul-primario);
}

    .tn-nota-legal h6[b-d1lunb17af] {
        font-weight: 600;
        color: var(--cpe-azul-oscuro);
        margin-bottom: var(--cpe-spacing-sm);
    }

    .tn-nota-legal p[b-d1lunb17af] {
        margin: 0 0 var(--cpe-spacing-xs) 0;
        font-size: 0.82rem;
        color: var(--cpe-texto-gris);
    }

        .tn-nota-legal p:last-child[b-d1lunb17af] {
            margin-bottom: 0;
        }

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 991px) {
    .tn-categoria-titulo[b-d1lunb17af] {
        font-size: 1.7rem;
    }

    .tn-subcategoria-titulo[b-d1lunb17af] {
        font-size: 1.35rem;
    }
}

@media (max-width: 768px) {
    .tn-planes[b-d1lunb17af] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .tn-categoria-titulo[b-d1lunb17af] {
        font-size: 1.4rem;
        margin-bottom: var(--cpe-spacing-md);
    }

    .tn-subcategoria-titulo[b-d1lunb17af] {
        font-size: 1.15rem;
        margin-top: var(--cpe-spacing-md);
    }

    .tn-plan-grid[b-d1lunb17af] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }

    .tn-plan-precio[b-d1lunb17af] {
        font-size: 1.3rem;
    }
}

@media (max-width: 576px) {
    .tn-categoria-titulo[b-d1lunb17af] {
        font-size: 1.2rem;
    }

    .tn-subcategoria-titulo[b-d1lunb17af] {
        font-size: 1rem;
    }

    .tn-plan-grid[b-d1lunb17af] {
        grid-template-columns: 1fr 1fr;
        gap: var(--cpe-spacing-md);
    }
}
/* /Components/Pages/TarifasTel.razor.rz.scp.css */
/* ==========================================
   Tarifas CPEtel - Scoped Styles
   ========================================== */

.tt-planes[b-m2odhuqkcp] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.tt-plan-card[b-m2odhuqkcp] {
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--cpe-shadow-sm);
    margin-bottom: var(--cpe-spacing-xl);
    transition: var(--cpe-transition);
}

    .tt-plan-card:last-child[b-m2odhuqkcp] {
        margin-bottom: 0;
    }

    .tt-plan-card:hover[b-m2odhuqkcp] {
        box-shadow: var(--cpe-shadow-md);
    }

.tt-plan-header[b-m2odhuqkcp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cpe-spacing-md) var(--cpe-spacing-xl);
    color: var(--cpe-blanco);
}

    .tt-plan-header h3[b-m2odhuqkcp] {
        font-size: 1.15rem;
        font-weight: 600;
        margin: 0;
    }

.tt-plan-header-azul[b-m2odhuqkcp] {
    background: linear-gradient(135deg, var(--cpe-azul-primario), var(--cpe-azul-oscuro));
}

.tt-plan-header-verde[b-m2odhuqkcp] {
    background: linear-gradient(135deg, #28a745, #1e7e34);
}

.tt-plan-header-celeste[b-m2odhuqkcp] {
    background: linear-gradient(135deg, #17a2b8, #117a8b);
}

.tt-plan-body[b-m2odhuqkcp] {
    display: grid;
    grid-template-columns: 1fr;
    background-color: var(--cpe-fondo-beige);
}

.tt-plan-info[b-m2odhuqkcp] {
    padding: var(--cpe-spacing-xl);
}

.tt-plan-info-full[b-m2odhuqkcp] {
    grid-column: 1 / -1;
}

.tt-plan-descripcion[b-m2odhuqkcp] {
    color: var(--cpe-texto-gris);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: var(--cpe-spacing-md);
}

.tt-plan-items[b-m2odhuqkcp] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tt-plan-item[b-m2odhuqkcp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cpe-spacing-sm) 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

    .tt-plan-item:last-child[b-m2odhuqkcp] {
        border-bottom: none;
    }

.tt-plan-item-label[b-m2odhuqkcp] {
    font-size: 0.88rem;
    color: var(--cpe-texto-gris);
}

.tt-plan-item-precio[b-m2odhuqkcp] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--cpe-azul-oscuro);
    white-space: nowrap;
}

.tt-sin-datos[b-m2odhuqkcp] {
    text-align: center;
    padding: var(--cpe-spacing-xxl);
    color: var(--cpe-texto-gris);
}

    .tt-sin-datos i[b-m2odhuqkcp] {
        font-size: 3rem;
        opacity: 0.3;
        display: block;
        margin-bottom: var(--cpe-spacing-md);
    }

.tt-nota-legal[b-m2odhuqkcp] {
    margin-top: var(--cpe-spacing-xl);
    padding: var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius);
    border-left: 4px solid var(--cpe-azul-primario);
}

    .tt-nota-legal p[b-m2odhuqkcp] {
        margin: 0;
        font-size: 0.85rem;
        color: var(--cpe-texto-gris);
    }

.tt-nota-small[b-m2odhuqkcp] {
    font-size: 0.78rem !important;
    margin-top: var(--cpe-spacing-xs) !important;
}

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 768px) {
    .tt-planes[b-m2odhuqkcp] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .tt-plan-header h3[b-m2odhuqkcp] {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .tt-plan-info[b-m2odhuqkcp] {
        padding: var(--cpe-spacing-md);
    }

    .tt-plan-item[b-m2odhuqkcp] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
}
/* /Components/Pages/TarifasTv.razor.rz.scp.css */
/* ==========================================
   Tarifas CPEtv - Scoped Styles
   ========================================== */

/* --- Selector de localidad --- */
.tt-localidades[b-21jvm4ezo5] {
    padding: var(--cpe-spacing-lg) 0;
}

.tt-instruccion[b-21jvm4ezo5] {
    text-align: center;
    color: var(--cpe-texto-gris);
    margin-bottom: var(--cpe-spacing-md);
}

.tt-tabs[b-21jvm4ezo5] {
    display: flex;
    gap: var(--cpe-spacing-sm);
    justify-content: center;
    flex-wrap: wrap;
}

.tt-tab[b-21jvm4ezo5] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-xl);
    border: 2px solid transparent;
    border-radius: var(--cpe-border-radius-lg);
    background-color: var(--cpe-blanco);
    color: var(--cpe-texto-gris);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: var(--cpe-transition);
    box-shadow: var(--cpe-shadow-sm);
}

    .tt-tab:hover[b-21jvm4ezo5] {
        border-color: var(--cpe-azul-primario);
        color: var(--cpe-azul-primario);
    }

.tt-tab-activo[b-21jvm4ezo5] {
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    border-color: var(--cpe-azul-primario);
    box-shadow: var(--cpe-shadow-md);
}

    .tt-tab-activo:hover[b-21jvm4ezo5] {
        color: var(--cpe-blanco);
        border-color: var(--cpe-azul-oscuro);
        background-color: var(--cpe-azul-oscuro);
    }

/* --- Contenido --- */
.tt-contenido[b-21jvm4ezo5] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

/* --- Card contenedora (estilo Bootstrap card del legacy) --- */
.tt-card[b-21jvm4ezo5] {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: var(--cpe-border-radius);
    background-color: var(--cpe-blanco);
    box-shadow: var(--cpe-shadow-sm);
    overflow: hidden;
}

.tt-card-body[b-21jvm4ezo5] {
    padding: var(--cpe-spacing-xl);
}

.tt-card-header-azul[b-21jvm4ezo5] {
    background: var(--cpe-celeste-arg) ;
    color: var(--cpe-blanco);
    padding: var(--cpe-spacing-md) var(--cpe-spacing-xl);
    text-align: center;
}

    .tt-card-header-azul h4[b-21jvm4ezo5] {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 600;
    }

/* --- Pack card (TV HD BOX, Fútbol, HBO, Condicionados) --- */
.tt-pack-card[b-21jvm4ezo5] {
    border: 2px solid var(--cpe-celeste-arg);
    border-radius: var(--cpe-border-radius);
    background-color: var(--cpe-blanco);
    text-align: center;
    overflow: hidden;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.tt-pack-header[b-21jvm4ezo5] {
    background-color: var(--cpe-celeste-arg);
    color: var(--cpe-blanco);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-md);
}

    .tt-pack-header h3[b-21jvm4ezo5] {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 700;
        letter-spacing: 0.02em;
    }

.tt-pack-body[b-21jvm4ezo5] {
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
}

.tt-pack-precio[b-21jvm4ezo5] {
    font-size: 1.85rem;
    font-weight: 700;
    color: black;
    margin: 0;
    line-height: 1.2;
}

.tt-pack-leyenda[b-21jvm4ezo5] {
    display: block;
    color: var(--cpe-texto-gris);
    font-size: 0.8rem;
    margin-top: 2px;
}

.tt-pack-body hr[b-21jvm4ezo5] {
    margin: var(--cpe-spacing-sm) 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    opacity: 1;
}

.tt-pack-lista[b-21jvm4ezo5] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--cpe-spacing-md) 0;
    font-size: 0.9rem;
    color: #333;
}
    .tt-pack-lista li[b-21jvm4ezo5] {
        font-size: small;
        font-weight: 700;
        line-height: 1.6
    }

.tt-pack-pie[b-21jvm4ezo5] {
    font-size: 0.8rem;
    color: var(--cpe-texto-gris);
    margin: auto 0 0 0;
}

/* --- Botón WhatsApp --- */
.tt-btn-whatsapp[b-21jvm4ezo5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: var(--cpe-celeste-arg);
    color: var(--cpe-blanco);
    padding: 8px 18px;
    border: 1px solid var(--cpe-celeste-arg);
    border-radius: var(--cpe-border-radius);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    margin-top: var(--cpe-spacing-sm);
    transition: var(--cpe-transition);
}

    .tt-btn-whatsapp:hover[b-21jvm4ezo5] {
        color: var(--cpe-amarillo);
        text-decoration: none;
    }

/* --- Texto de cargos extra --- */
.tt-tagline[b-21jvm4ezo5] {
    color: black;
    font-weight: 600;
    margin-bottom: var(--cpe-spacing-md);
    font-size: 1.05rem;
}

.tt-cargos[b-21jvm4ezo5] {
    font-size: 0.9rem;
    color: #444;
    line-height: 1.6;
    margin-bottom: var(--cpe-spacing-sm);
}

/* --- Link "Ver señales incluidas" (badge style) --- */
.tt-link-senales[b-21jvm4ezo5] {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.05);
    color: var(--cpe-texto-gris);
    padding: 4px 12px;
    border-radius: var(--cpe-border-radius);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 500;
    transition: var(--cpe-transition);
}

    .tt-link-senales:hover[b-21jvm4ezo5] {
        background-color: rgba(0, 0, 0, 0.1);
        color: var(--cpe-azul-oscuro);
        text-decoration: none;
    }

/* --- Vigencia --- */
.tt-vigencia[b-21jvm4ezo5] {
    font-size: 0.8rem;
    color: var(--cpe-texto-gris);
    padding-top: var(--cpe-spacing-sm);
    margin-bottom: 0;
}

/* --- Sin datos --- */
.tt-sin-datos[b-21jvm4ezo5] {
    text-align: center;
    padding: var(--cpe-spacing-xxl);
    color: var(--cpe-texto-gris);
}

    .tt-sin-datos i[b-21jvm4ezo5] {
        font-size: 3rem;
        opacity: 0.3;
        display: block;
        margin-bottom: var(--cpe-spacing-md);
    }

/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 991px) {
    .tt-card-body[b-21jvm4ezo5] {
        padding: var(--cpe-spacing-lg);
    }
}

@media (max-width: 768px) {
    .tt-contenido[b-21jvm4ezo5] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .tt-tabs[b-21jvm4ezo5] {
        flex-direction: column;
    }

    .tt-tab[b-21jvm4ezo5] {
        justify-content: center;
    }

    .tt-card-body[b-21jvm4ezo5] {
        padding: var(--cpe-spacing-md);
    }

    .tt-pack-precio[b-21jvm4ezo5] {
        font-size: 1.6rem;
    }

    .tt-pack-header h3[b-21jvm4ezo5] {
        font-size: 1.1rem;
    }
}
/* /Components/Pages/TrabajarCpe.razor.rz.scp.css */
/* ==========================================
   Trabajar en la CPE - Scoped Styles
   ========================================== */

/* --- 2. Introduccion --- */
.rrhh-intro[b-6d8fqtgcjj] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.rrhh-intro-grid[b-6d8fqtgcjj] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

.rrhh-intro-texto h2[b-6d8fqtgcjj] {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin-bottom: var(--cpe-spacing-lg);
}

.rrhh-intro-texto p[b-6d8fqtgcjj] {
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    margin-bottom: var(--cpe-spacing-md);
}

/* Valores (sidebar) */
.rrhh-valores[b-6d8fqtgcjj] {
    position: sticky;
    top: 100px;
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    border-left: 4px solid var(--cpe-azul-primario);
}

    .rrhh-valores h3[b-6d8fqtgcjj] {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0 0 var(--cpe-spacing-lg) 0;
    }

.rrhh-valores-lista[b-6d8fqtgcjj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cpe-spacing-sm);
}

.rrhh-valor-tag[b-6d8fqtgcjj] {
    display: inline-block;
    padding: var(--cpe-spacing-xs) var(--cpe-spacing-md);
    background-color: var(--cpe-blanco);
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--cpe-azul-oscuro);
    border: 1px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
}

    .rrhh-valor-tag:hover[b-6d8fqtgcjj] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

/* --- 3. Programas --- */
.rrhh-programas[b-6d8fqtgcjj] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-fondo-beige);
}

.rrhh-programas-grid[b-6d8fqtgcjj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--cpe-spacing-xl);
}

.rrhh-programa-card[b-6d8fqtgcjj] {
    background-color: var(--cpe-blanco);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-xl);
    box-shadow: var(--cpe-shadow-sm);
    transition: var(--cpe-transition);
}

    .rrhh-programa-card:hover[b-6d8fqtgcjj] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-4px);
    }

    .rrhh-programa-card h3[b-6d8fqtgcjj] {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin-bottom: var(--cpe-spacing-md);
    }

    .rrhh-programa-card p[b-6d8fqtgcjj] {
        font-size: 0.95rem;
        color: var(--cpe-texto-gris);
        line-height: 1.7;
        margin-bottom: var(--cpe-spacing-sm);
    }

.rrhh-programa-icono[b-6d8fqtgcjj] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--cpe-azul-primario);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--cpe-spacing-lg);
}

    .rrhh-programa-icono i[b-6d8fqtgcjj] {
        font-size: 1.5rem;
        color: var(--cpe-blanco);
    }

.rrhh-programa-icono-verde[b-6d8fqtgcjj] {
    background-color: var(--cpe-verde);
}

/* CTA: cargar CV en la Oficina Virtual */
.rrhh-cv-cta[b-6d8fqtgcjj] {
    margin-top: var(--cpe-spacing-lg);
    padding: var(--cpe-spacing-lg);
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    border-left: 4px solid var(--cpe-azul-primario);
}

.rrhh-cv-cta-texto[b-6d8fqtgcjj] {
    margin: 0 0 var(--cpe-spacing-md) 0 !important;
    font-weight: 600;
    color: var(--cpe-texto-oscuro) !important;
}

.rrhh-cv-cta-btn[b-6d8fqtgcjj] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-lg);
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    border-radius: var(--cpe-border-radius-lg);
    transition: var(--cpe-transition);
}

    .rrhh-cv-cta-btn:hover[b-6d8fqtgcjj] {
        background-color: var(--cpe-azul-oscuro);
        color: var(--cpe-blanco);
        transform: translateY(-2px);
        box-shadow: var(--cpe-shadow-md);
    }

    .rrhh-cv-cta-btn i[b-6d8fqtgcjj] {
        font-size: 1.1rem;
    }

.rrhh-cv-cta-ext[b-6d8fqtgcjj] {
    font-size: 0.85rem !important;
    opacity: 0.85;
}

/* --- 4. Imagen --- */
.rrhh-imagen[b-6d8fqtgcjj] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.rrhh-imagen-img[b-6d8fqtgcjj] {
    width: 100%;
    max-width: 1000px;
    display: block;
    margin: 0 auto;
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: var(--cpe-shadow-sm);
    object-fit: cover;
}

/* ==========================================
   RESPONSIVE
   ========================================== */

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .rrhh-intro-grid[b-6d8fqtgcjj] {
        grid-template-columns: 1fr;
    }

    .rrhh-valores[b-6d8fqtgcjj] {
        position: static;
    }
}

/* Tablet medio: hasta 768px */
@media (max-width: 768px) {
    .rrhh-intro[b-6d8fqtgcjj],
    .rrhh-programas[b-6d8fqtgcjj],
    .rrhh-imagen[b-6d8fqtgcjj] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .rrhh-programas-grid[b-6d8fqtgcjj] {
        grid-template-columns: 1fr;
    }
}

/* Mobile: hasta 576px */
@media (max-width: 576px) {
    .rrhh-intro-texto h2[b-6d8fqtgcjj] {
        font-size: 1.5rem;
    }

    .rrhh-valores[b-6d8fqtgcjj] {
        padding: var(--cpe-spacing-lg);
    }

    .rrhh-programa-card[b-6d8fqtgcjj] {
        padding: var(--cpe-spacing-lg);
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .rrhh-programa-card:hover[b-6d8fqtgcjj] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }

    .rrhh-valor-tag:hover[b-6d8fqtgcjj] {
        background-color: var(--cpe-blanco);
        color: var(--cpe-azul-oscuro);
    }
}
/* /Components/Shared/BannerComercial.razor.rz.scp.css */
/* ==========================================
   Banner Superior Comercial - Scoped Styles
   ========================================== */

/* Columna izquierda: imágenes rotativas */
.pc-banner-imagenes[b-m9e20c9392] {
    position: relative;
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    background: #000;
    min-height: 600px;
}

.pc-imagen[b-m9e20c9392] {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
    display: block;
}

    .pc-imagen.activa[b-m9e20c9392] {
        opacity: 1;
    }

    .pc-imagen img[b-m9e20c9392] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

/* Columna derecha arriba: rotador de subservicios */
.pc-banner-subservicios[b-m9e20c9392] {
    position: relative;
    flex: 1;
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    background: #FFFFFF;
    min-height: 260px;
}

.pc-subservicio-card[b-m9e20c9392] {
    position: absolute;
    inset: 0;
    text-decoration: none;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .pc-subservicio-card.activo[b-m9e20c9392] {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .pc-subservicio-card:hover[b-m9e20c9392] {
        text-decoration: none;
    }

.pc-subservicio-caja[b-m9e20c9392] {
    position: absolute;
    top: var(--cpe-spacing-xl);
    left: 50%;
    transform: translateX(-50%);
    width: min(640px, calc(100% - var(--cpe-spacing-xl) * 2));
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.pc-subservicio-card:hover .pc-subservicio-caja[b-m9e20c9392] {
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.pc-subservicio-icono[b-m9e20c9392] {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    margin-top: 6px;
    background-color: var(--cpe-azul-oscuro);
    -webkit-mask-image: var(--icono-url);
    mask-image: var(--icono-url);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.pc-subservicio-texto[b-m9e20c9392] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pc-subservicio-titulo[b-m9e20c9392] {
    font-size: 2rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin: 0;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.pc-subservicio-desc[b-m9e20c9392] {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.35;
    margin: 0;
}

/* Flechas de navegación */
.pc-subservicios-flecha[b-m9e20c9392] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    color: #FFFFFF;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    padding: 0;
    transition: background 0.3s ease;
}

    .pc-subservicios-flecha:hover[b-m9e20c9392] {
        background: rgba(255, 255, 255, 0.7);
    }

.pc-subservicios-flecha-izq[b-m9e20c9392] {
    left: var(--cpe-spacing-sm);
}

.pc-subservicios-flecha-der[b-m9e20c9392] {
    right: var(--cpe-spacing-sm);
}

/* Bullets indicadores */
.pc-subservicios-bullets[b-m9e20c9392] {
    position: absolute;
    bottom: var(--cpe-spacing-md);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: var(--cpe-spacing-xs);
    z-index: 2;
}

.pc-subservicios-bullet[b-m9e20c9392] {
    width: 28px;
    height: 4px;
    border: none;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    padding: 0;
    transition: background 0.3s ease;
}

    .pc-subservicios-bullet.activo[b-m9e20c9392] {
        background: #FFFFFF;
    }

    .pc-subservicios-bullet:hover[b-m9e20c9392] {
        background: rgba(255, 255, 255, 0.7);
    }

@media (max-width: 992px) {
    .pc-banner-imagenes[b-m9e20c9392] {
        min-height: 280px;
    }

    .pc-banner-subservicios[b-m9e20c9392] {
        min-height: 200px;
    }

    .pc-subservicio-caja[b-m9e20c9392] {
        top: var(--cpe-spacing-md);
        width: min(440px, calc(100% - var(--cpe-spacing-md) * 2));
        padding: var(--cpe-spacing-sm) var(--cpe-spacing-md);
        border-radius: 16px;
        gap: var(--cpe-spacing-sm);
    }

    .pc-subservicio-icono[b-m9e20c9392] {
        width: 30px;
        height: 30px;
        margin-top: 4px;
    }

    .pc-subservicio-titulo[b-m9e20c9392] {
        font-size: 1.4rem;
    }

    .pc-subservicio-desc[b-m9e20c9392] {
        font-size: 0.85rem;
    }

    .pc-subservicios-flecha[b-m9e20c9392] {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }
}
/* /Components/Shared/BannerEnergia.razor.rz.scp.css */
/* ==========================================
   Banner Superior Energía - Scoped Styles
   ========================================== */

/* Columna izquierda: imágenes rotativas */
.pt-banner-imagenes[b-4tm9hw74j9] {
    position: relative;
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    background: #000;
    min-height: 600px;
}

.pt-imagen[b-4tm9hw74j9] {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
    display: block;
}

    .pt-imagen.activa[b-4tm9hw74j9] {
        opacity: 1;
    }

    .pt-imagen img[b-4tm9hw74j9] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

/* Columna derecha arriba: rotador de subservicios */
.pt-banner-subservicios[b-4tm9hw74j9] {
    position: relative;
    flex: 1;
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    background: #FFFFFF;
    min-height: 260px;
}

.pt-subservicio-card[b-4tm9hw74j9] {
    position: absolute;
    inset: 0;
    text-decoration: none;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .pt-subservicio-card.activo[b-4tm9hw74j9] {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .pt-subservicio-card:hover[b-4tm9hw74j9] {
        text-decoration: none;
    }

.pt-subservicio-caja[b-4tm9hw74j9] {
    position: absolute;
    top: var(--cpe-spacing-xl);
    left: 50%;
    transform: translateX(-50%);
    width: min(640px, calc(100% - var(--cpe-spacing-xl) * 2));
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.pt-subservicio-card:hover .pt-subservicio-caja[b-4tm9hw74j9] {
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.pt-subservicio-icono[b-4tm9hw74j9] {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    margin-top: 6px;
    background-color: var(--cpe-azul-oscuro);
    -webkit-mask-image: var(--icono-url);
    mask-image: var(--icono-url);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.pt-subservicio-texto[b-4tm9hw74j9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pt-subservicio-titulo[b-4tm9hw74j9] {
    font-size: 2rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin: 0;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.pt-subservicio-desc[b-4tm9hw74j9] {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.35;
    margin: 0;
}

/* Flechas de navegación */
.pt-subservicios-flecha[b-4tm9hw74j9] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    color: #FFFFFF;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    padding: 0;
    transition: background 0.3s ease;
}

    .pt-subservicios-flecha:hover[b-4tm9hw74j9] {
        background: rgba(255, 255, 255, 0.7);
    }

.pt-subservicios-flecha-izq[b-4tm9hw74j9] {
    left: var(--cpe-spacing-sm);
}

.pt-subservicios-flecha-der[b-4tm9hw74j9] {
    right: var(--cpe-spacing-sm);
}

/* Bullets indicadores */
.pt-subservicios-bullets[b-4tm9hw74j9] {
    position: absolute;
    bottom: var(--cpe-spacing-md);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: var(--cpe-spacing-xs);
    z-index: 2;
}

.pt-subservicios-bullet[b-4tm9hw74j9] {
    width: 28px;
    height: 4px;
    border: none;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    padding: 0;
    transition: background 0.3s ease;
}

    .pt-subservicios-bullet.activo[b-4tm9hw74j9] {
        background: #FFFFFF;
    }

    .pt-subservicios-bullet:hover[b-4tm9hw74j9] {
        background: rgba(255, 255, 255, 0.7);
    }

@media (max-width: 992px) {
    .pt-banner-imagenes[b-4tm9hw74j9] {
        min-height: 280px;
    }

    .pt-banner-subservicios[b-4tm9hw74j9] {
        min-height: 200px;
    }

    .pt-subservicio-caja[b-4tm9hw74j9] {
        top: var(--cpe-spacing-md);
        width: min(440px, calc(100% - var(--cpe-spacing-md) * 2));
        padding: var(--cpe-spacing-sm) var(--cpe-spacing-md);
        border-radius: 16px;
        gap: var(--cpe-spacing-sm);
    }

    .pt-subservicio-icono[b-4tm9hw74j9] {
        width: 30px;
        height: 30px;
        margin-top: 4px;
    }

    .pt-subservicio-titulo[b-4tm9hw74j9] {
        font-size: 1.4rem;
    }

    .pt-subservicio-desc[b-4tm9hw74j9] {
        font-size: 0.85rem;
    }

    .pt-subservicios-flecha[b-4tm9hw74j9] {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }
}
/* /Components/Shared/BannerServiciosSociales.razor.rz.scp.css */
/* ==========================================
   Banner Superior Servicios Sociales - Scoped Styles
   ========================================== */

/* Columna izquierda: imágenes rotativas */
.pss-banner-imagenes[b-90qtrc55nt] {
    position: relative;
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    background: #000;
    min-height: 600px;
}

.pss-imagen[b-90qtrc55nt] {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
    display: block;
}

    .pss-imagen.activa[b-90qtrc55nt] {
        opacity: 1;
    }

    .pss-imagen img[b-90qtrc55nt] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

/* Columna derecha arriba: rotador de subservicios */
.pss-banner-subservicios[b-90qtrc55nt] {
    position: relative;
    flex: 1;
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    background: #FFFFFF;
    min-height: 260px;
}

.pss-subservicio-card[b-90qtrc55nt] {
    position: absolute;
    inset: 0;
    text-decoration: none;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .pss-subservicio-card.activo[b-90qtrc55nt] {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .pss-subservicio-card:hover[b-90qtrc55nt] {
        text-decoration: none;
    }

.pss-subservicio-caja[b-90qtrc55nt] {
    position: absolute;
    top: var(--cpe-spacing-xl);
    left: 50%;
    transform: translateX(-50%);
    width: min(640px, calc(100% - var(--cpe-spacing-xl) * 2));
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.pss-subservicio-card:hover .pss-subservicio-caja[b-90qtrc55nt] {
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.pss-subservicio-icono[b-90qtrc55nt] {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    margin-top: 6px;
    background-color: var(--cpe-azul-oscuro);
    -webkit-mask-image: var(--icono-url);
    mask-image: var(--icono-url);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.pss-subservicio-texto[b-90qtrc55nt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pss-subservicio-titulo[b-90qtrc55nt] {
    font-size: 2rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin: 0;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.pss-subservicio-desc[b-90qtrc55nt] {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.35;
    margin: 0;
}

/* Flechas de navegación */
.pss-subservicios-flecha[b-90qtrc55nt] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    color: #FFFFFF;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    padding: 0;
    transition: background 0.3s ease;
}

    .pss-subservicios-flecha:hover[b-90qtrc55nt] {
        background: rgba(255, 255, 255, 0.7);
    }

.pss-subservicios-flecha-izq[b-90qtrc55nt] {
    left: var(--cpe-spacing-sm);
}

.pss-subservicios-flecha-der[b-90qtrc55nt] {
    right: var(--cpe-spacing-sm);
}

/* Bullets indicadores */
.pss-subservicios-bullets[b-90qtrc55nt] {
    position: absolute;
    bottom: var(--cpe-spacing-md);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: var(--cpe-spacing-xs);
    z-index: 2;
}

.pss-subservicios-bullet[b-90qtrc55nt] {
    width: 28px;
    height: 4px;
    border: none;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    padding: 0;
    transition: background 0.3s ease;
}

    .pss-subservicios-bullet.activo[b-90qtrc55nt] {
        background: #FFFFFF;
    }

    .pss-subservicios-bullet:hover[b-90qtrc55nt] {
        background: rgba(255, 255, 255, 0.7);
    }

@media (max-width: 992px) {
    .pss-banner-imagenes[b-90qtrc55nt] {
        min-height: 280px;
    }

    .pss-banner-subservicios[b-90qtrc55nt] {
        min-height: 200px;
    }

    .pss-subservicio-caja[b-90qtrc55nt] {
        top: var(--cpe-spacing-md);
        width: min(440px, calc(100% - var(--cpe-spacing-md) * 2));
        padding: var(--cpe-spacing-sm) var(--cpe-spacing-md);
        border-radius: 16px;
        gap: var(--cpe-spacing-sm);
    }

    .pss-subservicio-icono[b-90qtrc55nt] {
        width: 30px;
        height: 30px;
        margin-top: 4px;
    }

    .pss-subservicio-titulo[b-90qtrc55nt] {
        font-size: 1.4rem;
    }

    .pss-subservicio-desc[b-90qtrc55nt] {
        font-size: 0.85rem;
    }

    .pss-subservicios-flecha[b-90qtrc55nt] {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }
}
/* /Components/Shared/BannerTelecomunicaciones.razor.rz.scp.css */
/* ==========================================
   Banner Superior Telecomunicaciones - Scoped Styles
   ========================================== */

/* Columna izquierda: imágenes rotativas */
.pt-banner-imagenes[b-ti7trqnplg] {
    position: relative;
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    background: #000;
    min-height: 600px;
}

.pt-imagen-link[b-ti7trqnplg] {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
    display: block;
    pointer-events: none;
}

    .pt-imagen-link.activa[b-ti7trqnplg] {
        opacity: 1;
        pointer-events: auto;
    }

    .pt-imagen[b-ti7trqnplg] {
        display: block;
        width: 100%;
        height: 100%;
    }

    .pt-imagen img[b-ti7trqnplg] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

/* Columna derecha arriba: rotador de subservicios */
.pt-banner-subservicios[b-ti7trqnplg] {
    position: relative;
    flex: 1;
    border-radius: var(--cpe-border-radius-lg);
    overflow: hidden;
    background: #FFFFFF;
    min-height: 260px;
}

.pt-subservicio-card[b-ti7trqnplg] {
    position: absolute;
    inset: 0;
    text-decoration: none;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .pt-subservicio-card.activo[b-ti7trqnplg] {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .pt-subservicio-card:hover[b-ti7trqnplg] {
        text-decoration: none;
    }

.pt-subservicio-caja[b-ti7trqnplg] {
    position: absolute;
    top: var(--cpe-spacing-xl);
    left: 50%;
    transform: translateX(-50%);
    width: min(640px, calc(100% - var(--cpe-spacing-xl) * 2));
    padding: var(--cpe-spacing-lg) var(--cpe-spacing-xl);
    display: flex;
    align-items: flex-start;
    gap: var(--cpe-spacing-md);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--cpe-border-radius-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.pt-subservicio-card:hover .pt-subservicio-caja[b-ti7trqnplg] {
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.pt-subservicio-icono[b-ti7trqnplg] {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    margin-top: 6px;
    background-color: var(--cpe-azul-oscuro);
    -webkit-mask-image: var(--icono-url);
    mask-image: var(--icono-url);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.pt-subservicio-texto[b-ti7trqnplg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pt-subservicio-titulo[b-ti7trqnplg] {
    font-size: 2rem;
    font-weight: 400;
    color: var(--cpe-azul-oscuro);
    margin: 0;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.pt-subservicio-desc[b-ti7trqnplg] {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.35;
    margin: 0;
}

/* Flechas de navegación */
.pt-subservicios-flecha[b-ti7trqnplg] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    color: #FFFFFF;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    padding: 0;
    transition: background 0.3s ease;
}

    .pt-subservicios-flecha:hover[b-ti7trqnplg] {
        background: rgba(255, 255, 255, 0.7);
    }

.pt-subservicios-flecha-izq[b-ti7trqnplg] {
    left: var(--cpe-spacing-sm);
}

.pt-subservicios-flecha-der[b-ti7trqnplg] {
    right: var(--cpe-spacing-sm);
}

/* Bullets indicadores */
.pt-subservicios-bullets[b-ti7trqnplg] {
    position: absolute;
    bottom: var(--cpe-spacing-md);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: var(--cpe-spacing-xs);
    z-index: 2;
}

.pt-subservicios-bullet[b-ti7trqnplg] {
    width: 28px;
    height: 4px;
    border: none;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    padding: 0;
    transition: background 0.3s ease;
}

    .pt-subservicios-bullet.activo[b-ti7trqnplg] {
        background: #FFFFFF;
    }

    .pt-subservicios-bullet:hover[b-ti7trqnplg] {
        background: rgba(255, 255, 255, 0.7);
    }

@media (max-width: 992px) {
    .pt-banner-imagenes[b-ti7trqnplg] {
        min-height: 280px;
    }

    .pt-banner-subservicios[b-ti7trqnplg] {
        min-height: 200px;
    }

    .pt-subservicio-caja[b-ti7trqnplg] {
        top: var(--cpe-spacing-md);
        width: min(440px, calc(100% - var(--cpe-spacing-md) * 2));
        padding: var(--cpe-spacing-sm) var(--cpe-spacing-md);
        border-radius: 16px;
        gap: var(--cpe-spacing-sm);
    }

    .pt-subservicio-icono[b-ti7trqnplg] {
        width: 30px;
        height: 30px;
        margin-top: 4px;
    }

    .pt-subservicio-titulo[b-ti7trqnplg] {
        font-size: 1.4rem;
    }

    .pt-subservicio-desc[b-ti7trqnplg] {
        font-size: 0.85rem;
    }

    .pt-subservicios-flecha[b-ti7trqnplg] {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }
}
/* /Components/Shared/EnergiaQuienesSomosContenido.razor.rz.scp.css */
/* ===== Intro institucional ===== */
.eqs-intro[b-a0k4tscoe9] {
    padding: 2.5rem 0 1rem;
}

.eqs-intro-kicker[b-a0k4tscoe9] {
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--cpe-azul-primario, #00a0e4);
    margin-bottom: 0.75rem;
}

.eqs-intro-texto[b-a0k4tscoe9] {
    font-size: 1.15rem;
    line-height: 1.7;
    color: #444;
    max-width: 920px;
}

    .eqs-intro-texto strong[b-a0k4tscoe9] {
        color: #2a2a2a;
    }

/* ===== Cifras clave ===== */
.eqs-cifras[b-a0k4tscoe9] {
    padding: 1.5rem 0 3rem;
}

/* 12 columnas: 3 arriba (span 4 c/u) y 4 abajo (span 3 c/u), ambas filas centradas. */
.eqs-cifras-grid[b-a0k4tscoe9] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.25rem;
}

    .eqs-cifras-grid .eqs-cifra-card:nth-child(-n+3)[b-a0k4tscoe9] {
        grid-column: span 4;
    }

    .eqs-cifras-grid .eqs-cifra-card:nth-child(n+4)[b-a0k4tscoe9] {
        grid-column: span 3;
    }

.eqs-cifra-card[b-a0k4tscoe9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.35rem;
    padding: 1.75rem 1rem;
    background: var(--cpe-fondo-beige, #f8f5ef);
    border-radius: var(--cpe-border-radius-lg, 20px);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

    .eqs-cifra-card:hover[b-a0k4tscoe9] {
        transform: translateY(-3px);
        box-shadow: var(--cpe-shadow-sm, 0 4px 14px rgba(0, 0, 0, 0.08));
    }

.eqs-cifra-icono[b-a0k4tscoe9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--cpe-azul-claro, #e6f4fa);
    color: var(--cpe-azul-primario, #00a0e4);
    font-size: 1.5rem;
    margin-bottom: 0.35rem;
}

.eqs-cifra-numero[b-a0k4tscoe9] {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--cpe-azul-oscuro, #0077b3);
}

.eqs-cifra-label[b-a0k4tscoe9] {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.3;
}

/* ===== Encabezado de sección ===== */
.eqs-seccion-header[b-a0k4tscoe9] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.5rem;
}

    .eqs-seccion-header i[b-a0k4tscoe9] {
        font-size: 1.5rem;
        color: var(--cpe-azul-primario, #00a0e4);
    }

    .eqs-seccion-header h2[b-a0k4tscoe9] {
        font-size: 1.6rem;
        font-weight: 700;
        color: var(--cpe-azul-oscuro, #0077b3);
        margin: 0;
    }

/* ===== Nuestra red eléctrica ===== */
.eqs-red[b-a0k4tscoe9] {
    padding: 2.5rem 0;
    background: #fff;
}

.eqs-red-grid[b-a0k4tscoe9] {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 2.5rem;
    align-items: start;
}

.eqs-red-texto p[b-a0k4tscoe9] {
    font-size: 1.02rem;
    line-height: 1.7;
    color: #444;
}

.eqs-red-specs[b-a0k4tscoe9] {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .eqs-red-specs li[b-a0k4tscoe9] {
        display: flex;
        flex-direction: column;
        padding: 0.85rem 0;
        border-bottom: 1px solid #ececec;
    }

        .eqs-red-specs li:first-child[b-a0k4tscoe9] {
            padding-top: 0;
        }

        .eqs-red-specs li:last-child[b-a0k4tscoe9] {
            border-bottom: none;
        }

.eqs-red-spec-valor[b-a0k4tscoe9] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--cpe-azul-oscuro, #0077b3);
}

.eqs-red-spec-label[b-a0k4tscoe9] {
    font-size: 0.9rem;
    color: #777;
}

/* ===== Localidades ===== */
.eqs-localidades[b-a0k4tscoe9] {
    padding: 2.5rem 0 3rem;
    background: var(--cpe-fondo-beige, #f8f5ef);
}

.eqs-localidades-sub[b-a0k4tscoe9] {
    color: #555;
    margin-bottom: 1.5rem;
    max-width: 760px;
}

/* 4 columnas: 4 localidades arriba y 4 abajo. */
.eqs-localidades-grid[b-a0k4tscoe9] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.85rem;
}

.eqs-localidad[b-a0k4tscoe9] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.85rem 1.1rem;
    background: #fff;
    border-radius: 12px;
    border-left: 3px solid var(--cpe-azul-primario, #00a0e4);
}

.eqs-localidad-nombre[b-a0k4tscoe9] {
    font-weight: 700;
    color: #2a2a2a;
}

.eqs-localidad-sup[b-a0k4tscoe9] {
    font-size: 0.9rem;
    color: #777;
    white-space: nowrap;
}

.eqs-localidades-cta[b-a0k4tscoe9] {
    margin-top: 1.75rem;
    text-align: center;
}

/* ===== Nota de fuente ===== */
.eqs-fuente[b-a0k4tscoe9] {
    padding: 1.25rem 0 2.5rem;
}

    .eqs-fuente p[b-a0k4tscoe9] {
        margin: 0;
        font-size: 0.85rem;
        color: #999;
        font-style: italic;
    }

/* ===== Localidades interconectadas (mapa + listado, embebido) ===== */
.eqs-inter[b-a0k4tscoe9] {
    margin-top: 2.5rem;
}

.eqs-inter-intro[b-a0k4tscoe9] {
    text-align: center;
    color: #666;
    margin-bottom: 1.5rem;
}

.eqs-inter-mapa-wrap[b-a0k4tscoe9] {
    max-width: 880px;
    margin: 0 auto 3rem;
}

.eqs-inter-mapa[b-a0k4tscoe9] {
    position: relative;
    line-height: 0;
}

.eqs-inter-mapa-img[b-a0k4tscoe9] {
    width: 100%;
    height: auto;
    display: block;
}

/* Hotspot transparente centrado sobre cada punto del SVG. */
.eqs-inter-punto[b-a0k4tscoe9] {
    position: absolute;
    width: 2.8%;
    aspect-ratio: 1 / 1;
    min-width: 16px;
    min-height: 16px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    cursor: pointer;
    background: transparent;
    transition: box-shadow 0.15s ease, background-color 0.15s ease;
}

    .eqs-inter-punto:hover[b-a0k4tscoe9],
    .eqs-inter-punto:focus-visible[b-a0k4tscoe9] {
        outline: none;
        background-color: rgba(0, 160, 228, 0.25);
        box-shadow: 0 0 0 3px rgba(0, 160, 228, 0.55);
    }

    .eqs-inter-punto-central:hover[b-a0k4tscoe9],
    .eqs-inter-punto-central:focus-visible[b-a0k4tscoe9] {
        background-color: rgba(237, 50, 55, 0.25);
        box-shadow: 0 0 0 3px rgba(237, 50, 55, 0.6);
    }

.eqs-inter-lista-titulo[b-a0k4tscoe9] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cpe-azul-primario, #00a0e4);
    text-align: center;
    margin-bottom: 1.5rem;
}

.eqs-inter-lista[b-a0k4tscoe9] {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 920px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.eqs-inter-lista-item[b-a0k4tscoe9] {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .eqs-inter-lista-item:hover[b-a0k4tscoe9] {
        border-color: var(--cpe-azul-primario, #00a0e4);
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
    }

.eqs-inter-lista-foto[b-a0k4tscoe9] {
    display: block;
    width: 100%;
    height: 150px;
    overflow: hidden;
    background: var(--cpe-fondo-beige, #f8f5ef);
}

    .eqs-inter-lista-foto img[b-a0k4tscoe9] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
    }

.eqs-inter-lista-item:hover .eqs-inter-lista-foto img[b-a0k4tscoe9] {
    transform: scale(1.04);
}

.eqs-inter-lista-foto-ph[b-a0k4tscoe9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--cpe-azul-primario, #00a0e4);
    opacity: 0.45;
    font-size: 2.5rem;
}

.eqs-inter-lista-cuerpo[b-a0k4tscoe9] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
}

.eqs-inter-lista-datos[b-a0k4tscoe9] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.eqs-inter-lista-nombre[b-a0k4tscoe9] {
    font-weight: 700;
    color: #2a2a2a;
}

.eqs-inter-lista-dir[b-a0k4tscoe9] {
    font-size: 0.9rem;
    color: #777;
}

.eqs-inter-lista-flecha[b-a0k4tscoe9] {
    color: #bbb;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.eqs-inter-lista-item:hover .eqs-inter-lista-flecha[b-a0k4tscoe9] {
    color: var(--cpe-azul-primario, #00a0e4);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .eqs-red-grid[b-a0k4tscoe9] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .eqs-cifra-numero[b-a0k4tscoe9] {
        font-size: 1.6rem;
    }

    /* En móvil las cifras van una debajo de la otra. */
    .eqs-cifras-grid[b-a0k4tscoe9] {
        grid-template-columns: 1fr;
    }

        .eqs-cifras-grid .eqs-cifra-card:nth-child(-n+3)[b-a0k4tscoe9],
        .eqs-cifras-grid .eqs-cifra-card:nth-child(n+4)[b-a0k4tscoe9] {
            grid-column: span 1;
        }

    .eqs-localidades-grid[b-a0k4tscoe9] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Shared/Footer.razor.rz.scp.css */
/* /Components/Shared/TiempoWidget.razor.rz.scp.css */
.cpe-tiempo-bar[b-ve04d2ff03] {
    background-color: #1a1a2e;
    color: #d0d0d0;
    padding: 0.4rem 0;
    font-size: 0.78rem;
    border-top: 2px solid var(--cpe-azul-primario);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.08);
}

    .cpe-tiempo-bar small[b-ve04d2ff03] {
        font-size: 0.72rem;
        color: #a8a8b8;
    }