/**
 * SAETA Core — Documentos legales.
 */

.saeta-legal {
        background: #fff;
        color: #17375d;
}

.saeta-legal *,
.saeta-legal *::before,
.saeta-legal *::after {
        box-sizing: border-box;
}

.saeta-legal__hero {
        padding: 58px 0 48px;
        background:
                linear-gradient(
                        135deg,
                        #06285a 0%,
                        #07596f 100%
                );
        color: #fff;
}

.saeta-legal__hero-inner {
        width: min(1420px, calc(100% - 32px));
        margin: 0 auto;
}

.saeta-legal__eyebrow {
        margin: 0 0 10px;
        color: #ff8a1f;
        font-size: .78rem;
        font-weight: 800;
        letter-spacing: .12em;
        text-transform: uppercase;
}

.saeta-legal__hero h1 {
        max-width: 900px;
        margin: 0;
        color: #fff;
        font-size: clamp(2rem, 4vw, 3.6rem);
        font-weight: 850;
        line-height: 1.08;
}

.saeta-legal__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
        margin-top: 24px;
        font-size: .82rem;
}

.saeta-legal__meta span {
        display: inline-flex;
        gap: 6px;
        padding: 8px 12px;
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 999px;
        background: rgba(255,255,255,.08);
}

.saeta-legal__cuerpo {
        padding: 64px 0 54px;
}

.saeta-legal__layout {
        width: min(1420px, calc(100% - 32px));
        margin: 0 auto;
        display: grid;
        grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
        gap: 48px;
        align-items: start;
}

.saeta-legal__lateral {
        position: sticky;
        top: 110px;
        display: grid;
        gap: 18px;
        margin-top: 24px;
}

.saeta-legal__documentos,
.saeta-legal__indice {
        padding: 20px;
        border: 1px solid #dce6ed;
        border-radius: 10px;
        background: #f8fbfc;
}

.saeta-legal__documentos h2,
.saeta-legal__indice h2 {
        margin: 0 0 10px;
        color: #07596f;
        font-size: .82rem;
        font-weight: 850;
        letter-spacing: .04em;
        text-transform: uppercase;
}

.saeta-legal__documentos {
        display: grid;
}

.saeta-legal__documentos a {
        display: grid;
        gap: 3px;
        padding: 11px 10px;
        border-radius: 6px;
        color: #17375d;
        font-size: .8rem;
        line-height: 1.35;
        text-decoration: none;
}

.saeta-legal__documentos a span {
        color: #718096;
        font-size: .67rem;
        font-weight: 800;
}

.saeta-legal__documentos a:hover,
.saeta-legal__documentos a[aria-current="page"] {
        background: #e9f4f6;
        color: #07596f;
}

.saeta-legal__indice ol {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        list-style-type: none !important;
}

.saeta-legal__indice ol > li {
        display: block;
        margin-left: 0 !important;
        padding-left: 0 !important;
        list-style: none !important;
        list-style-type: none !important;
}

.saeta-legal__indice ol > li::marker {
        content: "";
        font-size: 0;
}

.saeta-legal__indice li + li {
        margin-top: 8px;
}

.saeta-legal__indice a {
        color: #40546f;
        font-size: .76rem;
        line-height: 1.5;
        text-decoration: none;
}

.saeta-legal__indice a:hover {
        color: #07596f;
}

.saeta-legal__indice.is-empty {
        display: none;
}

.saeta-legal__contenido {
        min-width: 0;
        max-width: 920px;
        color: #334a65;
        font-size: .91rem;
        line-height: 1.75;
}

.saeta-legal__contenido h2 {
        scroll-margin-top: 120px;
        margin: 46px 0 16px;
        color: #07596f;
        font-size: 1.45rem;
        font-weight: 850;
        line-height: 1.25;
}

.saeta-legal__contenido h2:first-child {
        margin-top: 0;
}

.saeta-legal__contenido h3 {
        margin: 28px 0 10px;
        color: #092858;
        font-size: 1.05rem;
        font-weight: 800;
}

.saeta-legal__contenido p {
        margin: 0 0 18px;
}

.saeta-legal__contenido ul,
.saeta-legal__contenido ol {
        margin: 0 0 22px;
        padding-left: 24px;
}

.saeta-legal__contenido li + li {
        margin-top: 7px;
}

.saeta-legal__contenido a {
        color: #07596f;
        font-weight: 700;
}

.saeta-legal__contacto {
        padding: 0 0 40px;
}

.saeta-legal__contacto > .saeta-contenedor,
.saeta-legal__paginacion-inner {
        width: min(1420px, calc(100% - 32px));
        margin: 0 auto;
}

.saeta-legal__contacto-card {
        padding: 26px 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
        border: 1px solid #d9e5eb;
        border-radius: 10px;
        background: #f4f9fa;
}

.saeta-legal__contacto-card span {
        display: block;
        margin-bottom: 6px;
        color: #ff7a00;
        font-size: .72rem;
        font-weight: 850;
        text-transform: uppercase;
}

.saeta-legal__contacto-card h2 {
        margin: 0 0 5px;
        color: #07596f;
        font-size: 1.15rem;
}

.saeta-legal__contacto-card p {
        margin: 0;
        color: #566980;
        font-size: .86rem;
}

.saeta-legal__contacto-card > a {
        flex: 0 0 auto;
        padding: 13px 18px;
        border-radius: 7px;
        background: #ff7a00;
        color: #fff;
        font-size: .82rem;
        font-weight: 800;
        text-decoration: none;
}

.saeta-legal__paginacion {
        padding: 0 0 46px;
}

.saeta-legal__paginacion-inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        padding-top: 22px;
        border-top: 1px solid #e1e8ee;
}

.saeta-legal__paginacion a {
        display: inline-grid;
        gap: 4px;
        color: #17375d;
        text-decoration: none;
}

.saeta-legal__paginacion a span {
        color: #718096;
        font-size: .7rem;
}

.saeta-legal__paginacion a strong {
        font-size: .83rem;
}

.saeta-legal__paginacion-siguiente {
        text-align: right;
}

.saeta-legal__paginacion-siguiente a {
        justify-items: end;
}

@media (max-width: 960px) {

        .saeta-legal__layout {
                grid-template-columns: 1fr;
                gap: 28px;
        }

        .saeta-legal__lateral {
                position: static;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                margin-top: 0;
        }

        .saeta-legal__contenido {
                max-width: none;
        }
}

@media (max-width: 600px) {

        .saeta-legal__cuerpo {
                padding-top: 38px;
        }

        .saeta-legal__hero {
                padding: 38px 0 34px;
        }

        .saeta-legal__hero-inner,
        .saeta-legal__layout,
        .saeta-legal__contacto > .saeta-contenedor,
        .saeta-legal__paginacion-inner {
                width: calc(100% - 20px);
        }

        .saeta-legal__hero h1 {
                font-size: clamp(2rem, 10vw, 2.7rem);
        }

        .saeta-legal__lateral {
                grid-template-columns: 1fr;
        }

        .saeta-legal__contenido {
                font-size: .92rem;
                line-height: 1.7;
        }

        .saeta-legal__contenido h2 {
                margin-top: 36px;
                font-size: 1.25rem;
        }

        .saeta-legal__contacto-card {
                align-items: stretch;
                flex-direction: column;
                padding: 22px;
        }

        .saeta-legal__contacto-card > a {
                text-align: center;
        }

        .saeta-legal__paginacion-inner {
                grid-template-columns: 1fr;
        }

        .saeta-legal__paginacion-siguiente {
                text-align: left;
        }

        .saeta-legal__paginacion-siguiente a {
                justify-items: start;
        }
}