/* ==========================================
        AXXIS TOPOGRAFIA - RESPONSIVE
========================================== */


/* ==========================================
   TRANSIÇÃO DRONE LIDAR
   OCULTA POR PADRÃO / DESKTOP
========================================== */

.mobile-lidar-transition{

    display:none;

}


/* ==========================================
        MOBILE AXXIS TOPOGRAFIA
========================================== */

@media(max-width:768px){


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

.hero{

    text-align:center;

}


.hero-content{

    width:100%;
    max-width:100%;
    margin-left:0;

}


.hero-tag{

    display:block;

    font-size:12px;

    letter-spacing:2px;

    margin-bottom:15px;

}


/* ==========================================
            BOTÕES HERO
========================================== */

.hero-buttons{

    flex-direction:column;

    align-items:center;

    gap:20px;

    margin-top:15px;

}


.hero-buttons .btn-primary{

    width:100%;

    max-width:300px;

}


/* REMOVE O SEGUNDO BOTÃO NO MOBILE */

.hero-buttons .btn-outline{

    display:none;

}


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

.hero-features{

    display:none;

}


/* ==========================================
        REMOVE SEÇÕES NO MOBILE
========================================== */

.about,
.expertise,
.expertise-hero,
.segments,
.projects{

    display:none;

}


/* ==========================================
            SERVIÇOS
========================================== */

.services{

    padding-bottom:40px;

}


.services h2{

    font-size:34px;

    text-align:center;

}


/* ==========================================
    TRANSIÇÃO MOBILE - DRONE LIDAR
========================================== */

.mobile-lidar-transition{

    display:block;

    position:relative;

    width:100%;

    height:360px;

    margin:0;

    overflow:hidden;

    background:#050505;

}


.mobile-lidar-transition img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center center;

}


.mobile-lidar-transition::after{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:linear-gradient(
        to bottom,
        rgba(5,5,5,0) 0%,
        rgba(5,5,5,0) 68%,
        rgba(5,5,5,.35) 82%,
        #050505 100%
    );

}


/* ==========================================
            CONTATO
========================================== */

.contact{

    padding:0 0 70px;

}


.contact h2{

    font-size:34px;

    text-align:center;

}


.contact-grid{

    grid-template-columns:1fr;

    gap:25px;

}


.contact-card{

    max-width:300px;

    margin:0 auto;

    padding:35px 25px;

    text-align:center;

}


.contact-card h3{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:15px;

}


.contact-card i{

    display:block;

    margin:0;

    font-size:32px;

}


.contact-card p{

    text-align:center;

    line-height:1.8;

    margin-bottom:20px;

}


.contact-card a{

    display:block;

    text-align:center;

    font-size:15px;

    line-height:1.6;

    overflow-wrap:normal;

    word-break:normal;

}


/* E-MAIL - EVITA QUEBRA NO MEIO DO ENDEREÇO */

.contact-card a[href^="mailto:"]{

    font-size:14px;

    white-space:nowrap;

}


.contact-card strong{

    display:block;

    margin-bottom:10px;

}


/* ==========================================
            FOOTER
========================================== */

.footer{

    padding-top:60px;

}


.footer-grid{

    grid-template-columns:1fr;

    gap:25px;

    text-align:center;

}


.footer-column{

    text-align:center;

}


.footer-column h3{

    margin-bottom:15px;

}


.footer-column ul li{

    justify-content:center;

    margin-bottom:10px;

}


.footer-logo{

    max-width:170px;

    margin:0 auto 20px;

}


.footer p{

    font-size:15px;

    line-height:1.8;

}


.footer-btn{

    margin-left:0;

}


}


/* ==========================================
        CELULARES PEQUENOS
========================================== */

@media(max-width:480px){


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

.hero h1{

    font-size:36px;

}


.hero p{

    max-width:290px;

    font-size:15px;

}


/* ==========================================
        SERVIÇOS / CONTATO
========================================== */

.services h2,
.contact h2{

    font-size:30px;

}


/* ==========================================
        TRANSIÇÃO DRONE LIDAR
========================================== */

.mobile-lidar-transition{

    height:340px;

}


/* ==========================================
            CONTATO
========================================== */

.contact-card{

    max-width:280px;

}


/* E-MAIL EM TELAS MENORES */

.contact-card a[href^="mailto:"]{

    font-size:13px;

}


}