/* =============================================================
   ONE·UP — PORTADA (web)
   La primera pantalla sigue siendo la portada de la marca: logo,
   "Empezar gratis" e "Iniciar sesión". Debajo, para quien llega
   desde Google, lo que es ONE·UP con pantallas reales.
   En las apps de tienda solo se ve la portada (sin precios).
   ============================================================= */
#splash{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;place-items:initial}
#splash .ld-hero{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:56px 22px 70px}
#splash .inner{position:relative;max-width:1120px;width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;text-align:left;padding:0}
#splash .ld-txt{max-width:560px}
#splash #splashLogo{width:min(250px,60vw);margin:0 0 18px;display:block}
#splash .slogan{justify-content:flex-start}
#splash .ld-para{margin:14px 0 0;color:#9FD9EA;font-size:15px;font-weight:500}
#splash .ld-h1{font-family:var(--fd);font-weight:700;font-size:clamp(32px,4.6vw,54px);line-height:1.04;letter-spacing:-.02em;margin:14px 0 16px;color:#F4F9FB;
  animation:rise .9s .2s cubic-bezier(.2,.7,.2,1) both;text-wrap:balance}
#splash .lede{margin:0 0 28px;max-width:46ch;font-size:16.5px;color:#9FB2BC}
#splash .go{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#splash .ld-nota{color:#7F949F;font-size:13.5px}
#splash .go-login{justify-content:flex-start;margin-top:18px}
#splash .foot{bottom:16px}
/* Demo: un día en el consultorio */
#splash .ld-demo{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center;animation:rise .9s .5s cubic-bezier(.2,.7,.2,1) both}
#splash .ld-tel{width:min(270px,62vw);aspect-ratio:585/1266;border-radius:38px;padding:9px;background:#1A242B;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 90px -30px rgba(20,186,227,.45),0 30px 60px -30px #000}
#splash .ld-pant{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#F4F7F9}
#splash .ld-pant img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;margin:0;opacity:0;transition:opacity .6s ease;animation:none}
#splash .ld-pant img.on{opacity:1}
#splash .ld-dia{list-style:none;margin:0;padding:0;display:grid;gap:4px}
#splash .ld-dia button{all:unset;cursor:pointer;display:grid;grid-template-columns:52px 1fr;gap:10px;padding:9px 12px;border-radius:12px;color:#7F949F;font-size:14px;line-height:1.35;transition:background .3s,color .3s}
#splash .ld-dia time{font-family:var(--fd);font-weight:600;color:#56707C;font-variant-numeric:tabular-nums}
#splash .ld-dia li.on button{background:rgba(20,186,227,.1);color:#EAF5F9}
#splash .ld-dia li.on time{color:#14BAE3}
#splash .ld-dia button:focus-visible{outline:2px solid #14BAE3;outline-offset:2px}
/* Secciones claras */
.ld-mas{background:#F4F8FA;color:#0E1A21;position:relative}
.ld-sec{max-width:1120px;margin:0 auto;padding:84px 22px 0}
.ld-sec h2,.ld-fin h2{font-family:var(--fd);font-size:clamp(26px,3.2vw,38px);line-height:1.1;letter-spacing:-.015em;margin:0 0 10px;color:#0E1A21}
.ld-sub{color:#4E626D;font-size:16px;line-height:1.55;max-width:60ch;margin:0 0 28px}
.ld-quien h3{font-family:var(--fd);font-size:17px;margin:30px 0 12px;color:#0A7FA0}
.ld-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.ld-tiles a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;padding:14px;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;
  background:linear-gradient(180deg,rgba(11,17,22,0) 30%,rgba(11,17,22,.86)),var(--f) center/cover,#20313A}
.ld-tiles a b{font-family:var(--fd);font-size:17px;font-weight:600}
.ld-tiles a span{font-size:13px;color:#D5E2E8;margin-top:3px;line-height:1.35}
.ld-tiles a:hover b{text-decoration:underline;text-underline-offset:3px}
.ld-tiles a:focus-visible{outline:3px solid #14BAE3;outline-offset:2px}
.ld-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 56px;margin-top:26px}
.ld-cols h3{font-family:var(--fd);font-size:20px;margin:0 0 6px;color:#0E1A21}
.ld-cols p{margin:0;color:#4E626D;font-size:15.5px;line-height:1.6;max-width:52ch}
.ld-cols>div{padding-top:16px;border-top:2px solid #14BAE3}
.ld-ec ul{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 40px}
.ld-ec li{font-size:15.5px;line-height:1.55;color:#34474F;padding-left:26px;position:relative}
.ld-ec li::before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:3px;background:#FFD100;box-shadow:0 6px 0 0 #0072CE,0 12px 0 0 #EF3340;transform:scale(.6);transform-origin:top left}
.ld-ec b{color:#0E1A21}
.ld-precios .segs{margin:0 0 22px}
.ld-pl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ld-pl>div{background:#fff;border:1.5px solid #DCE6EB;border-radius:18px;padding:20px}
.ld-pl>div.dest{border-color:#14BAE3}
.ld-pl h3{font-family:var(--fd);font-size:19px;margin:0}
.ld-pr{font-family:var(--fd);font-size:30px;font-weight:700;margin:6px 0 8px;color:#0E1A21}
.ld-pr small{font-size:14px;font-weight:500;color:#6A7E88}
.ld-pl p:last-child{margin:0;color:#4E626D;font-size:14.5px;line-height:1.5}
.ld-iva{color:#6A7E88;font-size:13.5px;margin:14px 0 0}
.ld-faq details{border-bottom:1px solid #DCE6EB;max-width:760px}
.ld-faq summary{cursor:pointer;padding:16px 0;font-weight:600;font-size:16px;color:#0E1A21}
.ld-faq p{margin:0 0 16px;color:#4E626D;line-height:1.6;max-width:65ch}
.ld-fin{margin-top:90px;padding:70px 22px;text-align:center;background:#0B1116;color:#EDF3F6}
.ld-fin h2{color:#F4F9FB;max-width:22ch;margin:0 auto 24px}
.ld-fin .go{justify-content:center;display:flex}
.ld-fin .btn{background:#14BAE3;color:#04222B;border:0}
.ld-ent{all:unset;cursor:pointer;margin-top:16px;color:#9FB2BC;font-size:14.5px;text-decoration:underline;text-underline-offset:3px}
.ld-pie{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;padding:22px;background:#0B1116;color:#56707C;font-size:13px;border-top:1px solid #1A242B}
.ld-pie a{color:#7F949F}
@media (max-width:900px){
  #splash .inner{grid-template-columns:1fr;gap:40px}
  #splash .ld-demo{grid-template-columns:1fr;justify-items:center}
  #splash .ld-dia{max-width:420px;width:100%}
  .ld-cols,.ld-ec ul,.ld-pl{grid-template-columns:1fr}
}
@media (max-width:560px){
  #splash .ld-hero{padding:40px 18px 64px}
  #splash .ld-dia button{padding:7px 10px;font-size:13.5px}
  #splash .ld-dia li:not(.on){display:none}
  .ld-sec{padding:64px 18px 0}
}
@media (prefers-reduced-motion:reduce){#splash .ld-pant img{transition:none}#splash{scroll-behavior:auto}}
/* En las apps de tienda: solo la portada, sin precios ni profesiones de salud. */
.app-tienda #splash .ld-mas,.app-tienda #splash .ld-demo,.app-tienda #splash .ld-nota{display:none}
.app-tienda #splash .inner{grid-template-columns:1fr;text-align:center;max-width:560px}
.app-tienda #splash #splashLogo{margin:0 auto 18px}.app-tienda #splash .slogan,.app-tienda #splash .go,.app-tienda #splash .go-login{justify-content:center}
.app-tienda #splash .lede{margin-left:auto;margin-right:auto}
.ld-pl[hidden]{display:none}
/* En pantallas angostas el pie de idiomas va al final del bloque, sin taparlo. */
@media (max-width:900px){#splash .ld-hero{padding-bottom:28px}#splash .ld-hero .foot{position:relative;bottom:auto;margin-top:34px}}
.ld-tiles a[href="/centros-medicos/"]{background-position:center,right center}