/* ================================================================================================
   Red de Transparencia — ajustes desktop (ámbito .pagina-red-transparencia)
================================================================================================ */

/* Evita que el wrapper de PaginaSeguros altere el layout en el resto de sitios */
.pagina-seguros-sin-scope {
    display: contents;
}

.pagina-red-transparencia {
    --rt-texto-parrafo: #4b4b4b;
    --rt-sombra-card: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}

/* En móvil, el breadcrumb del header está dentro de un header fijo (76px) pero
   visualmente ocupa altura adicional; agregamos espacio solo en Red de Transparencia
   para evitar que el contenido arranque “debajo” del breadcrumb. */
@media (max-width: 970px) {
    .pagina-red-transparencia {
        padding-top: 56px;
    }
}

/* Tarjetas genéricas (swiper-hero): respetar alineación también en móvil.
   En estilos globales se fuerza align-center -> left en <992px; aquí se revierte solo para Red de Transparencia. */
@media (max-width: 991px) {
    .pagina-red-transparencia .swiper-hero.align-center .swiper-wrapper {
        justify-content: center !important;
        padding-left: 0 !important;
    }
}

/* Título hero "Red de transparencia" → 38px en desktop */
@media (min-width: 992px) {
    .pagina-red-transparencia [data-text-hero] h1.Primary-100 {
        font-size: 38px !important;
        line-height: 115%;
    }
}

/* Íconos + etiquetas en franja del hero (overlap): 8px entre ícono y texto */
.pagina-red-transparencia .overlap-top .icon-box {
    gap: 8px;
}

.pagina-red-transparencia .overlap-top .container-icon-card {
    margin-top: 0;
}

.pagina-red-transparencia .overlap-top .container-title-card {
    margin-top: 0;
}

/* Menos aire en la franja inferior del hero y entre ítems del carrusel de íconos (desktop) */
@media (min-width: 992px) {
    .pagina-red-transparencia .overlap-top {
        padding: 24px 16px 8px;
        margin: 16px auto 12px;
        min-height: auto;
    }

    .pagina-red-transparencia .overlap-top .swiper-hero.align-center .swiper-wrapper,
    .pagina-red-transparencia .overlap-top .swiper-hero.align-left .swiper-wrapper {
        gap: 16px;
    }

    /* Menos padding vertical en bloques .container.py-4 */
    .pagina-red-transparencia section.container.py-4 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
}

/* Párrafos de cuerpo según propuesta */
.pagina-red-transparencia .i-body-regular,
.pagina-red-transparencia .i-subHeadline-regular {
    color: var(--rt-texto-parrafo);
}

/* "¿Qué es la red de transparencia?" — iconos más legibles (tamaño y trazo) */
@media (min-width: 992px) {
    .pagina-red-transparencia section.container.py-4 .col-md-6 .d-flex.gap-2 svg[class*="icon-"] {
        width: 24px !important;
        height: 24px !important;
        stroke-width: 2px;
        flex-shrink: 0;
    }
}

/* Tarjetas Dimensiones / Otra información (ins-card-denuncias) */
.pagina-red-transparencia [data-cardServiciosWeb] .ins-card-denuncias.text-center,
.pagina-red-transparencia [data-cardServiciosMobile] .ins-card-denuncias.text-center {
    box-shadow: var(--rt-sombra-card) !important;
    text-align: center !important;
}

/* Alineación del grid (izq/centro/der) solo posiciona la tarjeta; dentro del card-body siempre stretch para que el botón use todo el ancho */
.pagina-red-transparencia [data-cardServiciosWeb] .ins-card-denuncias .card-body,
.pagina-red-transparencia [data-cardServiciosMobile] .ins-card-denuncias .card-body {
    align-items: stretch;
    text-align: center !important;
}

/* Botón: siempre ancho completo dentro de la tarjeta (independiente de la alineación del grid) */
.pagina-red-transparencia [data-cardServiciosWeb] .ins-card-denuncias .card-body > a.btn,
.pagina-red-transparencia [data-cardServiciosMobile] .ins-card-denuncias .card-body > a.btn {
    width: 100%;
    align-self: stretch;
    text-align: center;
    box-sizing: border-box;
}

.pagina-red-transparencia [data-cardServiciosWeb] .ins-card-denuncias .card-title,
.pagina-red-transparencia [data-cardServiciosMobile] .ins-card-denuncias .card-title {
    color: var(--Primary-100);
    text-align: center !important;
    width: 100%;
}

.pagina-red-transparencia [data-cardServiciosWeb] .ins-card-denuncias .card-text,
.pagina-red-transparencia [data-cardServiciosMobile] .ins-card-denuncias .card-text {
    text-align: center !important;
    line-height: 150%;
}

/* Grid centrado: texto dentro de la tarjeta alineado al centro (propuesta imagen 2) */
.pagina-red-transparencia [data-cardServiciosWeb].tarjetafigma-grid--centro .ins-card-denuncias.text-center,
.pagina-red-transparencia [data-cardServiciosMobile].tarjetafigma-grid--centro .ins-card-denuncias.text-center {
    text-align: center !important;
}

.pagina-red-transparencia [data-cardServiciosWeb].tarjetafigma-grid--centro .ins-card-denuncias .card-body,
.pagina-red-transparencia [data-cardServiciosMobile].tarjetafigma-grid--centro .ins-card-denuncias .card-body {
    text-align: center !important;
}

.pagina-red-transparencia [data-cardServiciosWeb].tarjetafigma-grid--centro .ins-card-denuncias .card-title,
.pagina-red-transparencia [data-cardServiciosMobile].tarjetafigma-grid--centro .ins-card-denuncias .card-title {
    text-align: center !important;
}

.pagina-red-transparencia [data-cardServiciosWeb].tarjetafigma-grid--centro .ins-card-denuncias .card-text,
.pagina-red-transparencia [data-cardServiciosMobile].tarjetafigma-grid--centro .ins-card-denuncias .card-text {
    text-align: center !important;
    line-height: 150%;
}

/* Footer del bloque Umbraco (base; solo se usa en PaginaSeguros con ese bloque) */
.footer-red-transparencia {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.footer-red-transparencia__contenido {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: var(--Gray-75);
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ajustes solo en Red de Transparencia (URL con red-de-transparencia) */
.pagina-red-transparencia .footer-red-transparencia {
    margin-top: 3rem;
}

.pagina-red-transparencia .footer-red-transparencia__contenido,
.pagina-red-transparencia .footer-red-transparencia__contenido p {
    color: var(--rt-texto-parrafo);
}

/* Patrón "casitas" a ancho completo del viewport (desktop) */
@media (min-width: 992px) {
    .pagina-red-transparencia .bg-seccionGenerica {
        position: relative;
        overflow: visible;
    }

    .pagina-red-transparencia .bg-seccionGenerica::after {
        left: 50%;
        right: auto;
        width: 100vw;
        margin-left: -50vw;
        background-repeat: repeat-x;
        background-size: auto 125.71px;
    }
}

/* Icono del sprite (migrado en uSync: sustituye el carácter ↗ en HTML del RTE) */
.pagina-red-transparencia .rt-external-link-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.15em;
    position: relative;
    top: -0.05em;
    color: currentColor;
}