/* Capa del sitio de prelanzamiento (anyaramove.com) sobre el sistema del prototipo de Paulo.
   Solo ajusta lo que Mariana pidió y lo que el lanzamiento exige; la estética es la aprobada. */

:root{
  /* Contraste AA: el gris terciario del prototipo (#9a9a9a, 2.8:1) no pasa sobre blanco. */
  --ink-3:#6f6f6f;
  /* Amsterdam Four es de pago y su licencia web está pendiente: no se publica.
     La floritura manuscrita pasa a la cursiva de Cormorant, la otra voz de la marca. */
  --script:"Cormorant Garamond", Georgia, serif;
}

/* ---- Títulos SIEMPRE en mayúsculas (pedido de Mariana) ----
   El texto fuente queda en tipo oración (lectores de pantalla y buscadores);
   la transformación es visual. Las mayúsculas piden aire entre letras. */
h1, h2, .lp-close h2{
  text-transform:uppercase;
  letter-spacing:.03em;
  line-height:1.08;
}
h1 em, h2 em{letter-spacing:.02em}
.script, .lp-script{
  text-transform:none;
  font-style:italic;
  font-weight:500;
  font-size:1.02em;
  letter-spacing:0;
}

/* ---- Tarjeta de Mariana (una sola coach) ---- */
.lp-coach{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);
  align-items:center;
}
.lp-coach-img{
  width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;
  border-radius:var(--radius, 14px);display:block;background:var(--line-2);
}
.lp-coach-b .eyebrow{margin-bottom:10px}
.lp-coach-b h2{margin-bottom:14px}
.lp-coach-b p{font-family:var(--sans);font-size:var(--fs-lede, 1.15rem);line-height:1.6;color:var(--ink-2);margin:0 0 12px}
.lp-coach-redes{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.lp-coach-redes a{
  font-family:var(--sans);font-size:var(--fs-note, .95rem);font-weight:600;color:var(--brand);
  border-bottom:1px solid currentColor;padding:6px 0;min-height:44px;display:inline-flex;align-items:center;
}
@media (max-width:767px){
  .lp-coach{grid-template-columns:1fr}
  .lp-coach-img{aspect-ratio:4/3}
}

/* ---- Lista de espera ---- */
.lp-lista{max-width:640px;margin:0 auto}
.lp-form{display:grid;gap:16px;margin-top:28px}
.lp-field{display:grid;gap:6px}
.lp-field label{font-family:var(--sans);font-size:var(--fs-note, .95rem);font-weight:600;color:var(--ink)}
.lp-field .opc{font-weight:400;color:var(--ink-3)}
.lp-field input, .lp-field select{
  font:inherit;font-family:var(--sans);font-size:1rem;color:var(--ink);
  min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;
  transition:border-color .16s cubic-bezier(.23,1,.32,1), box-shadow .16s cubic-bezier(.23,1,.32,1);
}
.lp-field input:focus-visible, .lp-field select:focus-visible{
  outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint);
}
.lp-check{display:flex;gap:12px;align-items:flex-start;font-family:var(--sans);font-size:var(--fs-note, .95rem);line-height:1.5;color:var(--ink-2)}
.lp-check input{width:22px;height:22px;margin-top:1px;accent-color:var(--brand);flex:none}
.lp-check a{color:var(--brand);text-decoration:underline}
.lp-trampa{display:none}
.lp-form .btn{min-height:52px;justify-content:center}
.lp-form .btn[disabled]{opacity:.6;cursor:progress}
.lp-estado{font-family:var(--sans);font-size:var(--fs-note, .95rem);min-height:1.5em;margin:0}
.lp-estado.ok{color:#1d6b3a;font-weight:600}
.lp-estado.error{color:#a3122a;font-weight:600}
.lp-form-fine{font-family:var(--sans);font-size:.85rem;color:var(--ink-3);text-align:center;margin:4px 0 0}

/* ---- Páginas legales ---- */
.lp-legal{max-width:760px;margin:0 auto;padding:clamp(96px,12vw,140px) 20px 80px}
.lp-legal h1{font-size:var(--fs-page, 2.4rem);margin-bottom:8px}
.lp-legal h2{font-size:var(--fs-head, 1.4rem);margin:36px 0 10px}
.lp-legal p, .lp-legal li{font-family:var(--sans);font-size:1rem;line-height:1.7;color:var(--ink-2)}
.lp-legal ul, .lp-legal ol{padding-left:22px}
.lp-legal a{color:var(--brand);text-decoration:underline}
.lp-legal .fecha{font-family:var(--sans);color:var(--ink-3);font-size:var(--fs-note, .95rem)}

@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* Los teléfonos del prototipo llevaban la app en un iframe; aquí van capturas fijas
   del mismo diseño (más ligeras y sin páginas de ejemplo publicadas). */
.lp-phone img{
  display:block;width:100%;height:calc(100% - 34px);object-fit:cover;object-position:top center;
  border:0;background:#fff;border-radius:0 0 33px 33px;
}
.lp-shot-frame img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:top center;
  border:0;background:#fff;border-radius:26px;
}

/* Objetivos táctiles de 44 px también en el encabezado y la barra fija. */
.lp-top .btn, .lp-sticky .btn{min-height:44px;display:inline-flex;align-items:center}

/* Safari ignora min-height en campos con apariencia nativa: altura fija y apariencia propia. */
.lp-field input, .lp-field select{height:48px;-webkit-appearance:none;appearance:none}
.lp-field select{
  padding-right:40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23515151' stroke-width='1.6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;
}

/* Casilla del aviso de privacidad: su etiqueta es el objetivo táctil (44 px). */
.lp-check{min-height:44px;align-items:center}

/* ---- Aviso de medición (opt-in) ---- */
.lp-cookies{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin-left:auto;
  display:grid;gap:12px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:0 18px 44px rgba(20,18,16,.18);font-family:var(--sans);
}
.lp-cookies p{margin:0;font-size:.95rem;line-height:1.5;color:var(--ink-2)}
.lp-cookies a{color:var(--brand);text-decoration:underline}
.lp-cookies-b{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.lp-cookies .btn{min-height:44px}