/* ========================================================================
   CAPA 5 · RESPONSIVE
   ------------------------------------------------------------------------
   Breakpoints globales. Va al final para sobrescribir lo anterior.
   ======================================================================== */

@media (max-width:1000px){
  .hero .wrap, .renta .wrap, .plus .wrap{ grid-template-columns:1fr; gap:44px; }
  .renta .wrap{ direction:ltr; }
  .renta-card, .curve-card{ order:2; }
  .resguardo{ grid-template-columns:1fr; }
  .resguardo .rg + .rg{ border-left:none; border-top:1px solid var(--line); }
  .nav-links{ display:none; }
  .nav-burger{ display:flex; }
  .footer .wrap{ grid-template-columns:1fr 1fr; }
  .footer .f-brand{ grid-column:1 / -1; }
  .steps{ grid-template-columns:repeat(2,1fr); }
  .inm-stats{ grid-template-columns:repeat(2,1fr); gap:26px 18px; }
  .inm-stats .is-item:nth-child(3)::before{ display:none; }
  .est-card{ grid-template-columns:1fr; }
  /* carrusel: 2 visibles en tablet */
  .props-track .prop{ flex:0 0 calc((100% - 22px) / 2); }
  .pc-prev{ left:-14px; }
  .pc-next{ right:-14px; }
}

@media (max-width:760px){
  .sec{ padding:72px 0; }
  .sec-tight{ padding:56px 0; }
  .wrap{ padding:0 20px; }
  .steps, .plan-grid, .grow-grid, .liq-grid{ grid-template-columns:1fr; gap:16px; }
  /* carrusel: 1 visible (con asomo del siguiente) */
  .props-track .prop{ flex:0 0 86%; }
  .pc-arrow{ top:104px; }
  .pc-prev{ left:4px; }
  .pc-next{ right:4px; }
  .hero{ padding:calc(var(--nav-h) + 48px) 0 64px; }
  .rent-chip{ right:14px; top:auto; bottom:-18px; }
  .hero-trust{ grid-template-columns:1fr 1fr; gap:22px 24px; }
  .renta-card .rc-split{ grid-template-columns:1fr; gap:16px; }
  .nav-cta .btn span.cta-long{ display:none; }
  .conf-grid{ grid-template-columns:1fr; }
  .footer .wrap{ grid-template-columns:1fr; }
}

/* --- teléfonos (≤430px): evita apretujar el header y ajusta tap targets --- */
@media (max-width:430px){
  .wrap{ padding:0 16px; }
  .brand .wm{ font-size:18px; }
  .nav .wrap{ gap:12px; }
  .nav-cta{ gap:8px; }
  .nav-cta .btn{ padding:0 13px; font-size:14px; height:42px; }
  .nav-burger{ width:42px; height:42px; }
  /* CTAs del hero a ancho completo: más fáciles de tocar, sin desbordar */
  .hero-actions{ gap:12px; }
  .hero-actions .btn{ width:100%; }
  /* tooltips y chips no deben exceder el ancho del teléfono */
  .tip-bubble, .curve-card .cc-tip{ width:min(250px, 76vw); }
  .rent-chip{ min-width:0; padding:13px 16px; }
  .est-toggle button{ font-size:14px; height:50px; }
  .est-controls{ padding:34px 22px; }
  .hero-trust{ gap:20px 18px; }
}

/* --- teléfonos muy pequeños (≤360px): apila los CTAs del CTA final --- */
@media (max-width:360px){
  .cta-actions .btn, .er-cta .btn{ width:100%; }
}