/* /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 auto;
    color: var(--cpe-texto-gris);
    line-height: 1.8;
    text-align: center;
}

    .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);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .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: 300;
        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-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: 300;
        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-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: 300;
    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);
}

/* 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);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .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: 300;
        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(2, 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);
    border-left: 4px solid var(--cpe-azul-primario);
}

    .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.3rem;
    }

    .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: 300;
    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: 300;
        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.3rem;
    }

    .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
   ========================================== */

/* --- 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);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .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: 300;
        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(4, 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);
    border-left: 4px solid var(--cpe-azul-primario);
    transition: var(--cpe-transition);
    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);
    border-left-width: 5px;
}

.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);
    border-left: 3px solid var(--cpe-azul-primario);
    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);
    border-left: 4px solid var(--cpe-verde);
    transition: var(--cpe-transition);
    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] {
    grid-column: 1 / -1;
    background: linear-gradient(135deg, var(--cpe-blanco) 0%, var(--cpe-azul-claro) 100%);
    border-left-width: 5px;
    border-left-color: var(--cpe-azul-primario);
}

.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);
}

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

.aut-distrito-card[b-lvnoyofd6o] {
    background-color: var(--cpe-fondo-beige);
    border-radius: var(--cpe-border-radius-lg);
    padding: var(--cpe-spacing-lg);
    transition: var(--cpe-transition);
    border-top: 3px solid var(--cpe-amarillo);
}

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

.aut-distrito-nombre[b-lvnoyofd6o] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    font-size: 1rem;
    font-weight: 600;
    color: var(--cpe-texto-oscuro);
    margin-bottom: var(--cpe-spacing-md);
}

    .aut-distrito-nombre i[b-lvnoyofd6o] {
        color: var(--cpe-amarillo);
        font-size: 1.1rem;
    }

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

.aut-distrito-titulares[b-lvnoyofd6o],
.aut-distrito-suplentes[b-lvnoyofd6o] {
    font-size: 0.85rem;
    color: var(--cpe-texto-gris);
    padding: var(--cpe-spacing-xs) var(--cpe-spacing-sm);
    border-radius: 4px;
}

.aut-distrito-titulares[b-lvnoyofd6o] {
    background-color: rgba(0, 160, 228, 0.1);
    color: var(--cpe-azul-oscuro);
    font-weight: 500;
}

.aut-distrito-suplentes[b-lvnoyofd6o] {
    background-color: rgba(0, 0, 0, 0.04);
}

/* ==========================================
   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;
    }

    .aut-gerente-general[b-lvnoyofd6o] {
        grid-column: auto;
    }

    .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-delegados-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],
    .aut-distrito-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;
}

[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/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: 300;
    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: 300;
        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.3rem;
    }

    .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/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: 300;
    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 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 i[b-66si0ceo7m] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

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

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

    .enf-section-header-verde i[b-66si0ceo7m] {
        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-card-inter .enf-sala-detalle i[b-66si0ceo7m] {
    color: var(--cpe-verde);
}

.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 i[b-66si0ceo7m] {
        font-size: 1.5rem;
    }
}

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

    .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);
}

/* --- 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: 300;
        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 #dc3545;
}

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

.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-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: 300;
    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);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .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: 300;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.col-galeria-grid[b-yj5434o6o6] {
    display: grid;
    grid-template-columns: repeat(2, 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.3rem;
    }

    .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: 300;
        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
   ========================================== */

/* --- 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 i[b-oj8rzlnfsf] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

    .ct-section-header h2[b-oj8rzlnfsf] {
        font-size: 1.8rem;
        font-weight: 300;
        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;
    gap: var(--cpe-spacing-xs);
    border-bottom: 3px solid var(--cpe-azul-primario);
    margin-bottom: var(--cpe-spacing-xl);
}

.ct-tab[b-oj8rzlnfsf] {
    display: inline-flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    padding: var(--cpe-spacing-sm) var(--cpe-spacing-xl);
    background-color: var(--cpe-fondo-beige);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: none;
    border-radius: var(--cpe-border-radius) var(--cpe-border-radius) 0 0;
    color: var(--cpe-texto-gris);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: var(--cpe-transition);
    position: relative;
    bottom: -3px;
}

    .ct-tab:hover[b-oj8rzlnfsf] {
        background-color: var(--cpe-azul-claro);
        color: var(--cpe-azul-primario);
    }

    .ct-tab i[b-oj8rzlnfsf] {
        font-size: 1rem;
    }

.ct-tab-activo[b-oj8rzlnfsf] {
    background-color: var(--cpe-azul-primario);
    border-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
}

    .ct-tab-activo:hover[b-oj8rzlnfsf] {
        background-color: var(--cpe-azul-primario);
        color: var(--cpe-blanco);
    }

.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 i[b-oj8rzlnfsf] {
        font-size: 1.8rem;
    }

.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;
}

/* --- 4. Info de contacto --- */

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

.ct-info-card[b-oj8rzlnfsf] {
    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);
}

    .ct-info-card:hover[b-oj8rzlnfsf] {
        box-shadow: var(--cpe-shadow-md);
    }

.ct-info-card-largo[b-oj8rzlnfsf] {
    grid-column: 1 / -1;
}

.ct-info-header[b-oj8rzlnfsf] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    background-color: var(--cpe-azul-primario);
    color: var(--cpe-blanco);
}

    .ct-info-header i[b-oj8rzlnfsf] {
        font-size: 1.2rem;
    }

    .ct-info-header h3[b-oj8rzlnfsf] {
        font-size: 0.95rem;
        font-weight: 600;
        margin: 0;
    }

.ct-info-body[b-oj8rzlnfsf] {
    padding: var(--cpe-spacing-lg);
}

    .ct-info-body 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-info-body 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;
}

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

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

    .ct-info-card-largo[b-oj8rzlnfsf] {
        grid-column: auto;
    }
}

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

    .ct-tabs[b-oj8rzlnfsf] {
        gap: 2px;
    }

    .ct-tab[b-oj8rzlnfsf] {
        padding: var(--cpe-spacing-sm) var(--cpe-spacing-md);
        font-size: 0.82rem;
    }

    .ct-form-grid[b-oj8rzlnfsf] {
        grid-template-columns: 1fr;
    }

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

    .ct-section-header i[b-oj8rzlnfsf] {
        font-size: 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] {
        flex-wrap: wrap;
    }

    .ct-tab[b-oj8rzlnfsf] {
        flex: 1 1 auto;
        justify-content: center;
        padding: var(--cpe-spacing-xs) var(--cpe-spacing-sm);
        font-size: 0.78rem;
    }

    .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-info-body[b-oj8rzlnfsf] {
        padding: var(--cpe-spacing-md);
    }

    .ct-dato-linea[b-oj8rzlnfsf] {
        flex-direction: column;
        gap: 0;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .ct-whatsapp-card:hover[b-oj8rzlnfsf],
    .ct-info-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: 300;
    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: 300;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.fun-galeria-grid[b-vraauv25sq] {
    display: grid;
    grid-template-columns: repeat(2, 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.3rem;
    }

    .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/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: 300;
        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);
    border-left: 4px solid transparent;
}

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

.inst-card-vision[b-zoddq8eq9v] {
    border-left-color: var(--cpe-azul-primario);
}

.inst-card-mision[b-zoddq8eq9v] {
    border-left-color: var(--cpe-verde);
}

.inst-card-valores[b-zoddq8eq9v] {
    border-left-color: var(--cpe-amarillo);
}

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

    .inst-card-header i[b-zoddq8eq9v] {
        font-size: 2rem;
        color: var(--cpe-azul-primario);
    }

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

.inst-card-mision .inst-card-header i[b-zoddq8eq9v] {
    color: var(--cpe-verde);
}

.inst-card-valores .inst-card-header i[b-zoddq8eq9v] {
    color: var(--cpe-amarillo);
}

.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 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-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;
    margin-top: var(--cpe-spacing-md);
    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-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: 300;
        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: 300;
        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;
}

/* 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 i[b-zoddq8eq9v] {
        font-size: 1.5rem;
    }

    .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/MapasTelec.razor.rz.scp.css */
.mapas-contenido[b-fsfl9cdrtd] {
    padding: 2.5rem 0 3rem;
}

.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);
    padding-bottom: var(--cpe-spacing-md);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .myb-listado-header i[b-rrrbff6hop] {
        font-size: 1.8rem;
        color: var(--cpe-azul-primario);
    }

    .myb-listado-header h2[b-rrrbff6hop] {
        font-size: 1.8rem;
        font-weight: 300;
        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);
}

.accesos-lateral[b-riikl0zp92] {
    position: sticky;
    top: 1.5rem;
}

.accesos-lateral-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);
}

[b-riikl0zp92] .list-group-item {
    border-left: 3px solid transparent;
    transition: border-color 0.2s, background-color 0.2s;
}

    [b-riikl0zp92] .list-group-item:hover {
        border-left-color: var(--cpe-azul-primario, #00a0e4);
        background-color: #f0f9ff;
    }
/* /Components/Pages/NotasDePrensa.razor.rz.scp.css */
/* ==========================================
   Notas de Prensa - Scoped Styles
   ========================================== */

/* --- 2. Contenido (filtros + listado) --- */
.np-contenido[b-5kf99rlum0] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.np-layout[b-5kf99rlum0] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: var(--cpe-spacing-xxl);
    align-items: start;
}

/* --- Panel de filtros (sidebar) --- */
.np-filtro-panel[b-5kf99rlum0] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
    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;
}

.np-filtro-header[b-5kf99rlum0] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-sm);
    margin-bottom: var(--cpe-spacing-xs);
}

    .np-filtro-header i[b-5kf99rlum0] {
        font-size: 1.3rem;
        color: var(--cpe-azul-primario);
    }

    .np-filtro-header h3[b-5kf99rlum0] {
        font-size: 1.05rem;
        font-weight: 600;
        color: var(--cpe-texto-oscuro);
        margin: 0;
    }

.np-filtro-campo[b-5kf99rlum0] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-xs);
}

.np-filtro-botones[b-5kf99rlum0] {
    display: flex;
    gap: var(--cpe-spacing-sm);
    justify-content: center;
    padding-top: var(--cpe-spacing-xs);
}

.np-filtro-mensaje[b-5kf99rlum0] {
    margin: 0;
    text-align: center;
}

/* --- 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: 300;
        color: var(--cpe-azul-oscuro);
        margin: 0;
    }

.np-notas-grid[b-5kf99rlum0] {
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-md);
}

.np-nota-card[b-5kf99rlum0] {
    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);
    text-decoration: none;
    color: inherit;
}

    .np-nota-card:hover[b-5kf99rlum0] {
        box-shadow: var(--cpe-shadow-lg);
        transform: translateY(-3px);
        text-decoration: none;
        color: inherit;
    }

.np-nota-img[b-5kf99rlum0] {
    width: 160px;
    min-height: 120px;
    flex-shrink: 0;
    overflow: hidden;
}

    .np-nota-img img[b-5kf99rlum0] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: var(--cpe-transition);
    }

    .np-nota-card:hover .np-nota-img img[b-5kf99rlum0] {
        transform: scale(1.05);
    }

.np-nota-info[b-5kf99rlum0] {
    padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--cpe-spacing-xs);
    flex: 1;
}

    .np-nota-info h4[b-5kf99rlum0] {
        font-size: 1.05rem;
        font-weight: 600;
        color: var(--cpe-azul-oscuro);
        margin: 0;
        line-height: 1.4;
        transition: var(--cpe-transition);
    }

    .np-nota-card:hover .np-nota-info h4[b-5kf99rlum0] {
        color: var(--cpe-azul-primario);
    }

    .np-nota-info p[b-5kf99rlum0] {
        font-size: 0.88rem;
        color: var(--cpe-texto-gris);
        line-height: 1.6;
        margin: 0;
    }

.np-nota-fecha[b-5kf99rlum0] {
    display: flex;
    align-items: center;
    gap: var(--cpe-spacing-xs);
    font-size: 0.8rem;
    color: var(--cpe-texto-gris);
}

    .np-nota-fecha i[b-5kf99rlum0] {
        color: var(--cpe-azul-primario);
        font-size: 0.75rem;
    }

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

/* Tablet: hasta 992px */
@media (max-width: 992px) {
    .np-layout[b-5kf99rlum0] {
        grid-template-columns: 1fr;
    }

    .np-filtro-panel[b-5kf99rlum0] {
        position: static;
    }
}

/* Tablet medio: hasta 768px */
@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: hasta 576px */
@media (max-width: 576px) {
    .np-nota-card[b-5kf99rlum0] {
        flex-direction: column;
    }

    .np-nota-img[b-5kf99rlum0] {
        width: 100%;
        min-height: 160px;
        max-height: 200px;
    }

    .np-filtro-panel[b-5kf99rlum0] {
        padding: var(--cpe-spacing-lg);
    }

    .np-section-header h2[b-5kf99rlum0] {
        font-size: 1.3rem;
    }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
    .np-nota-card:hover[b-5kf99rlum0] {
        transform: none;
        box-shadow: var(--cpe-shadow-sm);
    }

    .np-nota-card:hover .np-nota-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: 300;
    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: 300;
        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.3rem;
    }

    .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: 300;
    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.3rem;
    }

    .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/PortalTelecomunicaciones.razor.rz.scp.css */
/* ==========================================
   Portal Telecomunicaciones - Scoped Styles
   ========================================== */

/* --- 1. Hero Swiper Triple Slider --- */
.pt-hero[b-8aj161j7ae] {
    background: #ccdeff;
    padding: 2rem 0;
    overflow: hidden;
}

[b-8aj161j7ae] .pt-hero-swiper {
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 2.5rem;
}

[b-8aj161j7ae] .pt-hero-slide {
    width: 65%;
    border-radius: var(--cpe-border-radius-lg, 12px);
    overflow: hidden;
    transition: transform 0.4s, opacity 0.4s;
    opacity: 0.5;
    transform: scale(0.88);
}

    [b-8aj161j7ae] .pt-hero-slide.swiper-slide-active {
        opacity: 1;
        transform: scale(1);
    }

    [b-8aj161j7ae] .pt-hero-slide img {
        width: 100%;
        height: auto;
        display: block;
    }

    [b-8aj161j7ae] .pt-hero-slide a {
        display: block;
    }

[b-8aj161j7ae] .pt-hero-pagination {
    text-align: center;
    bottom: 0 !important;
}

    [b-8aj161j7ae] .pt-hero-pagination .swiper-pagination-bullet {
        background: rgba(0, 0, 0, 0.25);
        opacity: 1;
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }

    [b-8aj161j7ae] .pt-hero-pagination .swiper-pagination-bullet-active {
        background: var(--cpe-azul-primario, #00a0e4);
        transform: scale(1.2);
    }

[b-8aj161j7ae] .pt-hero-prev,
[b-8aj161j7ae] .pt-hero-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 44px;
    background: rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(4px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background 0.2s;
}

    [b-8aj161j7ae] .pt-hero-prev:hover,
    [b-8aj161j7ae] .pt-hero-next:hover {
        background: rgba(0, 0, 0, 0.15);
    }

[b-8aj161j7ae] .pt-hero-prev {
    left: 1rem;
}

[b-8aj161j7ae] .pt-hero-next {
    right: 1rem;
}

/* --- 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-hero[b-8aj161j7ae] {
        padding: 1rem 0;
    }

    [b-8aj161j7ae] .pt-hero-slide {
        width: 92%;
        opacity: 1;
        transform: scale(1);
    }

    [b-8aj161j7ae] .pt-hero-prev,
    [b-8aj161j7ae] .pt-hero-next {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    .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: 300;
        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: 300;
        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: 300;
        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: 300;
    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: 300;
        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.3rem;
    }

    .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);
    border-bottom: 3px solid var(--cpe-azul-primario);
}

    .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: 300;
        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: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--cpe-spacing-lg);
}

.sf-tipo-card[b-nahhw0n8tx] {
    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);
    }

/* --- 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-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-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-grid[b-nahhw0n8tx] {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .sf-tipo-grid[b-nahhw0n8tx] {
        grid-template-columns: 1fr;
        gap: var(--cpe-spacing-md);
    }

    .sf-tipo-card[b-nahhw0n8tx] {
        flex-direction: row;
        text-align: left;
        padding: var(--cpe-spacing-md) var(--cpe-spacing-lg);
    }

    .sf-tipo-icono[b-nahhw0n8tx] {
        margin-bottom: 0;
        margin-right: var(--cpe-spacing-md);
        width: 48px;
        height: 48px;
        flex-shrink: 0;
    }

        .sf-tipo-icono i[b-nahhw0n8tx] {
            font-size: 1.2rem;
        }

    .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
   ========================================== */

/* Banner superior */
.tn-banner[b-d1lunb17af] {
    padding: var(--cpe-spacing-lg) 0 0;
    background-color: var(--cpe-blanco);
}

.tn-banner-img[b-d1lunb17af] {
    width: 100%;
    height: auto;
    border-radius: var(--cpe-border-radius-lg);
    display: block;
}

.tn-planes[b-d1lunb17af] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.tn-categoria-titulo[b-d1lunb17af] {
    font-size: 1.3rem;
    font-weight: 600;
    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);
}

    .tn-categoria-titulo:not(:first-child)[b-d1lunb17af] {
        margin-top: var(--cpe-spacing-xxl);
    }

/* 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: 768px) {
    .tn-planes[b-d1lunb17af] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .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-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
   ========================================== */

/* --- 2. Tabs localidad --- */
.tt-localidades[b-21jvm4ezo5] {
    padding: var(--cpe-spacing-lg) 0;
    background-color: var(--cpe-fondo-beige);
}

.tt-tabs[b-21jvm4ezo5] {
    display: flex;
    gap: var(--cpe-spacing-sm);
    justify-content: center;
}

.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);
    }

/* --- 3. Planes --- */
.tt-planes[b-21jvm4ezo5] {
    padding: var(--cpe-spacing-xxl) 0;
    background-color: var(--cpe-blanco);
}

.tt-plan-card[b-21jvm4ezo5] {
    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-21jvm4ezo5] {
        margin-bottom: 0;
    }

    .tt-plan-card:hover[b-21jvm4ezo5] {
        box-shadow: var(--cpe-shadow-md);
    }

/* Headers por color */
.tt-plan-header[b-21jvm4ezo5] {
    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-21jvm4ezo5] {
        font-size: 1.15rem;
        font-weight: 600;
        margin: 0;
    }

.tt-plan-header-azul[b-21jvm4ezo5] {
    background: linear-gradient(135deg, var(--cpe-azul-primario), var(--cpe-azul-oscuro));
}

.tt-plan-header-dorado[b-21jvm4ezo5] {
    background: linear-gradient(135deg, #b8860b, #8b6508);
}

.tt-plan-header-verde[b-21jvm4ezo5] {
    background: linear-gradient(135deg, #28a745, #1e7e34);
}

.tt-plan-header-rojo[b-21jvm4ezo5] {
    background: linear-gradient(135deg, #dc3545, #a71d2a);
}

.tt-plan-badge[b-21jvm4ezo5] {
    font-size: 0.78rem;
    font-weight: 500;
    background-color: rgba(255, 255, 255, 0.2);
    padding: var(--cpe-spacing-xs) var(--cpe-spacing-md);
    border-radius: var(--cpe-border-radius);
    white-space: nowrap;
}

/* Body */
.tt-plan-body[b-21jvm4ezo5] {
    display: grid;
    grid-template-columns: 280px 1fr;
    background-color: var(--cpe-fondo-beige);
}

.tt-plan-imagen img[b-21jvm4ezo5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tt-plan-info[b-21jvm4ezo5] {
    padding: var(--cpe-spacing-xl);
}

.tt-plan-info-full[b-21jvm4ezo5] {
    grid-column: 1 / -1;
}

.tt-plan-descripcion[b-21jvm4ezo5] {
    color: var(--cpe-texto-gris);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: var(--cpe-spacing-md);
}

/* Items de precio */
.tt-plan-items[b-21jvm4ezo5] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tt-plan-item[b-21jvm4ezo5] {
    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-21jvm4ezo5] {
        border-bottom: none;
    }

.tt-plan-item-label[b-21jvm4ezo5] {
    font-size: 0.88rem;
    color: var(--cpe-texto-gris);
}

.tt-plan-item-precio[b-21jvm4ezo5] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--cpe-azul-oscuro);
    white-space: nowrap;
}

/* Link ver canales */
.tt-plan-link[b-21jvm4ezo5] {
    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: var(--cpe-spacing-md);
    transition: var(--cpe-transition);
}

    .tt-plan-link:hover[b-21jvm4ezo5] {
        color: var(--cpe-azul-oscuro);
    }

/* 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: 768px) {
    .tt-planes[b-21jvm4ezo5] {
        padding: var(--cpe-spacing-xl) 0;
    }

    .tt-tabs[b-21jvm4ezo5] {
        flex-direction: column;
    }

    .tt-tab[b-21jvm4ezo5] {
        justify-content: center;
    }

    .tt-plan-body[b-21jvm4ezo5] {
        grid-template-columns: 1fr;
    }

    .tt-plan-imagen[b-21jvm4ezo5] {
        max-height: 200px;
        overflow: hidden;
    }

    .tt-plan-header h3[b-21jvm4ezo5] {
        font-size: 1rem;
    }

    .tt-plan-header[b-21jvm4ezo5] {
        flex-direction: column;
        gap: var(--cpe-spacing-xs);
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    .tt-plan-info[b-21jvm4ezo5] {
        padding: var(--cpe-spacing-md);
    }

    .tt-plan-item[b-21jvm4ezo5] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
}
/* /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: 300;
    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);
}

/* --- 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.3rem;
    }

    .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/Footer.razor.rz.scp.css */
.cpe-tiempo-bar[b-kxjwc2nr8q] {
    background-color: #1a1a2e;
    color: #d0d0d0;
    padding: 0.5rem 0;
    font-size: 0.85rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}