/* H3 Turismo — Transfers V16
   Header/footer seguem literalmente o front.
   Ajustes abaixo são exclusivos da página de transfers. */

body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Evita que CSS legado da página altere header/footer padronizados */
.h3home-header,
.h3home-footer{
  font-family:var(--h3home-font,"Inter","Segoe UI",Roboto,Arial,sans-serif);
}

/* Refino geral do conteúdo */
main,
.transfer-main,
.transfers-main{
  width:min(1280px,calc(100% - 28px));
  margin-left:auto;
  margin-right:auto;
}

/* Componentes comuns da página */
.transfer-card,
.service-card,
.route-card,
.info-card{
  border-radius:18px!important;
  border:1px solid #DDE8F1!important;
  box-shadow:0 8px 24px rgba(7,62,121,.07)!important;
  background:#fff!important;
}

.transfer-card img,
.service-card img,
.route-card img{
  object-fit:cover!important;
  border-radius:16px!important;
}

button,
.btn,
.cta,
.transfer-cta,
.contact-btn{
  min-height:44px;
  border-radius:999px!important;
}

/* Desktop +10%, mesma sensação visual aprovada no V13 */
@media(min-width:1100px){
  main,
  .transfer-main,
  .transfers-main{
    width:min(1408px,calc(100% - 28px));
  }

  .hero,
  .transfer-hero{
    min-height:292px;
  }

  .hero h1,
  .transfer-hero h1{
    font-size:clamp(39px,4vw,55px)!important;
    line-height:1.03!important;
  }

  .hero p,
  .transfer-hero p{
    font-size:15.4px!important;
  }

  .transfer-card,
  .service-card,
  .route-card,
  .info-card{
    border-radius:20px!important;
  }

  .transfer-card,
  .service-card,
  .route-card{
    padding:20px!important;
  }

  .transfer-card h3,
  .service-card h3,
  .route-card h3{
    font-size:20px!important;
  }

  .transfer-card p,
  .service-card p,
  .route-card p{
    font-size:13.2px!important;
    line-height:1.55!important;
  }

  .transfer-cta,
  .cta,
  .btn{
    min-height:48px;
    padding-left:18px!important;
    padding-right:18px!important;
    font-size:12px!important;
  }
}

/* Tablet */
@media(max-width:900px){
  main,
  .transfer-main,
  .transfers-main{
    width:calc(100% - 30px);
  }
}

/* Mobile */
@media(max-width:600px){
  main,
  .transfer-main,
  .transfers-main{
    width:calc(100% - 24px);
  }

  .hero,
  .transfer-hero{
    min-height:175px!important;
    height:auto!important;
  }

  .hero h1,
  .transfer-hero h1{
    font-size:31px!important;
  }

  .hero p,
  .transfer-hero p{
    font-size:13px!important;
    line-height:1.35!important;
  }

  .transfer-card,
  .service-card,
  .route-card,
  .info-card{
    border-radius:17px!important;
  }

  button,
  .btn,
  .cta,
  .transfer-cta,
  .contact-btn{
    min-height:44px;
  }
}