*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#020617;--panel:#07111f;--panel2:#0a1728;--line:rgba(255,255,255,.09);--text:#e2e8f0;--muted:#94a3b8;--soft:#8296ad;--blue:#00a6dc;--blue2:#0090bf;--green:#22c55e;--yellow:#fbbf24;--red:#f87171;--nav-offset:72px}
html{overflow-x:hidden;scroll-padding-top:var(--nav-offset)}
body{font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;font-size:15px;overflow-x:hidden;padding-top:var(--nav-offset)}
a{color:inherit;text-decoration:none}
.nav{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;min-height:62px;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(2,6,23,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:0 12px 34px rgba(0,0,0,.26)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--blue);white-space:nowrap;letter-spacing:.03em}
.brand img{width:34px;height:34px;object-fit:contain}
.brand span{color:var(--text);font-weight:800}
.top-social-icons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.top-social-icons a,.sitefooter .social-icons a{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#cbd5e1;transition:.2s ease}
.top-social-icons a:hover,.sitefooter .social-icons a:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.top-social-icons svg,.sitefooter .social-icons svg{width:17px;height:17px;display:block;fill:currentColor}
.top-social-icons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.top-social-icons a,.sitefooter .social-icons a{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#cbd5e1;transition:.2s ease}
.top-social-icons a:hover,.sitefooter .social-icons a:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.top-social-icons svg,.sitefooter .social-icons svg{width:17px;height:17px;display:block;fill:currentColor}
.navlinks{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}
.navlinks a{text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#a5f3fc}
.navlinks a:hover{color:#fff}
.navlinks .nav-home{min-height:36px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.045);font-weight:800}
.navlinks .nav-home:hover,.navlinks .nav-home:focus-visible{border-color:rgba(0,166,220,.5);background:rgba(0,166,220,.13);color:#fff}
.navlinks .navcta{color:#fff}

.nav-left{display:flex;align-items:center;gap:16px;min-width:0}

.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 18px;border-radius:8px;font-weight:800;border:1px solid rgba(0,166,220,.35);color:var(--text);background:rgba(0,166,220,.08)}
.navcta,.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.green{background:var(--green);border-color:var(--green);color:#031014}
.btn.ghost{background:transparent;color:var(--blue)}
.hero{padding:72px 28px 48px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,166,220,.13) 0%,rgba(0,166,220,0) 70%)}
.wrap{width:min(1120px,100%);margin:0 auto}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:36px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;border-radius:999px;border:1px solid rgba(0,166,220,.25);background:rgba(0,166,220,.1);color:#a5f3fc;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(34,197,94,.7)}
h1{font-size:clamp(32px,5vw,56px);line-height:1.05;font-weight:900;margin-bottom:18px}
h1 span,h2 span{color:var(--blue)}
.lead{font-size:18px;color:var(--muted);max-width:660px;margin-bottom:26px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.trust{display:flex;gap:14px;flex-wrap:wrap;color:var(--soft);font-size:13px}
.trust span:before{content:"\2713\00a0";color:var(--green);font-weight:900}
.screen{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--panel),#050b15);box-shadow:0 18px 70px rgba(0,0,0,.35);overflow:hidden}
.screenbar{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 14px;color:var(--soft);font-size:12px}
.dot{width:9px;height:9px;border-radius:50%;background:#334155}
.screenbody{padding:18px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.kpi,.mini-card,.module,.price,.step,.capture{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);padding:14px}
.kpi strong{display:block;font-size:22px;color:var(--text)}
.kpi span,.mini-card span,.module p,.price p,.step p,.capture p{color:var(--muted);font-size:13px}
.bars{display:grid;gap:8px}
.bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green))}
section{padding:58px 28px}
.section-title{text-align:center;margin:0 auto 34px;max-width:760px}
h2{font-size:clamp(26px,3.2vw,40px);line-height:1.16;margin-bottom:12px}
.section-title p{color:var(--muted)}
.grid{display:grid;gap:14px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pricegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pricegrid .price{display:flex;flex-direction:column;min-height:100%}
.pricing-teaser .price p{font-size:14px}
.pricing-teaser .price strong{display:inline-block;font-size:24px;color:var(--text);margin-bottom:6px}
.module h3,.mini-card h3,.price h3,.step h3,.capture h3{font-size:17px;margin-bottom:6px}.capture .capture-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:6px}
.module .tag{display:inline-flex;margin-bottom:10px;color:#a5f3fc;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:900}
.band{background:#030b1a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.video{display:block;width:min(1280px,100%)}
.video-intro{text-align:center;max-width:780px;margin:0 auto 26px}
.video-intro h2{margin:10px 0 12px}
.video-intro .lead{margin:0}
.video-foot{text-align:center;margin-top:14px}
@media(max-width:900px){.video-intro{margin-bottom:18px}.video video{border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.5)}}
.poster{aspect-ratio:16/9;border-radius:8px;border:1px solid rgba(0,166,220,.28);background:linear-gradient(135deg,#061224,#0b2134);position:relative;overflow:hidden}

.video video{width:100%;aspect-ratio:16/9;border-radius:12px;border:1px solid rgba(0,166,220,.28);background:#000;display:block;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.clipvid{margin:14px auto 0;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;border:1px solid var(--line);background:#000;display:block;object-fit:contain;box-shadow:0 16px 42px rgba(0,0,0,.45)}
.video video::cue,.clipvid::cue{font-size:clamp(16px,2.1vw,24px);line-height:1.25;color:#fff;background:rgba(2,6,23,.84);text-shadow:0 1px 3px #000}
.poster:after{content:"CRM ASM en 90 segundos";position:absolute;left:24px;bottom:22px;font-weight:900;font-size:28px;color:#fff;max-width:70%}
.play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(0,166,220,.55)}
.play:before{content:"";border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}
.note{color:var(--soft);font-size:12px;margin-top:10px}
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.footer{padding:34px 28px;border-top:1px solid var(--line);color:var(--soft);text-align:center;font-size:13px}
.pill{display:inline-flex;border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.08);color:#bbf7d0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}
.warn{border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.08);color:#fde68a}
.accordion{display:grid;gap:10px}
details{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);padding:14px}
summary{cursor:pointer;font-weight:900;color:var(--text)}
details p{color:var(--muted);margin-top:8px}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .grid.cols-2,.grid.cols-3,.grid.cols-4,.pricegrid,.flow{grid-template-columns:1fr}
  .nav{padding:0 16px}
  .nav{align-items:flex-start}
  .nav-left{flex-direction:column;align-items:flex-start;gap:8px}
  .top-social-icons{display:flex}
  .nav{align-items:flex-start}
  .nav-left{flex-direction:column;align-items:flex-start;gap:8px}
  .top-social-icons{display:flex}
  .navlinks a:not(.navcta){display:none}
  section,.hero{padding-left:18px;padding-right:18px}
  .lead{font-size:16px}
  .kpis{grid-template-columns:1fr}
  .poster:after{font-size:21px;left:18px;bottom:18px}
}
@media(max-width:480px){
  .nav{gap:10px;padding:0 14px}
  .brand{gap:8px;font-size:14px}
  .brand img{width:28px;height:28px}
  .nav{align-items:center}
  .nav-left{gap:8px}
  .top-social-icons{gap:6px}
  .top-social-icons a{width:30px;height:30px}
  .nav{align-items:center}
  .nav-left{gap:8px}
  .top-social-icons{gap:6px}
  .top-social-icons a{width:30px;height:30px}
  .navlinks{display:none}
}


.sitefooter{margin-top:64px;border-top:1px solid rgba(255,255,255,.1);padding:34px 0 22px;color:#94a3b8;font-size:14px;background:#010409}
.sitefooter .footer-inner{display:grid;grid-template-columns:1.1fr .9fr .8fr;align-items:center;gap:26px}
.sitefooter .logo-footer{height:100px;width:100px;display:block;object-fit:contain;border-radius:8px}
.sitefooter .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:14px}
.sitefooter .footer-links a{color:#94a3b8}
.sitefooter .footer-links a:hover{color:var(--blue)}
.sitefooter .social-icons{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.sitefooter .social-icons a{width:40px;height:40px}
.sitefooter .copyright{margin-top:24px;font-size:13px;color:#94a3b8;text-align:center}
@media(max-width:900px){
  .sitefooter .footer-inner{grid-template-columns:1fr;align-items:flex-start}
  .sitefooter .footer-links,.sitefooter .social-icons{justify-content:flex-start}
  .sitefooter .logo-footer{height:80px;width:80px}
}


.article{max-width:760px;margin:0 auto}
.article .articlemeta{color:var(--soft);font-size:13px;margin-bottom:14px;display:flex;gap:12px;flex-wrap:wrap}
.article .articlemeta span:before{content:"·";margin-right:12px;color:var(--line)}
.article .articlemeta span:first-child:before{content:"";margin:0}
.article .lead{font-size:19px;color:var(--text);margin-bottom:8px}
.article h2{font-size:clamp(22px,2.6vw,30px);line-height:1.2;margin:34px 0 12px;color:var(--text)}
.article h3{font-size:19px;margin:22px 0 8px;color:var(--text)}
.article p{color:var(--muted);margin-bottom:14px}
.article ul{color:var(--muted);margin:0 0 16px 4px;display:grid;gap:8px;list-style:none}
.article ul li{padding-left:22px;position:relative}
.article ul li:before{content:"→";position:absolute;left:0;color:var(--blue);font-weight:900}
.article .callout{border:1px solid rgba(0,166,220,.28);background:rgba(0,166,220,.06);border-radius:8px;padding:16px 18px;margin:20px 0;color:var(--text)}
.article .callout strong{color:#a5f3fc}
.article .endcta{margin-top:34px;border-top:1px solid var(--line);padding-top:24px;text-align:center}
.bloglist{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.blogcard{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);padding:22px;display:flex;flex-direction:column;gap:8px}
.blogcard .cat{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#a5f3fc}
.blogcard h2{font-size:18px;line-height:1.25;margin-bottom:0}
.blogcard p{color:var(--muted);font-size:14px;flex:1}
.blogcard a.read{color:var(--blue);font-weight:800;font-size:13px}


.article .legal-hero{margin-bottom:8px}
.article .eyebrow{margin-bottom:12px}
.article .updated{color:var(--soft);font-size:13px;margin-bottom:8px}
.article .highlight-box{border:1px solid rgba(0,166,220,.22);background:rgba(0,166,220,.07);border-radius:8px;padding:14px 16px;margin:16px 0}
.article .highlight-box p{margin:0;color:#b7f1ff;font-size:14px}
.article .cookie-table-wrap{overflow-x:auto;margin:14px 0}
.article table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
.article th,.article td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--muted);vertical-align:top}
.article th{color:var(--text);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:rgba(255,255,255,.03)}
.article code{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:12.5px;color:#a5f3fc}
.article .badge-type{display:inline-flex;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.article .badge-nec{background:rgba(34,197,94,.1);color:#bbf7d0;border:1px solid rgba(34,197,94,.35)}
.article .badge-anal{background:rgba(0,166,220,.1);color:#a5f3fc;border:1px solid rgba(0,166,220,.35)}
.article .badge-mkt{background:rgba(251,191,36,.1);color:#fde68a;border:1px solid rgba(251,191,36,.35)}
.article .legalnote{color:var(--soft);font-size:12.5px;border-top:1px solid var(--line);margin-top:28px;padding-top:16px}


.article a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.article a:hover{color:var(--blue2)}

.module a.read{color:var(--blue);font-weight:800;font-size:13px}


.breadcrumb{padding:14px 28px 0;font-size:12.5px;color:var(--soft)}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:min(1120px,100%);margin:0 auto}
.breadcrumb li{display:flex;align-items:center;gap:8px}
.breadcrumb li+li:before{content:"›";color:var(--line);font-weight:900}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--blue)}
.breadcrumb [aria-current="page"]{color:var(--text);font-weight:700}
@media(max-width:900px){.breadcrumb{padding-left:18px;padding-right:18px}}


.sitemap-nav{border-top:1px solid var(--line);background:#020a16;padding:40px 28px 34px}
.sitemap-nav .sm-grid{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.sitemap-nav .sm-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--soft);font-weight:900;margin-bottom:12px}
.sitemap-nav ul{list-style:none;display:grid;gap:8px}
.sitemap-nav a{color:var(--muted);font-size:13.5px}
.sitemap-nav a:hover{color:var(--blue)}
@media(max-width:900px){.sitemap-nav .sm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sitemap-nav{padding-left:18px;padding-right:18px}}
@media(max-width:480px){.sitemap-nav .sm-grid{grid-template-columns:1fr}}
.chatdemo{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--panel),#050b15);overflow:hidden}
.chatdemo .bar{height:40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:var(--muted);font-size:12.5px}
.chatdemo .bar span{display:inline-flex;height:auto;background:none}
.chatdemo .body{padding:16px;display:flex;flex-direction:column;gap:10px}
.bub{max-width:82%;padding:10px 14px;border-radius:8px;font-size:14px;line-height:1.45}
.bub small{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--soft);margin-bottom:3px}
.bub.in{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid var(--line);border-bottom-left-radius:4px}
.bub.out{align-self:flex-end;background:rgba(0,166,220,.13);border:1px solid rgba(0,166,220,.3);border-bottom-right-radius:4px}
.contact-aria-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:28px;align-items:start}
.contact-intro{color:var(--muted);font-size:17px;margin-bottom:18px}
.contact-feats{display:grid;gap:12px;margin:18px 0}
.contact-feat{display:grid;grid-template-columns:16px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035)}
.contact-icon-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(34,197,94,.7);margin-top:7px}
.contact-feat-title{font-weight:900;color:var(--text)}
.contact-feat-desc,.contact-email-note{color:var(--muted);font-size:14px}
.aria-embed-panel{border:1px solid rgba(0,166,220,.28);border-radius:18px;background:linear-gradient(180deg,#07111f,#030914);box-shadow:0 24px 80px rgba(0,0,0,.35);overflow:hidden;min-height:560px;display:flex;flex-direction:column}
.aria-embed-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.035)}
.aria-embed-agent{display:flex;align-items:center;gap:12px}
.aria-embed-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900}
.aria-embed-agent strong{display:block;color:var(--text)}
.aria-embed-agent span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.aria-embed-agent i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(34,197,94,.8)}
.aria-reset,.aria-send{border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:900;cursor:pointer}
.aria-reset{width:34px;height:34px;background:rgba(0,166,220,.16);border:1px solid rgba(0,166,220,.35)}
.aria-messages{flex:1;display:flex;flex-direction:column;gap:10px;padding:18px;overflow:auto;min-height:360px}
.aria-bubble{max-width:86%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.45}
.aria-bubble.bot{align-self:flex-start;background:rgba(255,255,255,.06);border:1px solid var(--line);border-bottom-left-radius:5px}
.aria-bubble.user{align-self:flex-end;background:rgba(0,166,220,.18);border:1px solid rgba(0,166,220,.35);border-bottom-right-radius:5px}
.aria-typing{padding:0 18px 8px;color:var(--soft)}
.aria-typing span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--soft);margin-right:4px;animation:ariaTyping 1s infinite ease-in-out}
.aria-typing span:nth-child(2){animation-delay:.15s}.aria-typing span:nth-child(3){animation-delay:.3s}
@keyframes ariaTyping{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.aria-input-wrap{padding:14px;border-top:1px solid var(--line);background:rgba(255,255,255,.025)}
.aria-whatsapp-inline{min-height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 16px;background:var(--green);color:#031014;font-weight:900}
.aria-privacy{padding:0 16px 14px;color:var(--soft);font-size:12px;text-align:center}
.aria-privacy a{color:var(--blue)}
@media(max-width:900px){.contact-aria-grid{grid-template-columns:1fr}.aria-embed-panel{min-height:520px}.top-social-icons{max-width:100%}}
@media(max-width:480px){.aria-embed-panel{min-height:500px;border-radius:14px}.aria-messages{min-height:300px;padding:14px}.aria-bubble{max-width:94%}.brand{font-size:13px;letter-spacing:0}.top-social-icons svg,.sitefooter .social-icons svg{width:15px;height:15px}}

.aria-input-wrap{display:grid;grid-template-columns:1fr 44px;gap:10px;padding:14px;border-top:1px solid var(--line);background:rgba(255,255,255,.025)}
.aria-input{min-height:44px;border-radius:999px;border:1px solid var(--line);background:#020617;color:var(--text);padding:0 16px;font:inherit;min-width:0}
.aria-input:focus{outline:1px solid var(--blue);border-color:var(--blue)}
.aria-send{height:44px;width:44px;border-radius:999px;border:0;background:var(--green);color:#031014;font-weight:900;cursor:pointer}
.aria-send:disabled,.aria-input:disabled{opacity:.6;cursor:not-allowed}
.aria-alt{font-size:13px;text-align:center;margin:0 14px 14px;color:var(--muted)}
.aria-alt a{color:var(--green);font-weight:800}
.aria-embed-agent em{font-style:normal}
@media (max-width:560px){.aria-input-wrap{grid-template-columns:1fr 42px;padding:12px}.aria-send{height:42px;width:42px}.aria-input{min-height:42px}}

/* Sector visuals ported from approved staging home/landings */
.plain-link{color:inherit;text-decoration:none}
.sector-thumb{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}
.sector-thumb--mini{border-radius:6px;margin-bottom:10px}
.sector-landing-visual{margin-top:26px}
.sector-hero-image{width:100%;max-height:340px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08)}



/* Accesibilidad y foco visible — prepublicación 2026-07-28 */
.skip-link{position:absolute;left:12px;top:-60px;z-index:1000;background:#fff;color:#020617;padding:10px 14px;border-radius:8px;font-weight:900;transition:top .2s ease}
.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.sector-picture{display:block}

/* ASM mobile navigation fix — 2026-08-20 */
.mobile-menu-toggle{display:none;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border-radius:8px;border:1px solid rgba(0,166,220,.35);background:rgba(0,166,220,.1);color:var(--text);font:inherit;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.mobile-menu-toggle:hover,.mobile-menu-toggle:focus-visible{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(0,166,220,.18)}
.mobile-menu-toggle__icon,.mobile-menu-toggle__icon:before,.mobile-menu-toggle__icon:after{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transition:.18s ease}
.mobile-menu-toggle__icon{position:relative}
.mobile-menu-toggle__icon:before,.mobile-menu-toggle__icon:after{content:"";position:absolute;left:0}
.mobile-menu-toggle__icon:before{top:-6px}
.mobile-menu-toggle__icon:after{top:6px}
.nav.nav--open .mobile-menu-toggle__icon{background:transparent}
.nav.nav--open .mobile-menu-toggle__icon:before{top:0;transform:rotate(45deg)}
.nav.nav--open .mobile-menu-toggle__icon:after{top:0;transform:rotate(-45deg)}
@media(max-width:900px){
  .nav{padding:10px 16px;align-items:center;flex-wrap:wrap}
  .nav-left{flex:1 1 auto;min-width:0;flex-direction:row;align-items:center;gap:12px}
  .top-social-icons{display:flex;gap:6px}
  .mobile-menu-toggle{display:inline-flex}
  .navlinks{display:none;width:100%;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(7,17,31,.98);box-shadow:0 16px 38px rgba(0,0,0,.28)}
  .nav.nav--open .navlinks{display:flex}
  .navlinks a,.navlinks a:not(.navcta){display:flex;align-items:center;justify-content:flex-start;min-height:42px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.035);color:#a5f3fc}
  .navlinks a:hover,.navlinks a:focus-visible{background:rgba(0,166,220,.12);color:#fff;outline:none}
  .navlinks .navcta{justify-content:center;background:var(--blue);color:#fff}
}
@media(max-width:480px){
  .nav{padding:10px 14px}
  .brand{font-size:14px}
  .top-social-icons a{width:30px;height:30px}
}

/* ASM mobile navigation compatibility for Arsys-served nav-toggle variant — 2026-08-20 */
.nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:40px;padding:8px;border-radius:8px;border:1px solid rgba(0,166,220,.35);background:rgba(0,166,220,.1);color:var(--text);cursor:pointer}
.nav-toggle:hover,.nav-toggle:focus-visible{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(0,166,220,.18)}
.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transition:.18s ease}
.nav-toggle-bars{position:relative}
.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";position:absolute;left:0}
.nav-toggle-bars:before{top:-6px}
.nav-toggle-bars:after{top:6px}
.nav.nav--open .nav-toggle-bars{background:transparent}
.nav.nav--open .nav-toggle-bars:before{top:0;transform:rotate(45deg)}
.nav.nav--open .nav-toggle-bars:after{top:0;transform:rotate(-45deg)}
@media(max-width:900px){.nav-toggle{display:inline-flex}}

/* Ajustes FASE A 2026-08-20: Partners legible + ARIA minimizable en móvil */
#modelos .module .tag{font-size:13px}
.aria-embed-actions{display:flex;align-items:center;gap:8px}
.aria-close{min-width:34px;height:34px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#e2e8f0;font-weight:900;line-height:1;cursor:pointer}
.aria-close:hover,.aria-close:focus{border-color:rgba(0,166,220,.55);color:#fff;outline:none}
.aria-close.is-minimized{width:auto;min-width:64px;color:#031014;background:var(--green);border-color:transparent;font-size:12px;letter-spacing:.02em}
.aria-embed-panel--minimized{min-height:0!important}
.aria-embed-panel--minimized .aria-embed-header{border-bottom:0}
.aria-embed-panel--minimized .aria-messages,
.aria-embed-panel--minimized .aria-typing,
.aria-embed-panel--minimized .aria-input-wrap,
.aria-embed-panel--minimized .aria-alt,
.aria-embed-panel--minimized .aria-privacy{display:none!important}
@media(max-width:480px){.aria-embed-actions{gap:6px}.aria-reset,.aria-close{min-width:44px;height:44px}.aria-close.is-minimized{min-width:72px}}
.module,.right-card,.highlight-box{text-align:center}

/* WhatsApp-style ARIA demo phone */
.wa-hero-phone {
  position: relative;
  width: min(100%, 390px);
  margin-inline: auto;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 32px;
  padding: 10px;
  background: linear-gradient(145deg, rgba(7,18,31,.98), rgba(10,31,44,.96));
  box-shadow: 0 24px 70px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.06);
  overflow: hidden;
}
.wa-hero-screen {
  height: 520px;
  min-height: 520px;
  border-radius: 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 12%, rgba(0,166,220,.16), transparent 28%),
    linear-gradient(180deg, #0f2633 0%, #071620 100%);
  display: flex;
  flex-direction: column;
}
.wa-hero-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 14px 12px;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: rgba(5,20,29,.86);
}
.wa-hero-contact {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.wa-hero-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #00d084;
  color: #052117;
  font-weight: 900;
  flex: 0 0 auto;
}
.wa-hero-name {
  margin: 0;
  color: #fff;
  font-size: .96rem;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wa-hero-status {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  color: rgba(255,255,255,.72);
  font-size: .78rem;
}
.wa-hero-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #00d084;
  box-shadow: 0 0 0 4px rgba(0,208,132,.12);
}
.wa-sound-toggle {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: #fff;
  cursor: pointer;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.wa-sound-toggle[aria-pressed="true"] {
  color: #071620;
  background: #00d084;
  border-color: #00d084;
}
.wa-hero-chat {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 16px 12px;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}
.wa-hero-bubble {
  max-width: 82%;
  padding: 9px 11px 8px;
  border-radius: 14px;
  color: #10222d;
  font-size: .94rem;
  line-height: 1.35;
  box-shadow: 0 8px 22px rgba(0,0,0,.14);
  opacity: 0;
  transform: translateY(12px);
  animation: waBubbleIn .34s ease forwards;
}
.wa-hero-bubble small {
  display: block;
  margin-top: 5px;
  color: rgba(16,34,45,.56);
  font-size: .69rem;
  text-align: right;
}
.wa-hero-bubble.client {
  align-self: flex-start;
  background: #fff;
  border-top-left-radius: 5px;
}
.wa-hero-bubble.aria {
  align-self: flex-end;
  background: #d9fdd3;
  border-top-right-radius: 5px;
}
.wa-typing {
  align-self: flex-end;
  display: inline-flex;
  gap: 4px;
  width: 58px;
  padding: 12px 13px;
  border-radius: 14px 14px 5px 14px;
  background: #d9fdd3;
  opacity: 0;
  transform: translateY(12px);
  animation: waBubbleIn .24s ease forwards;
}
.wa-typing span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(16,34,45,.54);
  animation: waDot 1s ease-in-out infinite;
}
.wa-typing span:nth-child(2) { animation-delay: .14s; }
.wa-typing span:nth-child(3) { animation-delay: .28s; }
.wa-hero-line {
  margin: 0;
  padding: 12px 14px 14px;
  color: rgba(255,255,255,.76);
  font-size: .88rem;
  line-height: 1.35;
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(5,20,29,.62);
}
@keyframes waBubbleIn {
  to { opacity: 1; transform: translateY(0); }
}
@keyframes waDot {
  0%, 80%, 100% { transform: translateY(0); opacity: .45; }
  40% { transform: translateY(-5px); opacity: 1; }
}
@media (max-width: 780px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
  .hero .wrap,
  .hero-grid,
  .hero-grid > div {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .hero,
  .hero * {
    box-sizing: border-box;
  }
  .hero .wrap {
    padding-inline: 18px;
  }
  .hero h1 {
    font-size: 1.95rem;
    line-height: 1.08;
    overflow-wrap: normal;
    max-width: 330px;
  }
  .hero h1 span {
    display: block;
  }
  .hero .lead {
    font-size: 1rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
    max-width: 330px;
  }
  .hero .actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    justify-items: stretch;
  }
  .hero .btn {
    width: 100%;
    max-width: 330px;
    min-width: 0;
    justify-content: center;
    text-align: center;
    white-space: normal;
  }
  .hero .trust {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .wa-hero-phone { width: min(100%, 360px); }
  .wa-hero-screen { height: 500px; min-height: 500px; }
  .wa-hero-bubble { font-size: .9rem; }
}
@media (prefers-reduced-motion: reduce) {
  .wa-hero-bubble,
  .wa-typing,
  .wa-typing span {
    animation: none !important;
  }
  .wa-hero-bubble {
    opacity: 1;
    transform: none;
  }
}
.wa-demo-section {
  padding: 52px 0;
}
.wa-demo-grid {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(300px, 390px);
  gap: 30px;
  align-items: center;
}
.wa-demo-grid h2 {
  margin: 10px 0 14px;
}
.wa-demo-grid p {
  color: var(--muted);
  font-size: 1.02rem;
  line-height: 1.7;
}
@media (max-width: 900px) {
  .wa-demo-section { padding: 36px 0; }
  .wa-demo-grid { grid-template-columns: 1fr; }
}

/* Guias descargables piloto 20260830 */
.guide-download {
  padding: 48px 0;
}
.guide-download-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  padding: 26px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
}
.guide-download-card h1,
.guide-download-card h2,
.guide-download-card p,
.guide-download-card label {
  color: #0f172a;
}
.guide-download-card .lead,
.guide-download-card .guide-consent,
.guide-download-card .guide-form-message {
  color: #475569;
}
.guide-download-card h2 {
  margin: 8px 0 10px;
}
.guide-lead-form {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}
.guide-lead-form label {
  font-weight: 800;
  color: #0f172a;
}
.guide-lead-form input[type="email"] {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 14px;
  font: inherit;
}
.guide-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--muted);
  font-size: .95rem;
  line-height: 1.45;
}
.guide-consent input {
  margin-top: 4px;
}
.guide-form-message {
  min-height: 24px;
  color: var(--muted);
  font-weight: 700;
}
.guide-form-message.is-error {
  color: #991b1b;
}
.guide-form-message.is-success {
  color: #166534;
}
.sector-guide-box {
  border: 1px solid rgba(0, 166, 220, .22);
  border-radius: 8px;
  background: #effcff;
  padding: 24px;
  text-align: center;
}
.sector-guide-box p {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.print-guide-body {
  background: #f8fafc;
  color: #0f172a;
}
.print-guide-shell {
  width: min(900px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 48px;
}
.print-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 18px;
}
.guide-page {
  position: relative;
  min-height: 1040px;
  margin: 0 0 18px;
  padding: 48px 50px 76px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}
.guide-page h1,
.guide-page h2 {
  color: #0f172a;
}
.guide-page h1 {
  font-size: 2.7rem;
  line-height: 1.05;
  margin: 16px 0 18px;
}
.guide-page h2 {
  font-size: 1.75rem;
  line-height: 1.16;
  margin: 0 0 22px;
}
.guide-page p,
.guide-page li {
  color: #334155;
  font-size: 1.04rem;
  line-height: 1.72;
}
.guide-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
  margin: 16px 0 20px;
}
.guide-checks label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #334155;
}
.guide-checks input {
  width: 18px;
  height: 18px;
  margin-top: 3px;
}
.guide-demo-cta {
  display: inline-flex;
  margin-top: 20px;
}
.guide-page-footer {
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 28px;
  border-top: 1px solid #e2e8f0;
  padding-top: 12px;
  color: #64748b;
  font-size: .9rem;
}
@media (max-width: 760px) {
  .guide-download-card,
  .sector-guide-box {
    padding: 20px;
  }
  .print-guide-shell {
    width: min(100% - 18px, 900px);
  }
  .print-toolbar {
    display: grid;
  }
  .guide-page {
    min-height: auto;
    padding: 30px 22px 64px;
  }
  .guide-page h1 {
    font-size: 2rem;
  }
  .guide-page h2 {
    font-size: 1.45rem;
  }
  .guide-checks {
    grid-template-columns: 1fr;
  }
  .guide-page-footer {
    left: 22px;
    right: 22px;
  }
}
@media print {
  .print-guide-body {
    background: #fff;
  }
  .print-toolbar,
  .nav,
  .sitemap-nav,
  .sitefooter,
  .cookie-banner {
    display: none !important;
  }
  .print-guide-shell {
    width: 100%;
    padding: 0;
  }
  .guide-page {
    min-height: calc(100vh - 2cm);
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    break-after: page;
    page-break-after: always;
  }
  .guide-page:last-child {
    break-after: auto;
    page-break-after: auto;
  }
}

/* AEO piloto 20260901 */
.aeo-block{padding:58px 28px;background:#030b1a;border-top:1px solid var(--line)}
.aeo-block .aeo-intro{max-width:780px;margin:0 auto 28px;text-align:center;color:var(--muted);font-size:16px}
.aeo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.aeo-card{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);padding:16px}
.aeo-card h3{font-size:16px;margin-bottom:7px;color:var(--text)}
.aeo-card p{color:var(--muted);font-size:13.5px}
.aeo-faq{margin-top:30px}
.aeo-faq h3{text-align:center;font-size:22px;margin-bottom:16px}
.aeo-faq details{background:rgba(255,255,255,.035)}
@media(max-width:900px){.aeo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aeo-block{padding-left:18px;padding-right:18px}}
@media(max-width:560px){.aeo-grid{grid-template-columns:1fr}}