/*
|--------------------------------------------------------------------------
| BRASIL → PARAGUAI
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| HERO
|--------------------------------------------------------------------------
*/

.paraguay-hero {

    padding:
        55px 0 105px;

    background:
        linear-gradient(
            120deg,
            #080a08 0%,
            #111511 60%,
            #192019 100%
        );

    color:
        var(--white);

    border-bottom:
        1px solid var(--gold);

}


.breadcrumb {

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        10px;

    margin-bottom:
        70px;

    color:
        #999d99;

    font-size:
        13px;

}


.breadcrumb a {

    color:
        var(--gold-light);

}


.paraguay-hero-grid {

    display:
        grid;

    grid-template-columns:
        1.35fr .65fr;

    gap:
        80px;

    align-items:
        end;

}


.paraguay-hero-content {

    max-width:
        850px;

}


.paraguay-hero h1 {

    font-family:
        'Cormorant Garamond',
        serif;

    font-size:
        clamp(50px, 6vw, 76px);

    font-weight:
        600;

    line-height:
        1;

}


.paraguay-hero h1 span {

    color:
        var(--gold-light);

}


.paraguay-hero-content > p {

    max-width:
        680px;

    margin-top:
        27px;

    color:
        #c6cac6;

    font-size:
        18px;

}


.paraguay-hero-actions {

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        25px;

    margin-top:
        35px;

}


.paraguay-secondary-link {

    color:
        var(--gold-light);

    font-size:
        14px;

    font-weight:
        600;

}


.paraguay-hero-side {

    padding:
        35px;

    border:
        1px solid
        rgba(183,154,99,.5);

    background:
        rgba(255,255,255,.025);

}


.paraguay-hero-side > span {

    display:
        block;

    color:
        var(--gold);

    font-size:
        10px;

    letter-spacing:
        1.8px;

}


.paraguay-hero-number {

    margin:
        25px 0 15px;

    font-family:
        'Cormorant Garamond',
        serif;

    color:
        var(--gold-light);

    font-size:
        86px;

    line-height:
        1;

}


.paraguay-hero-side p {

    color:
        #c6cac6;

}


/*
|--------------------------------------------------------------------------
| INTRO
|--------------------------------------------------------------------------
*/

.paraguay-intro-grid {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        95px;

}


.paraguay-intro-grid h2 {

    font-family:
        'Cormorant Garamond',
        serif;

    font-size:
        clamp(40px, 5vw, 57px);

    line-height:
        1.04;

}


.paraguay-text p {

    margin-bottom:
        20px;

    color:
        var(--muted);

}


/*
|--------------------------------------------------------------------------
| SERVIÇOS
|--------------------------------------------------------------------------
*/

.paraguay-services {

    padding:
        100px 0;

    background:
        var(--cream);

}


.paraguay-services-grid {

    display:
        grid;

    grid-template-columns:
        repeat(4, 1fr);

    margin-top:
        50px;

    border-top:
        1px solid var(--border);

}


.paraguay-services-grid article {

    display:
        flex;

    flex-direction:
        column;

    min-height:
        320px;

    padding:
        32px;

    border-right:
        1px solid var(--border);

}


.paraguay-services-grid article:first-child {

    padding-left:
        0;

}


.paraguay-services-grid article:last-child {

    border-right:
        0;

}


.paraguay-services-grid article > span {

    color:
        var(--gold);

    font-size:
        12px;

}


.paraguay-services-grid h3 {

    margin:
        28px 0 15px;

    font-family:
        'Cormorant Garamond',
        serif;

    font-size:
        29px;

    line-height:
        1.05;

}


.paraguay-services-grid p {

    color:
        var(--muted);

    font-size:
        14px;

}


.paraguay-services-grid a {

    margin-top:
        auto;

    padding-top:
        25px;

    color:
        var(--gold);

    font-size:
        13px;

    font-weight:
        600;

}


/*
|--------------------------------------------------------------------------
| SEÇÃO ESCURA
|--------------------------------------------------------------------------
*/

.paraguay-dark-section {

    padding:
        105px 0;

    background:
        var(--dark);

    color:
        var(--white);

}


.paraguay-dark-grid {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        100px;

}


.paraguay-dark-grid h2 {

    font-family:
        'Cormorant Garamond',
        serif;

    font-size:
        clamp(40px, 5vw, 58px);

    line-height:
        1.02;

}


.paraguay-dark-grid p {

    margin-bottom:
        20px;

    color:
        #c2c6c2;

}


.paraguay-dark-link {

    display:
        inline-block;

    margin-top:
        15px;

    color:
        var(--gold-light);

    font-weight:
        600;

}


/*
|--------------------------------------------------------------------------
| DOCUMENTOS
|--------------------------------------------------------------------------
*/

.paraguay-documents {

    padding:
        100px 0;

}


.paraguay-documents-grid {

    display:
        grid;

    grid-template-columns:
        .9fr 1.1fr;

    gap:
        90px;

}


.paraguay-documents h2 {

    font-family:
        'Cormorant Garamond',
        serif;

    font-size:
        clamp(40px, 5vw, 56px);

    line-height:
        1.04;

}


.paraguay-documents-grid > div:first-child > p {

    margin-top:
        20px;

    color:
        var(--muted);

}


.paraguay-document-list {

    border-top:
        1px solid var(--border);

}


.paraguay-document-list > div {

    display:
        grid;

    grid-template-columns:
        50px 1fr;

    gap:
        15px;

    padding:
        23px 0;

    border-bottom:
        1px solid var(--border);

}


.paraguay-document-list span {

    color:
        var(--gold);

    font-size:
        12px;

}


.paraguay-document-list p {

    font-family:
        'Cormorant Garamond',
        serif;

    font-size:
        23px;

}


.paraguay-note {

    margin-top:
        35px;

    padding:
        20px 24px;

    border-left:
        3px solid var(--gold);

    background:
        var(--cream);

    color:
        var(--muted);

    font-size:
        13px;

}


/*
|--------------------------------------------------------------------------
| JORNADA
|--------------------------------------------------------------------------
*/

.paraguay-journey {

    padding:
        100px 0;

    background:
        var(--cream);

}


.paraguay-journey-grid {

    display:
        grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap:
        25px;

    margin-top:
        50px;

}


.paraguay-journey-grid a {

    display:
        flex;

    flex-direction:
        column;

    min-height:
        300px;

    padding:
        38px;

    background:
        var(--white);

    border:
        1px solid var(--border);

    transition:
        transform .25s,
        border-color .25s;

}


.paraguay-journey-grid a:hover {

    transform:
        translateY(-5px);

    border-color:
        var(--gold);

}


.paraguay-journey-grid small {

    color:
        var(--gold);

}


.paraguay-journey-grid h3 {

    margin-top:
        28px;

    font-family:
        'Cormorant Garamond',
        serif;

    font-size:
        35px;

}


.paraguay-journey-grid p {

    margin-top:
        17px;

    color:
        var(--muted);

}


.paraguay-journey-grid strong {

    margin-top:
        auto;

    padding-top:
        25px;

    color:
        var(--gold);

}


/*
|--------------------------------------------------------------------------
| AVISO
|--------------------------------------------------------------------------
*/

.paraguay-attention {

    padding:
        95px 0;

}


.paraguay-attention-grid {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        100px;

}


.paraguay-attention h2 {

    font-family:
        'Cormorant Garamond',
        serif;

    font-size:
        clamp(40px, 5vw, 55px);

    line-height:
        1.04;

}


.paraguay-attention p {

    margin-bottom:
        18px;

    color:
        var(--muted);

}


/*
|--------------------------------------------------------------------------
| CTA
|--------------------------------------------------------------------------
*/

.paraguay-cta {

    padding:
        80px 0;

    background:
        var(--dark);

    color:
        var(--white);

}


.paraguay-cta-inner {

    display:
        flex;

    justify-content:
        space-between;

    align-items:
        center;

    gap:
        60px;

}


.paraguay-cta h2 {

    font-family:
        'Cormorant Garamond',
        serif;

    font-size:
        clamp(38px, 5vw, 52px);

    line-height:
        1;

}


.paraguay-cta p {

    margin-top:
        15px;

    color:
        #c3c6c3;

}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    .paraguay-hero-grid,
    .paraguay-intro-grid,
    .paraguay-dark-grid,
    .paraguay-documents-grid,
    .paraguay-attention-grid {

        grid-template-columns:
            1fr;

        gap:
            50px;

    }


    .paraguay-services-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .paraguay-cta-inner {

        flex-direction:
            column;

        align-items:
            flex-start;

    }

}


/*
|--------------------------------------------------------------------------
| CELULAR
|--------------------------------------------------------------------------
*/

@media (max-width: 600px) {

    .paraguay-hero {

        padding:
            35px 0 70px;

    }


    .breadcrumb {

        margin-bottom:
            45px;

    }


    .paraguay-hero h1 {

        font-size:
            45px;

    }


    .paraguay-hero-actions {

        align-items:
            flex-start;

        flex-direction:
            column;

    }


    .paraguay-services-grid {

        grid-template-columns:
            1fr;

    }


    .paraguay-services-grid article,
    .paraguay-services-grid article:first-child {

        min-height:
            auto;

        padding:
            30px 0;

        border-right:
            0;

        border-bottom:
            1px solid var(--border);

    }


    .paraguay-journey-grid {

        grid-template-columns:
            1fr;

    }


    .paraguay-cta .btn {

        width:
            100%;

    }

}