/* Lorena Laverde — media queries / responsive */
@media(max-width:720px){
    .menu-btn{display:block;}
    .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--crema);flex-direction:column;align-items:stretch;text-align:center;padding:16px 24px;gap:14px;border-bottom:2px solid var(--arena);box-shadow:0 12px 24px rgba(61,35,20,0.18);}
    .nav-links.open{display:flex;}
    .nav-links a{font-size:15px;padding:4px 0;}
    section{padding:44px 0;}
    .hero{padding:18px 0 36px;}
    .hero h1{font-size:25px;margin:10px 0 12px;}
    .hero p.sub{font-size:13.5px;line-height:1.55;margin-bottom:18px;}
    .sub-more{display:none;}
    .mono{font-size:9px;letter-spacing:1.5px;}
    .hero .ctas{gap:10px;}
    .hero .ctas .btn{padding:11px 20px;font-size:13px;}
    .hero-grid{gap:20px;}
    .trust{gap:20px;margin-top:32px;}
  }

@media(max-width:820px){.hero-grid{grid-template-columns:1fr;text-align:center;}
    .hero .ctas{justify-content:center;}
    .hero-img{max-width:300px;height:230px;aspect-ratio:auto;object-fit:cover;object-position:center 18%;margin:0 auto;display:block;border-radius:14px;}}

@media(max-width:840px){.about{grid-template-columns:1fr;}}

@media(max-width:520px){.hitos{grid-template-columns:1fr;}}

@media(max-width:760px){.pasos{grid-template-columns:1fr;}}

@media(max-width:860px){.cards{grid-template-columns:1fr;max-width:480px;margin:0 auto;}}

@media(max-width:820px){.caso{grid-template-columns:1fr;}}
