/* ---------------------------------------------------------------------------
   ON COURT PRO public site v2. Loaded after the live base styles and
   landing.css, so phones, watches, badges, the trial panel, the FAQ and the
   footer stay exactly as they are live. This sheet adds the new sections.

   Surfaces alternate white, soft grey and navy, joined by the site's single
   diagonal cut. No pills: status is a small uppercase label led by the same
   diagonal stroke the rest of the page uses.
   --------------------------------------------------------------------------- */
:root{
  --v2-azul:#2365BF;
  --v2-azul-texto:#1F5FB8;
  --v2-azul-claro:#9cc6fd;
  --v2-verde:#1E7A4F;        /* restrained green, only for the Pilot status */
  --v2-verde-claro:#7FD1A6;
  --v2-ambar:#8A5A00;
  --v2-ambar-claro:#F2C46B;
  --v2-gris-estado:#5B6679;
  --v2-gris-estado-claro:#B7C2D3;
}

/* --- bar -------------------------------------------------------------------- */
.v2-barra .contenedor{gap:clamp(12px,2vw,28px)}
.audiencia{display:flex;gap:18px;font-size:14px;font-weight:600}
.audiencia a{position:relative;display:flex;align-items:center;min-height:44px;text-decoration:none;color:#9aa6b8;transition:color .2s}
.audiencia a:hover,.audiencia a[aria-current]{color:var(--texto)}
.audiencia a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--acento);transform:skewY(-3deg)}
.v2-barra .secciones{margin:0 auto 0 8px}
.boton.descargar{min-height:40px;padding:8px 16px;font-size:14px;white-space:nowrap}
@media(max-width:1000px){.v2-barra .secciones{display:none}}
/* Support is also in the footer; below 1100px the bar keeps room for the
   language name and the main button in every language. */
@media(max-width:1100px){.v2-barra a.soporte{display:none}}
@media(max-width:700px){
  .v2-barra .contenedor{flex-wrap:wrap;row-gap:0}
  .audiencia{order:3;width:100%;gap:22px;font-size:13px}
  .audiencia a{min-height:36px}
  .audiencia a[aria-current]::after{bottom:4px}
  .v2-barra a.soporte{display:none}
  .boton.descargar{padding:6px 12px;font-size:13px;min-height:36px}
  html{scroll-padding-top:120px}
}

/* --- labels ------------------------------------------------------------------ */
.antetitulo,.situacion{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}
.antetitulo{color:var(--v2-azul-texto)}
.antetitulo::before,.situacion::before{content:"";width:26px;height:2px;flex:none;background:currentColor;transform:rotate(-14deg)}
.noche .antetitulo,.antetitulo.claro-sobre-oscuro{color:var(--v2-azul-claro)}
.situacion{color:var(--v2-azul-texto)}
.noche .situacion,.situacion.claro-sobre-oscuro{color:var(--v2-azul-claro)}
/* Each status keeps one colour everywhere it appears. */
#next article:first-child .situacion{color:var(--v2-ambar)}
#next article:last-child .situacion,#pilot-today .situacion{color:var(--v2-verde)}
.organizadores .situacion{color:var(--v2-verde-claro)}
#workflow .situacion{color:var(--v2-gris-estado)}
.situacion.en-linea{display:inline-flex;margin:0 0 0 6px;font-size:10.5px;gap:8px;vertical-align:middle}
.situacion.en-linea::before{width:14px}

/* --- sections ----------------------------------------------------------------- */
.v2{position:relative;isolation:isolate;overflow:hidden;
  margin-top:calc(var(--sesgo) * -1);
  padding:calc(var(--sesgo) + clamp(72px,11vh,140px)) 0 clamp(72px,11vh,140px);
  clip-path:polygon(0 var(--sesgo),100% 0,100% 100%,0 100%)}
.v2.luz{background:#fff;color:var(--claro-tinta)}
.v2.gris{background:linear-gradient(178deg,var(--claro) 0%,#E6ECF4 100%);color:var(--claro-tinta)}
.v2.noche{color:var(--texto);
  background:radial-gradient(80% 110% at 12% 0%,rgba(61,139,242,.16) 0%,rgba(61,139,242,0) 58%),
             linear-gradient(158deg,#07101F 0%,#0B1B33 45%,#0E2A4C 100%)}
.v2.noche.inteligencia{
  background:radial-gradient(70% 90% at 88% 10%,rgba(61,139,242,.22) 0%,rgba(61,139,242,0) 60%),
             linear-gradient(170deg,#050B16 0%,#0A1628 55%,#0B1D38 100%)}
.v2 h2{margin:0;font-weight:700;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04;letter-spacing:-.04em;max-width:17ch}
.v2 h2.ancho{max-width:22ch}
.v2 .entradilla{margin:22px 0 0;max-width:48ch;font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.62;color:var(--claro-suave)}
.v2 .entradilla.ancha{max-width:64ch}
.noche .entradilla{color:#b9c8dc}
.dos-columnas{display:grid;gap:clamp(40px,6vw,96px);align-items:center}
@media(min-width:900px){
  .dos-columnas{grid-template-columns:1fr 1fr}
  .dos-columnas.invertido > :first-child{order:2}
}
.v2 .imagen{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--capa);clip-path:polygon(0 4%,100% 0,100% 96%,0 100%)}
.v2 .imagen img{width:100%;height:100%;object-fit:cover}
.nota-linea{margin:32px 0 0;max-width:52ch;padding-left:18px;border-left:2px solid var(--v2-azul);font-size:16px;line-height:1.6;color:var(--claro-tinta)}
.noche .nota-linea{color:#dbe5f2}
.nota-linea a{color:inherit;text-underline-offset:4px;text-decoration-color:var(--v2-azul)}

/* --- 1. history --------------------------------------------------------------- */
.puntos{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 32px}
.puntos li{font-size:15px;line-height:1.55;color:var(--claro-suave)}
.puntos b,.rejilla-puntos b{display:block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--v2-azul-texto)}
.columna-visual{display:grid;gap:34px}
/* The ladder grows: each step a longer diagonal bar. */
.escala{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:escala}
.escala li{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;font-size:15px;line-height:1.45;color:var(--claro-suave)}
.escala li::before{content:"";height:8px;border-radius:2px;transform:skewX(-14deg);transform-origin:left;
  background:linear-gradient(90deg,var(--v2-azul),#75b5ff);width:calc(25% * var(--p));order:-1;margin-bottom:6px}
.escala li:nth-child(1){--p:1}.escala li:nth-child(2){--p:2}.escala li:nth-child(3){--p:3}.escala li:nth-child(4){--p:4}
.escala b{color:var(--claro-tinta);font-weight:600}
@media(max-width:600px){.puntos{grid-template-columns:1fr}}

/* --- 2. my court -------------------------------------------------------------- */
.preguntas-producto{margin:34px 0 0;display:grid;gap:0}
.preguntas-producto div{padding:16px 0;border-top:1px solid var(--claro-linea)}
.preguntas-producto div:last-child{border-bottom:1px solid var(--claro-linea)}
.preguntas-producto dt{font-weight:600;font-size:17px;color:var(--claro-tinta)}
.preguntas-producto dd{margin:4px 0 0;font-size:15px;line-height:1.55;color:var(--claro-suave)}
#my-court .producto figcaption{color:var(--claro-suave)}

/* --- 3. circles, 10. trust ------------------------------------------------------ */
.rejilla-puntos{list-style:none;margin:clamp(40px,6vh,64px) 0 0;padding:0;display:grid;gap:30px 36px}
.rejilla-puntos.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}
.rejilla-puntos.cinco{grid-template-columns:repeat(5,minmax(0,1fr))}
.rejilla-puntos li{font-size:15px;line-height:1.55;color:var(--claro-suave);padding-top:18px;border-top:1px solid var(--claro-linea)}
.noche .rejilla-puntos li{color:#b9c8dc;border-top-color:rgba(122,163,214,.22)}
.noche .rejilla-puntos b{color:var(--v2-azul-claro)}
#trust .rejilla-puntos b{font-size:17px;letter-spacing:-.01em;text-transform:none;color:var(--claro-tinta)}
@media(max-width:1100px){.rejilla-puntos.cinco{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.rejilla-puntos.cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.rejilla-puntos.cinco{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.rejilla-puntos.cuatro,.rejilla-puntos.cinco{grid-template-columns:1fr}}

/* --- 4. the people you play ---------------------------------------------------- */
.red-juego{margin:0}
.red-juego svg{width:100%;height:auto;max-width:560px;display:block;margin:0 auto}
.red-juego .arista{stroke:rgba(35,101,191,.42);stroke-width:1.4}
.red-juego .arista.tenue{stroke:rgba(35,101,191,.18)}
.red-juego .arista.cruzada{stroke:rgba(35,101,191,.22);stroke-dasharray:3 5}
.red-juego .nodo{fill:#2365BF}
.red-juego .nodo.tenue{fill:#A9C2E4}
.red-juego .anillo{fill:none;stroke:rgba(35,101,191,.28);stroke-width:1.5}
.red-juego .centro{fill:#0A1120}
@media(prefers-reduced-motion:no-preference){
  .red-juego .anillo{transform-origin:300px 280px;animation:respira 5s ease-in-out infinite}
  @keyframes respira{50%{transform:scale(1.14);opacity:.45}}
}

/* --- 5. intelligence ----------------------------------------------------------- */
.profundidad{list-style:none;margin:clamp(48px,7vh,80px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px)}
.profundidad li{display:flex;flex-direction:column}
.profundidad .paso{margin-top:28px;font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--v2-azul-claro)}
.profundidad h3{margin:8px 0 0;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.2;letter-spacing:-.02em}
.profundidad p{margin:10px 0 0;font-size:15px;line-height:1.6;color:#b9c8dc;max-width:34ch}
.telefono-solo{width:min(100%,280px);margin:0 auto;padding:10px;border-radius:44px;background:linear-gradient(145deg,#2a3346,#121826);box-shadow:0 30px 70px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08)}
.telefono-solo .pantalla{aspect-ratio:880/1800;border-radius:35px;overflow:hidden;background:#0A1120}
.telefono-solo img{width:100%;height:100%;object-fit:cover}
.pendiente .pantalla,.captura-web.pendiente{display:flex;align-items:center;justify-content:center;text-align:center;
  border:2px dashed rgba(242,196,107,.8);color:#F2C46B;font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1.6;
  background:repeating-linear-gradient(107deg,rgba(242,196,107,.06) 0 10px,transparent 10px 20px)}
.leyenda{margin:22px 0 0;font-size:13px;color:#8fa3bf}
.graficas{margin-top:clamp(40px,6vh,64px);padding-top:28px;border-top:1px solid rgba(122,163,214,.22)}
.graficas-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.graficas-lista li{font-size:14px;font-weight:600;color:#dbe5f2;padding-top:14px;border-top:2px solid var(--acento)}
.confianza{margin:34px 0 0;max-width:78ch;font-size:15px;line-height:1.65;color:#b9c8dc}
@media(max-width:900px){
  .profundidad{grid-template-columns:1fr;gap:56px}
  .profundidad li{align-items:flex-start}
  .telefono-solo{margin:0}
  .graficas-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* --- 6. sports ------------------------------------------------------------------ */
.lista-deportes{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 0;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600}
.lista-deportes li{display:flex;align-items:center}
.lista-deportes li + li::before{content:"";width:18px;height:1.5px;margin:0 14px;background:var(--acento);transform:skewY(-14deg)}

/* --- 7. wearables on white --------------------------------------------------------- */
#wearables .relojes-figura figcaption{color:var(--claro-suave)}
#wearables .reloj .nombre{color:var(--claro-tinta)}
#wearables .reloj .ficha-reloj{color:var(--claro-suave)}
#wearables .plataformas span{color:var(--claro-suave);border-color:var(--claro-linea)}

/* --- 8. CORE and MAX ----------------------------------------------------------------- */
.planes-v2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:clamp(40px,6vh,64px)}
.plan-v2{padding:clamp(28px,3vw,40px);border-radius:14px;border:1px solid rgba(122,163,214,.26);background:rgba(10,17,32,.45)}
.plan-v2.max{background:linear-gradient(150deg,rgba(61,139,242,.22) 0%,rgba(16,47,85,.5) 60%,rgba(8,18,34,.6) 100%);border-color:rgba(122,163,214,.4)}
.plan-v2 h3{margin:0;font-size:clamp(1.8rem,2.6vw,2.4rem);letter-spacing:.02em}
.plan-v2 .precio{margin:8px 0 0;font-size:18px;font-weight:600;color:var(--v2-azul-claro)}
.plan-v2 ul{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.plan-v2 li{position:relative;padding-left:28px;font-size:16px;line-height:1.5;color:#dbe5f2}
.plan-v2 li::before{content:"";position:absolute;left:0;top:.62em;width:14px;height:2px;background:var(--acento);transform:skewY(-14deg)}
.plan-v2 li.proximo{color:#b9c8dc}
.plan-v2 .plan-prueba{margin:24px 0 0;padding-top:20px;border-top:1px solid rgba(122,163,214,.22);font-size:15px;line-height:1.6;color:#b9c8dc}
.planes-seccion .nota-precio{margin-top:20px;font-size:13px;color:#8fa3bf;max-width:90ch}
.planes-seccion .prueba{margin-top:clamp(40px,6vh,64px)}
@media(max-width:800px){.planes-v2{grid-template-columns:1fr}}

/* --- 9. next -------------------------------------------------------------------------- */
.siguiente{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);margin-top:clamp(36px,5vh,56px)}
.siguiente article{padding-top:26px;border-top:1px solid var(--claro-linea)}
.siguiente h3{margin:0;font-size:clamp(1.4rem,2vw,1.8rem);letter-spacing:-.02em}
.siguiente p{margin:12px 0 0;max-width:46ch;font-size:16px;line-height:1.6;color:var(--claro-suave)}
.siguiente .situacion{margin-bottom:16px}
.enlace{display:inline-block;margin-top:18px;font-weight:600;color:var(--v2-azul-texto);text-underline-offset:4px}
@media(max-width:800px){.siguiente{grid-template-columns:1fr}}

/* --- 11. download + faq ------------------------------------------------------------------ */
.registro.descarga .contenedor{display:block}
#faq{margin-top:calc(var(--sesgo) * -1)}

/* --- footer contacts (the closing section is gone, the contacts stay) ---------------------- */
.contactos-pie{display:flex;flex-wrap:wrap;gap:8px 32px;padding:10px 0 22px;font-size:15px;font-weight:600}
.contactos-pie a{color:var(--texto)}

/* --- organizers ------------------------------------------------------------------------------ */
.entrada.organizadores{min-height:88svh}
.entrada.organizadores .foto img{opacity:1;transform:none;object-position:50% 50%}
.entrada.organizadores h1{max-width:17ch}
.modelo{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(24px,4vw,64px);align-items:start;margin-top:clamp(40px,6vh,64px)}
.modelo b{display:block;font-size:clamp(1.6rem,2.6vw,2.4rem);letter-spacing:-.03em;color:var(--claro-tinta)}
.modelo p{margin:10px 0 0;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55;color:var(--claro-suave);max-width:30ch}
.modelo i{width:2px;align-self:stretch;min-height:120px;background:linear-gradient(var(--v2-azul),rgba(35,101,191,.1));transform:skewX(-14deg)}
@media(max-width:700px){.modelo{grid-template-columns:1fr}.modelo i{min-height:2px;height:2px;width:60px;transform:skewY(-14deg)}}
.lista-simple{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}
.lista-simple li{position:relative;padding-left:30px;font-size:17px;line-height:1.5;color:var(--claro-tinta)}
.lista-simple li::before{content:"";position:absolute;left:0;top:.7em;width:16px;height:2px;background:var(--v2-verde);transform:skewY(-14deg)}
.captura-web{margin:0;display:grid;gap:12px}
.captura-web img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:12px;background:#fff;box-shadow:0 30px 80px rgba(12,21,36,.18)}
.captura-web figcaption{font-size:13px;color:var(--claro-suave)}
.captura-web.pendiente{aspect-ratio:16/10;border-radius:12px}
.captura-web.pendiente{background-color:#1a2334;box-shadow:none}
/* Planned workflow: dashed, hatched, no interface chrome. It must never read
   as a shipped screen. */
.flujo-planificado{margin:clamp(36px,5vh,56px) 0 0}
.flujo-planificado ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;counter-reset:paso}
.flujo-planificado li{position:relative;counter-increment:paso}
.flujo-planificado li span{display:flex;flex-direction:column;justify-content:flex-end;min-height:108px;padding:14px;border:1.5px dashed #9AA7BB;border-radius:10px;
  font-size:14px;font-weight:600;line-height:1.3;color:#4E5B72;
  background:repeating-linear-gradient(107deg,rgba(91,102,121,.06) 0 8px,transparent 8px 16px)}
.flujo-planificado li span::before{content:counter(paso,decimal-leading-zero);display:block;margin-bottom:auto;font-size:11px;letter-spacing:.12em;color:#8A96A8}
.flujo-planificado li:last-child span{border-color:var(--v2-azul);color:var(--v2-azul-texto)}
.flujo-planificado li + li::before{content:"";position:absolute;left:-12px;top:50%;width:10px;border-top:1.5px dashed #9AA7BB}
.flujo-planificado figcaption{margin-top:18px;font-size:14px;line-height:1.6;color:#4E5B72;max-width:70ch;font-style:italic}
@media(max-width:1100px){.flujo-planificado ol{grid-template-columns:repeat(4,minmax(0,1fr))}.flujo-planificado li:nth-child(4n+1)::before{display:none}}
@media(max-width:560px){.flujo-planificado ol{grid-template-columns:repeat(2,minmax(0,1fr))}.flujo-planificado li:nth-child(odd)::before{display:none}}

/* --- pilot form -------------------------------------------------------------------------------
   Modelled on Apple's own forms: labels inside the field that float up once
   there is text, thin #d2d2d7 borders with 12px corners, 17px text, selection
   tiles like apple.com/shop/buy-iphone (a blue 2px border when chosen, no
   radio dots), one full width button. Centered on white, no card, no shadow. */
#pilot{background:#fff}
.piloto-cabecera{max-width:760px;margin:0 auto;text-align:center}
.piloto-cabecera h2{margin:0 auto;max-width:18ch;font-size:clamp(2rem,4.2vw,3.5rem)}
.piloto-cabecera .entradilla{margin:18px auto 0;max-width:46ch;color:#6e6e73}
.piloto{max-width:760px;margin:clamp(40px,6vh,64px) auto 0;display:grid;gap:14px}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.campo{position:relative}
.campo.entero{grid-column:1/-1}
.campo input,.campo textarea{display:block;width:100%;height:56px;margin:0;padding:18px 16px 0;border:1px solid #86868b;border-radius:12px;
  background:#fff;color:#1d1d1f;letter-spacing:-.022em;font:400 17px/1.235 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.campo textarea{height:140px;padding-top:28px;resize:none}
.campo label{position:absolute;left:16px;top:18px;font-size:17px;line-height:1.235;letter-spacing:-.022em;color:#6e6e73;pointer-events:none;
  transform-origin:left top;transition:transform .18s ease,color .18s ease}
.campo input:focus,.campo textarea:focus{outline:none;border:2px solid var(--v2-azul);padding-left:15px}
.campo input:focus + label,.campo input:not(:placeholder-shown) + label,
.campo textarea:focus + label,.campo textarea:not(:placeholder-shown) + label{transform:translateY(-10px) scale(.706)}
.campo input:focus + label,.campo textarea:focus + label{color:#6e6e73}
.campo [aria-invalid="true"]{border-color:#e30000;background:#fff2f4}
.campo [aria-invalid="true"] + label{color:#e30000}
.tipos{border:0;padding:0;margin:14px 0 0;min-width:0}
.tipos legend{padding:0;margin:0 0 12px;font-size:17px;font-weight:600;color:#1d1d1f}
.opciones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.tipo{position:relative;display:block}
.tipo input{position:absolute;opacity:0;width:1px;height:1px}
.tipo span{display:flex;align-items:center;justify-content:center;height:100%;min-height:83px;padding:15px;border:1px solid #86868b;border-radius:12px;
  background:#fff;text-align:center;font-size:17px;font-weight:400;letter-spacing:-.022em;line-height:1.235;color:#1d1d1f;cursor:pointer}
.tipo input:checked + span{border:2px solid var(--v2-azul);padding:14px}
.tipo input:focus-visible + span{box-shadow:0 0 0 4px rgba(35,101,191,.25)}
.tipos[aria-invalid="true"] .tipo span{border-color:#e30000}
.campo.area{margin-top:14px}
.piloto .trampa{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.piloto .consentimiento{position:relative;display:flex;align-items:flex-start;gap:10px;margin:10px 0 0;font-size:14px;line-height:1.5;color:#6e6e73;cursor:pointer}
.piloto .consentimiento input{position:absolute;opacity:0;width:1px;height:1px}
.piloto .consentimiento i{flex:none;width:14px;height:14px;margin-top:3px;border:1px solid #86868b;border-radius:3px;background:#fff;position:relative;transition:background .15s,border-color .15s}
.piloto .consentimiento input:checked + i{background:var(--v2-azul);border-color:var(--v2-azul)}
.piloto .consentimiento input:checked + i::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.piloto .consentimiento input:focus-visible + i{box-shadow:0 0 0 4px rgba(35,101,191,.25)}
.piloto .consentimiento a{color:var(--v2-azul-texto)}
.enviar{margin-top:14px;width:100%;min-height:56px;border:0;border-radius:12px;background:var(--v2-azul);color:#fff;
  font:600 17px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;cursor:pointer;transition:background .2s}
.enviar:hover{background:#1c55a5}
.enviar:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(35,101,191,.3)}
.enviar:disabled{opacity:.6;cursor:wait}
.piloto .aviso{margin:4px 0 0;min-height:1.5em;text-align:center;font-size:15px;font-weight:500}
.piloto .aviso.error{color:#e30000}
.piloto .aviso.bien{color:var(--v2-verde)}
@media(max-width:760px){.opciones{grid-template-columns:repeat(2,minmax(0,1fr))}.opciones .tipo:last-child{grid-column:1/-1}}
@media(max-width:520px){.campos{grid-template-columns:1fr}}

/* --- faq ---------------------------------------------------------------------------------------- */
.faq-v2{margin-top:clamp(28px,4vh,44px);max-width:880px}
.faq-v2 details{border-bottom:1px solid var(--claro-linea)}
.faq-v2 details:first-child{border-top:1px solid var(--claro-linea)}
.faq-v2 summary{cursor:pointer;list-style:none;position:relative;padding:22px 40px 22px 0;min-height:48px;font-size:18px;font-weight:600;line-height:1.4;color:var(--claro-tinta)}
.faq-v2 summary::-webkit-details-marker{display:none}
.faq-v2 summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:1.6px solid var(--v2-azul);border-bottom:1.6px solid var(--v2-azul);transform:rotate(45deg);transition:transform .25s}
.faq-v2 details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.faq-v2 details p{margin:0 0 24px;max-width:70ch;font-size:16px;line-height:1.65;color:var(--claro-suave)}
/* The next update status must not read as another kicker. */
.inteligencia > .contenedor > .situacion,.situacion.en-linea{color:#fff}
/* The brand never breaks across lines inside a heading. */
h1 .notranslate,h2 .notranslate,h3 .notranslate{white-space:nowrap}