/* Front de Pagina.mx: estilos compartidos de marca (tokens, botones, menú, pie, adornos, Contáctanos). Nov 2026. */
:root{--navy:#2C3E50;--navy-d:#1E2B38;--teal:#1ABC9C;--teal-d:#0E9B80;--blue:#578DC4;--yellow:#FED404;--red:#E74C3C;
  --ink:#2b3445;--ink2:#66707f;--line:#e7eaf0;--bg:#f4f6f9;--r:18px;
  --head:'Plus Jakarta Sans',system-ui,sans-serif;--font:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}[id]{scroll-margin-top:86px}
body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--teal-d)}img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
section{padding:72px 0}
h1,h2,h3{font-family:var(--head);color:var(--navy);line-height:1.12;margin:0 0 12px;letter-spacing:-.015em}
h2{font-size:clamp(28px,3.4vw,40px)}
.lead{font-size:18px;color:var(--ink2);max-width:680px;margin:0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-d);margin-bottom:12px}
.eyebrow:before{content:"";width:18px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--blue),var(--teal),var(--yellow),var(--red))}
.tag{display:block;width:max-content;max-width:100%;font:700 11px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:#8a5a00;background:#FFF3C4;border:1px dashed #E0B400;padding:6px 10px;border-radius:6px;margin-bottom:14px}
.tag em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 24px;font:700 15px/1 var(--head);cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn--main{background:var(--teal);color:#fff;box-shadow:0 10px 24px -8px rgba(26,188,156,.6)}.btn--main:hover{background:var(--teal-d)}
/* Secundario «glass tornasol» (nov 2026, Isma): basado en el de los botones secundarios del panel (assets/base/modern.css, --pmx-glass), sutil: degradado muy tenue, borde fino y brillo interior; el del panel no cambia. Visible sin competir con el verde. */
.btn--ghost{background:linear-gradient(120deg,rgba(124,140,248,.12),rgba(34,201,224,.10),rgba(56,211,155,.12)),#fff;color:var(--navy);border:1px solid rgba(110,130,215,.40);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(30,60,90,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .14s,box-shadow .14s,border-color .14s,background .14s}
.btn--ghost:hover,.btn--ghost:focus-visible{background:linear-gradient(120deg,rgba(124,140,248,.18),rgba(34,201,224,.15),rgba(56,211,155,.18)),#fff;border-color:rgba(110,130,215,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px -8px rgba(90,120,210,.4);transform:translateY(-1px)}
.btn--wa{background:#25D366;color:#fff}
/* Barras del logo como motivo */
.bars{display:inline-flex;align-items:flex-end;gap:5px}.bars i{display:block;width:9px;border-radius:9px}
.bars i:nth-child(1){height:22px;background:var(--blue)}.bars i:nth-child(2){height:34px;background:var(--teal)}
.bars i:nth-child(3){height:46px;background:var(--yellow)}.bars i:nth-child(4){height:58px;background:var(--red)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Sistema gráfico: adornos de fondo (ver deco()) */
.has-deco{position:relative;isolation:isolate;overflow:hidden}
.deco{position:absolute;left:0;top:-25%;width:100%;height:150%;z-index:-1;pointer-events:none;overflow:visible}
.deco .dz{will-change:transform}
@media(max-width:760px){.deco{opacity:.55}}
@media(prefers-reduced-motion:reduce){.deco animateTransform{display:none}}
/* 0 · menú */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(1.6) blur(10px);backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:70px}
.nav__logo svg{height:34px;width:auto;display:block}
.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav ul a{display:block;padding:8px 12px;border-radius:10px;color:var(--navy);text-decoration:none;font-weight:600;font-size:15px}
.nav ul a:hover{background:var(--bg)}
.nav__right{margin-left:auto;display:flex;gap:10px;align-items:center}
.nav__right .btn{padding:10px 16px;font-size:14px}
.nav__burger{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}
.nav__burger span{display:block;width:22px;height:2px;background:var(--navy);margin:5px 0;border-radius:2px}
@media(max-width:980px){.nav ul{display:none}.nav ul.open{display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;background:#fff;padding:12px 20px 20px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px -20px rgba(0,0,0,.2)}}
@media(max-width:980px){.nav__burger{display:block;margin-left:0}.nav__right{margin-left:auto}}

.nav__login{gap:7px}
/* Contáctanos flotante (WhatsApp) */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 11px;border-radius:12px;
  background:rgba(30,43,56,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-decoration:none;font:700 13.5px var(--head);letter-spacing:.01em;
  border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 30px -14px rgba(10,20,30,.6);transition:transform .2s,background .2s}
.wa-float svg{width:18px;height:18px}
.wa-float:hover{transform:translateY(-2px);background:#1E2B38}
/* Celular (feedback del equipo, 13-nov): solo el ícono en un círculo para no tapar contenido; se oculta con el menú abierto
   y el pie deja espacio abajo para que no tape sus enlaces. */
@media(max-width:560px){.wa-float{right:14px;bottom:14px;width:52px;height:52px;padding:0;border-radius:50%;justify-content:center;background:#25D366;border:0;box-shadow:0 10px 24px -8px rgba(0,0,0,.45)}
  .wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wa-float svg{width:28px;height:28px}.wa-float svg path{fill:#fff}
  footer{padding-bottom:76px}}
body.menu-open .wa-float{display:none}

/* Menú con submenús (desktop: al pasar el mouse o con teclado; celular: acordeón) */
.nav ul{align-items:center}
.nav ul#menu{gap:0}
.nav ul#menu>li>a{white-space:nowrap;padding:8px 10px}
.nav .has-sub{position:relative}
.nav .has-sub>a{display:inline-flex;align-items:center;gap:5px}
.nav .has-sub>a:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55}
.nav ul.sub{display:block;position:absolute;left:-8px;top:100%;min-width:270px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -20px rgba(30,60,90,.35);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:70;list-style:none;margin:0}
.nav .has-sub:hover>.sub,.nav .has-sub:focus-within>.sub{opacity:1;visibility:visible;transform:none}
.nav ul.sub li{display:block}
.nav ul.sub a{display:block;padding:9px 12px;border-radius:10px;white-space:normal}
.sub a b{display:block;font:700 14px var(--head);color:var(--navy)}
.sub a small{display:block;font-size:12.5px;font-weight:500;color:var(--ink2);margin-top:1px}
.sub a:hover{background:var(--bg)}
.nav__cart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:var(--navy)}
.nav__cart:hover{background:var(--bg)}
.nav__cart em{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--red);color:#fff;font:800 10.5px/17px var(--head);font-style:normal;text-align:center}
.nav__signup{white-space:nowrap;font-weight:700;font-size:14px;color:var(--navy);text-decoration:none;padding:8px 10px;border-radius:10px}
.nav__signup:hover{background:var(--bg)}
@media(max-width:1180px){.nav__signup{display:none}.nav .wrap{gap:18px}}
@media(max-width:980px){
  .nav__signup{display:none}
  .nav ul.open{max-height:calc(100vh - 70px);overflow:auto}
  .nav ul.open li{width:100%}
  .nav ul.open .has-sub>a{justify-content:space-between;width:100%}
  .nav ul.sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 6px 10px;display:none;min-width:0}
  .nav .has-sub.open>.sub{display:block}
}
@media(max-width:560px){.nav__login{width:42px;height:42px;padding:0!important;gap:0}.nav__login span{display:none}.nav__login svg{width:20px;height:20px}.nav__right{gap:4px}}
/* 10 · pie */
footer{background:var(--navy-d);color:#aebccb;font-size:14.5px;margin-top:72px}
.f-top{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:30px;padding:60px 0 40px}
.f-brand svg{height:36px;width:auto}.f-brand p{margin:16px 0 18px;max-width:300px}
.f-wa{display:inline-flex;align-items:center;gap:10px;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.35);color:#fff;text-decoration:none;padding:10px 14px;border-radius:12px;font-weight:600}
.f-wa small{display:block;color:#9fe6bb;font-weight:500;font-size:12px}
footer .fh{font:700 13px var(--head);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:6px 0 14px}
footer .col a{display:block;color:#aebccb;text-decoration:none;padding:5px 0}footer .col a:hover{color:#fff}
.f-pay{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:22px 0;border-top:1px solid rgba(255,255,255,.08)}
.f-pay span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 10px;font-weight:600;font-size:13px;color:#dbe4ec}
.f-pay em{font-style:normal;margin-right:6px;color:#8fa1b3}
.f-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 0 30px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}
.f-bot a{color:#aebccb;text-decoration:none;margin-left:16px}
@media(max-width:900px){.f-top{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}.f-bot a{margin:0 16px 0 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
.btn-asesor svg{flex:0 0 auto}.btn--main.btn-asesor svg path{fill:#fff}
.cta__btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.cta .btn-asesor{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.5)}.cta .btn-asesor:hover{background:rgba(255,255,255,.24)}
.cta__help{margin:18px 0 0!important;font-size:15px!important;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}
/* Recuadros de recomendación y aviso (todas las páginas): tono de marca, barra con los colores del logo. Nov 2026. */
.tip{position:relative;margin:20px 0 0;background:linear-gradient(90deg,#F2FAF8,#F6F9FC);border:1px solid #DCEBE7;border-radius:16px;padding:16px 18px 16px 64px;color:var(--ink);font-size:14.5px;line-height:1.55;overflow:hidden}
.tip:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--blue),var(--teal),var(--yellow),var(--red))}
.tip:after{content:"";position:absolute;left:20px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-4 10.5c.7.7 1 1.5 1 2.5h6c0-1 .3-1.8 1-2.5A6 6 0 0 0 12 3z'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 0 0 5px rgba(26,188,156,.12)}
.callout{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(90deg,#F2FAF8,#F6F9FC);border:1px solid #DCEBE7;border-radius:20px;padding:22px 26px 22px 30px;margin-top:28px}
.callout:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--blue),var(--teal),var(--yellow),var(--red))}
.callout h3{margin:0 0 4px;font-size:19px}.callout p{margin:0;color:var(--ink2)}

/* Mega menú con tarjeta de vidrio (nov 2026). El contenedor .mega toma el lugar del antiguo .sub flotante. */
.nav .mega{position:absolute;left:-14px;top:100%;display:flex;gap:10px;padding:10px;border-radius:20px;z-index:70;
  background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);
  border:1px solid rgba(231,234,240,.9);box-shadow:0 30px 70px -28px rgba(30,60,90,.45);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s}
.nav .has-sub:hover>.mega,.nav .has-sub:focus-within>.mega{opacity:1;visibility:visible;transform:none}
.nav .mega ul.sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;padding:0;min-width:250px}
.mcard{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;width:250px;padding:16px;border-radius:16px;text-decoration:none!important;color:var(--navy);
  background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.35));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 30px -18px rgba(30,60,90,.5)}
.mcard__glow{position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#EAF7F3,#EEF4FB)}
.mcard__glow i{position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(28px);opacity:.55;animation:mc-float 9s ease-in-out infinite}
.mcard__glow i:nth-child(1){background:#1ABC9C;left:-30px;top:-30px}.mcard__glow i:nth-child(2){background:#578DC4;right:-40px;top:20px;animation-delay:-3s}
.mcard__glow i:nth-child(3){background:#FED404;left:40px;bottom:-60px;opacity:.35;animation-delay:-6s}
@keyframes mc-float{50%{transform:translate(18px,14px) scale(1.15)}}
.mcard__t{font:800 16px var(--head);margin-top:12px}.mcard__d{font-size:12.5px;color:var(--ink2);margin-top:4px;line-height:1.45}
.mcard__p{align-self:flex-start;margin-top:10px;font:800 13px var(--head);color:#fff;background:linear-gradient(90deg,var(--teal-d),var(--blue));padding:5px 10px;border-radius:999px}
.mcard__go{margin-top:12px;font:800 13px var(--head);color:var(--teal-d)}
.mcard:hover .mcard__go{text-decoration:underline}
.mc-art{height:70px;border-radius:12px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px}
.mc-server{flex-direction:column;align-items:flex-start;padding:8px 10px;gap:5px}
.mc-server i{display:block;width:58%;height:12px;border-radius:5px;background:#fff;border:1px solid var(--line);position:relative}
.mc-server i:after{content:"";position:absolute;left:5px;top:3px;width:5px;height:5px;border-radius:50%;background:var(--teal);animation:mc-led 1.2s infinite}
.mc-server i:nth-child(2):after{animation-delay:.4s}.mc-server i:nth-child(3):after{animation-delay:.8s;background:var(--yellow)}
@keyframes mc-led{50%{opacity:.2}}
.mc-gauge{position:absolute;right:10px;top:16px;width:70px}.mc-gauge path{fill:none;stroke:#dfe5ec;stroke-width:6;stroke-linecap:round}
.mc-gauge__v{stroke:url(#x);stroke:var(--teal)!important;stroke-dasharray:79;stroke-dashoffset:79;animation:mc-gauge 2.6s ease-in-out infinite alternate}
@keyframes mc-gauge{to{stroke-dashoffset:10}}
.mc-domain{flex-direction:column;gap:6px}
.mc-domain__in{background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:5px 9px;font:600 12px ui-monospace,Menlo,monospace;color:var(--navy);width:80%}
.mc-domain__t{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:2px solid var(--teal);animation:mc-type 4s steps(16) infinite}
@keyframes mc-type{0%{width:0}50%,100%{width:16ch}}
.mc-domain b{font:800 11px var(--head);color:var(--teal-d);opacity:0;animation:mc-ok 4s infinite}
@keyframes mc-ok{0%,55%{opacity:0}65%,95%{opacity:1}100%{opacity:0}}
.mc-mail{flex-direction:column;align-items:stretch;padding:6px 10px;gap:4px}
.mc-mail span{font:700 11px var(--head);background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px 8px 3px 18px;position:relative;opacity:0;animation:mc-pop 4.5s infinite}
.mc-mail span:before{content:"";position:absolute;left:7px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#E8559A}
.mc-mail span:nth-child(2){animation-delay:.6s}.mc-mail span:nth-child(3){animation-delay:1.2s}
@keyframes mc-pop{0%,5%{opacity:0;transform:translateX(12px)}15%,75%{opacity:1;transform:none}90%,100%{opacity:0}}
.mc-web{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:9px;align-content:center;justify-content:stretch}
.mc-web i{display:block;height:20px;border-radius:5px;background:linear-gradient(90deg,#c4b5fd,#e9d5ff);transform-origin:left;animation:mc-build 4s ease-in-out infinite}
.mc-web i:first-child{grid-column:1/-1;background:linear-gradient(90deg,#7c3aed,#c026d3)}.mc-web i:nth-child(2){animation-delay:.3s}.mc-web i:nth-child(3){animation-delay:.6s}.mc-web i:nth-child(4){grid-column:1/-1;height:8px;width:60%;animation-delay:.9s}
@keyframes mc-build{0%,8%{transform:scaleX(0)}30%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.mc-chart{align-items:flex-end;padding:10px 18px;gap:7px}
.mc-chart i{display:block;width:14px;border-radius:4px 4px 0 0;background:linear-gradient(var(--teal),var(--blue));transform-origin:bottom;animation:mc-grow 3s ease-in-out infinite}
.mc-chart i:nth-child(1){height:18px}.mc-chart i:nth-child(2){height:26px;animation-delay:.15s}.mc-chart i:nth-child(3){height:34px;animation-delay:.3s}.mc-chart i:nth-child(4){height:42px;animation-delay:.45s}.mc-chart i:nth-child(5){height:52px;animation-delay:.6s;background:linear-gradient(var(--yellow),var(--red))}
@keyframes mc-grow{0%,10%{transform:scaleY(.2)}45%,80%{transform:scaleY(1)}100%{transform:scaleY(.2)}}
@media(max-width:980px){.nav .mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;padding:0 0 6px 10px;display:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .nav .has-sub.open>.mega{display:block}.mcard{display:none}}
@media(prefers-reduced-motion:reduce){.mcard *,.mc-art *{animation:none!important}}
.nav ul .mcard{display:flex;flex-direction:column;padding:16px;border-radius:16px;font-weight:400;white-space:normal}
.nav ul .mcard:hover{background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.35))}
.nav ul .mcard>*{display:block}.nav ul .mcard .mcard__p{display:inline-block;white-space:nowrap}
.nav ul .mcard>.mc-art{display:flex}.nav ul .mcard>.mcard__glow{display:block}
.nav ul .mcard>.mc-art.mc-web{display:grid}
/* Fix: el panel cerrado no debe recibir el mouse (antes la lista interna seguía «visible» y abría el menú al pasar por el contenido). */
.nav .mega{pointer-events:none}.nav .mega ul.sub{visibility:inherit}
.nav .has-sub:hover>.mega,.nav .has-sub:focus-within>.mega{pointer-events:auto}
@media(max-width:980px){.nav .mega{pointer-events:auto}}
/* Menú: IA destacada (nov 2026) */
.nav-ia{background:linear-gradient(90deg,#7c3aed,#2C82C9,#1ABC9C);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.nav-new{font-style:normal;font:800 9.5px/1 var(--head);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#7c3aed,#c026d3);padding:3px 6px;border-radius:999px;margin-left:5px;position:relative;top:-1px;box-shadow:0 0 0 0 rgba(124,58,237,.5);animation:nav-new 2.6s ease-out infinite}
@keyframes nav-new{0%{box-shadow:0 0 0 0 rgba(124,58,237,.45)}70%,100%{box-shadow:0 0 0 7px rgba(124,58,237,0)}}
.mc-ai{flex-direction:column;align-items:stretch;padding:8px 10px;gap:6px}
.mc-ai__p{display:flex;gap:6px;align-items:center;background:#fff;border:1.5px solid #DDD0FB;border-radius:8px;padding:4px 8px;font:600 11.5px var(--font);color:var(--navy)}.mc-ai__p b{color:#7c3aed}
.mc-ai__t{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #7c3aed;animation:mc-type2 5s steps(21) infinite}
@keyframes mc-type2{0%{width:0}45%,100%{width:21ch}}
.mc-ai__s{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mc-ai__s i{display:block;height:12px;border-radius:4px;background:linear-gradient(90deg,#c4b5fd,#e9d5ff);transform-origin:left;animation:mc-ai 5s ease-in-out infinite}
.mc-ai__s i:first-child{grid-column:1/-1;height:16px;background:linear-gradient(90deg,#7c3aed,#2C82C9)}.mc-ai__s i:nth-child(3){animation-delay:.2s}
@keyframes mc-ai{0%,50%{transform:scaleX(0)}65%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.nav ul .mcard>.mc-art.mc-ai{display:flex}
@media(prefers-reduced-motion:reduce){.nav-new{animation:none}}
/* Fix móvil: dentro de .mega la lista .sub quedaba oculta y solo se veía la tarjeta. */
@media(max-width:980px){.nav .has-sub.open .mega ul.sub{display:block}.nav ul .mcard,.nav ul .mcard>*{display:none!important}}
.gift a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* Títulos: líneas parejas (sin una palabra sola abajo) y, en escritorio, el resaltado del hero en su propia línea. Nov 2026. */
h1,h2{text-wrap:balance}
@media(min-width:760px){.wh-hero h1 span{display:block}}
/* Tarjeta del menú con promo activa: mismo color que su slide de la home (azul hosting, rosa correo). */
.mcard--azul .mcard__glow{background:linear-gradient(135deg,#E6EEFF,#E3F6FB)}.mcard--azul .mcard__glow i:nth-child(1){background:#1d4ed8}.mcard--azul .mcard__glow i:nth-child(2){background:#22c1e0}
.mcard--azul .mcard__p{background:linear-gradient(125deg,#1d4ed8,#2C82C9 55%,#22c1e0)}.mcard--azul .mcard__go{color:#1d4ed8}
.mcard--rosa .mcard__glow{background:linear-gradient(135deg,#FDE7F1,#FCEFF6)}.mcard--rosa .mcard__glow i:nth-child(1){background:#e11d74}.mcard--rosa .mcard__glow i:nth-child(2){background:#f472b6}
.mcard--rosa .mcard__p{background:linear-gradient(125deg,#be185d,#e11d74 45%,#f472b6)}.mcard--rosa .mcard__go{color:#be185d}
.nav ul .mcard--azul .mcard__p,.nav ul .mcard--rosa .mcard__p{white-space:normal;line-height:1.35}
.mcard--morado .mcard__glow{background:linear-gradient(135deg,#EDE9FE,#FAE8FF)}.mcard--morado .mcard__glow i:nth-child(1){background:#7c3aed}.mcard--morado .mcard__glow i:nth-child(2){background:#c026d3}
.mcard--morado .mcard__p{background:linear-gradient(125deg,#4c1d95,#7c3aed 50%,#c026d3);white-space:normal;line-height:1.35}.mcard--morado .mcard__go{color:#6d28d9}
.nav ul .mcard--morado .mcard__p{white-space:normal}
.mcard--rojo .mcard__glow{background:linear-gradient(135deg,#FEE9E7,#FFF3E0)}.mcard--rojo .mcard__glow i:nth-child(1){background:#E74C3C}.mcard--rojo .mcard__glow i:nth-child(2){background:#f59e0b}
.mcard--rojo .mcard__p{background:linear-gradient(125deg,#991b1b,#E74C3C 55%,#f59e0b);white-space:normal;line-height:1.35}.mcard--rojo .mcard__go{color:#b91c1c}
.nav ul .mcard--rojo .mcard__p{white-space:normal}
/* Laptops de 990 a 1,280 px (feedback del equipo, 13-nov): los paneles de los dos últimos menús (IA y Servicios) se abren hacia la
   izquierda para no salirse de la pantalla (aunque estén cerrados ocupaban espacio y daban scroll horizontal). */
@media(min-width:981px){.nav ul>li.has-sub:nth-last-child(-n+2)>.mega{left:auto;right:-14px}}