/* arescore-web 1.12 */
@font-face{font-family:Syne;src:url(/recursos/fuentes/syne-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Syne;src:url(/recursos/fuentes/syne-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:DM;src:url(/recursos/fuentes/dm-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url(/recursos/fuentes/dm-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:DM;src:url(/recursos/fuentes/dm-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--g:#0F172A;--g2:#1E293B;--tx:#0F172A;--tx2:#475569;--tx3:#64748B;--bg:#F8FAFC;--sf:#fff;--ln:#E2E8F0;--ac:#6366F1;--r:18px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{overflow-x:clip;overflow-wrap:break-word;margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.6 DM,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}img,svg{display:block}
.w{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:Syne,DM,system-ui,sans-serif;line-height:1.1;letter-spacing:-.01em;margin:0}
.top{position:sticky;top:0;z-index:20;background:rgba(15,23,42,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}
.top .w{display:flex;align-items:center;gap:18px;height:64px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 21px Syne,sans-serif;letter-spacing:-.01em}
.marca svg{width:47px;height:30px}.marca .co{font-weight:800;color:#60A5FA}
.top nav{margin-left:auto;display:flex;gap:4px}
.top nav a{text-decoration:none;font-weight:500;font-size:15px;padding:8px 12px;border-radius:10px;color:#CBD5E1}
.top nav a:hover,.top nav a.on{color:#fff;background:rgba(255,255,255,.08)}
@media (max-width:640px){.top nav a.solo-ancho{display:none}.top nav a{padding:8px 7px;font-size:14px}.top .w{gap:8px}.top .marca{font-size:18px;gap:7px}.top .marca svg{width:36px;height:23px}}@media (max-width:380px){.top .marca{font-size:16.5px;gap:6px}.top .marca svg{width:31px;height:20px}.top nav a{font-size:13.5px;padding:8px 6px}}@media (max-width:340px){.top nav a.no-mini{display:none}}
.hero{background:radial-gradient(120% 90% at 85% 0%,#312E81 0%,#0F172A 55%) ,#0F172A;color:#fff;padding:84px 0 92px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%)}
.hero .w{position:relative}
.hero .eti{display:inline-block;font:700 12px DM;letter-spacing:.16em;text-transform:uppercase;color:#A5B4FC;border:1px solid rgba(165,180,252,.35);padding:6px 12px;border-radius:999px}
.hero h1{font-size:clamp(32px,6vw,62px);font-weight:700;margin:22px 0 18px;max-width:820px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#A5B4FC,#F0ABFC);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:clamp(17px,2.2vw,20px);color:#CBD5E1;max-width:660px;margin:0 0 30px}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:14px;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer}
.btn.pri{background:#fff;color:var(--g)}.btn.sec{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18)}
.btn.osc{background:var(--g);color:#fff}.btn.lin{background:var(--sf);color:var(--g);border:1.5px solid var(--ln)}
section{padding:72px 0}
.st{font:700 13px DM;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);margin-bottom:10px}
.sec-t{font-size:clamp(26px,4vw,40px);font-weight:700;margin-bottom:12px}
.sec-p{color:var(--tx2);max-width:680px;margin:0 0 34px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.prod{display:flex;flex-direction:column;gap:12px;background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}
.prod:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.10)}
.prod:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--c),var(--c2))}
.ico{flex:none;width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,var(--c),var(--c2));color:#fff;display:flex;align-items:center;justify-content:center;font:800 17px Syne,sans-serif;letter-spacing:-.02em;box-shadow:0 8px 18px -6px var(--c)}
.ico.l3{font-size:13.5px}.ico.img{background:#070B18;overflow:hidden;padding:0}.ico.img img{width:100%;height:100%;display:block}.ph .ico.l3{font-size:17px}
.prod .sect{font:700 12px DM;letter-spacing:.12em;text-transform:uppercase;color:var(--tx3)}
.prod h3{font-size:23px}
.prod p{margin:0;color:var(--tx2);font-size:15.5px;line-height:1.5}
.prod .mas{margin-top:auto;font-weight:700;font-size:15px;color:var(--c2)}
.dos{display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}@media (min-width:860px){.dos{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:24px}
.datos{list-style:none;margin:0;padding:0}.datos li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--ln);font-size:15.5px}.datos li:last-child{border:0}
.datos b{min-width:118px;color:var(--tx3);font-weight:500}.datos li>span{min-width:0;overflow-wrap:anywhere}@media (max-width:400px){.datos li{flex-direction:column;gap:2px}.datos b{min-width:0}}
.valores{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}
.valor{padding:20px;border-radius:var(--r);background:var(--sf);border:1px solid var(--ln)}.valor b{display:block;font:700 18px Syne,sans-serif;margin-bottom:6px}.valor span{color:var(--tx2);font-size:15.5px}
footer{background:var(--g);color:#94A3B8;padding:46px 0 34px;font-size:14.5px}
footer .cols{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
footer h4{color:#fff;font:700 13px DM;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}
footer a{display:block;text-decoration:none;color:#CBD5E1;padding:3px 0}footer a:hover{color:#fff}
footer .leg{border-top:1px solid #1E293B;margin-top:32px;padding-top:18px;font-size:13px;line-height:1.6}
/* producto */
.ph{color:#fff;padding:64px 0 70px;background:radial-gradient(110% 90% at 90% 0%,var(--c2),var(--g) 62%),var(--g)}
.ph .ico{width:72px;height:72px;border-radius:20px;font-size:22px;margin-bottom:20px}
.ph .sect{font:700 12px DM;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ph h1{font-size:clamp(34px,6vw,58px);font-weight:700;margin:8px 0 6px}
.ph .sub{font-weight:500;color:rgba(255,255,255,.75);margin-bottom:18px}
.ph p{font-size:clamp(18px,2.4vw,22px);max-width:720px;margin:0 0 28px;color:#E2E8F0}
.lista{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lista li{display:flex;gap:12px;align-items:flex-start;background:var(--sf);border:1px solid var(--ln);border-radius:14px;padding:14px 16px;font-size:16px}
.lista li:before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--c) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M6 12l4 4 8-8"/></svg>') center/14px no-repeat}
.apps{display:grid;gap:12px}.app{display:flex;gap:14px;align-items:center;padding:16px;border-radius:14px;background:var(--bg);border:1px solid var(--ln)}
.app b{display:block}.app span{color:var(--tx2);font-size:15px}
.tiendas{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.tienda{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:#0B1220;color:#fff;font-size:13px;line-height:1.2;opacity:.55}
.tienda b{display:block;font-size:16px}
.nota{font-size:14px;color:var(--tx3);margin-top:10px}
/* textos */
.tabla{overflow-x:auto;margin:12px 0}.tabla table{border-collapse:collapse;width:100%;font-size:15px}.tabla th,.tabla td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--ln)}.tabla th{color:var(--tx3);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.txt{max-width:820px}.txt h1{font-size:clamp(30px,5vw,44px);font-weight:700;margin:0 0 8px}
.txt h2{font-size:24px;margin:34px 0 10px}.txt h3{font-size:19px;margin:24px 0 8px}
.txt p,.txt li{color:#334155}.txt ul{padding-left:22px}
.txt .act{color:var(--tx3);font-size:14.5px;margin-bottom:26px}
.txt .caja{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:20px 22px;margin:18px 0}
.indice{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}.indice a{text-decoration:none;font-size:14px;font-weight:700;padding:7px 12px;border-radius:999px;background:var(--sf);border:1px solid var(--ln)}
.migas{font-size:14px;color:var(--tx3);margin-bottom:18px}.migas a{color:var(--tx3)}
:target{scroll-margin-top:84px}
.formu{display:grid;gap:12px}.formu label{font-weight:700;font-size:14.5px}
.formu select,.formu input,.formu textarea{width:100%;font:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--ln);background:#fff;color:var(--tx)}
/* 1.7 · ficha completa de producto */
.ph2 .w{display:grid;gap:36px;grid-template-columns:minmax(0,1fr)}@media (min-width:900px){.ph2 .w{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}}
.ph2 .intro{font-size:clamp(17px,2.1vw,20px);color:#E2E8F0;max-width:640px;margin:0 0 26px}
.ph2 .btn.pri{background:linear-gradient(180deg,#fff,#EEF2F7)}
.etq-precio{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 24px;padding:12px 20px 12px 16px;border-radius:18px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.28);box-shadow:0 14px 34px -18px rgba(0,0,0,.6)}
.etq-precio b{font:700 clamp(36px,5vw,46px)/1 DM,system-ui,sans-serif;color:#fff;letter-spacing:-.03em}
.etq-precio span{display:block;color:#E2E8F0;font-size:15px;line-height:1.3}.etq-precio span strong{color:#fff}
.etq-precio i{font-style:normal;display:inline-block;margin-top:4px;font-size:13px;font-weight:700;color:#0F172A;background:#FDE68A;border-radius:999px;padding:3px 10px}
.video{justify-self:center;width:min(300px,82vw);aspect-ratio:9/16;border-radius:30px;padding:10px;background:#0B1020;box-shadow:0 30px 70px -20px rgba(0,0,0,.65),inset 0 0 0 1.5px rgba(255,255,255,.14)}
.video video{width:100%;height:100%;object-fit:cover;border-radius:22px;background:#140D33;display:block}
.movil{justify-self:center;width:min(300px,100%);border-radius:36px;padding:12px;background:#0B1020;box-shadow:0 30px 70px -20px rgba(0,0,0,.6),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.movil .pan{background:#F1F5F9;border-radius:26px;padding:16px 13px 18px;color:#0F172A;display:grid;gap:9px}
.movil .cab{display:flex;align-items:center;gap:10px;margin-bottom:4px}.movil .cab img{width:34px;height:34px;border-radius:10px}.movil .cab b{font:700 15px DM,sans-serif}.movil .cab span{display:block;font-size:11.5px;color:#64748B}
.movil .fi{background:#fff;border-radius:14px;padding:11px 12px;border-left:4px solid #CBD5E1;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.movil .fi b{display:block;font:700 13.5px/1.25 DM,sans-serif}.movil .fi span{font-size:12px;color:#64748B}
.movil .fi.ok{border-left-color:#16A34A}.movil .fi.nar{border-left-color:var(--c)}
.pasos{list-style:none;counter-reset:p;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.pasos li{counter-increment:p;background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:20px}
.pasos li:before{content:counter(p);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,var(--c),var(--c2));color:#fff;font:800 16px DM,system-ui,sans-serif;margin-bottom:12px}
.pasos b{display:block;font:700 18px Syne,sans-serif;margin-bottom:6px}.pasos span{color:var(--tx2);font-size:15.5px}
.funcs{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}
.func{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:20px;position:relative;overflow:hidden}
.func:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--c),var(--c2))}
.func b{display:block;font:700 17px Syne,sans-serif;margin-bottom:6px}.func span{color:var(--tx2);font-size:15.5px}
.precio{background:var(--g);color:#fff;border-radius:var(--r);padding:26px}
.precio .cifra{font:800 clamp(40px,7vw,56px)/1 Syne,sans-serif}.precio .per{color:#CBD5E1;margin:6px 0 16px}
.precio ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px}.precio li{display:flex;gap:10px;color:#E2E8F0}.precio li:before{content:"✓";color:var(--c);font-weight:800}
.faq details{background:var(--sf);border:1px solid var(--ln);border-radius:14px;padding:0 18px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font:700 22px/1 DM;color:var(--c2)}.faq details[open] summary:after{content:"–"}
.faq details p{margin:0 0 16px;color:var(--tx2)}
.seg{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));margin-top:6px}
.seg div{background:var(--sf);border:1px solid var(--ln);border-radius:14px;padding:16px;font-size:15px;color:var(--tx2)}.seg b{display:block;color:var(--tx);margin-bottom:4px}
.final{background:radial-gradient(110% 120% at 90% 0%,var(--c2),var(--g) 65%),var(--g);color:#fff;border-radius:24px;padding:36px 28px;text-align:center}
.final h2{font-size:clamp(26px,4vw,36px);margin-bottom:10px}.final p{color:#CBD5E1;margin:0 auto 22px;max-width:560px}.final .btns{justify-content:center}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
