/*==========================================
HERO
==========================================*/

.selos-hero{

    padding:170px 0 120px;

    background:linear-gradient(
    180deg,
    #faf8f4,
    #ffffff);

}

.selos-grid{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);
    gap:70px;
    align-items:center;
}

.selos-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 24px;

    border-radius:50px;

    background:white;

    color:var(--gold);

    border:1px solid #ece3d2;

    font-weight:600;

}

.selos-content h1{

    margin:30px 0;

    font-family:"Playfair Display";

    font-size:64px;

    line-height:1.1;

    color:var(--primary);

}

.selos-content h1 span{

    color:var(--gold);

}

.selos-content p{

    font-size:18px;

    color:#666;

    line-height:1.9;

    max-width:650px;

}

.selos-buttons{

    display:flex;

    gap:18px;

    margin:45px 0;

    flex-wrap:wrap;

}

.selos-info{

    display:flex;

    gap:30px;

    flex-wrap:wrap;

}

.info-box{

    display:flex;

    align-items:center;

    gap:18px;

}

.info-box i{

    width:55px;

    height:55px;

    border-radius:50%;

    background:linear-gradient(
    135deg,
    var(--gold),
    #d8b87b);

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

}

.consulta-card{

    background:white;

    border-radius:30px;

    padding:45px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    border:1px solid #efe8dd;

}

.consulta-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:22px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(
    135deg,
    var(--gold),
    #d7b77b);

    color:white;

    font-size:36px;

}

.consulta-card h2{

    text-align:center;

    font-family:"Playfair Display";

    font-size:34px;

    margin-bottom:20px;

}

.consulta-card p{

    text-align:center;

    color:#666;

    line-height:1.8;

}

.consulta-card ul{

    list-style:none;

    padding:35px 0;

}

.consulta-card li{

    display:flex;

    align-items:center;

    gap:15px;

    padding:15px 0;

    border-bottom:1px solid #f1ece4;

}

.consulta-card li:last-child{

    border:none;

}

.consulta-card li i{

    width:34px;

    height:34px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#f8f4ec;

    color:var(--gold);

    font-size:13px;

}

.consulta-card .btn{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

}

/*==========================================
LOCALIZAR SELO
==========================================*/

.localizar-selo{

    padding:120px 0;

    background:#faf8f4;

}

.section-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.section-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 22px;

    background:#fff;

    color:var(--gold);

    border-radius:50px;

    border:1px solid #ece5d9;

    font-weight:600;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.section-header h2{

    margin:25px 0 20px;

    font-family:"Playfair Display";

    font-size:48px;

    color:var(--primary);

}

.section-header p{

    font-size:18px;

    color:#666;

    line-height:1.9;

}

.localizar-grid{

    display:grid;

    grid-template-columns:480px 1fr;

    gap:70px;

    align-items:center;

}

.selo-preview{

    background:white;

    border-radius:28px;

    overflow:hidden;

    border:1px solid #ede6da;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.preview-header{

    display:flex;

    align-items:center;

    gap:18px;

    padding:30px;

    border-bottom:1px solid #eee;

}

.preview-icon{

    width:70px;

    height:70px;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(
    135deg,
    var(--gold),
    #d6b67a);

    color:white;

    font-size:28px;

}

.preview-header h3{

    font-size:24px;

    color:var(--primary);

    margin-bottom:5px;

    font-family:"Playfair Display";

}

.preview-header span{

    color:#777;

}

.selo-preview img{

    width:100%;

    display:block;

}

.timeline{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.timeline-item{

    display:flex;

    gap:25px;

    align-items:flex-start;

}

.timeline-number{

    width:65px;

    height:65px;

    min-width:65px;

    border-radius:20px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(
    135deg,
    var(--gold),
    #d8b87b);

    color:white;

    font-size:22px;

    font-weight:700;

    box-shadow:0 15px 35px rgba(198,160,106,.25);

}

.timeline-content{

    background:white;

    padding:28px 30px;

    border-radius:22px;

    flex:1;

    border:1px solid #ede6da;

    transition:.35s;

    box-shadow:0 12px 30px rgba(0,0,0,.05);

}

.timeline-content:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.timeline-content h3{

    font-family:"Playfair Display";

    font-size:24px;

    color:var(--primary);

    margin-bottom:12px;

}

.timeline-content p{

    color:#666;

    line-height:1.8;

}

@media(max-width:992px){

    .localizar-grid{

        grid-template-columns:1fr;

    }

    .selo-preview{

        max-width:650px;

        margin:auto;

    }

        .selos-hero{
        padding:140px 0 90px;
        text-align:center;
    }

    .selos-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .selos-content{
        max-width:760px;
        margin:auto;
    }

    .selos-content h1{
        font-size:52px;
    }

    .selos-content p{
        max-width:650px;
        margin:auto;
    }

    .selos-buttons{
        justify-content:center;
    }

    .selos-info{
        justify-content:center;
    }

    .consulta-card{
        max-width:500px;
        width:100%;
        margin:auto;
    }

}

@media(max-width:768px){

    .localizar-selo{

        padding:80px 0;

    }

    .section-header h2{

        font-size:36px;

    }

    .timeline-item{

        gap:18px;

    }

    .timeline-number{

        width:55px;
        height:55px;
        min-width:55px;

        font-size:18px;

    }

    .timeline-content{

        padding:22px;

    }

     .selos-hero{
        padding:120px 0 70px;
    }

    .selos-badge{
        padding:10px 18px;
        font-size:.9rem;
    }

    .selos-content h1{
        font-size:40px;
        line-height:1.2;
    }

    .selos-content p{
        font-size:16px;
    }

    .selos-buttons{
        flex-direction:column;
        gap:15px;
    }

    .selos-buttons a{
        width:100%;
        justify-content:center;
    }

    .selos-info{
        flex-direction:column;
        gap:18px;
        align-items:center;
    }

    .info-box{
        width:100%;
        justify-content:center;
    }

    .consulta-card{
        padding:35px 28px;
    }

    .consulta-icon{
        width:75px;
        height:75px;
        font-size:30px;
    }

    .consulta-card h2{
        font-size:28px;
    }

}

@media(max-width:520px){

    .timeline-item{

        flex-direction:column;

    }

    .timeline-number{

        margin-bottom:10px;

    }

      .selos-hero{
        padding:105px 0 60px;
    }

    .selos-content h1{
        font-size:34px;
    }

    .selos-content p{
        font-size:15px;
        line-height:1.8;
    }

    .selos-badge{
        width:100%;
        justify-content:center;
        text-align:center;
    }

    .info-box{
        flex-direction:column;
        text-align:center;
        gap:12px;
    }

    .consulta-card{
        padding:28px 22px;
    }

    .consulta-card ul{
        padding:25px 0;
    }

    .consulta-card li{
        padding:12px 0;
        font-size:15px;
    }

}