/* RESPONSIVE CHAPA TU TAXI */

/* Desktop mediano: reduce menú para que no choque con el logo */
@media (max-width:1180px){
  .site_header{padding:0 4%;gap:34px}
  .logo{min-width:190px}
  .logo img{width:200px}
  .premium_nav{gap:18px}
  .premium_nav a,.dropdown_btn{font-size:13px}
  .btn_app{padding:12px 18px}
}

/* Tablet y móvil */
@media (max-width:980px){
  body{overflow-x:hidden}
  .site_header{
    min-height:72px;
    padding:12px 22px;
    gap:0;
    flex-wrap:wrap;
  }
  .logo{min-width:auto}
  .logo img{width:205px;max-width:205px}
  .mobile_menu_btn{display:flex}
  .premium_nav{
    display:none;
    width:100%;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:14px;
    padding:18px 0 8px;
  }
  .premium_nav.is_open{display:flex}
  .premium_nav a,.dropdown_btn{font-size:15px}
  .btn_app{width:100%;max-width:320px;text-align:center}
  .nav_dropdown{
    width:100%;
    justify-content:center;
    flex-direction:column;
  }
  .dropdown_btn{justify-content:center}
  .dropdown_menu{
    position:static;
    width:100%;
    max-width:320px;
    margin-top:12px;
  }

  .hero{padding:95px 24px 45px;text-align:center}
  .hero_grid,.two_cols,.footer_grid{
    grid-template-columns:1fr;
    gap:35px;
    text-align:center;
  }
  .hero h1{font-size:39px;line-height:1.08;letter-spacing:-1px}
  .hero p{font-size:16px;line-height:27px;margin-left:auto;margin-right:auto}
  .store_buttons img{width:210px;margin:0 auto}
  .hero_img:before{
    width:260px;height:260px;
    right:50%;transform:translateX(50%);
    bottom:20px;
  }
  .hero_img img{max-height:none;max-width:420px;width:100%}

  .info_bar{margin:18px 24px 55px;padding:24px}
  .info_bar h3{text-align:center;font-size:20px}
  .info_form{grid-template-columns:1fr;gap:12px}

  .section{padding:60px 24px;text-align:center}
  .section h2,.testimonials h2,.sub_hero h1{
    font-size:38px;line-height:1.1;letter-spacing:-1px;
  }
  .section p,.testimonials>p,.sub_hero p{
    font-size:15px;line-height:26px;
  }
  .feature_list,.cards,.sub_cards,.video_grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .about_img img,.phone_mock img{
    width:100%;max-width:420px;max-height:none;margin:0 auto;
  }
  .checks{
    text-align:left;
    max-width:330px;
    margin:25px auto;
  }

  .testimonials{padding:65px 20px 90px}
  .testimonial_card{
    grid-template-columns:1fr;
    padding:32px 22px;
    gap:25px;
  }
  .testimonial_item p,
  .active_testimonial p{
    font-size:15px!important;
    line-height:25px!important;
  }
  .testimonial_controls{margin-top:20px}
  .testimonial_controls button{width:50px;height:50px}

  .footer_chapa{padding:42px 24px 0;text-align:center}
  .footer_logo{width:220px;margin-left:auto;margin-right:auto}
  .footer_socials{justify-content:center}
  .footer_contact li{justify-content:center;text-align:left}
  .footer_form{flex-direction:column;max-width:100%}
  .footer_form input,.footer_form button{width:100%;min-width:0}
  .footer_car{text-align:center}
  .footer_car img{max-width:300px;margin:0 auto}
  .copyright{
    margin-left:-24px;
    margin-right:-24px;
    width:calc(100% + 48px);
  }
}

/* Celulares grandes tipo Xiaomi Redmi Note / Samsung / iPhone Pro Max */
@media (max-width:480px){
  .site_header{padding:10px 18px}
  .logo img{width:198px}
  .hero{padding:90px 18px 35px}
  .hero h1{font-size:34px}
  .store_buttons img{width:190px}
  .hero_img img{max-width:360px}
  .info_bar{margin:15px 18px 50px;padding:22px 18px}
  .section{padding:55px 18px}
  .section h2,.testimonials h2,.sub_hero h1{font-size:32px}
  .testimonial_card{padding:28px 18px}
  .footer_chapa{padding:38px 18px 0}
  .footer_car{margin-top:40px}
  .footer_car img{max-width:285px}
  .copyright{
    width:calc(100% + 36px);
    margin-left:-18px;
    margin-right:-18px;
  }
  .copyright p{font-size:11.5px!important}
}

/* Celulares pequeños */
@media (max-width:360px){
  .logo img{width:178px}
  .hero h1{font-size:30px}
  .section h2,.testimonials h2,.sub_hero h1{font-size:29px}
  .footer_car img{max-width:250px}
}