/* Magna Computación V19.3 · tarjetas empresariales + presentación de proyectos */
/* Revisión: claridad, jerarquía visual y navegación accesible. */
body.magna-corporate.avg-page .avg-business-guide{padding-block:clamp(44px,5vw,76px);}
body.magna-corporate.avg-page .avg-business-guide>h2{max-width:980px;margin-bottom:26px;color:#133761;letter-spacing:-.035em}
body.magna-corporate.avg-page .avg-business-grid{gap:18px;align-items:stretch}
body.magna-corporate.avg-page .avg-business-grid>article{
  --panel-glow:rgba(78,173,255,.18);
  background:radial-gradient(ellipse at 90% 3%,var(--panel-glow),transparent 50%),linear-gradient(148deg,#102a4b,#0d1c35 80%)!important;
  border:1px solid #385b83;border-radius:20px;padding:24px;
  min-width:0;min-height:350px;display:flex;flex-direction:column;gap:0;
  box-shadow:0 13px 26px rgba(10,37,77,.16);transition:transform .22s,border-color .22s,box-shadow .22s;
}
body.magna-corporate.avg-page .avg-business-grid>article:nth-child(2){--panel-glow:rgba(53,215,185,.15)}
body.magna-corporate.avg-page .avg-business-grid>article:nth-child(3){--panel-glow:rgba(118,148,242,.15)}
body.magna-corporate.avg-page .avg-business-grid>article:hover{transform:translateY(-4px);border-color:#75b2ef;box-shadow:0 20px 38px rgba(10,37,77,.22)}
body.magna-corporate.avg-page .avg-business-grid>article>img{
  display:block;height:115px;width:100%;max-width:280px;object-fit:contain;object-position:left center;
  margin:0 0 18px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.08));
}
body.magna-corporate.avg-page .avg-business-grid>article>img[src*="hosting.svg"]{object-position:left center;max-width:230px}
body.magna-corporate.avg-page .avg-business-grid h3{font:700 clamp(21px,2vw,25px)/1.22 var(--display);color:#fff!important;letter-spacing:-.024em;margin:0 0 13px;min-height:0}
body.magna-corporate.avg-page .avg-business-grid p{font-size:14px;line-height:1.7;color:#d5e5f7!important;margin:0 0 20px}
body.magna-corporate.avg-page .avg-business-grid a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:auto;padding:13px 15px;background:#e6f2ff;border:1px solid #aed2ff;
  border-radius:10px;color:#123e7b!important;font-size:13px;font-weight:800;
  text-decoration:none;transition:background .18s,color .18s,transform .18s;
}
body.magna-corporate.avg-page .avg-business-grid a:hover{background:#fff;color:#124ba3!important;transform:translateY(-1px)}
body.magna-corporate.avg-page .avg-business-grid a:focus-visible{outline:3px solid #bfe2ff;outline-offset:4px}
/* Proyectos reales: bloque de personalidad propia, luminoso pero diferenciado. */
body.magna-corporate .portfolio{
  position:relative;isolation:isolate;
  background:radial-gradient(ellipse 52% 43% at 98% 6%,rgba(66,135,230,.17),transparent 80%),
             radial-gradient(ellipse 30% 27% at 3% 92%,rgba(89,186,239,.12),transparent 80%),
             linear-gradient(145deg,#e7f1fc,#f4f8ff 50%,#edf4fc)!important;
  border-top:1px solid #cfdeee;border-bottom:1px solid #d6e4f3;
  padding-top:clamp(58px,6vw,92px);padding-bottom:clamp(64px,6vw,90px);
}
body.magna-corporate .portfolio:before{
  content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;
  background-image:radial-gradient(#729ccc 0.8px,transparent 0.8px);
  background-size:28px 28px;opacity:.13;
  mask-image:linear-gradient(125deg,transparent 18%,#000 100%);
}
body.magna-corporate .portfolio .section-head{margin-bottom:29px}
body.magna-corporate .portfolio .section-index{color:#215fbb}
body.magna-corporate .portfolio .section-head h2{color:#10335f}
body.magna-corporate .portfolio .section-head p{color:#506f93}
body.magna-corporate .portfolio .filter-bar{margin-bottom:25px}
body.magna-corporate .portfolio .project-grid{gap:18px}
body.magna-corporate .portfolio .project-card{
  background:#fff;border:1px solid #cfdef0;border-radius:19px;overflow:hidden;
  box-shadow:0 8px 20px rgba(18,60,113,.09);padding:12px 12px 20px;
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
body.magna-corporate .portfolio .project-card:hover{transform:translateY(-4px);border-color:#8bb9ea;box-shadow:0 18px 36px rgba(18,60,113,.17)}
body.magna-corporate .portfolio .project-card .project-art{border-radius:12px;}
body.magna-corporate .portfolio .project-card .project-meta{padding:18px 9px 0}
body.magna-corporate .portfolio .project-card>p{padding:0 9px;color:#536e89;}
body.magna-corporate .portfolio .preview-note{margin-top:23px;color:#617b98}
@media(max-width:900px){
  body.magna-corporate.avg-page .avg-business-grid{grid-template-columns:1fr;gap:13px}
  body.magna-corporate.avg-page .avg-business-grid>article{min-height:0;padding:22px}
  body.magna-corporate.avg-page .avg-business-grid>article>img{height:105px;margin-bottom:14px}
  body.magna-corporate .portfolio .project-grid{gap:14px}
}
@media(max-width:600px){
  body.magna-corporate.avg-page .avg-business-grid>article>img{height:100px}
  body.magna-corporate.avg-page .avg-business-grid h3{font-size:23px}
  body.magna-corporate .portfolio .project-card{padding:9px 9px 18px}
  body.magna-corporate .portfolio .project-card .project-meta{padding:15px 7px 0}
  body.magna-corporate .portfolio .project-card>p{padding:0 7px}
  body.magna-corporate .portfolio .project-art{height:225px}
}
@media(prefers-reduced-motion:reduce){
 body.magna-corporate.avg-page .avg-business-grid>article,body.magna-corporate.avg-page .avg-business-grid a,body.magna-corporate .portfolio .project-card{transition:none}
}