/* =========================================================
   Virtest · Products (CORAAL) — versión final
   ========================================================= */
/* =========================================================
   Virtest · Products page (CORAAL) — rediseño
   Prefijo .vp-  ·  Colores de marca:
   Insight Blue #252A3C · Deep Signal #B5C1D4 · Clear Field #F2F2F0 · Pulse #A55B5B
   ========================================================= */
.vp{--ib:#252A3C;--ib-950:#171B28;--ds:#B5C1D4;--cf:#F2F2F0;--pu:#A55B5B;--mist:#EDF0F7;--ink-2:#46506A;--ink-3:#5C6A86;
  --head:"Stack Sans Headline","Stack Sans",system-ui,sans-serif;--body:"Source Sans 3",system-ui,sans-serif;
  color:var(--ib);font-family:var(--body);font-weight:400;background:var(--cf)}
.vp *{box-sizing:border-box}
.vp h1,.vp h2,.vp h3{font-family:var(--head);font-weight:500;letter-spacing:-.03em;margin:0}
:where(.vp) p{margin:0}
.vp-wrap{max-width:80rem;margin:0 auto;padding:0 2rem}
.vp-eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--head);font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--ink-3)}
.vp-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--pu)}
.vp-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.6rem;border-radius:999px;font-family:var(--head);font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s;cursor:pointer}
.vp-btn svg{width:16px;height:16px}
.vp-btn--dark{background:var(--ib);color:#fff}.vp-btn--dark:hover{background:#3A4260}
.vp-btn--ghost{border:1px solid rgba(37,42,60,.3);color:var(--ib)}.vp-btn--ghost:hover{border-color:var(--ib)}
.vp-btn--light{background:#fff;color:var(--ib)}.vp-btn--light:hover{background:var(--ds)}
.vp-btn--ghost-l{border:1px solid rgba(255,255,255,.35);color:#fff}.vp-btn--ghost-l:hover{background:rgba(255,255,255,.1)}
.vp-ce{font-size:12px;color:var(--ink-3)}

/* ---------- 1 · HERO ---------- */
.vp-hero{position:relative;overflow:hidden;margin-top:-5rem;padding:11rem 0 6rem;background:radial-gradient(60% 80% at 80% 50%,#C9D3E2 0%,#E4E8EF 50%,var(--cf) 100%)}
.vp-hero .vp-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem;align-items:center}
.vp-hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.9;letter-spacing:-.045em;margin:1.6rem 0}
.vp-hero h1 span{display:block;color:#7E8DAA}
.vp-hero__lead{font-size:1.15rem;line-height:1.6;color:var(--ink-2);max-width:34rem}
.vp-hero__ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin:2.2rem 0 1.1rem}
.vp-deck{position:relative;height:560px;perspective:1600px}
.vp-card{position:absolute;width:310px;height:470px;border-radius:24px;overflow:hidden;background:var(--ib);color:#fff;text-decoration:none;box-shadow:0 60px 100px -40px rgba(23,28,45,.55);transition:transform .35s ease}
.vp-card__media{position:relative;height:300px;background-size:cover;background-position:center}
.vp-card__media img.vp-ill{position:absolute;left:50%;top:48%;width:220px;transform:translate(-50%,-50%)}
.vp-card__num{position:absolute;left:20px;top:8px;font-family:var(--head);font-weight:500;font-size:56px;letter-spacing:-.05em;color:rgba(255,255,255,.92)}
.vp-card__body{padding:22px 26px}
.vp-card__body img{height:20px;width:auto;display:block}
.vp-card__body h3{font-size:40px;margin:10px 0 4px}
.vp-card__body p{font-size:13px;color:var(--ds)}
.vp-card--laao{left:0;top:80px;transform:rotateY(20deg) rotateZ(-6deg)}
.vp-card--laao .vp-card__media{background:radial-gradient(70% 70% at 50% 50%,#4C5F88,#252A3C)}
.vp-card--tavi{left:215px;top:10px;z-index:2}
.vp-card--tavi .vp-card__media{background:radial-gradient(70% 70% at 50% 50%,#8A6A86,#3A3550)}
.vp-card--soon{left:440px;top:90px;z-index:3;background:#F6F7FA;border:1.5px dashed rgba(37,42,60,.35);color:var(--ib);box-shadow:0 40px 80px -40px rgba(23,28,45,.35);transform:rotateY(-20deg) rotateZ(6deg)}
.vp-card--soon .vp-card__media{background:transparent}
.vp-card--soon .vp-card__num{left:auto;right:22px;top:auto;bottom:14px;font-size:80px;color:rgba(37,42,60,.16)}
.vp-card--soon h3{font-size:32px}.vp-card--soon p{color:var(--ink-3)}
.vp-tag{position:absolute;left:18px;top:18px;font-family:var(--head);font-size:11px;letter-spacing:.14em;padding:6px 11px;border-radius:99px;background:var(--pu);color:#fff}
.vp-card--laao:hover{transform:rotateY(12deg) rotateZ(-4deg) translateY(-8px)}
.vp-card--tavi:hover{transform:translateY(-8px)}
.vp-card--soon:hover{transform:rotateY(-12deg) rotateZ(4deg) translateY(-8px)}

/* ---------- 2 · SUB-NAV ---------- */
.vp-subnav{position:sticky;top:80px;z-index:30;background:rgba(242,242,240,.85);backdrop-filter:blur(12px);border-top:1px solid rgba(37,42,60,.08);border-bottom:1px solid rgba(37,42,60,.08)}
.vp-subnav .vp-wrap{display:flex;align-items:center;gap:.4rem;height:64px;overflow-x:auto}
.vp-subnav a{font-family:var(--head);font-size:14px;color:var(--ink-3);text-decoration:none;padding:.55rem 1rem;border-radius:999px;white-space:nowrap}
.vp-subnav a span{color:#9AA6BC;margin-right:.35rem}
.vp-subnav a:hover,.vp-subnav a.is-active{background:#fff;color:var(--ib)}
.vp-subnav a.vp-btn{margin-left:auto;padding:.6rem 1.2rem;font-size:13px;background:var(--ib);color:#fff}

/* ---------- 3 · WORKFLOW ---------- */
.vp-flow{position:relative;overflow:hidden;background:var(--ib);color:#fff;padding:7rem 0 6.5rem}
.vp-flow::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 90% 0%,rgba(165,91,91,.22),transparent 70%),radial-gradient(60% 80% at 0% 100%,rgba(92,119,160,.35),transparent 70%)}
.vp-flow .vp-wrap{position:relative}
.vp-flow__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3rem;align-items:end;margin-bottom:4.5rem}
.vp-flow__head .vp-eyebrow{color:var(--ds)}
.vp-flow__head h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.02;margin-top:1.2rem}
.vp-flow__head h2 span{color:var(--ds)}
.vp-flow__head p{font-size:1.05rem;line-height:1.6;color:#C9D2E1}
.vp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.2rem;position:relative}
.vp-steps::before{content:"";position:absolute;left:28px;right:28px;top:28px;height:1px;background:linear-gradient(90deg,var(--ds),#A55B5B 70%,rgba(181,193,212,.2))}
.vp-step{position:relative}
.vp-step__n{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--ib);border:1px solid rgba(181,193,212,.45);font-family:var(--head);font-size:15px;color:#fff;position:relative}
.vp-step:last-child .vp-step__n{background:var(--pu);border-color:var(--pu)}
.vp-step h3{font-size:1.3rem;margin:1.6rem 0 .45rem}
.vp-step small{display:block;font-family:var(--head);font-size:12px;letter-spacing:.04em;color:#E2A7A7;margin-bottom:.9rem}
.vp-step p{font-size:.95rem;line-height:1.6;color:#B9C3D4}

/* ---------- 4 · PRODUCT CHAPTERS ---------- */
.vp-chapter{padding:7rem 0}
.vp-chapter--tavi{background:#fff}
.vp-chapter__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4.5rem;align-items:center}
.vp-chapter--tavi .vp-chapter__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.vp-chapter__id{display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}
.vp-chapter__id .vp-badge{width:64px;height:64px;border-radius:18px;background:var(--ib);display:grid;place-items:center;flex:none}
.vp-chapter__id .vp-badge img{width:54px;height:54px}
.vp-chapter__id .vp-eyebrow{display:block}
.vp-chapter__id img.vp-logo{height:22px;width:auto;display:block;margin-top:.45rem}
.vp-chapter h2{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.02}
.vp-chapter__strong{font-family:var(--head);font-size:1.15rem;font-weight:500;line-height:1.45;margin:1.8rem 0 .8rem}
.vp-chapter__text{font-size:1.02rem;line-height:1.65;color:var(--ink-2)}
.vp-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:2.2rem 0;border-top:1px solid rgba(37,42,60,.14);border-bottom:1px solid rgba(37,42,60,.14)}
.vp-stats div{padding:1.1rem 0}.vp-stats div+div{padding-left:1.4rem;border-left:1px solid rgba(37,42,60,.14)}
.vp-stats b{display:block;font-family:var(--head);font-weight:500;font-size:2.3rem;letter-spacing:-.04em;line-height:1.05}
.vp-stats span{font-size:.85rem;color:var(--ink-3)}
.vp-chapter__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:2rem}
.vp-window{position:relative;border-radius:22px;overflow:hidden;background:#FBF8F9;box-shadow:0 60px 110px -50px rgba(23,28,45,.55),0 0 0 10px rgba(37,42,60,.04)}
.vp-window__bar{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;background:var(--ib);color:var(--ds);font-size:12px;letter-spacing:.05em;font-family:var(--head)}
.vp-window__bar i{width:9px;height:9px;border-radius:50%;background:rgba(181,193,212,.35)}.vp-window__bar i:first-child{background:var(--pu)}
.vp-window__bar em{font-style:normal;margin-left:.6rem}
.vp-window__bar b{margin-left:auto;color:#fff;font-size:11px;font-weight:500;padding:.2rem .65rem;border-radius:99px;background:rgba(181,193,212,.15)}
.vp-window video,.vp-window img{display:block;width:100%;height:auto}
.vp-window__crop{overflow:hidden;aspect-ratio:16/11;position:relative}
.vp-window--tavi .vp-window__crop img{width:100%;height:100%;object-fit:cover;object-position:0 50%;transform:scale(1.6);transform-origin:0 55%}

/* outputs gallery */
.vp-outputs{margin-top:5.5rem}
.vp-outputs__head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}
.vp-outputs__head h3{font-size:2rem}
.vp-outputs__head p{max-width:28rem;color:var(--ink-3);font-size:.95rem;line-height:1.55}
.vp-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.vp-tile{margin:0;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(37,42,60,.08)}
.vp-tile__img{aspect-ratio:4/3.4;background:#FBF8F9;overflow:hidden}
.vp-tile__img img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block;transition:transform .5s ease}
.vp-tile:hover .vp-tile__img img{transform:scale(1.04)}
.vp-tile figcaption{display:flex;align-items:baseline;gap:.8rem;padding:1.1rem 1.3rem 1.3rem}
.vp-tile figcaption span{font-family:var(--head);font-size:13px;color:var(--pu)}
.vp-tile figcaption b{font-family:var(--head);font-weight:500;font-size:1.15rem}
.vp-tile figcaption small{display:block;font-size:.85rem;color:var(--ink-3);margin-top:.15rem}
.vp-tile--dark{background:var(--ib);color:#fff;border-color:transparent}
.vp-tile--dark figcaption small{color:var(--ds)}.vp-tile--dark figcaption span{color:#E2A7A7}

/* capabilities list (TAVI) */
.vp-caps{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid rgba(37,42,60,.14)}
.vp-caps li{display:grid;grid-template-columns:3rem 1fr;gap:.5rem;padding:1.15rem 0;border-bottom:1px solid rgba(37,42,60,.14)}
.vp-caps li>span{font-family:var(--head);font-size:13px;color:var(--pu);padding-top:.25rem}
.vp-caps h3{font-size:1.1rem;letter-spacing:-.01em;margin-bottom:.3rem}
.vp-caps p{font-size:.92rem;line-height:1.55;color:var(--ink-3)}

/* ---------- 5 · COMING SOON ---------- */
.vp-next{padding:0 0 7rem;background:#fff}
.vp-next__box{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3rem;align-items:center;padding:3.2rem 3.5rem;border-radius:28px;border:1.5px dashed rgba(37,42,60,.3);background:#F6F7FA}
.vp-next h2{font-size:2.4rem;margin:1rem 0 .8rem}
.vp-next p{color:var(--ink-2);line-height:1.6;max-width:34rem}
.vp-next__bar{height:6px;border-radius:9px;background:rgba(37,42,60,.1);overflow:hidden;margin-bottom:.7rem}
.vp-next__bar i{display:block;width:62%;height:100%;background:linear-gradient(90deg,#5C77A0,var(--pu))}
.vp-next__meta{display:flex;justify-content:space-between;font-family:var(--head);font-size:12px;letter-spacing:.06em;color:var(--ink-3);margin-bottom:1.6rem}

/* ---------- 6 · STATEMENT ---------- */
.vp-quote{position:relative;overflow:hidden;background:var(--ib-950);color:#fff;padding:7.5rem 0}
.vp-quote__v{position:absolute;right:-6%;top:50%;width:min(52vw,760px);transform:translateY(-50%);opacity:.55;filter:blur(2px) saturate(1.15);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 55% 50%,#000 40%,transparent 85%);mask-image:radial-gradient(ellipse 60% 60% at 55% 50%,#000 40%,transparent 85%)}
.vp-quote .vp-wrap{position:relative}
.vp-quote blockquote{margin:0;max-width:52rem;font-family:var(--head);font-weight:400;font-size:clamp(1.8rem,3.4vw,2.9rem);line-height:1.2;letter-spacing:-.025em}
.vp-quote blockquote::before{content:"“";display:block;font-size:5rem;line-height:.6;color:var(--pu);margin-bottom:1.6rem}
.vp-quote__foot{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;margin-top:3rem}
.vp-quote__foot strong{font-family:var(--head);font-weight:500;font-size:1.1rem}
.vp-quote__foot span{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ds)}
.vp-quote .vp-ce{color:#8C9AB5;margin-top:1.4rem}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1100px){
  .vp-hero .vp-wrap,.vp-chapter__grid,.vp-chapter--tavi .vp-chapter__grid,.vp-flow__head,.vp-next__box{grid-template-columns:minmax(0,1fr)}
  .vp-deck{height:520px;max-width:760px;margin:0 auto;width:100%}
  .vp-chapter--tavi .vp-chapter__media{order:2}
  .vp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-steps::before{display:none}
}
@media (max-width:700px){
  .vp-wrap{padding:0 1.25rem}
  .vp-hero{padding-top:8.5rem}
  .vp-deck{height:auto;display:grid;gap:1rem;perspective:none}
  .vp-card{position:relative;left:auto!important;top:auto!important;width:100%;height:auto;transform:none!important}
  .vp-card__media{height:220px}
  .vp-steps,.vp-tiles{grid-template-columns:minmax(0,1fr)}
  .vp-stats b{font-size:1.8rem}
  .vp-outputs__head{flex-direction:column;align-items:start}
  .vp-next__box{padding:2rem 1.5rem}
  .vp-subnav{top:64px}
}
@media (prefers-reduced-motion:reduce){.vp-card,.vp-tile__img img{transition:none}}

/* ===== Secciones adicionales ===== */












/* page fits */

.vp-pg .vp-flow__head h2{font-size:60px}.vp-pg .vp-step h3{font-size:23px}.vp-pg .vp-step p{font-size:16px}.vp-pg .vp-step small{font-size:13px}



.vp-wrap{max-width:1312px}

/* ---------- Applications ---------- */
.vp-apps{background:#fff;padding:0;display:flex;align-items:center}.vp-apps>.vp-wrap,.vp-show>.vp-wrap{width:100%}
.vp-sechead{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:32px}
.vp-sechead h2{font-size:52px;line-height:1;margin-top:16px}
.vp-sechead p{max-width:30rem;color:#5C6A86;font-size:16px;line-height:1.55}
.vp-appgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vp-app{background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 34px 70px -40px rgba(23,28,45,.4);border:1px solid rgba(37,42,60,.1)}
.vp-app__media{position:relative;height:190px;background-size:cover;background-position:center}
.vp-app--laao .vp-app__media{background:radial-gradient(70% 90% at 50% 50%,#4C5F88,#252A3C)}
.vp-app--tavi .vp-app__media{background:radial-gradient(70% 90% at 50% 50%,#8A6A86,#3A3550)}
.vp-app--soon{background:#F6F7FA;border:1.5px dashed rgba(37,42,60,.3);box-shadow:none}
.vp-app--soon .vp-app__media{background:transparent}
.vp-app__media .vp-ill{position:absolute;left:55%;top:50%;width:185px;transform:translate(-50%,-50%)}
.vp-app__n{position:absolute;left:24px;top:14px;font-family:var(--head);font-weight:500;font-size:48px;letter-spacing:-.05em;color:rgba(255,255,255,.92)}
.vp-app--soon .vp-app__n{left:auto;right:24px;top:auto;bottom:6px;font-size:72px;color:rgba(37,42,60,.14)}
.vp-app__chip{position:absolute;right:16px;top:16px;font-family:var(--head);font-size:11px;letter-spacing:.08em;padding:6px 11px;border-radius:99px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.25)}
.vp-app--soon .vp-tag{left:22px;top:20px}
.vp-app__body{padding:22px 28px 28px;display:flex;flex-direction:column;flex:1}
.vp-app__brand{display:flex;align-items:flex-end;gap:10px}
.vp-app__brand img{height:26px;width:auto}
.vp-app__brand span{font-family:var(--head);font-size:14px;letter-spacing:.2em;text-transform:uppercase;padding-bottom:2px}
.vp-app h3{font-size:23px;line-height:1.15;margin:14px 0 10px}
.vp-app h3 .dots{color:#A55B5B}
.vp-app p{font-size:14px;line-height:1.55;color:#5C6A86}
.vp-app p strong{color:#252A3C;font-weight:600}
.vp-app__feat{list-style:none;padding:0;margin:16px 0 22px;display:flex;flex-wrap:wrap;gap:6px}
.vp-app__feat li{font-size:12px;padding:6px 11px;border-radius:99px;background:#EDF0F7;color:#252A3C}

.vp-app__prog{margin:18px 0 22px}
.vp-app .vp-btn{margin-top:auto;align-self:flex-start;padding:.8rem 1.3rem;font-size:13px}

/* ---------- LAAO page ---------- */
.vp-pg .vp-chapter--laao{background:radial-gradient(60% 80% at 85% 50%,#E1E6EF 0%,#F2F2F0 70%)}

/* ---------- What CORAAL will show you ---------- */
.vp-show{background:#F2F2F0;padding:0;display:flex;align-items:center}
.vp-show__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vp-out{margin:0;background:#fff;border-radius:24px;overflow:hidden;border-top:4px solid #B5C1D4;box-shadow:0 30px 60px -40px rgba(23,28,45,.35);display:flex;flex-direction:column}
.vp-out--b{border-top-color:#A55B5B}
.vp-out--c{background:#252A3C;color:#fff;border-top-color:#5C77A0}
.vp-out figcaption{display:flex;gap:14px;padding:18px 22px 14px}
.vp-out figcaption span{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--head);font-size:13px;background:#EDF0F7;color:#A55B5B}
.vp-out--c figcaption span{background:rgba(181,193,212,.15);color:#E2A7A7}
.vp-out b{font-family:var(--head);font-weight:500;font-size:21px;display:block}
.vp-out small{display:block;font-size:13px;line-height:1.45;color:#5C6A86;margin-top:4px}
.vp-out--c small{color:#B5C1D4}
.vp-out__img{margin:0 16px 16px;border-radius:16px;overflow:hidden;background:#fff;height:448px;display:flex;align-items:center;justify-content:center}
.vp-out__img img{width:100%;height:100%;object-fit:contain;display:block}
.vp-out--c .vp-out__img img{object-position:50% 50%}

/* ---------- TAVI ---------- */
.vp-tavi{position:relative;overflow:hidden;background:#fff;color:#252A3C;padding:0;display:flex;align-items:center}.vp-tavi>.vp-wrap{width:100%}
.vp-tavi__topo{position:absolute;right:-80px;top:-60px;width:900px;opacity:.9}
.vp-tavi .vp-wrap{position:relative}
.vp-tavi__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:center}
.vp-tavi .vp-chapter__id{margin-bottom:22px}
.vp-tavi h2{font-size:54px;line-height:1}
.vp-tavi__strong{font-family:var(--head);font-size:19px;font-weight:500;color:#252A3C;margin:18px 0 10px!important}
.vp-tavi__text{font-size:15.5px;line-height:1.6;color:#46506A;max-width:34rem}
.vp-tavi__tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 4px}
.vp-tavi__tags span{font-size:12.5px;padding:7px 13px;border-radius:99px;border:1px solid rgba(37,42,60,.18);background:#fff;color:#252A3C}
.vp-tavi .vp-chapter__ctas{margin-top:22px}
.vp-tavi__media{position:relative}
.vp-tavi .vp-window{box-shadow:0 50px 100px -50px rgba(23,28,45,.5),0 0 0 10px rgba(37,42,60,.04)}
.vp-tavi .vp-window__crop{aspect-ratio:16/9.4}
.vp-tavi .vp-window--tavi .vp-window__crop img{transform:scale(1.55);transform-origin:0 50%}
.vp-float{position:absolute;padding:12px 16px;border-radius:14px;background:#252A3C;color:#fff;box-shadow:0 20px 40px -20px rgba(23,28,45,.6)}
.vp-float span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#B5C1D4}
.vp-float b{font-family:var(--head);font-weight:500;font-size:15px}
.vp-float--a{right:-18px;top:70px}.vp-float--b{left:-26px;bottom:44px}
.vp .vp-tavi__capsh{font-size:26px;margin:44px 0 16px;letter-spacing:-.02em}
.vp-tavi__caps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vp-tavi__caps article{padding:18px 22px;border-radius:18px;background:#F4F6FA;border:1px solid rgba(37,42,60,.06);border-top:3px solid #B5C1D4}
.vp-tavi__caps .n{font-family:var(--head);font-size:13px;color:#A55B5B}
.vp-tavi__caps h3{font-size:17px;margin:6px 0 6px;letter-spacing:-.01em}
.vp-tavi__caps p{font-size:13.5px;line-height:1.5;color:#5C6A86}

/* TAVI spacious */
.vp-tavi .vp-tavi__grid{gap:80px}
.vp-tavi h2{font-size:68px!important}
.vp .vp-tavi__strong{font-size:21px;margin:26px 0 14px!important}
.vp-tavi__text{font-size:17px!important;line-height:1.7!important}
.vp-tavi__tags{margin:30px 0 8px!important;gap:10px!important}
.vp-tavi__tags span{font-size:13.5px!important;padding:9px 15px!important}
.vp-tavi .vp-chapter__ctas{margin-top:34px!important}
.vp-tavi .vp-window__crop{aspect-ratio:16/11.5!important}
.vp-tavi2{background:#fff;padding:0;display:flex;align-items:center}.vp-tavi2>.vp-wrap{width:100%}
.vp-tavi2 .vp-sechead h2{font-size:46px;max-width:none;white-space:nowrap}
.vp-tcaps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:16px}
.vp-tcaps article{border-radius:24px;background:#F4F6FA;border:1px solid rgba(37,42,60,.06);border-top:4px solid #B5C1D4;padding:30px 22px 34px;display:flex;flex-direction:column;min-height:330px}
.vp-tcaps article:nth-child(2){border-top-color:#A55B5B}.vp-tcaps article:nth-child(3){border-top-color:#252A3C}
.vp-tcaps__img{height:250px;border-radius:16px;overflow:hidden;background:#fff;margin-bottom:24px;position:relative}
.vp-tcaps__img img{width:100%;height:100%;object-fit:cover;display:block}
.vp-tcaps__img img.ill{position:absolute;left:50%;top:50%;width:220px;height:220px;transform:translate(-50%,-50%);object-fit:contain}
.vp-tcaps article.dark .vp-tcaps__img{background:radial-gradient(70% 90% at 50% 50%,#8A6A86,#3A3550)}
.vp-tcaps .n{font-family:var(--head);font-weight:500;font-size:64px;letter-spacing:-.05em;line-height:1;color:#B5C1D4;padding:0 14px}
.vp .vp-tcaps h3{font-size:24px;margin:64px 0 12px;padding:0 14px;letter-spacing:-.015em}
.vp-tcaps p{font-size:16px;line-height:1.6;color:#5C6A86;padding:0 14px}

.vp-idrow{display:flex;align-items:center;gap:14px}
.vp-num{font-family:var(--head);font-weight:500;font-size:28px;letter-spacing:-.03em;color:#7E8DAA;line-height:1}
.vp-idrow img.vp-logo{height:30px!important;margin-top:0!important}

/* ===== Chapter dividers & markers ===== */
.vp-div{position:relative;overflow:hidden;display:flex;align-items:center;padding:0}
.vp-div>.vp-wrap{width:100%;position:relative}
.vp-div--laao{background:radial-gradient(60% 80% at 78% 50%,#D3DCEA 0%,#E7EBF2 45%,#F2F2F0 100%)}
.vp-div--tavi{background:radial-gradient(60% 80% at 78% 50%,#DCD8E6 0%,#ECEAF1 45%,#F6F6F8 100%)}
.vp-div__bg{display:none}
.vp-div__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:60px;align-items:center}
.vp-div__num{display:block;font-family:var(--head);font-weight:500;font-size:220px;line-height:.8;letter-spacing:-.06em;color:#252A3C;margin-bottom:34px}
.vp-div--laao .vp-div__num{background:linear-gradient(135deg,#252A3C,#5C77A0);-webkit-background-clip:text;color:transparent}
.vp-div--tavi .vp-div__num{background:linear-gradient(135deg,#252A3C,#8A6A86);-webkit-background-clip:text;color:transparent}
.vp-div__brand{display:flex;align-items:flex-end;gap:12px;margin:22px 0 18px}
.vp-div__brand img{height:40px;width:auto}
.vp-div__brand span{font-family:var(--head);font-size:20px;letter-spacing:.2em;padding-bottom:3px}
.vp-div h2{font-size:54px;line-height:1.02;max-width:640px}
.vp-div p{font-size:19px;color:#46506A;margin-top:18px!important}
.vp-div__card{justify-self:center;width:380px;border-radius:28px;overflow:hidden;background:#252A3C;color:#fff;box-shadow:0 70px 110px -50px rgba(23,28,45,.6);transform:rotate(3deg)}
.vp-div__media{height:380px;position:relative}
.vp-div--laao .vp-div__media{background:radial-gradient(70% 70% at 50% 50%,#4C5F88,#252A3C)}
.vp-div--tavi .vp-div__media{background:radial-gradient(70% 70% at 50% 50%,#8A6A86,#3A3550)}
.vp-div--tavi .vp-div__card{transform:rotate(-3deg)}
.vp-div__media img{position:absolute;left:50%;top:50%;width:270px;transform:translate(-50%,-50%)}
.vp-div__cap{padding:22px 26px}.vp-div__cap b{font-family:var(--head);font-weight:500;font-size:30px;display:block}.vp-div__cap span{font-size:13px;color:#B5C1D4}
/* chapter strip on content pages */
.vp-pg--laao::before,.vp-pg--show::before,.vp-pg--tavi::before,.vp-pg--tavi2::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;z-index:5}
.vp-pg--laao::before,.vp-pg--show::before{background:linear-gradient(90deg,#252A3C,#5C77A0 60%,#B5C1D4)}
.vp-pg--tavi::before,.vp-pg--tavi2::before{background:linear-gradient(90deg,#3A3550,#8A6A86 60%,#D8C9D6)}
.vp-pg--laao::after,.vp-pg--show::after,.vp-pg--tavi::after,.vp-pg--tavi2::after{position:absolute;right:64px;top:26px;z-index:5;font-family:var(--head);font-size:12px;letter-spacing:.2em;color:#7E8DAA}
.vp-pg--laao::after,.vp-pg--show::after{content:"01 · CORAAL-LAAO"}
.vp-pg--tavi::after,.vp-pg--tavi2::after{content:"02 · CORAAL-TAVI"}
.vp-pg--tavi .vp-tavi,.vp-pg--tavi2 .vp-tavi2{background:#F6F6F8!important}
.vp-pg--tavi .vp-tavi{background:radial-gradient(60% 70% at 80% 40%,#ECEAF1,#F6F6F8 70%)!important}
.vp-tavi2 .vp-tcaps article{background:#fff}

.vp-card--soon .vp-card__media img.vp-ill--next{width:200px;top:52%}
.vp-card--soon .vp-card__num{bottom:2px!important;font-size:64px!important}

/* ===== Web layout (sustituye el encaje a página del PDF) ===== */
.vp-pg{position:relative}
.vp-pg>section{padding:7rem 0}
.vp-pg>.vp-div{padding:8rem 0;min-height:640px}
.vp-pg--flow .vp-flow__head{margin-bottom:4rem}
.vp-wrap{max-width:82rem}
@media (max-width:1100px){
  .vp-appgrid,.vp-show__grid,.vp-tcaps{grid-template-columns:minmax(0,1fr)}
  .vp-tavi__grid,.vp-div__grid{grid-template-columns:minmax(0,1fr)}
  .vp-sechead{flex-direction:column;align-items:flex-start}
  .vp-tavi2 .vp-sechead h2{white-space:normal}
  .vp-float--a{right:12px}.vp-float--b{left:12px}
  .vp-div__card{transform:none!important;width:min(380px,100%)}
}
@media (max-width:700px){
  .vp-pg>section{padding:4.5rem 0}
  .vp-pg>.vp-div{padding:5rem 0;min-height:0}
  .vp-div__num{font-size:140px}
  .vp-div h2,.vp-tavi h2{font-size:38px!important}
  .vp-sechead h2,.vp-tavi2 .vp-sechead h2{font-size:34px}
  .vp-out__img{height:auto;aspect-ratio:3/4}
  .vp-pg--laao::after,.vp-pg--show::after,.vp-pg--tavi::after,.vp-pg--tavi2::after{right:20px;top:20px;font-size:10px}
  .vp-float{display:none}
}