/* Hero de la home: texto a la izquierda, tablero ilustrativo con el Design System de la app a la derecha
   y franja de clientes. Clases pv- (producto) y pa- (página) para no chocar con main.css. Solo se carga en la home. */

/* ===== Columna de texto ===== */
.hero{padding:calc(73px + min(32px,3.6vh)) 0 0;overflow-x:clip}
@media (min-width:769px){
  .hero{min-height:min(100vh,820px);display:flex;flex-direction:column}
  .hero>.container{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;padding-bottom:clamp(0px,calc((100vh - 680px) * .35),40px)}
  .hero .hero-split{grid-template-columns:11fr 12fr}
}
.hero .pv-col{min-width:0}
@media (min-width:1260px){
  .hero .pv-col{margin-right:-40px}
}
@media (min-width:1440px){ .hero .pv-col{margin-right:-96px} }
@media (min-width:1680px){ .hero .pv-col{margin-right:-150px} }
@media (min-width:1260px){
  .hero .pv-stage::before,.hero .pv-stage::after{right:calc((1200px - 100vw) / 2 - 4px);border-radius:32px 0 0 32px}
}
.hero h1{font-size:clamp(2.2rem,min(3.8vw,6.2vh),2.9rem);line-height:1.05;letter-spacing:-.025em}
@media (min-height:800px){ .hero h1{font-size:clamp(2.2rem,min(3.8vw,6.6vh),3.1rem)} }
.hero .subtitle{font-size:clamp(.98rem,1.9vh,1.08rem);margin-top:min(20px,2.4vh);max-width:500px;text-wrap:balance}
.hero .hero-actions{align-items:center;gap:12px;margin-top:26px}
.pa-stats{display:flex;gap:36px;flex-wrap:nowrap;margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}
.pa-st b{display:block;font-size:1.5rem;font-weight:800;letter-spacing:-.025em;color:var(--teal-text);line-height:1.05}
.pa-st span{display:block;font-size:.78rem;color:var(--text-sec);margin-top:3px}
.pa-st .pa-flags{display:flex;margin-top:5px}
.pa-flags img{width:16px;height:16px;border-radius:50%;object-fit:cover;margin-left:3px;box-shadow:0 0 0 1px rgba(15,23,42,.14)}
.pa-flags img:first-child{margin-left:0}
.pa-prueba-movil{display:none}

/* ===== Franja de clientes y certificaciones ===== */
.pa-strip{border-top:1px solid var(--border);background:#FAFBFB;margin-top:min(22px,2.6vh)}
.pa-strip-in{display:flex;align-items:center;gap:34px;padding-top:min(14px,1.5vh);padding-bottom:min(14px,1.5vh)}
.pa-strip-in>span{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-sec);white-space:nowrap}
.pa-marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 32px,#000 128px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent 0,transparent 32px,#000 128px,#000 calc(100% - 40px),transparent)}
.pa-track{--k:1.1;display:flex;align-items:center;width:max-content;animation:pa-cinta 80s linear infinite}
.pa-copia{display:flex;align-items:center}
.pa-marquee:hover .pa-track{animation-play-state:paused}
.pa-track picture{display:contents}
.pa-track img{width:auto;flex:none}
/* Cada logo trae márgenes transparentes distintos: estas medidas igualan su tamaño y su gris a la vista. */
.pa-track img[src$="/SanCor-Salud.png"]{filter:grayscale(1) brightness(0.84) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*71.6px);margin:calc(var(--k)*-24.8px) calc(var(--k)*34px) calc(var(--k)*-24.3px) calc(var(--k)*-0.5px)}
.pa-track img[src$="/hospital-universitario.png"]{filter:grayscale(1) brightness(0.85) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*60.7px);margin:calc(var(--k)*-17px) calc(var(--k)*34px) calc(var(--k)*-17.4px) calc(var(--k)*0px)}
.pa-track img[src$="/healthec-by-tecsalud.png"]{filter:grayscale(1) brightness(0.84) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*51.6px);margin:calc(var(--k)*-10.3px) calc(var(--k)*34px) calc(var(--k)*-10.3px) calc(var(--k)*0px)}
.pa-track img[src$="/cepem.png"]{filter:grayscale(1) brightness(0.85) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*62.2px);margin:calc(var(--k)*-18.2px) calc(var(--k)*34px) calc(var(--k)*-18.2px) calc(var(--k)*0px)}
.pa-track img[src$="/Asorsalud.png"]{filter:grayscale(1) brightness(0.85) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*67.9px);margin:calc(var(--k)*-22.2px) calc(var(--k)*34px) calc(var(--k)*-22.2px) calc(var(--k)*0px)}
.pa-track img[src$="/amsterdam-salud.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.93;height:calc(var(--k)*70.6px);margin:calc(var(--k)*-24px) calc(var(--k)*34px) calc(var(--k)*-24px) calc(var(--k)*0px)}
.pa-track img[src$="/angeldelmarlogo.png"]{filter:grayscale(1) brightness(0.85) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*48.2px);margin:calc(var(--k)*-6.1px) calc(var(--k)*24px) calc(var(--k)*-6.1px) calc(var(--k)*-10px)}
.pa-track img[src$="/Vitus.png"]{filter:grayscale(1) brightness(0.84) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*51.2px);margin:calc(var(--k)*-9.2px) calc(var(--k)*32.3px) calc(var(--k)*-9.2px) calc(var(--k)*-1.7px)}
.pa-track img[src$="/Clinia-UOC.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.65;height:calc(var(--k)*65.4px);margin:calc(var(--k)*-20.5px) calc(var(--k)*34px) calc(var(--k)*-20.5px) calc(var(--k)*0px)}
.pa-track img[src$="/clinica-chinquihue.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.55;height:calc(var(--k)*63.2px);margin:calc(var(--k)*-19px) calc(var(--k)*34px) calc(var(--k)*-19px) calc(var(--k)*0px)}
.pa-track img[src$="/hospitalLomasDeSanLuis.png"]{filter:grayscale(1) brightness(0.85) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*60.2px);margin:calc(var(--k)*-16.9px) calc(var(--k)*34px) calc(var(--k)*-16.9px) calc(var(--k)*0px)}
.pa-track img[src$="/clinica-avendano.png"]{filter:grayscale(1) brightness(0.85) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*73.8px);margin:calc(var(--k)*-26.1px) calc(var(--k)*34px) calc(var(--k)*-26.1px) calc(var(--k)*0px)}
.pa-track img[src$="/clinica-bihu.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.71;height:calc(var(--k)*58.5px);margin:calc(var(--k)*-15.6px) calc(var(--k)*34px) calc(var(--k)*-15.6px) calc(var(--k)*0px)}
.pa-track img[src$="/hospital-dmaria.png"]{filter:grayscale(1) brightness(0.85) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*58.1px);margin:calc(var(--k)*-15.5px) calc(var(--k)*34px) calc(var(--k)*-15.1px) calc(var(--k)*0px)}
.pa-track img[src$="/clinicarivas.png"]{filter:grayscale(1) brightness(0.85) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*53.4px);margin:calc(var(--k)*-11.7px) calc(var(--k)*34px) calc(var(--k)*-11.7px) calc(var(--k)*0px)}
.pa-track img[src$="/Clinica-Ziegler.svg"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.89;height:calc(var(--k)*70.6px);margin:calc(var(--k)*-24px) calc(var(--k)*34px) calc(var(--k)*-24px) calc(var(--k)*0px)}
.pa-track img[src$="/cmm.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.88;height:calc(var(--k)*60.7px);margin:calc(var(--k)*-17.4px) calc(var(--k)*34px) calc(var(--k)*-17px) calc(var(--k)*0px)}
.pa-track img[src$="/instituto-lanari.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.92;height:calc(var(--k)*34.7px);margin:calc(var(--k)*-4.5px) calc(var(--k)*29.5px) calc(var(--k)*-4.3px) calc(var(--k)*-4.5px)}
.pa-track img[src$="/centro-medico-raya.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.89;height:calc(var(--k)*40.6px);margin:calc(var(--k)*-4.1px) calc(var(--k)*29.9px) calc(var(--k)*-4.1px) calc(var(--k)*-4.1px)}
.pa-track img[src$="/lalcec.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*36.7px);margin:calc(var(--k)*-5.3px) calc(var(--k)*28.7px) calc(var(--k)*-5.5px) calc(var(--k)*-5.3px)}
.pa-track img[src$="/clinica-rana.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.82;height:calc(var(--k)*34.9px);margin:calc(var(--k)*-6px) calc(var(--k)*28px) calc(var(--k)*-6px) calc(var(--k)*-6px)}
.pa-track img[src$="/centro-medico-marueg.png"]{filter:grayscale(1) brightness(0.92) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*36.1px);margin:calc(var(--k)*-4.2px) calc(var(--k)*29.8px) calc(var(--k)*-4px) calc(var(--k)*-4.2px)}
.pa-track img[src$="/cmo.png"]{filter:grayscale(1) brightness(0.85) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*66.6px);margin:calc(var(--k)*-21.3px) calc(var(--k)*34px) calc(var(--k)*-21.3px) calc(var(--k)*0px)}
.pa-track img[src$="/infans.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.67;height:calc(var(--k)*40.4px);margin:calc(var(--k)*-3.5px) calc(var(--k)*30.5px) calc(var(--k)*-3.5px) calc(var(--k)*-3.5px)}
.pa-track img[src$="/sanatorio-go.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.67;height:calc(var(--k)*34.1px);margin:calc(var(--k)*-5.9px) calc(var(--k)*29.7px) calc(var(--k)*-3px) calc(var(--k)*-4px)}
.pa-track img[src$="/ospecon.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.67;height:calc(var(--k)*29.9px);margin:calc(var(--k)*-6.7px) calc(var(--k)*27.9px) calc(var(--k)*-4.9px) calc(var(--k)*-4.6px)}
.pa-track img[src$="/ados.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.67;height:calc(var(--k)*34.9px);margin:calc(var(--k)*-6px) calc(var(--k)*29.6px) calc(var(--k)*-3px) calc(var(--k)*-3.6px)}
.pa-track img[src$="/hospital-de-moron.png"]{filter:grayscale(1) contrast(1.25) brightness(.86);opacity:0.67;height:calc(var(--k)*31.7px);margin:calc(var(--k)*-0.2px) calc(var(--k)*29px) calc(var(--k)*-2.7px) calc(var(--k)*-4px)}
.pa-track img[src$="/cmp.png"]{filter:grayscale(1) brightness(0.85) contrast(1.25) brightness(.86);opacity:1;height:calc(var(--k)*48px);margin:calc(var(--k)*-6.4px) calc(var(--k)*32.1px) calc(var(--k)*-6.4px) calc(var(--k)*-1.9px)}
@keyframes pa-cinta{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pa-badges{display:flex;align-items:center;gap:12px;flex:none;padding-left:22px;border-left:1px solid var(--border)}
.pa-badges>div{display:flex;flex-direction:column;gap:1px}
.pa-escudo{width:30px;height:30px;color:var(--teal-text);flex:none}
.pa-badges span{font-size:12px;font-weight:700;color:#334155;line-height:1.45;white-space:nowrap}

/* ===== Escenario de producto: ventana con la cara del Design System de la app ===== */
.pv-stage{
  --pv-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --pv-brand:#08CBB9;--pv-blue:#248EF4;--pv-blue-strong:#1565C0;--pv-nav:#0B0B0C;--pv-navtext:#CBD5E1;
  --pv-bg:#F4F5F7;--pv-line:#E9EAEC;--pv-muted:#6B7280;--pv-ink:#1F2328;
  --pv-ok:#1E9E57;--pv-ok-bg:#E6F6EC;--pv-warn:#D9731A;--pv-warn-bg:#FDF0E3;--pv-info-bg:#E8F2FE;
  position:relative;container-type:inline-size;padding:min(36px,4.2vh) 40px min(14px,1.6vh) 36px;text-align:left;line-height:1.35
}
.pv-stage *,.pv-stage *::before,.pv-stage *::after{box-sizing:border-box}
.pv-glow{position:absolute;inset:-6% -18% -8% -6%;background:radial-gradient(closest-side,rgba(73,196,168,.18),rgba(73,196,168,.05) 55%,transparent 76%);pointer-events:none;z-index:0}
.pv-stage::before{content:"";position:absolute;z-index:0;inset:13% -3% 40px 12%;border-radius:32px;background:linear-gradient(140deg,#E6F7F2 0%,#EEF7FC 55%,#F5F9FF 100%);border:1px solid rgba(73,196,168,.16);box-shadow:inset 0 1px 0 #fff}
.pv-stage::after{content:"";position:absolute;z-index:0;inset:13% -3% 40px 12%;border-radius:32px;background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 70% 60%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 60%,#000 30%,transparent 75%);pointer-events:none}

.pv-win{position:relative;z-index:1;font-family:var(--pv-font);font-size:max(9px,min(2.12cqi,14.5px,1.78vh));color:var(--pv-ink);background:var(--pv-bg);border-radius:1.2em;overflow:hidden;box-shadow:0 50px 90px -30px rgba(15,23,42,.35),0 18px 36px -18px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.07);animation:pv-rise .9s cubic-bezier(.16,1,.3,1) both}
.pv-top{height:3.5em;background:var(--pv-nav);display:flex;align-items:center;gap:1.9em;padding:0 1.4em;color:var(--pv-navtext);font-size:.95em;font-weight:500;white-space:nowrap}
.pv-top img{height:1.45em!important;width:auto!important;max-width:none!important;display:block}
.pv-menu{display:flex;gap:1.5em;flex:1;overflow:hidden}
.pv-right{display:flex;align-items:center;gap:.9em}
.pv-right svg{width:1.2em;height:1.2em}
.pv-ava{width:2.1em;height:2.1em;border-radius:50%;background:var(--pv-brand);color:#06302B;font-weight:800;font-size:.85em;display:flex;align-items:center;justify-content:center}
.pv-body{padding:1.4em 1.5em 1.5em}
.pv-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.1em;gap:1em}
.pv-title{font-size:1.25em;font-weight:700;letter-spacing:-.01em}
.pv-sub{margin-top:.25em;color:var(--pv-muted);font-size:.92em;display:flex;align-items:center;gap:.5em}
.pv-live{width:.55em;height:.55em;border-radius:50%;background:var(--pv-ok);animation:pv-pulse 2s infinite}
.pv-chips{display:flex;gap:.5em}
.pv-chip{border:1px solid var(--pv-line);background:#fff;border-radius:2em;padding:.45em .9em;font-weight:600;font-size:.88em;color:#374151}
.pv-chip.b{border-color:#BFDDFC;color:var(--pv-blue);background:var(--pv-info-bg)}

.pv-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8em;margin-bottom:.9em}
.pv-kpi{background:#fff;border:1px solid var(--pv-line);border-radius:.95em;padding:.95em 1em;min-width:0}
.pv-kl{display:flex;align-items:center;gap:.55em;font-size:.86em;color:#4B5563;font-weight:500;line-height:1.25}
.pv-ic{width:1.9em;height:1.9em;border-radius:.55em;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pv-ic svg{width:1.05em;height:1.05em}
.pv-ic.t{background:#E3F8F5;color:#0A9E90}.pv-ic.p{background:#F1ECFE;color:#7C3AED}.pv-ic.b{background:var(--pv-info-bg);color:var(--pv-blue)}.pv-ic.o{background:var(--pv-warn-bg);color:var(--pv-warn)}.pv-ic.g{background:var(--pv-ok-bg);color:var(--pv-ok)}
.pv-kv{font-size:1.75em;font-weight:700;letter-spacing:-.02em;margin:.4em 0 .15em;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:.3em;transition:background-color .6s,color .6s}
.pv-kv.flash{background-color:rgba(30,158,87,.12);color:var(--pv-ok)}
.pv-kf{font-size:.86em;color:var(--pv-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-kf.up{color:var(--pv-ok);font-weight:600}

.pv-panels{display:grid;grid-template-columns:minmax(0,1fr);gap:.8em}
.pv-panel{background:#fff;border:1px solid var(--pv-line);border-radius:.95em;padding:1em 1.1em;min-width:0}
.pv-ph{margin:0 0 .85em;font-size:.95em;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:.5em}
.pv-ph small{font-weight:500;color:var(--pv-muted);font-size:.85em}
.pv-agrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;column-gap:1.6em}
.pv-area{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65em;align-items:center;padding:.38em .45em;margin:0 -.45em;border-bottom:1px solid #F1F2F4;border-radius:.55em;transition:background-color .7s ease}
.pv-agrid .pv-area:nth-child(3n){border-bottom:0;padding-bottom:0}
.pv-area.hl{background-color:rgba(8,203,185,.13)}
.pv-area.hl .pv-dot{box-shadow:0 0 0 .35em rgba(30,158,87,.18)}
.pv-ai{width:1.85em;height:1.85em;border-radius:.55em;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pv-ai svg{width:1.02em;height:1.02em}
.pv-ai.b{background:var(--pv-info-bg);color:var(--pv-blue)}.pv-ai.r{background:#FDECEC;color:#D9362B}.pv-ai.o{background:var(--pv-warn-bg);color:var(--pv-warn)}.pv-ai.p{background:#F1ECFE;color:#7C3AED}.pv-ai.t{background:#E3F8F5;color:#0A9E90}.pv-ai.g{background:var(--pv-ok-bg);color:var(--pv-ok)}
.pv-an{min-width:0;font-size:.9em;line-height:1.28}
.pv-an b{display:block;font-weight:600}
.pv-an span{display:block;color:var(--pv-muted);font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-dot{width:.55em;height:.55em;border-radius:50%;background:var(--pv-ok)}.pv-dot.w{background:var(--pv-warn)}

/* Carril de eventos: uno por vez, montado sobre el borde inferior del tablero, alternando izquierda, centro y derecha. */
.pv-lane{position:relative;z-index:4;height:4.4em;margin-top:-1.4em;font-family:var(--pv-font);font-size:max(10.5px,min(2.4cqi,15px,2vh));color:var(--pv-ink);pointer-events:none}
.pv-ev{position:absolute;bottom:.25em;width:min(23em,96%);display:flex;align-items:center;gap:.7em;background:#fff;border-radius:.95em;padding:.7em .9em;box-shadow:0 18px 36px -16px rgba(15,23,42,.32),0 0 0 1px rgba(15,23,42,.07);opacity:0;transform:scale(.92);transform-origin:50% 100%;transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.pv-ev.on{opacity:1;transform:none}
.pv-ev.izq{left:0}.pv-ev.der{right:0}.pv-ev.cen{left:0;right:0;margin:0 auto}.pv-ev.c-ia{width:min(27em,96%)}
.pv-ev>i{width:2.2em;height:2.2em;border-radius:.65em;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pv-ev>i svg{width:1.2em;height:1.2em}
.pv-ev .tx{min-width:0;flex:1;line-height:1.3}
.pv-ev .tg{display:block;font-size:.74em;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pv-ev .tg em{font-style:normal;font-weight:500;letter-spacing:0;text-transform:none;color:var(--pv-muted)}
.pv-ev b{display:block;font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-ev .d{display:block;font-size:.9em;color:#4B5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-ev.c-b>i{background:var(--pv-info-bg);color:var(--pv-blue)}.pv-ev.c-b .tg{color:var(--pv-blue)}
.pv-ev.c-r>i{background:#FDECEC;color:#D9362B}.pv-ev.c-r .tg{color:#D9362B}
.pv-ev.c-o>i{background:var(--pv-warn-bg);color:#C2620E}.pv-ev.c-o .tg{color:#C2620E}
.pv-ev.c-p>i{background:#F1ECFE;color:#7C3AED}.pv-ev.c-p .tg{color:#7C3AED}
.pv-ev.c-t>i{background:#E3F8F5;color:#0A9E90}.pv-ev.c-t .tg{color:#0A9E90}
.pv-ev.c-g>i{background:var(--pv-ok-bg);color:var(--pv-ok)}.pv-ev.c-g .tg{color:var(--pv-ok)}
.pv-ev.c-w>i{background:#25D366;color:#fff}.pv-ev.c-w .tg{color:#128C4B}
.pv-ev.c-ia>i{background:linear-gradient(135deg,var(--pv-brand),var(--pv-blue));color:#fff}.pv-ev.c-ia .tg{color:var(--pv-blue-strong)}
.pv-ev .code{font-style:normal;font-weight:800;font-size:.86em;color:#fff;background:var(--pv-blue);padding:.12em .42em;border-radius:.35em;margin-right:.35em;transition:background .3s}
.pv-acc{flex:none;font-size:.82em;font-weight:700;color:var(--pv-blue);background:#fff;box-shadow:inset 0 0 0 1px var(--pv-blue);padding:.55em .9em;border-radius:.55em;transition:background .3s,color .3s,transform .15s}
.pv-acc.press{transform:scale(.93)}
.pv-ev.hecho .pv-acc,.pv-ev.hecho .code{background:var(--pv-ok)}
.pv-ev.hecho .pv-acc{color:#fff;box-shadow:none}

/* Cursor que acepta el código sugerido por la IA. */
.pv-cur{position:absolute;left:0;top:0;z-index:6;width:min(22px,2.6vh);height:min(22px,2.6vh);pointer-events:none;opacity:0;transition:transform 1.1s cubic-bezier(.45,0,.2,1),opacity .35s;filter:drop-shadow(0 3px 6px rgba(15,23,42,.35))}
.pv-cur.on{opacity:1}

@keyframes pv-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes pv-pulse{0%{box-shadow:0 0 0 0 rgba(30,158,87,.45)}70%{box-shadow:0 0 0 .5em rgba(30,158,87,0)}100%{box-shadow:0 0 0 0 rgba(30,158,87,0)}}

@media (prefers-reduced-motion:reduce){
  .pv-win,.pv-live{animation:none!important}
  .pv-cur{display:none}
  .pa-track{animation:none}
}

@media (max-width:1020px){
  .pv-stage{padding:40px 24px 14px 24px}
  .pv-stage::before,.pv-stage::after{bottom:40px}
}

@media (max-width:768px){
  .hero h1{font-size:2rem!important}
  .hero .hero-split{gap:0}
  .hero .hero-split>div:first-child{display:contents}
  .hero .pv-col{order:1;margin-top:0}
  .hero .pa-stats{display:none}
  .pa-prueba-movil{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;margin:18px 0 0;font-size:14px;color:var(--text-sec)}
  .pa-prueba-movil b{color:var(--teal-text)}
  .pa-prueba-movil .pa-flags{display:inline-flex;align-items:center}
  .pa-prueba-movil .pa-flags img{width:14px;height:14px}
  .hero .subtitle{font-size:15.5px;margin-left:auto;margin-right:auto}
  .hero .section-label{font-size:11px;letter-spacing:.08em;padding:0;background:none;margin-bottom:10px}
  .hero .hero-actions{flex-direction:column;align-items:stretch;gap:10px}
  .hero .hero-actions .btn{width:100%;justify-content:center}
  .pa-strip-in{flex-direction:column;align-items:stretch;gap:10px}
  .pa-badges{justify-content:center;padding-left:0;border-left:0}
  .pa-track{--k:.85}
}

@media (max-width:640px){
  .pv-stage{padding:72px 4px 16px 4px}
  .pv-menu,.pv-chips{display:none}
  .pv-top{justify-content:space-between}
  .pv-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv-agrid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
  .pv-agrid .pv-area:nth-child(3n){border-bottom:1px solid #F1F2F4;padding-bottom:.38em}
  .pv-agrid .pv-area:last-child{border-bottom:0;padding-bottom:0}
  .pv-lane{position:absolute;left:4px;right:4px;top:0;bottom:auto;height:64px;margin:0}
  .pv-ev.izq,.pv-ev.der,.pv-ev.cen{left:4%;right:auto;margin-left:0;width:92%}
  .pv-stage::before,.pv-stage::after{display:none}
}

/* ===== Lo que cambia en su institución: las tres promesas de la bajada, con fragmentos del producto ===== */
.pa-frag,.pa-chip{
  --pv-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --pv-brand:#08CBB9;--pv-blue:#248EF4;--pv-blue-strong:#1565C0;--pv-line:#E9EAEC;--pv-muted:#6B7280;--pv-ink:#1F2328;
  --pv-ok:#1E9E57;--pv-ok-bg:#E6F6EC;--pv-warn:#D9731A;--pv-warn-bg:#FDF0E3;--pv-info-bg:#E8F2FE;
  font-family:var(--pv-font);font-size:14px;color:var(--pv-ink);line-height:1.35;text-align:left
}
.pa-frag *,.pa-chip *{box-sizing:border-box}
.pa-valor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pa-pilar{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:20px;padding:16px 16px 22px}
.pa-pilar h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:18px 6px 0}
.pa-pilar p{color:var(--text-sec);font-size:.93rem;line-height:1.55;margin:6px 6px 0}
.pa-frag{position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:196px;padding:16px;border-radius:14px;background:linear-gradient(140deg,#EEF8F5 0%,#F1F6FB 100%)}
.pa-frag .pv-ev,.pa-chip .pv-ev{position:relative;bottom:auto;width:100%;margin:0;opacity:1;transform:none;box-shadow:0 8px 20px -12px rgba(15,23,42,.25),0 0 0 1px rgba(15,23,42,.07)}
.pa-frag-flujo::before{content:"";position:absolute;left:calc(16px + 2em);top:50%;height:22px;margin-top:-11px;border-left:2px dashed rgba(36,142,244,.45)}
.pa-frag-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pa-frag .pv-kpi{padding:.55em .8em}
.pa-frag .pv-kv{font-size:1.4em;margin:.25em 0 .05em}
.pa-frag .pv-ev b{white-space:normal}
.pa-enlace{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--teal-text);text-decoration:none}
.pa-enlace:hover{text-decoration:underline}

/* ===== Entradas a hospitales y clínicas: mismo lenguaje que el hero (fondo verde-celeste, ventana blanca de la app,
   tarjeta flotante) con contenido de tablero: anillo con el indicador clave y tres datos ===== */
.section.pa-ent{background:#FAFAFA}
.pa-ent .pa-cab-fila{align-items:end;margin-bottom:16px}
.pa-ent .pa-cab-fila p{margin:6px 0 0;max-width:640px;color:var(--text-sec);font-size:1rem;line-height:1.55}
.pa-ent .pa-cab-fila .pa-enlace{margin-bottom:4px}
.pa-segmentos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pa-seg{display:flex;flex-direction:column;border-radius:22px;background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(15,23,42,.06),0 0 0 1px var(--border);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.pa-seg:hover{transform:translateY(-4px);box-shadow:0 28px 50px -28px rgba(15,23,42,.4),0 0 0 1px rgba(48,131,112,.35)}
.pa-seg-vis{
  --pv-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --pv-brand:#08CBB9;--pv-blue:#248EF4;--pv-blue-strong:#1565C0;--pv-line:#E9EAEC;--pv-muted:#6B7280;--pv-ink:#1F2328;
  --pv-ok:#1E9E57;--pv-ok-bg:#E6F6EC;--pv-warn:#D9731A;--pv-warn-bg:#FDF0E3;--pv-info-bg:#E8F2FE;
  position:relative;padding:22px 28px 0;border-radius:22px 22px 0 0;font-family:var(--pv-font);color:var(--pv-ink);line-height:1.3;text-align:left;
  background:linear-gradient(140deg,#E6F7F2 0%,#EEF7FC 60%,#F5F9FF 100%) 0 0/100% calc(100% - 30px) no-repeat
}
.pa-seg-vis *{box-sizing:border-box}
.pa-seg-vis::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% - 30px);border-radius:22px 22px 0 0;background-image:linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 40%,#000 25%,transparent 75%);pointer-events:none}
/* ventana de la app */
.pa-vidrio{position:relative;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 26px 44px -24px rgba(15,23,42,.38),0 0 0 1px rgba(15,23,42,.07);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.pa-seg:hover .pa-vidrio{transform:translateY(-3px)}
.pa-vidrio-top{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 14px;background:#0B0B0C;color:#CBD5E1;font-size:12px;font-weight:600}
.pa-vivo{display:inline-flex;align-items:center;gap:6px;color:#7FE3CD}
.pa-vivo::before{content:"";width:7px;height:7px;border-radius:50%;background:#2DD4A8;box-shadow:0 0 0 3px rgba(45,212,168,.22)}
.pa-vidrio-in{display:flex;align-items:center;gap:26px;padding:14px 22px 50px}
.pa-anillo{position:relative;flex:none;width:116px;height:116px}
.pa-anillo svg{width:100%;height:100%;transform:rotate(-90deg)}
.pa-anillo circle{fill:none;stroke-width:3.6}
.pa-anillo .f{stroke:#EEF0F3}
.pa-anillo .v{stroke:var(--pv-brand);stroke-linecap:round}
.pa-anillo>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pa-anillo b{font-size:25px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pa-anillo small{font-size:11.5px;color:var(--pv-muted);margin-top:1px}
.pa-datos{list-style:none;margin:0;padding:0;flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.pa-datos li{display:flex;align-items:baseline;gap:10px;padding-bottom:9px;border-bottom:1px solid #F1F2F4;font-size:14px;color:var(--pv-muted);white-space:nowrap;overflow:hidden}
.pa-datos li:last-child{border-bottom:0;padding-bottom:0}
.pa-datos b{min-width:48px;font-size:17px;font-weight:700;color:var(--pv-ink);font-variant-numeric:tabular-nums}
.pa-datos li.ok b{color:var(--pv-ok)}
/* tarjeta del producto que asoma por debajo de la ventana */
.pa-chip{position:relative;z-index:2;width:min(400px,92%);margin:-30px 0 0 -6px;font-size:14px;color:var(--pv-ink)}
.pa-chip .pv-ev{position:relative;bottom:auto;width:100%;margin:0;opacity:1;transform:none;box-shadow:0 20px 38px -18px rgba(15,23,42,.45),0 0 0 1px rgba(15,23,42,.08);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.pa-seg:hover .pa-chip .pv-ev{transform:translateY(-4px)}
.pa-seg-tx{display:flex;flex-direction:column;flex:1;padding:14px 28px 22px}
.pa-seg h3{font-size:1.4rem;font-weight:700;letter-spacing:-.015em}
.pa-seg h3 svg{display:inline-block;width:19px;height:19px;margin-left:8px;vertical-align:-2px;color:var(--teal-text);transition:transform .25s}
.pa-seg:hover h3 svg{transform:translateX(4px)}
.pa-seg p{color:var(--text-sec);font-size:1rem;line-height:1.5;margin-top:5px}
@media (max-width:640px){
  .pa-seg-vis{padding:20px 18px 0}
  .pa-vidrio-in{gap:16px;padding:16px 16px 40px}
  .pa-anillo{width:104px;height:104px}
  .pa-anillo b{font-size:19px}
  .pa-anillo small{font-size:10px}
  .pa-seg-tx{padding:16px 20px 22px}
}

/* ===== Cierre: el mismo motivo del hero (tarjetas del producto) flotando alrededor del título ===== */
.cta-section.pa-cierre{position:relative;overflow:hidden}
.pa-cierre::before{content:"";position:absolute;width:1000px;height:1000px;left:50%;top:-520px;margin-left:-500px;background:radial-gradient(closest-side,rgba(73,196,168,.18),transparent);pointer-events:none}
.pa-cierre .container{position:relative;z-index:1}
.pa-flota{
  --pv-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --pv-brand:#08CBB9;--pv-blue:#248EF4;--pv-blue-strong:#1565C0;--pv-muted:#6B7280;--pv-ink:#1F2328;
  --pv-ok:#1E9E57;--pv-ok-bg:#E6F6EC;--pv-warn:#D9731A;--pv-warn-bg:#FDF0E3;--pv-info-bg:#E8F2FE;
  position:absolute;inset:0;font-family:var(--pv-font);font-size:12.5px;color:var(--pv-ink);line-height:1.3;text-align:left;pointer-events:none
}
.pa-flota *{box-sizing:border-box}
.pa-flota .pv-ev{position:absolute;bottom:auto;width:290px;opacity:.94;transform:none;box-shadow:0 26px 50px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);animation:pa-flotar 7s ease-in-out infinite}
.pa-flota .pv-ev b{white-space:nowrap}
.pa-flota .f1{left:calc(50% - 780px);top:16%}
.pa-flota .f2{left:calc(50% - 740px);bottom:15%;animation-delay:-2.5s}
.pa-flota .f3{right:calc(50% - 790px);top:14%;width:316px;animation-delay:-4s}
.pa-flota .f4{right:calc(50% - 750px);bottom:16%;animation-delay:-1.2s}
@keyframes pa-flotar{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* solo donde entran sin tocar el título */
@media (max-width:1679px){ .pa-flota{display:none} }
@media (prefers-reduced-motion:reduce){ .pa-flota .pv-ev{animation:none} }

/* el botón secundario del cierre va de contorno: la demo es la acción principal */
.pa-cierre .btn-white{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.pa-cierre .btn-white:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 2px #fff}

/* ===== Cierre: respaldo en una línea, debajo de los botones ===== */
.pa-garantias{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:28px 0 0;padding:0}
.pa-garantias li{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.82);font-size:.95rem;font-weight:500}
.pa-garantias svg{width:16px;height:16px;color:var(--teal)}

/* En la home los bloques aparecen con un fundido corto y sin deslizarse: el desplazamiento se sentía como un salto al bajar. */
#page-home .fade-in{translate:none;transition:opacity .4s ease,transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s}

/* Variante de texto: tres columnas sobrias unidas por una línea, sin fragmentos de interfaz */
.pa-valor-tx{position:relative;gap:0}
.pa-valor-tx::before{content:"";position:absolute;left:24px;right:calc(33.333% - 24px);top:24px;border-top:2px solid rgba(73,196,168,.35)}
.pa-valor-tx .pa-pilar{position:relative;padding:0 28px 0 0;border:0;border-radius:0;background:none}
.pa-valor-tx .pa-pilar + .pa-pilar{padding-left:20px}
.pa-valor-tx .pa-pilar + .pa-pilar .pa-pilar-ic{margin-left:0}
.pa-pilar-ic{position:relative;z-index:1;width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--dark);color:#7FE3CD;box-shadow:0 0 0 6px #fff}
.pa-pilar-ic svg{width:24px;height:24px}
.pa-valor-tx .pa-pilar h3{margin:22px 0 0;font-size:1.3rem}
.pa-valor-tx .pa-pilar p{margin:8px 0 0;font-size:1rem;color:var(--text-sec)}
.pa-valor-tx ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.pa-valor-tx li{display:flex;align-items:flex-start;gap:9px;font-size:.95rem;font-weight:500;line-height:1.45;color:var(--text)}
.pa-valor-tx li svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--teal-text)}
@media (max-width:1020px){
  .pa-valor-tx::before{display:none}
  .pa-valor-tx .pa-pilar,.pa-valor-tx .pa-pilar + .pa-pilar{padding:28px 0 0;border-left:0}
  .pa-valor-tx .pa-pilar + .pa-pilar{margin-top:28px;border-top:1px solid var(--border)}
}

/* Flujo: el recorrido del paciente de la cita al cobro; en cada paso, primero lo que deja de hacerse a mano */
.pa-flujo{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 16px}
.pa-flujo::before{content:"";position:absolute;left:10%;right:10%;top:27px;border-top:2px solid rgba(73,196,168,.45)}
.pa-flujo li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 6px}
.pa-flujo-ic{position:relative;z-index:1;width:54px;height:54px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--dark);color:#7FE3CD;box-shadow:0 0 0 7px #fff}
.pa-flujo-ic svg{width:26px;height:26px}
.pa-flujo-n{display:block;margin-top:18px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-text)}
.pa-flujo h3{display:inline-flex;align-items:center;gap:7px;margin:8px 0 0;font-size:1.22rem;letter-spacing:-.01em;color:var(--text)}
.pa-flujo h3 svg{width:16px;height:16px;flex:none;color:#2A8F72}
.pa-flujo p{margin:8px 0 0;font-size:.95rem;line-height:1.5;color:var(--text-sec)}
.pa-flujo-cierre{margin:32px 0 0;text-align:center;font-size:1.08rem;font-weight:600;color:var(--text)}
@media (max-width:900px){
  .pa-flujo{grid-template-columns:1fr;gap:22px}
  .pa-flujo::before{left:26px;right:auto;top:0;bottom:0;border-top:0;border-left:2px solid rgba(73,196,168,.45)}
  .pa-flujo li{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:16px;text-align:left;align-items:start;padding:0}
  .pa-flujo-ic{grid-row:1/4}
  .pa-flujo-n{margin-top:4px}
  .pa-flujo h3{margin-top:4px}
  .pa-flujo p{margin-top:4px}
  .pa-flujo-cierre{text-align:left;margin-top:24px}
}

/* ===== Encabezados de sección a la izquierda: título a un lado y texto al otro, para que no se apilen ===== */
.pa-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 64px;align-items:end;margin-bottom:32px}
.pa-cab h2{margin:0}
.pa-cab .section-label{margin-bottom:14px}
.pa-cab p{margin:0;max-width:520px;color:var(--text-sec);font-size:1.06rem;line-height:1.65}
.pa-cab p .pa-enlace{display:flex;width:max-content;margin-top:10px}
.pa-cab h2{font-size:clamp(2.15rem,2.3vw,2.6rem);letter-spacing:-.02em}
.pa-cab-uno{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;margin-bottom:28px}
.pa-cab-uno p{font-size:1rem}

/* ===== Rellenos propios de la home: el aire entre secciones crece con el alto de la pantalla ===== */
.section.pa-op{padding:clamp(52px,8vh,104px) 0}
.section.pa-ent{padding:clamp(40px,8vh,104px) 0}
.section.pa-rec{padding:clamp(56px,8vh,104px) 0}
.section.pa-faq-sec{padding:clamp(40px,6vh,72px) 0 clamp(48px,7vh,84px)}
.cta-section{padding:clamp(64px,9vh,112px) 0}
.cta-section .pa-garantias{margin-top:24px}
.pa-cab-fila{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;column-gap:32px;margin-bottom:24px}
.pa-rec .pa-cab-fila h2{font-size:1.75rem}

/* preguntas frecuentes: están por los buscadores, van chicas y cerradas */
.pa-faq-sec .pa-faq{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center}
.pa-faq-sec .pa-faq-cab h2{font-size:1.35rem}
.pa-faq-sec .pa-faq-cab p{margin-top:8px;font-size:.95rem}
.pa-faq-sec .faq-item{margin-bottom:6px}
.pa-faq-sec .faq-item:last-child{margin-bottom:0}
.pa-faq-sec .faq-q{padding:13px 18px;font-size:.95rem}
.pa-faq-sec .faq-q svg{width:18px;height:18px}

/* ===== Videos: cuatro iguales en una fila, portada de YouTube y título ===== */
.pa-vids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.pa-vid{display:flex;flex-direction:column;color:var(--text)}
.pa-vid-img{position:relative;display:block;overflow:hidden;border-radius:14px;background:#0F172A;box-shadow:0 1px 3px rgba(15,23,42,.06),0 0 0 1px var(--border)}
.pa-vid-img picture,.pa-vid-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.pa-vid-img img{transition:transform .6s cubic-bezier(.16,1,.3,1)}
.pa-vid:hover .pa-vid-img img{transform:scale(1.04)}
.pa-vid-img::after{content:"";position:absolute;z-index:2;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5l11 6.5-11 6.5z' fill='%230F172A'/%3E%3C/svg%3E") 56% 50%/16px 16px no-repeat;box-shadow:0 8px 20px -6px rgba(15,23,42,.55);transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s}
.pa-vid:hover .pa-vid-img::after{transform:scale(1.1);background-color:#49C4A8}
.pa-vid h3{font-size:.98rem;line-height:1.4;font-weight:600;margin-top:12px}
.pa-vid:hover h3{color:var(--teal-text)}
@media (max-width:1020px){ .pa-vids{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:480px){ .pa-vids{gap:18px 14px} .pa-vid h3{font-size:.9rem} }

/* ===== Preguntas frecuentes en dos columnas ===== */
.pa-faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 64px;align-items:start}
.pa-faq-cab h2{margin:0}
.pa-faq-cab .section-label{margin-bottom:14px}
.pa-faq-cab p{margin-top:16px}

@media (max-width:900px){
  .pa-cab,.pa-faq{grid-template-columns:1fr}
  .pa-cab{gap:12px;margin-bottom:28px}
  .pa-cab-fila{grid-template-columns:1fr}
}
@media (max-width:1020px){
  .pa-valor,.pa-segmentos{grid-template-columns:1fr;max-width:560px}
  .pa-segmentos{gap:36px}
}
/* Celulares angostos: las dos tarjetas de «Del consultorio al quirófano» medían 359 px a 320 px (la ventana con el anillo no se encogía) y ensanchaban la página a 383 px, encabezado incluido */
@media (max-width:640px){.pa-segmentos{grid-template-columns:minmax(0,1fr)}.pa-seg,.pa-seg-vis,.pa-seg-tx,.pa-vidrio,.pa-vidrio-in{min-width:0;max-width:100%}.pa-vidrio-in{flex-wrap:wrap}.pa-datos{min-width:0;flex:1 1 120px}}