/* MAGNA COMPUTACIÓN / V19.1 · Ajustes finos de contraste y hero
   Complemento cargado DESPUÉS de V19, sin eliminar estilos ni funciones existentes. */

/* Portada: reforzar protagonismo sin perder la identidad corporativa luminosa. */
body.magna-corporate .corp-hero{
  background:
    radial-gradient(ellipse 52% 72% at 83% 46%, rgba(93,158,246,.39) 0%,rgba(164,206,254,.31) 45%,transparent 89%),
    radial-gradient(ellipse 48% 70% at 13% 20%,#fff 4%,transparent 95%),
    linear-gradient(120deg,#fff 0%,#f4f9ff 44%,#d9ebff 100%);
  border-bottom:1px solid #b9d0ed;
}
body.magna-corporate .corp-orb.orb-a{border-color:#8fb8ef75;box-shadow:0 0 0 75px #3d8df50c,0 0 0 155px #3d8df507}
body.magna-corporate .corp-slide-visual::before{
  inset:7% 1%;filter:blur(36px);border-radius:36%;
  background:radial-gradient(ellipse at 50% 55%,rgba(42,111,220,.30),rgba(88,166,253,.18) 50%,transparent 80%);
}
body.magna-corporate .corp-visual-window{
  width:calc(100% + 22px);max-width:680px;
  border:1px solid #a7c8ed;
  box-shadow:0 40px 76px rgba(17,57,125,.30),0 0 0 8px rgba(255,255,255,.70),0 12px 22px rgba(15,60,122,.08);
  transform:rotate(-2deg) scale(1.025);
}
body.magna-corporate .corp-product-image,
body.magna-corporate .corp-business-screen{
  box-shadow:0 30px 74px rgba(20,67,135,.27),0 0 0 6px rgba(255,255,255,.54);
  border-color:#accbef;
  transform:translateY(-4px) scale(1.035);
}
body.magna-corporate .corp-float-pill{background:#0d397d;box-shadow:0 16px 32px rgba(12,57,121,.31)}
body.magna-corporate .corp-slide-actions .btn-primary{background:#1354d6;border-color:#1354d6;box-shadow:0 14px 28px rgba(22,76,174,.25)}
body.magna-corporate .corp-slide-actions .btn-primary:hover{background:#0b3fa8;border-color:#0b3fa8;box-shadow:0 17px 36px rgba(19,68,159,.33)}
body.magna-corporate .corp-text-link{color:#11479d;text-decoration:underline;text-decoration-color:#b4c8ed;text-underline-offset:5px}
body.magna-corporate .corp-text-link:hover{color:#083785;text-decoration-color:currentColor}
/* Navegación inferior: botones visibles, selección inequívoca y mejor área táctil. */
body.magna-corporate .corp-slider-foot{border-top:1px solid #c2d5ef;margin-top:4px;padding-top:15px;padding-bottom:14px}
body.magna-corporate .corp-slider-tabs{gap:9px}
body.magna-corporate .corp-slider-tabs button{
  min-height:54px;cursor:pointer;align-items:center;
  padding:11px 11px;
  color:#385a82;background:rgba(255,255,255,.67);
  border:1px solid #cbdcf1;border-top:4px solid #a9c4ea;border-radius:9px;
  box-shadow:0 3px 10px rgba(26,71,129,.07);
  transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.magna-corporate .corp-slider-tabs button strong{color:#3a649d;font-weight:850}
body.magna-corporate .corp-slider-tabs button:hover{background:#e9f2ff;color:#154a9c;border-color:#9fc0eb;border-top-color:#357bd5}
body.magna-corporate .corp-slider-tabs button.is-current{
  background:#dfeeff;color:#123e8c;border-color:#8bb8ed;border-top-color:#1758cd;
  box-shadow:0 6px 16px rgba(17,80,171,.16);
}
body.magna-corporate .corp-slider-tabs button.is-current strong{color:#1055c5}
body.magna-corporate .corp-slider-arrows button{background:#fff;border-color:#a9c5e8;color:#174a9b;box-shadow:0 4px 11px #1c63ab16}
body.magna-corporate .corp-slider-arrows button:hover{background:#dcecff;color:#083987}

/* AVG: tarjetas oscuras deben llevar títulos en blanco de alto contraste. */
body.magna-corporate.avg-page .need-card .need-copy h3,
body.magna-corporate.avg-page .need-card:hover .need-copy h3,
body.magna-corporate.avg-page .need-card:focus-visible .need-copy h3{
  color:#f7fbff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.13);
}
body.magna-corporate.avg-page .need-card .need-copy p{color:#c6d7ee!important}
body.magna-corporate.avg-page .need-card .need-action{border-top-color:rgba(255,255,255,.15);text-decoration:none}
body.magna-corporate.avg-page .need-card:hover .need-action,
body.magna-corporate.avg-page .need-card:focus-visible .need-action{text-decoration:underline;text-underline-offset:4px}

/* Catálogo: el enlace debe funcionar también en :hover y :focus-visible. */
body.magna-corporate.avg-page .avg-card .avg-card-cta,
body.magna-corporate.avg-page .avg-card:hover .avg-card-cta,
body.magna-corporate.avg-page .avg-card:focus-visible .avg-card-cta{
  color:#134da9!important;border-top:1px solid #cbdcf1!important;
}
body.magna-corporate.avg-page .avg-card:hover .avg-card-cta,
body.magna-corporate.avg-page .avg-card:focus-visible .avg-card-cta{color:#06327d!important;text-decoration:underline;text-underline-offset:3px}
body.magna-corporate.avg-page .avg-card .avg-card-cta b{color:inherit!important}
body.magna-corporate.avg-page .avg-card:hover{box-shadow:0 22px 43px rgba(25,67,129,.15)!important;border-color:#91b5e9!important}
body.magna-corporate.avg-page .avg-card .avg-card-label{color:#275da8!important}

/* CTAs sobre azul oscuro: títulos blancos y descripción fácilmente legible. */
body.magna-corporate.avg-page .avg-cta-wide h3{color:#fff!important}
body.magna-corporate.avg-page .avg-cta-wide p{color:#ddeaff!important}
body.magna-corporate.avg-page .avg-cta-wide{border-color:#31588f!important}
body.magna-corporate.avg-page .avg-cta-wide .btn-primary{color:#fff!important}

/* Sello AVG: el archivo original trae letras negras/grises. No invertirlas en fondo claro. */
body.magna-corporate.avg-page .avg-brand-ribbon .avg-reseller-dark .avg-reseller-lettering,
body.magna-corporate.avg-page .avg-official-badge .avg-reseller-dark .avg-reseller-lettering{
  filter:none!important;opacity:1!important;
}
body.magna-corporate.avg-page .avg-brand-ribbon .avg-reseller-dark .avg-reseller-color,
body.magna-corporate.avg-page .avg-official-badge .avg-reseller-dark .avg-reseller-color{
  filter:none!important;
}
body.magna-corporate.avg-page .avg-brand-ribbon>.avg-reseller-dark{width:172px;max-width:100%;flex-shrink:0}
body.magna-corporate.avg-page .avg-official-badge .avg-reseller-dark{max-width:230px}

/* Contraste secundario sobre fondos claros. */
body.magna-corporate.avg-page .avg-expanded .avg-kicker{color:#265aab!important}
body.magna-corporate.avg-page .avg-title-after{color:#38649c!important}
body.magna-corporate.avg-page .avg-small-text{color:#536d8b!important}
body.magna-corporate.avg-page .avg-brand-ribbon>span:first-child{color:#3f6080!important}

@media(max-width:880px){
  body.magna-corporate .corp-visual-window{width:100%;max-width:none;transform:rotate(-1deg) scale(1.01)}
  body.magna-corporate .corp-product-image,
  body.magna-corporate .corp-business-screen{transform:none}
  body.magna-corporate .corp-slider-tabs{gap:5px}
  body.magna-corporate .corp-slider-tabs button{min-height:44px;padding:9px 3px;justify-content:center}
}
@media(max-width:680px){
  body.magna-corporate .corp-hero{background:radial-gradient(ellipse 110% 65% at 85% 74%,#cfe5ff,transparent 80%),linear-gradient(135deg,#fff,#ebf5ff)}
  body.magna-corporate .corp-slide-visual::before{inset:12% 3%;filter:blur(24px)}
  body.magna-corporate .corp-visual-window{transform:rotate(-1deg);box-shadow:0 18px 34px rgba(17,57,125,.22),0 0 0 4px #fff9}
  body.magna-corporate .corp-slider-foot{gap:8px;padding-top:12px}
  body.magna-corporate .corp-slider-tabs{gap:3px;min-width:0}
  body.magna-corporate .corp-slider-tabs button{min-height:44px;padding:8px 2px;border-radius:7px;border-top-width:3px}
  body.magna-corporate .corp-slider-tabs button strong{font-size:12px}
  body.magna-corporate .corp-slider-arrows button{width:34px;height:34px;min-width:34px}
  body.magna-corporate.avg-page .avg-cta-wide h3{font-size:clamp(22px,6.5vw,27px)}
  body.magna-corporate.avg-page .avg-brand-ribbon>.avg-reseller-dark{width:156px}
}
@media(prefers-reduced-motion:reduce){
  body.magna-corporate .corp-slider-tabs button{transition:none!important}
}

/* En móvil el acceso flotante no debe tapar la navegación del slider. */
@media(max-width:680px){
  body.magna-corporate .float-whatsapp{
    width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
    padding:13px!important;right:12px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
    border-radius:50%!important;justify-content:center!important;gap:0!important;
  }
  body.magna-corporate .float-whatsapp span{display:none!important}
  body.magna-corporate .float-whatsapp svg{width:25px!important;height:25px!important;flex-shrink:0}
}