/* --- carrusel de pantallas --- */
.epc{display:grid;gap:14px}
.epc-stage{display:grid}
.epc-s{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px) scale(.99);transition:opacity .6s ease,transform .6s ease,visibility 0s .6s}
.epc-s.on{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease,transform .6s ease}
.epc-s:not(.on) *{animation-play-state:paused}
.epc-tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.epc-tabs button{all:unset;cursor:pointer;position:relative;padding:8px 14px 10px;font-weight:600;font-size:.86rem;color:var(--muted);border-radius:999px;overflow:hidden}
.epc-tabs button i{position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:var(--line);overflow:hidden}
.epc-tabs button i::after{content:"";position:absolute;inset:0;background:var(--red);transform:scaleX(var(--p,0));transform-origin:left}
.epc-tabs button[aria-selected="true"]{color:var(--char)}
.epc-tabs button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
/* --- home: sección Epione en claro --- */
.epione{background:linear-gradient(180deg,#f4f4f5,#ececee);color:var(--fg)}
.epione h2{color:var(--char)}
.epione .lede{color:var(--muted)}
.ep-brand .tagline{color:var(--muted)}
.epione .btn.ghost-w,.v-hero .btn.ghost-w{border-color:var(--char);color:var(--char)}
.epione .btn.ghost-w:hover,.v-hero .btn.ghost-w:hover{background:var(--char);color:#fff}
.ep-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
@media (max-width:980px){.ep-grid{grid-template-columns:1fr}}
.epione .term::after{background:var(--char);color:#fff}
/* --- soluciones (home): tarjeta Epione en claro --- */
.sol.feat{background:#fff;border:2px solid var(--char);color:var(--fg)}
.sol.feat h3{color:var(--char)}.sol.feat p{color:var(--muted)}
.sol.feat .chips span{border-color:var(--line);color:var(--char)}
.sol.feat .link{color:var(--char)}
.sol.feat::before{opacity:.95}
/* --- encabezados de páginas internas en claro --- */
.v-hero{background:linear-gradient(180deg,#f7f7f8 0%,#efeff1 100%);color:var(--char)}
.v-hero h1{color:var(--char)}
.v-hero h1 .thin{color:var(--red)}
.v-lead{color:var(--muted)}
.v-lead2{color:var(--muted)}
.s-chips.dark span{background:#fff;color:var(--char);border:1px solid var(--line)}
.pl-stats b{color:var(--char)}.pl-stats span{color:var(--muted)}
.v-art{opacity:1}
.e-sub{color:var(--char)}
.e-hero .e-logo{width:min(200px,50vw)}
.e-hero .wrap.v-hero-in{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.e-hero .e-app{min-width:0}
/* --- bandas oscuras de Epione → claras --- */
.e-dark{background:var(--mist)}
.e-dark .e-split h2{color:var(--char)}
.e-dark .e-txt{color:var(--muted)}
.e-flow li{background:#fff;border:1px solid var(--line)}
.e-flow h4{color:var(--char)}.e-flow p{color:var(--muted)}
.ep-h h3{color:var(--char)}.ep-h h3 .thin{color:var(--red)}.ep-h p{color:var(--muted)}
.mod{background:#fff;border:1px solid var(--line)}
.mod .tag{color:var(--red)}.mod h4{color:var(--char)}
.mod li{color:var(--fg);background:var(--mist)}
.mod li:hover{background:#f8e8e8}
.mod li svg{stroke:var(--ok)}
.ep-video .cap{color:var(--muted)}
/* --- Epione es: pantallas --- */
.es-shot .epw{font-size:12.5px}
.es-panel{grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr)}
/* --- ¿Por qué? --- */
.ep-ic{width:64px;height:64px;border-radius:18px;background:#f8e8e8;color:var(--red);display:grid;place-items:center}
.ep-ic .ic{width:30px;height:30px}
/* --- ¿Para quién? --- */
.ep-who{background:var(--char);color:#fff}
.ep-who-h{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ep-who-h .kicker{color:#fff}.ep-who-h .kicker::before{background:#fff}
.ep-who h2{color:#fff;margin-top:10px}.ep-who h2 .thin{color:#fff;opacity:.85}
.ep-who-h p{color:#d6d6d9;max-width:40ch;margin:0;font-size:1.05rem}
.ep-who-g{list-style:none;padding:0;margin:clamp(28px,4vw,44px) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);border-radius:22px;overflow:hidden}
.ep-who-g li{background:var(--char);padding:clamp(22px,3vw,34px);display:grid;gap:14px;align-content:start;transition:background .3s}
.ep-who-g li:hover{background:var(--red)}
.ep-who-g li span{width:52px;height:52px;border-radius:14px;background:#fff;color:var(--red);display:grid;place-items:center}
.ep-who-g li span .ic{width:26px;height:26px}
.ep-who-g b{font:600 1.2rem var(--f-head);color:#fff}
.ep-who .ep-go a{color:#fff}
@media (max-width:760px){.ep-who-g{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.ep-who-g{grid-template-columns:1fr}}
/* --- Análisis --- */
.an-scr .epw{font-size:13px}
.an-scr .epw-body{min-height:0}
/* --- Productos --- */
.pr-img .illus{width:100%;height:100%;max-height:170px}
.pr-detail-img .illus{width:min(100%,360px);height:auto}
/* --- Soluciones --- */
.ap-ic{width:min(96px,100%);aspect-ratio:1;border-radius:50%;background:#f8e8e8;color:var(--red);display:grid;place-items:center;transition:background .3s,color .3s}
.ap-ic .ic{width:42%;height:42%}
.ap-list li:hover .ap-ic{background:var(--red);color:#fff}
.sl-diag{margin-top:28px;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr) minmax(0,.7fr);gap:20px;align-items:center}
.sd-col{display:grid;gap:16px}
.sd-dev{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;justify-items:center;gap:6px;text-align:center;position:relative}
.sd-dev .illus{width:110px;height:110px}
.sd-dev b{font-size:.9rem;color:var(--char)}
.sd-col:first-child .sd-dev::after,.sd-col:last-child .sd-dev::after{content:"";position:absolute;top:50%;width:20px;height:2px;background:var(--red)}
.sd-col:first-child .sd-dev::after{right:-21px}.sd-col:last-child .sd-dev::after{left:-21px}
.sd-mid{display:grid;gap:8px;text-align:center}
.sd-mid .epw{font-size:11px}
.sd-mid b{color:var(--char)}.sd-mid small{color:var(--muted)}
@media (max-width:900px){.sl-diag{grid-template-columns:1fr 1fr}.sd-mid{grid-column:1/-1;order:-1}.sd-dev::after{display:none}}
.nv-art .illus{width:92px;height:92px}
.nv-dev li .nv-art{display:block}
.bn-ic{width:52px;height:52px;border-radius:14px;background:#fff;color:var(--red);display:grid;place-items:center;box-shadow:0 1px 2px rgba(61,62,64,.08)}
.bn-ic .ic{width:26px;height:26px}
/* --- ícono genérico --- */
.ic{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* --- hero doHealth: fotos más grandes --- */
.hero .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.visual{max-width:700px;aspect-ratio:1.08/1}
.hero-car{inset:2% 2% 6% 4%}
@media (max-width:900px){.visual{max-width:560px}}
/* --- home sección epione: carrusel --- */
.ep-car .epw{font-size:12.5px}

/* v2b: sin rojo sobre gris oscuro */
.logos .lbl{color:var(--char)}
.ltrack span{color:rgba(61,62,64,.85)}
.ltrack img.mono{filter:none}
.ltrack img{opacity:.9}
.trio{background:linear-gradient(180deg,#f4f4f5 0 110px,var(--bg) 110px)}
footer{background:#f4f4f5;color:var(--muted);border-top:1px solid var(--line)}
footer h4{color:var(--char)}
footer a:hover{color:var(--red)}
footer .word .d{color:var(--char)}
.fbot{border-top-color:var(--line)}
.calc-out{background:var(--red)}
.calc-out::after{background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.16) 50%)}
.calc-big small,.calc-note{color:rgba(255,255,255,.85)}
.calc-out .btn.red{background:#fff;border-color:#fff;color:var(--red)}
.calc-out .btn.red .arr{background:var(--red);color:#fff}
span.ew{display:inline!important;width:auto!important;height:auto!important;background:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important;animation:none!important}
.ep-who-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
.ep-who-h>div{display:grid}
@media (max-width:760px){.ep-who-h{grid-template-columns:1fr}}
.social a{background:#fff;border:1px solid var(--line)}.social a svg{fill:var(--char)}.social a:hover svg{fill:#fff}
@media (max-width:980px){.e-hero .wrap.v-hero-in{grid-template-columns:1fr}}
@media (max-width:860px){.es-panel{grid-template-columns:1fr}.ep-grid{grid-template-columns:1fr}}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}
@media (max-width:760px){.v-art{opacity:.14}}
/* hero: fotos más grandes */
.hero .wrap{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:32px}
.visual{max-width:780px;aspect-ratio:1.12/1}
.hero-car{inset:3% 3% 7% 5%}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}.visual{max-width:600px}}
.ltrack{gap:56px}
.ltrack img{mix-blend-mode:multiply;opacity:1}
.e-vhead{margin-top:clamp(48px,7vw,80px);margin-bottom:20px}.e-vhead h3{font-size:clamp(1.5rem,2.8vw,2.1rem);margin-top:10px}
.e-video{margin-top:0}
.tw-head h3 .thin{font-family:var(--f-light);font-weight:300;color:var(--red)}
.tw-logos button img{max-width:100%}
/* revisión epione */
.eh-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;max-width:1280px!important;margin-inline:auto}
.ep-head{padding:clamp(56px,7vw,96px) 0 clamp(48px,6vw,80px)!important;background:linear-gradient(180deg,#fafafa,#f1f1f2)!important}
.ep-head::after{content:"";position:absolute;right:0;top:0;width:min(34vw,420px);aspect-ratio:1;background:linear-gradient(225deg,rgba(188,24,24,.09) 0 50%,transparent 50%);pointer-events:none}
.eh-vis{position:relative;z-index:1}
.eh-scr{transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);transform-origin:left center;filter:drop-shadow(0 30px 40px rgba(61,62,64,.18))}
.eh-scr .epw{font-size:12px}
.eh-prods{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto;gap:14px;max-width:520px;justify-self:end;width:100%}
.eh-p{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);display:grid;place-items:center;padding:18px;aspect-ratio:1}
.eh-p svg{width:100%;height:100%;max-height:180px}
.eh-p.p1{grid-row:span 2;aspect-ratio:auto}
.eh-p.p1 svg{max-height:340px}
@media (max-width:900px){.eh-grid{grid-template-columns:1fr}.eh-scr{transform:none}.eh-prods{justify-self:start;max-width:420px}}
/* para quién claro */
.ep-who{background:var(--mist)!important;color:var(--char)!important}
.ep-who-h .kicker{color:var(--red)!important}.ep-who-h .kicker::before{background:var(--red)!important}
.ep-who h2{color:var(--char)!important}.ep-who h2 .thin{color:var(--red)!important;opacity:1!important}
.ep-who-h p{color:var(--muted)!important}
.ep-who-g{background:transparent!important;gap:14px!important;border-radius:0!important;overflow:visible!important}
.ep-who-g li{background:#fff!important;border:1px solid var(--line);border-radius:20px;transition:transform .3s,box-shadow .3s,border-color .3s!important}
.ep-who-g li:hover{background:#fff!important;transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.ep-who-g li span{background:#f8e8e8!important}
.ep-who-g li:hover span{background:var(--red)!important;color:#fff!important}
.ep-who-g b{color:var(--char)!important}
.ep-who .ep-go a{color:var(--red)!important}
/* cómo funciona en blanco */
#view-epione .e-dark{background:#fff}
.eh-prods{grid-template-columns:1fr 1fr!important;max-width:420px!important}
.eh-p.p1{grid-row:auto!important;aspect-ratio:1!important}
.eh-p.p1 svg{max-height:150px!important}
.eh-p svg{max-height:130px!important}
.eh-p:nth-child(2),.eh-p:nth-child(4){transform:translateY(28px)}
@media (max-width:760px){.ep-who-g{grid-template-columns:1fr 1fr!important;gap:10px!important}.ep-who-g li{padding:18px!important}.ep-who-g b{font-size:1rem!important}}
.f-iso{height:40px;width:auto;display:block}
h1 .ew,h2 .ew,h3 .ew{font-weight:700;letter-spacing:-.025em}
.ps .ps-stage{width:100%;height:100%;display:block;background:#fff}
.ps .ps-stage text{font-family:Cabin,var(--f-head),sans-serif}
.ps .prog{cursor:pointer;height:6px}
.ps:fullscreen{border-radius:0;background:#000;display:grid;place-items:center}.ps:fullscreen .ps-stage{max-height:100vh}
.ps{aspect-ratio:auto!important;background:#fff!important;display:flex;flex-direction:column;box-shadow:0 30px 70px -30px rgba(61,62,64,.45)!important;border:1px solid var(--line)}
.ps .ps-stage{aspect-ratio:16/9;height:auto}
.ps .prog{position:relative!important;height:6px!important;background:var(--mist)!important}
.ps .ctrl{position:static!important;padding:12px 16px;background:#fff;order:3}
.ps .vbtn{background:var(--mist);box-shadow:none}.ps .vbtn:hover{background:var(--line)}
.ps:fullscreen .ps-stage{width:100%;height:calc(100vh - 70px);aspect-ratio:auto}
/* para quién: explorador */
.wh{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px;margin-top:clamp(28px,4vw,44px);align-items:start}
.wh-list{display:grid;gap:8px}
.wh-list button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:16px;background:#fff;border:1px solid var(--line);transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.wh-list button:hover{transform:translateX(3px)}
.wh-list .wh-ic{width:44px;height:44px;border-radius:12px;background:#f8e8e8;color:var(--red);display:grid;place-items:center;transition:background .25s,color .25s}
.wh-list .wh-ic svg{width:22px;height:22px}
.wh-list b{font:600 1rem var(--f-head);color:var(--char)}
.wh-list .arr{font-style:normal;color:var(--muted);opacity:0;transition:opacity .25s,transform .25s}
.wh-list button[aria-selected="true"]{background:var(--char);border-color:var(--char);box-shadow:var(--shadow)}
.wh-list button[aria-selected="true"] b{color:#fff}
.wh-list button[aria-selected="true"] .wh-ic{background:var(--red);color:#fff}
.wh-list button[aria-selected="true"] .arr{opacity:1;color:#fff;transform:translateX(2px)}
.wh-list button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.wh-stage{background:#fff;border-radius:26px;box-shadow:var(--shadow);padding:clamp(22px,3vw,36px);position:relative;overflow:hidden;min-height:100%}
.wh-stage::after{content:"";position:absolute;right:0;top:0;width:90px;height:90px;background:linear-gradient(225deg,var(--red) 0 50%,transparent 50%);pointer-events:none}
.wh-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,3vw,36px);align-items:center}
.wh-panel.on{animation:tqIn .5s cubic-bezier(.2,.7,.2,1) both}
.wh-n{font:600 .78rem var(--f-head);letter-spacing:.14em;color:var(--red)}
.wh-txt h3{font-size:clamp(1.5rem,2.6vw,2rem);margin:10px 0 10px;color:var(--char)}
.wh-txt p{color:var(--fg);font-size:1.06rem;line-height:1.6;margin:0 0 16px}
.wh-txt ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.wh-txt li{display:flex;gap:10px;align-items:flex-start;color:var(--char);font-weight:500;line-height:1.45}
.wh-txt li::before{content:"";flex:none;width:10px;height:10px;margin-top:6px;background:linear-gradient(135deg,var(--red) 50%,var(--char) 50%)}
.wh-scr .epw{font-size:11px}
@media (max-width:1000px){.wh{grid-template-columns:1fr}.wh-list{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.wh-list::-webkit-scrollbar{display:none}.wh-list .arr{display:none}.wh-list button{grid-template-columns:36px auto;padding:8px 14px 8px 8px}.wh-list .wh-ic{width:36px;height:36px}}
@media (max-width:760px){.wh-panel{grid-template-columns:1fr}.wh-stage::after{width:56px;height:56px}}
.wh-panel[hidden]{display:none!important}
/* pantallas epione responsivas al contenedor */
.epw-main{container-type:inline-size;container-name:epm;min-width:0}
.epw-kpis{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}
.epw-t{table-layout:fixed}
.epw-t td.mono:first-child{width:3.4em}
.epw-t td.mono:last-child{width:5.2em;text-align:right}
.epw-t td b,.epw-t td small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@container epm (max-width:540px){.epw-split{grid-template-columns:1fr}.ch-d{grid-template-columns:96px minmax(0,1fr)}}
@container epm (max-width:360px){.epw-t td.mono:last-child{display:none}}
.ch-d li{grid-template-columns:10px minmax(0,1fr) auto!important}
.ch-d li>span,.ch-d li{min-width:0}
.ch-d li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-apps-ic{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}
.pr-apps-ic li{background:#fff!important;border:1px solid var(--line);border-radius:16px!important;padding:14px 8px!important;display:grid;justify-items:center;gap:8px;text-align:center;color:var(--char)!important;font:600 .74rem/1.25 var(--f-head)!important;letter-spacing:.06em;text-transform:uppercase}
.pa-ic svg{width:46px;height:46px;display:block}
@media (max-width:560px){.pr-apps-ic{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* punto de uso dinámico */
.sl-diag{position:relative}
.sd-flow{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.sd-flow path{fill:none;stroke:#d9a3a3;stroke-width:2;stroke-dasharray:5 6}
.sd-flow circle{fill:var(--red)}
.sd-col,.sd-mid{position:relative;z-index:1}
.sd-col .sd-dev::after{display:none!important}
.sd-dev{transition:box-shadow .35s,border-color .35s,transform .35s}
.sd-dev.ping{border-color:var(--red);box-shadow:0 0 0 6px rgba(188,24,24,.12),var(--shadow);transform:translateY(-2px)}
.sd-scr .epc-tabs{margin-top:10px}
.sd-scr .epc-stage{transition:box-shadow .3s}
.sd-scr.hit .epc-stage{box-shadow:0 0 0 3px rgba(188,24,24,.25);border-radius:18px}
.sd-feed{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;text-align:left;margin-top:4px}
.sd-feed-h{display:flex;align-items:center;gap:8px;font:600 .72rem var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sd-feed-h i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(31,157,116,.5);animation:ping 1.6s infinite}
.sd-feed ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;min-height:118px}
.sd-feed li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:.84rem;color:var(--fg);padding:6px 8px;border-radius:10px;background:var(--mist);animation:sdIn .45s cubic-bezier(.2,.7,.2,1) both}
.sd-feed li b{font-weight:600;color:var(--char);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-feed li em{font-style:normal;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#f8e8e8;color:var(--red);white-space:nowrap}
.sd-feed li em.ok{background:#e4f5ef;color:var(--ok)}
.sd-feed li time{font-family:var(--f-mono);font-size:.76rem;color:var(--muted)}
@keyframes sdIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (max-width:900px){.sd-flow{display:none}}
/* punto de uso v2 */
.sl-diag{grid-template-columns:minmax(0,.62fr) minmax(0,1.6fr) minmax(0,.62fr)!important;gap:28px!important;align-items:center!important}
.sd-col{gap:18px!important}
.sd-dev{padding:18px 14px!important}
.sd-mid{gap:14px!important}
.sd-cap{display:grid;gap:2px}
.sd-cap b{font:600 1.05rem var(--f-head);color:var(--char)}.sd-cap small{color:var(--muted)}
.sd-scr .epc-tabs{order:-1;margin:0 0 4px!important}
.sd-scr .epc-stage{transition:height .5s cubic-bezier(.2,.7,.2,1),box-shadow .3s;overflow:hidden;border-radius:18px;align-items:start}
.sd-feed{margin-top:28px!important;padding:16px 18px!important}
.sd-feed ul{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0!important;gap:10px!important}
.sd-feed li{padding:10px 12px!important}
@media (max-width:900px){.sd-feed ul{grid-template-columns:1fr}.sl-diag{grid-template-columns:1fr 1fr!important}}
.f-iso{height:26px!important}
/* beneficios */
.bn-grid{background:none!important;padding:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.bn-c{display:flex!important;flex-direction:column;gap:12px!important;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 22px 26px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.bn-c:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.bn-c::after{content:"";position:absolute;right:0;top:0;width:46px;height:46px;background:linear-gradient(225deg,var(--line) 0 50%,transparent 50%);transition:background .3s}
.bn-c:hover::after{background:linear-gradient(225deg,var(--red) 0 50%,transparent 50%)}
.bn-top{display:flex;justify-content:space-between;align-items:center}
.bn-c .bn-ic{width:52px;height:52px;border-radius:14px;background:#f8e8e8;color:var(--red);display:grid;place-items:center}
.bn-c .bn-ic svg{width:26px;height:26px}
.bn-n{font:300 2rem/1 var(--f-light);color:var(--line);margin-right:34px}
.bn-tag{font:600 .74rem var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-top:6px}
.bn-c p{margin:0;font:500 1.05rem/1.45 var(--f-head);color:var(--char)}
.bn-c.acc{background:var(--char);border-color:var(--char)}
.bn-c.acc p{color:#fff}.bn-c.acc .bn-tag{color:#ff9d98}.bn-c.acc .bn-n{color:rgba(255,255,255,.25)}
.bn-c.acc .bn-ic{background:var(--red);color:#fff}
.bn-c.acc::after{background:linear-gradient(225deg,var(--red) 0 50%,transparent 50%)}
@media (max-width:1000px){.bn-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:520px){.bn-grid{grid-template-columns:1fr!important}}
.bn-c{align-items:stretch!important;text-align:left!important;justify-items:stretch!important}.bn-top{width:100%}.bn-tag{align-self:flex-start}
/* beneficios intercalados */
@media (min-width:1001px){.bn-grid .bn-c:nth-child(1),.bn-grid .bn-c:nth-child(3),.bn-grid .bn-c:nth-child(6),.bn-grid .bn-c:nth-child(8){background:var(--char);border-color:var(--char)}.bn-grid .bn-c:nth-child(1) p,.bn-grid .bn-c:nth-child(3) p,.bn-grid .bn-c:nth-child(6) p,.bn-grid .bn-c:nth-child(8) p{color:#fff}.bn-grid .bn-c:nth-child(1) .bn-tag,.bn-grid .bn-c:nth-child(3) .bn-tag,.bn-grid .bn-c:nth-child(6) .bn-tag,.bn-grid .bn-c:nth-child(8) .bn-tag{color:#ff9d98}.bn-grid .bn-c:nth-child(1) .bn-n,.bn-grid .bn-c:nth-child(3) .bn-n,.bn-grid .bn-c:nth-child(6) .bn-n,.bn-grid .bn-c:nth-child(8) .bn-n{color:rgba(255,255,255,.25)}.bn-grid .bn-c:nth-child(1) .bn-ic,.bn-grid .bn-c:nth-child(3) .bn-ic,.bn-grid .bn-c:nth-child(6) .bn-ic,.bn-grid .bn-c:nth-child(8) .bn-ic{background:var(--red);color:#fff}.bn-grid .bn-c:nth-child(1)::after,.bn-grid .bn-c:nth-child(3)::after,.bn-grid .bn-c:nth-child(6)::after,.bn-grid .bn-c:nth-child(8)::after{background:linear-gradient(225deg,var(--red) 0 50%,transparent 50%)}
}
@media (min-width:521px) and (max-width:1000px){.bn-grid .bn-c:nth-child(1),.bn-grid .bn-c:nth-child(4),.bn-grid .bn-c:nth-child(5),.bn-grid .bn-c:nth-child(8){background:var(--char);border-color:var(--char)}.bn-grid .bn-c:nth-child(1) p,.bn-grid .bn-c:nth-child(4) p,.bn-grid .bn-c:nth-child(5) p,.bn-grid .bn-c:nth-child(8) p{color:#fff}.bn-grid .bn-c:nth-child(1) .bn-tag,.bn-grid .bn-c:nth-child(4) .bn-tag,.bn-grid .bn-c:nth-child(5) .bn-tag,.bn-grid .bn-c:nth-child(8) .bn-tag{color:#ff9d98}.bn-grid .bn-c:nth-child(1) .bn-n,.bn-grid .bn-c:nth-child(4) .bn-n,.bn-grid .bn-c:nth-child(5) .bn-n,.bn-grid .bn-c:nth-child(8) .bn-n{color:rgba(255,255,255,.25)}.bn-grid .bn-c:nth-child(1) .bn-ic,.bn-grid .bn-c:nth-child(4) .bn-ic,.bn-grid .bn-c:nth-child(5) .bn-ic,.bn-grid .bn-c:nth-child(8) .bn-ic{background:var(--red);color:#fff}.bn-grid .bn-c:nth-child(1)::after,.bn-grid .bn-c:nth-child(4)::after,.bn-grid .bn-c:nth-child(5)::after,.bn-grid .bn-c:nth-child(8)::after{background:linear-gradient(225deg,var(--red) 0 50%,transparent 50%)}
}
@media (max-width:520px){.bn-grid .bn-c:nth-child(odd){background:var(--char);border-color:var(--char)}.bn-grid .bn-c:nth-child(odd) p{color:#fff}.bn-grid .bn-c:nth-child(odd) .bn-tag{color:#ff9d98}.bn-grid .bn-c:nth-child(odd) .bn-n{color:rgba(255,255,255,.25)}.bn-grid .bn-c:nth-child(odd) .bn-ic{background:var(--red);color:#fff}.bn-grid .bn-c:nth-child(odd)::after{background:linear-gradient(225deg,var(--red) 0 50%,transparent 50%)}
}
.bn-c .bn-n{transition:color .3s}.bn-grid .bn-c:hover .bn-n{color:var(--red)!important}
/* hero: indicadores a la derecha, apilados */
.hero .wrap{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important}
.visual{max-width:none!important;aspect-ratio:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:repeat(3,auto);column-gap:18px;row-gap:14px;align-content:center;align-items:center}
.visual .hero-car{position:relative!important;inset:auto!important;grid-column:1;grid-row:1/4;aspect-ratio:.92;width:100%}
.visual .float{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;grid-column:2;margin:0;display:block!important}
.visual .f1{grid-row:1}.visual .f2{grid-row:2}.visual .f3{grid-row:3}
.visual .f2 b{font-size:1.6rem}
.visual .f3 .rowmini{flex-wrap:wrap}
.visual .f3 #hEvt{white-space:normal;overflow:visible;font-size:.85rem;line-height:1.35}
.hc-slide img{object-position:70% 40%}
@media (max-width:1100px){.visual{grid-template-columns:minmax(0,1fr) 200px}}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr!important}.visual{max-width:640px!important}}
@media (max-width:600px){.visual{grid-template-columns:1fr;margin-bottom:0!important}.visual .hero-car{grid-row:1;aspect-ratio:1.1}.visual .float{grid-column:1}.visual .f1{grid-row:2}.visual .f2{grid-row:3}.visual .f3{grid-row:4}}
@media (min-width:601px){.visual{grid-template-rows:1fr auto auto auto 1fr!important}.visual .hero-car{grid-row:1/6!important}.visual .f1{grid-row:2!important}.visual .f2{grid-row:3!important}.visual .f3{grid-row:4!important}}
/* hero foto más grande */
.hero .wrap{grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr)!important;gap:28px!important}
.visual{grid-template-columns:minmax(0,1fr) 210px!important;column-gap:16px!important}
.visual .hero-car{aspect-ratio:1.3!important}
.hc-slide:first-child img{object-position:38% 55%!important}
@media (max-width:1100px){.hero .wrap{grid-template-columns:1fr!important}.visual{max-width:900px!important}}
@media (max-width:600px){.visual{grid-template-columns:1fr!important}.visual .hero-car{aspect-ratio:1.35!important}}
.visual .hero-car{aspect-ratio:1.5!important}
.hc-slide:first-child img{object-position:20% 50%!important}
@media (max-width:600px){.visual .hero-car{aspect-ratio:1.45!important}}
.hero .wrap{grid-template-columns:minmax(0,.64fr) minmax(0,1.36fr)!important}
.visual{grid-template-columns:minmax(0,1fr) 196px!important}
.visual .hero-car{aspect-ratio:1.42!important}
.hc-slide figcaption{top:22px!important;bottom:auto!important}
.hc-dots{top:auto!important}
.hero-car::after{background:linear-gradient(180deg,rgba(30,31,33,.55),rgba(30,31,33,0) 30%,rgba(30,31,33,0) 82%,rgba(30,31,33,.45))!important}
@media (max-width:1100px){.hero .wrap{grid-template-columns:1fr!important}}
@media (max-width:600px){.visual{grid-template-columns:1fr!important}.visual .hero-car{aspect-ratio:1.4!important}}
.hero h1 .thin{display:block!important}