/* ===========================================================
   ALPINO — responsive.css
   Breakpoints: 1024px / 900px / 640px / 420px
=========================================================== */

@media (max-width: 1024px){
  .gallery-grid{grid-template-columns:repeat(3, 1fr);}
  .g-item:nth-child(1){grid-column:span 2; grid-row:span 1;}
}

@media (max-width: 900px){
  nav{display:none;}
  .burger{display:flex;}
  .nav-actions .btn-sm{display:none;}

  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .stat{border-bottom:1px solid rgba(250,246,236,0.08); padding:32px 20px;}

  .about-wrap{grid-template-columns:1fr;}
  .about-figure{order:-1; max-width:280px; margin:0 auto;}

  .contact-wrap{grid-template-columns:1fr;}

  .footer-wrap{grid-template-columns:1fr; gap:40px;}
  .footer-links{grid-template-columns:1fr 1fr;}

  section{padding:76px 20px;}
}

@media (max-width: 640px){
  .hero{min-height:92vh;}
  .hero-content{padding-top:70px;}
  .hero-ctas{flex-direction:column; width:100%;}
  .hero-ctas .btn{width:100%; justify-content:center;}

  .stats-grid{grid-template-columns:1fr 1fr;}

  .gallery-grid{grid-template-columns:repeat(2, 1fr); grid-auto-rows:150px;}
  .g-item:nth-child(1){grid-column:span 2; grid-row:span 1;}

  .card-actions{flex-direction:column; align-items:stretch;}
  .card-actions .btn{width:100%; justify-content:center;}

  .form-grid-2{grid-template-columns:1fr;}
  .modal-box{padding:26px 20px;}

  .float-whatsapp{width:52px; height:52px; bottom:18px; right:18px;}
  .back-to-top{width:42px; height:42px; bottom:18px; right:82px;}

  .slide p{font-size:1.05rem;}
}

@media (max-width: 420px){
  .brand .sub{display:none;}
  .stats-grid{grid-template-columns:1fr;}
  .stat{padding:24px 20px;}
}