/* ==========================================================================
   CRISLE — Ajustes responsive
   Se carga después de crisle.css. Todo con clamp() donde se puede;
   aquí solo lo que necesita reordenarse o desaparecer.
   ========================================================================== */

/* --- Cursor: solo punteros finos ----------------------------------------- */
@media (hover: none), (pointer: coarse){
  .cursor{ display:none; }
}
@media not all and (hover: hover){
  .cursor{ display:none; }
}

/* --- ≤ 1080px ------------------------------------------------------------- */
@media (max-width: 1080px){
  .servicios__cuerpo{ grid-template-columns:1fr; }
  .servicios__visor{ position:relative; top:0; aspect-ratio:16/10; order:-1; }
  .faq__wrap{ grid-template-columns:1fr; }
  .faq__head{ position:static; }
  .marcas-sec__wrap{ grid-template-columns:1fr; }
  .marcas-sec__head{ position:static; }
}

/* --- ≤ 900px -------------------------------------------------------------- */
@media (max-width: 900px){
  .estudio__wrap{ grid-template-columns:1fr; }
  .estudio__media{ max-width:420px; }
  .contacto__wrap{ grid-template-columns:1fr; }
  .pasos{ grid-template-columns:repeat(2,1fr); }
  .planes{ grid-template-columns:1fr; max-width:520px; margin-inline:auto; }
  .plan--destacado{ transform:none; }
  .plan--destacado:hover{ transform:translateY(-6px); }
  .footer__track{ font-size:clamp(3.4rem,22vw,9rem); }
}

/* --- ≤ 760px -------------------------------------------------------------- */
@media (max-width: 760px){
  .hud__nav{ display:none; }
  .hud__mark{ min-height:44px; display:inline-flex; align-items:center; }
  .hud__cta{ min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:.6em 1.1em; }
  .filtro,.toggle__btn{ min-height:44px; }

  .hero__stickers{ display:none; }
  .hero__scroll{ display:none; }
  .hero__foot{ align-items:center; }

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

  .stats{ gap:1rem 1.2rem; }
  .form__row{ grid-template-columns:1fr; }

  .quote-card{ width:78vw; }
  .frag-reel__stage{ height:clamp(440px,78vh,720px); }
  .frag-reel__title{ font-size:clamp(1.7rem,7.5vw,2.6rem); max-width:14ch; }
  .frag-reel__cap{ font-size:clamp(1.3rem,5.5vw,2rem); }
}

/* --- ≤ 560px -------------------------------------------------------------- */
@media (max-width: 560px){
  .hud__mark .hud__name{ font-size:.95rem; }

  .pasos{ grid-template-columns:1fr; }
  .sec-head--fila{ align-items:flex-start; }

  .contacto__mail{ font-size:clamp(1.15rem,7vw,1.7rem); }

  .sticker{ font-size:.85rem; }

  .marcas-sec__head .sec-title{ font-size:clamp(1.8rem,8vw,2.6rem); }
}

/* --- Poca altura en horizontal (móviles girados) -------------------------- */
@media (orientation: landscape) and (max-height: 520px){
  .hero{ min-height:auto; padding:clamp(74px,16vh,110px) var(--pad); }
  .hero__title{ font-size:clamp(2.2rem,8vw,4.6rem); }
  .hero__scroll{ display:none; }
}