@media (max-width: 768px){
  body{ padding-top:72px; }

  /* ===== HERO DIFERENTE EN MÓVIL: tarjeta de vidrio sobre atardecer ===== */
  .hero{
    min-height: 92svh;
    align-items: center;
    background:
      radial-gradient(500px 320px at 50% 105%, rgba(232,176,140,.35), transparent 70%),
      radial-gradient(400px 280px at 50% 90%, rgba(217,155,180,.25), transparent 65%),
      linear-gradient(180deg, #16121f 5%, #241c33 55%, #3a2747 100%);
  }
  .hero-content{
    margin: 0 1.1rem;
    padding: 2.4rem 1.3rem;
    background: rgba(29,24,40,.55);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(154,165,215,.35);
    border-radius: 26px;
    box-shadow: 0 0 30px rgba(154,165,215,.22), 0 18px 40px rgba(0,0,0,.4);
  }
  .hero .display-2{ font-size:2.8rem; letter-spacing:5px; }
  .hero-sub{ font-size:.95rem; letter-spacing:3px; }
  .hero-desc{ font-size:.95rem; }
  .hero-desc br{ display:none; }

  /* menos estrellas en pantallas chicas para no recargar */
  .estrellas-2{ display:none; }

  .section{ padding:3rem 0; }
  .titulo-seccion{ font-size:1.8rem; }

  /* ===== header scrolleado: pastilla compacta en móvil ===== */
  #header.scrolled{ width:94%; border-radius:30px; }
  #header.scrolled .brand-text{ font-size:1.2rem; }

  section[id]{ scroll-margin-top: 115px; }

  .img-nosotros{ border-radius:18px; }
  .footer{ padding:2.4rem 0 0; }
  .footer-logo{ height:80px; }
  .carousel-detalle img{ height:280px; }
  .wsp-float{ width:58px; height:58px; bottom:18px; right:18px; }
  .wsp-float svg{ width:29px; height:29px; }
  .form-card{ padding:1.8rem; margin:1rem auto; }
  .card-prod img{ height:200px; }
  .chip{ padding:.3rem .9rem; font-size:.85rem; }
}