/* Páginas informativas y legales */

.information-page{
    padding:30px 0 64px;
    background:#f5f7f9;
}

.information-shell{
    max-width:1040px;
}

.information-article{
    padding:clamp(28px,5vw,62px);
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    box-shadow:0 16px 45px rgba(8,25,39,.06);
}

.information-header{
    max-width:820px;
    margin-bottom:38px;
    padding-bottom:30px;
    border-bottom:1px solid var(--line);
}

.information-header h1{
    max-width:800px;
    margin:7px 0 12px;
    color:var(--navy);
    font-size:clamp(2rem,5vw,3.6rem);
    line-height:1.04;
    letter-spacing:-.045em;
}

.information-header > p:last-child{
    margin:0;
    color:#475467;
    font-size:1.08rem;
    line-height:1.7;
}

.information-article section{
    max-width:850px;
    margin:0 0 34px;
}

.information-article h2{
    margin:0 0 12px;
    color:var(--navy);
    font-size:1.28rem;
    line-height:1.3;
}

.information-article p,
.information-article li,
.information-article address,
.legal-data{
    color:#3f4d5a;
    font-size:.96rem;
    line-height:1.75;
}

.information-article a{
    color:#8a6510;
    font-weight:750;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}

.information-table-wrap{
    margin:18px 0;
    overflow-x:auto;
    border:1px solid var(--line);
    border-radius:10px;
}

.information-table{
    width:100%;
    min-width:620px;
    border-collapse:collapse;
    background:#fff;
}

.information-table th,
.information-table td{
    padding:14px 16px;
    border-bottom:1px solid var(--line);
    text-align:left;
    vertical-align:top;
}

.information-table th{
    color:#fff;
    background:var(--navy);
    font-size:.76rem;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.information-table tr:last-child td{
    border-bottom:0;
}

.contact-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin:0 0 38px;
}

.contact-option{
    display:grid;
    gap:7px;
    padding:22px;
    border:1px solid #ead9a8;
    border-radius:12px;
    color:var(--navy)!important;
    background:#fffaf0;
    text-decoration:none!important;
}

.contact-option span{
    color:#8a6510;
    font-size:.72rem;
    font-weight:850;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.contact-option strong{
    font-size:1.08rem;
}

.contact-option .contact-option-label{
    display:flex;
    align-items:center;
    gap:8px;
}

.contact-option .whatsapp-icon{
    width:23px;
    height:23px;
    color:#25d366;
}


.contact-option small{
    color:#596775;
    line-height:1.55;
}

.information-callout,
.withdrawal-model{
    max-width:850px;
    margin:28px 0;
    padding:22px 24px;
    border-left:4px solid var(--accent);
    border-radius:0 10px 10px 0;
    background:#fffaf0;
}

.information-callout p,
.withdrawal-model p{
    margin-bottom:0;
}

.information-steps{
    padding-left:22px;
}

.legal-data{
    display:grid;
    gap:0;
    margin:18px 0;
    border:1px solid var(--line);
    border-radius:10px;
}

.legal-data div{
    display:grid;
    grid-template-columns:170px 1fr;
    gap:18px;
    padding:13px 16px;
    border-bottom:1px solid var(--line);
}

.legal-data div:last-child{
    border-bottom:0;
}

.legal-data dt{
    color:var(--navy);
    font-weight:850;
}

.legal-data dd{
    margin:0;
}

.purchase-guide{
    display:grid;
    gap:0;
    max-width:850px;
    margin:0;
    padding:0;
    list-style:none;
}

.purchase-guide li{
    display:grid;
    grid-template-columns:52px 1fr;
    gap:20px;
    padding:0 0 26px;
}

.purchase-guide li > span{
    display:grid;
    width:46px;
    height:46px;
    border-radius:50%;
    place-items:center;
    color:#fff;
    background:var(--navy);
    font-weight:900;
}

.purchase-guide h2{
    margin-top:7px;
}

.purchase-guide p{
    margin:7px 0 0;
}

.information-update{
    margin:44px 0 0;
    padding-top:18px;
    border-top:1px solid var(--line);
    color:var(--muted)!important;
    font-size:.78rem!important;
}

.information-related{
    display:flex;
    flex-wrap:wrap;
    gap:10px 18px;
    padding:22px 4px 0;
}

.information-related a{
    color:var(--navy);
    font-size:.78rem;
    font-weight:800;
}

@media(max-width:700px){
.information-page{
        padding:16px 0 40px;
    }

    .information-article{
        margin:0 -12px;
        padding:28px 20px 40px;
        border-radius:0;
    }

    .contact-options{
        grid-template-columns:1fr;
    }

    .legal-data div{
        grid-template-columns:1fr;
        gap:3px;
    }
}