/* ═══ Piel de launchmedia.site para los formularios (Endry, 23 oct: «rediseñarlos
   con el diseño del sitio web actual para que no haya disonancia»). Mismos
   colores, letras y botones que la web nueva: negro #09090a, papel #f6f5ef,
   verde ácido #8fe600, naranja #ff5a1f, Archivo para títulos y Host Grotesk
   para textos. Va DESPUÉS del estilo propio de cada formulario y lo pisa. ═══ */
:root{
  --lw-negro:#09090a; --lw-tinta:#17171b; --lw-papel:#f6f5ef; --lw-gris:#aaa9a2; --lw-gris2:#696865;
  --lw-acido:#8fe600; --lw-naranja:#ff5a1f; --lw-linea:rgba(239,238,232,.16); --lw-error:#ff6b5b;
  --lw-tit:'Archivo', Arial, sans-serif; --lw-txt:'Host Grotesk', 'Archivo', Arial, sans-serif;
}
html{ background:var(--lw-negro); }
body, body *{ -webkit-font-smoothing:antialiased; }
body{ background:var(--lw-negro) !important; color:var(--lw-papel) !important; font-family:var(--lw-txt) !important; color-scheme:dark; }
.wrap{ max-width:720px !important; padding:28px clamp(20px, 5vw, 40px) 100px !important; }

/* Arriba: el logo y la vuelta a la web, como la barra del sitio */
.lw-top{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:6px 0 26px; margin-bottom:46px; border-bottom:1px solid var(--lw-linea); }
.lw-top .logo{ height:30px !important; margin:0 !important; display:block; filter:brightness(0) invert(1); }
.lw-volver{ font:700 11.5px var(--lw-tit); text-transform:uppercase; letter-spacing:.04em; color:var(--lw-papel); text-decoration:none; border:1px solid var(--lw-linea); background:#1c1c1a; border-radius:999px; padding:10px 16px; white-space:nowrap; transition:background .15s, color .15s; }
.lw-volver:hover{ background:var(--lw-acido); color:var(--lw-negro); border-color:var(--lw-acido); }

/* Encabezado */
.eyebrow{ display:flex !important; align-items:center; gap:10px; font:600 12px var(--lw-txt) !important; text-transform:uppercase; letter-spacing:.08em !important; color:rgba(246,245,239,.8) !important; margin-bottom:18px !important; }
.eyebrow::before{ content:''; width:14px; height:14px; background:var(--lw-acido); flex:none; }
h1{ font-family:var(--lw-tit) !important; font-weight:800 !important; text-transform:uppercase; font-size:clamp(38px, 7.4vw, 60px) !important; line-height:.96 !important; letter-spacing:-.035em !important; color:var(--lw-papel) !important; margin-bottom:22px !important; }
h1 span{ color:var(--lw-acido) !important; }
h1 #hTitle1{ color:var(--lw-papel) !important; }
.lede{ font:500 16.5px/1.6 var(--lw-txt) !important; color:rgba(246,245,239,.78) !important; max-width:560px !important; margin-bottom:52px !important; }

/* Secciones */
.sec{ border-top:1px solid var(--lw-linea); padding-top:30px; margin-bottom:40px !important; }
.sec-t{ font:800 22px var(--lw-tit) !important; text-transform:uppercase; letter-spacing:-.01em; gap:14px !important; margin-bottom:6px !important; color:var(--lw-papel); }
.sec-t .n{ font:700 12px var(--lw-tit) !important; color:var(--lw-negro) !important; background:var(--lw-acido); border:0 !important; border-radius:0 !important; padding:4px 7px !important; letter-spacing:.02em; }
.sec-d{ font:500 14px var(--lw-txt) !important; color:var(--lw-gris) !important; margin-bottom:22px !important; }

/* Campos: como el formulario del sitio, solo una línea abajo */
.f{ margin-bottom:22px !important; }
.f label{ font:500 14px var(--lw-txt) !important; color:var(--lw-gris) !important; margin-bottom:4px !important; }
.f label em{ color:var(--lw-naranja) !important; }
.f input, .f input[type=text], .f input[type=email], .f input[type=tel], .f input[type=url], .f input[type=date], .f input[type=number], .f select, .f textarea{
  background:transparent !important; border:0 !important; border-bottom:1px solid var(--lw-linea) !important; border-radius:0 !important; box-shadow:none !important;
  color:var(--lw-papel) !important; font:500 17px var(--lw-tit) !important; padding:12px 0 14px !important; color-scheme:dark; transition:border-color .2s; }
.f input::placeholder, .f textarea::placeholder{ color:#5d5c58 !important; }
.f select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23f6f5ef' fill='none' stroke-width='1.6'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 2px center !important; padding-right:24px !important; }
.f select option{ background:var(--lw-tinta); color:var(--lw-papel); }
.f textarea{ min-height:110px !important; line-height:1.55 !important; border:1px solid var(--lw-linea) !important; padding:14px 16px !important; font:500 16px/1.55 var(--lw-txt) !important; }
.f input:focus, .f select:focus, .f textarea:focus{ border-bottom-color:var(--lw-acido) !important; outline:none; }
.f textarea:focus{ border-color:var(--lw-acido) !important; }
.f input.bad, .f select.bad, .f textarea.bad{ border-bottom-color:var(--lw-error) !important; }
.f textarea.bad{ border-color:var(--lw-error) !important; }
.hint{ font:500 12.5px/1.5 var(--lw-txt) !important; color:var(--lw-gris2) !important; margin-top:8px !important; }
.row2, .fgrid{ gap:0 28px !important; }

/* Opciones: las píldoras del menú del sitio; la elegida, en verde ácido */
.chips{ gap:9px !important; margin-top:8px; }
.chip{ font:700 12px var(--lw-tit) !important; text-transform:uppercase; letter-spacing:.03em; color:var(--lw-papel) !important; background:#1c1c1a !important; border:1px solid var(--lw-linea) !important; border-radius:999px !important; padding:11px 17px !important; transition:background .15s, color .15s, border-color .15s !important; }
.chip:hover{ border-color:rgba(246,245,239,.4) !important; }
.chip.on{ background:var(--lw-acido) !important; color:var(--lw-negro) !important; border-color:var(--lw-acido) !important; }
.chip.on::before{ content:none !important; }
.chips.bad-chips{ outline:1px solid var(--lw-error) !important; outline-offset:8px; border-radius:2px; }

/* Bloques que se abren, notas y repetidores */
.cond, .note-block, .rep-item{ background:var(--lw-tinta) !important; border:1px solid var(--lw-linea) !important; border-left:3px solid var(--lw-acido) !important; border-radius:0 !important; }
.cond{ padding:20px 22px 4px !important; }
.note-block .note-t, .rep-title{ font:800 12px var(--lw-tit) !important; text-transform:uppercase; letter-spacing:.05em; color:var(--lw-acido) !important; }
.note-block, .note-block li{ color:rgba(246,245,239,.8) !important; font-family:var(--lw-txt) !important; }
.rep-add{ font:700 12px var(--lw-tit) !important; text-transform:uppercase; letter-spacing:.03em; color:var(--lw-papel) !important; background:transparent !important; border:1px dashed rgba(246,245,239,.35) !important; border-radius:0 !important; }
.rep-add:hover{ border-color:var(--lw-acido) !important; color:var(--lw-acido) !important; }
.rep-del{ color:var(--lw-gris) !important; }
.rep-del:hover{ color:var(--lw-error) !important; }

/* Botón: el naranja de «Enviar solicitud» del sitio */
.btn{ background:var(--lw-naranja) !important; color:var(--lw-papel) !important; border:1px solid var(--lw-naranja) !important; border-radius:0 !important; font:700 15px "Helvetica Neue", Helvetica, Arial, sans-serif !important; text-transform:uppercase; letter-spacing:.3px !important; padding:19px 32px !important; margin-top:10px; transition:background .15s, transform .1s !important; }
.btn:hover{ background:#ff6f3d !important; }
.btn:disabled{ opacity:.55 !important; }
.err-msg{ color:var(--lw-error) !important; font:600 14px var(--lw-txt) !important; }
.priv{ font:500 12.5px/1.6 var(--lw-txt) !important; color:var(--lw-gris2) !important; margin-top:18px !important; }

/* Gracias */
#done{ padding:60px 0 30px !important; text-align:left !important; }
#done .big{ display:none !important; }
#done h2{ font:800 clamp(40px, 8vw, 64px)/.95 var(--lw-tit) !important; text-transform:uppercase; letter-spacing:-.035em; color:var(--lw-acido) !important; margin-bottom:20px !important; }
#done p{ font:500 17px/1.6 var(--lw-txt) !important; color:rgba(246,245,239,.8) !important; margin:0 !important; max-width:540px !important; }
#done p strong{ color:var(--lw-papel); }
@media (max-width:540px){ .lw-top{ margin-bottom:34px; } .lw-volver{ padding:9px 12px; font-size:10.5px; } }