/* MacBook */
.dv-lid{background:#0c0c0d!important;padding:1.1% 1.1% 1.5%!important;border-radius:14px 14px 4px 4px!important;border:none!important;box-shadow:0 0 0 2px #3a3b3f,0 0 0 3px #75777c!important}
.dv-lap .dv-scr{border-radius:6px 6px 0 0!important}
.dv-notch{position:absolute;top:0;left:50%;width:13%;height:3.2%;margin-left:-6.5%;background:#0c0c0d;border-radius:0 0 7px 7px;z-index:3}
.dv-notch::after{content:"";position:absolute;left:50%;top:30%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#1d2733;box-shadow:0 0 0 1px #2c2f35}
.dv-base{height:10px!important;margin:0 -8%!important;background:linear-gradient(180deg,#e4e5e8 0,#cfd1d5 40%,#9ea1a7 100%)!important;border-radius:3px 3px 12px 12px/3px 3px 8px 8px!important;box-shadow:0 1px 0 #f7f7f8 inset!important}
.dv-base i{height:4px!important;width:15%!important;margin-left:-7.5%!important;background:linear-gradient(180deg,#b4b6bb,#cfd1d5)!important;border-radius:0 0 6px 6px!important}
.dv-foot{height:3px;margin:0 -6.5%;background:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.28),transparent 70%)}
/* iPad */
.dv-ipad{background:#0c0c0d!important;padding:1.9%!important;border-radius:20px!important;border:none!important;box-shadow:0 0 0 2px #c7c9ce,0 0 0 3px #a4a7ad,0 30px 60px -18px rgba(30,31,33,.45)!important;right:0;bottom:2%;width:46%}
.dv-ipad .dv-scr{aspect-ratio:4/3!important;border-radius:8px!important}
.dv-ipad-l{right:12%!important;bottom:4%!important;width:44%!important}
.dv-fcam{position:absolute;top:50%;left:.75%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#1d2733;box-shadow:0 0 0 1px #2c2f35}
/* iPhone */
.dv-phone{padding:.55%!important;border-radius:26px!important;background:#0c0c0d!important;border:none!important;box-shadow:0 0 0 2px #8e9096,0 0 0 3px #c2c4c8,0 26px 44px -14px rgba(30,31,33,.45)!important;right:0!important;bottom:0!important}
.dv-phone .dv-scr{border-radius:22px!important}
.dv-island{height:3%!important;width:28%!important;margin-left:-14%!important;top:2.2%!important}
.ex-lede{max-width:none!important;margin:10px 0 0!important}
.ex-lede+.ex-lede{margin-top:4px!important}
#experiencia .stats{margin-top:32px}
.al-intro{color:var(--muted);margin:10px 0 0;max-width:none;font-size:1rem;line-height:1.6}
.inno-band{margin-top:clamp(28px,4vw,44px);display:flex;align-items:center;gap:22px;background:var(--char);color:#fff;border-radius:22px;padding:clamp(22px,3vw,32px) clamp(22px,4vw,40px);position:relative;overflow:hidden}
.inno-band::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;background:linear-gradient(135deg,transparent 50%,rgba(188,24,24,.55) 50%)}
.inno-band h3{margin:0;color:#fff;font-size:clamp(1.25rem,2.2vw,1.7rem)}
.inno-band h3 span{color:#ff8c87;font-family:var(--f-light);font-weight:300}
.inno-band p{margin:6px 0 0;color:#d4d4d7;font-size:1.02rem}
.inno-mk{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex:none}.inno-mk i{width:16px;height:16px;background:var(--red)}.inno-mk i+i{background:#9a9da3}
.tri3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;grid-column:1/-1;width:100%}
.t3{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start;transition:transform .3s,box-shadow .3s}
.t3:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.t3-ic{grid-row:1/3;width:44px;height:44px;border-radius:12px;background:#f8e8e8;color:var(--red);display:grid;place-items:center}
.t3-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t3 h3{margin:0;font:700 .8rem var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.t3 p{margin:4px 0 0;color:var(--char);font-size:.98rem;line-height:1.5}
@media (max-width:860px){.tri3{grid-template-columns:1fr}}
/* ===== Homologación tipográfica ===== */
:root{--fs-card:.95rem;--fs-intro:1.094rem;--fs-ct:1.15rem;--fs-st:1.5rem;--fs-bt:clamp(1.5rem,2.4vw,2rem)}
.val p,.he-wg p,.he-t p,.sol p,.txtw p,.t3 p,.bx-c p,.caps-note,.stat p,.pr-card p,.pub .ex,.he-org p,.mk-fl p,.mk-how p{font-size:var(--fs-card)!important;line-height:1.6!important}
.bx-head p,.ep-who-h p,.ep-why-txt p,.he-head p,.ig-head p,.an-sub,.s-first,.e-txt,.wh-txt p,.al-txt p,.an-txt p,.val-intro,.al-intro,.ar-d,.t-first,.an-intro,.ep-es-lead,.lede{font-size:var(--fs-intro)!important;line-height:1.7!important}
.val h3,.he-t h3,.mk-fl h3,.he-wg h3,.sol h3,.txtw h3,.mk-how h3,.ep-why h3,.bx-c h3,.pr-card h3,.ep-why-items h3,#epi-porque h3{font-size:var(--fs-ct)!important;line-height:1.3!important}
.an-txt h3,.calc-in h3,.he-promise h3,.igd-body h3,.sol.feat h3,.mk-how>div>h3{font-size:var(--fs-st)!important;line-height:1.25!important}
.sub-title,.ar-svc h3,.swap h3,.wh-txt h3,.pub.big h3,.pub.feat h3{font-size:var(--fs-bt)!important;line-height:1.15!important}
.tw-head h3{font-size:clamp(1.8rem,3.2vw,2.8rem)!important;line-height:1.12!important}
.t3 h3{font-size:.78rem!important}
@media (max-width:600px){:root{--fs-intro:1rem}.lede,.v-lead{line-height:1.65!important}}
/* ===== Ritmo vertical homologado ===== */
:root{--sec:clamp(56px,7vw,96px)}
.view>.v-hero{padding-top:clamp(64px,8.5vw,120px)!important;padding-bottom:clamp(56px,7vw,96px)!important}
#epione.epione{padding-top:clamp(64px,8vw,120px)!important;padding-bottom:clamp(64px,8vw,120px)!important}
.view>.wrap.e-sec,.view .e-sec,#epi-es,#epi-porque,#epi-como-funciona,#epm-expertos,#epm-incluye,.view>.wrap.t-list,#view-soluciones>.wrap{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}
#epm-expertos+.wrap.e-sec{padding-top:0!important}
#epi-es{padding-bottom:0!important}
#epi-beneficios{padding-bottom:var(--sec)!important}#epi-video{padding-bottom:var(--sec)!important}
.al-list{padding-top:clamp(40px,5vw,64px)!important;padding-bottom:var(--sec)!important}
.cmp{padding-bottom:var(--sec)!important}
.recursos h3,#recursos h3[style]{font-size:var(--fs-st)!important}
@media (max-width:480px){.mk-filters{grid-template-columns:1fr!important}.mk-seg{width:100%;border-radius:12px}.mk-seg b,.mk-seg span{flex:1;text-align:center;padding:8px 6px;font-size:.78rem;line-height:1.25}}
.wa{transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s}
@media (max-width:760px){.wa .wa-btn{width:48px!important;height:48px!important}.wa .wa-btn svg{width:26px;height:26px}.wa.wa-hide{transform:translateY(120%);opacity:0;pointer-events:none}}
@media (max-width:600px){
.team-toggle .tt-av{display:none}.team-toggle{padding:16px 18px}.team-toggle .tt-txt{flex:1;min-width:0}
.inno-band{flex-direction:column;align-items:flex-start;gap:14px;padding-right:22px}.inno-band::after{width:70px;height:70px;right:0;top:0}.inno-band>div{position:relative;z-index:1}
.sector .art{min-height:0!important;aspect-ratio:4/3}
}
.es-list li{display:grid;gap:6px}
.es-list .es-t{font-weight:600;color:var(--char);font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.35}
.es-list .es-d{font-size:.95rem;line-height:1.6;color:var(--muted)}
@media (min-width:1001px){[data-caps="full"] .caps-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.mk-pl.neg{background:#fbe9e9!important;color:var(--red)!important}
.lg-body{max-width:860px;padding-top:var(--sec);padding-bottom:var(--sec);color:var(--fg);font-size:var(--fs-intro);line-height:1.75}
.lg-body h3{font-size:var(--fs-ct);color:var(--char);margin:32px 0 10px}
.lg-body p{margin:0 0 14px}.lg-body a{color:var(--red)}
.lg-list{margin:0 0 16px;padding-left:22px;display:grid;gap:4px}.lg-list li::marker{color:var(--red)}
.lg-tw{overflow-x:auto;margin:6px 0 18px}.lg-t{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.lg-t th{text-align:left;background:var(--mist);color:var(--char);font-weight:600;padding:10px 12px}.lg-t td{padding:10px 12px;border-top:1px solid var(--line)}
.lg-date{color:var(--muted);font-size:.9rem;margin-top:24px}
.fbot a{color:inherit;text-decoration:none}.fbot a:hover{color:var(--red);text-decoration:underline}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--muted);line-height:1.5;cursor:pointer}
.consent input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--red);flex:none}.consent a{color:var(--red)}
.formmsg.err{color:var(--red)}.formmsg.ok{color:#1f9d74}
.al-logo img[alt="Medinet"]{max-height:64px}
.fm-send{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.fm-send a,.fm-send button{all:unset;cursor:pointer;font:600 .85rem var(--f-head);padding:8px 14px;border-radius:999px;border:1.5px solid var(--red);color:var(--red);background:#fff}.fm-send a:first-child{background:var(--red);color:#fff}.fm-send a:hover,.fm-send button:hover{background:var(--red);color:#fff}

/* pantallas muy angostas (≤360px): servicios en 2 columnas para que no se corte 'procedimientos' */
@media (max-width:360px){.view .sl-diag{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.view .sl-diag .sd-dev{padding:14px 8px!important}.ap-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-list li:last-child:nth-child(odd){grid-column:1/-1}}

/* Cómo funciona (epione) en celular: una tarjeta por renglón, número a la izquierda y texto a todo lo ancho */
@media (max-width:560px){
  .e-flow{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin-top:28px!important}
  .e-flow li{width:100%;min-width:0;box-sizing:border-box;grid-template-columns:36px minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:start;align-content:start;padding:16px 18px}
  .e-flow li span{grid-row:1/span 2;width:36px;height:36px}
  .e-flow li h4,.e-flow li p{grid-column:2;margin:0;min-width:0;overflow-wrap:break-word}
  .e-flow li h4{line-height:1.3;padding-top:6px}
}