/* Magna Computación V19.7 — recursos gráficos permitidos, archivos locales.
   El sitio conserva identidad blanca/azul. Las capturas son ilustrativas,
   no promesas de prestaciones ni pantallas del área privada de clientes. */
.infra-page .infra-visual-photo{
  background:radial-gradient(circle at 72% 30%,#dfecff 0%,#f5f9ff 55%,#fff 100%);
  border:1px solid #cbdffa; padding:clamp(14px,2vw,26px);
  box-shadow:0 30px 66px #0b386a23;transform:rotate(-1.1deg);
  min-height:290px;display:flex;align-items:center;justify-content:center;
  overflow:visible;
}
.infra-page .infra-visual-photo>img.infra-photo-asset{
  display:block;width:100%;max-width:100%;height:auto;max-height:390px;
  object-fit:contain;border-radius:14px;
  filter:drop-shadow(0 12px 20px #0b326d1e)
}
.infra-page .infra-visual-photo figcaption{max-width:78%;text-align:center;line-height:1.35;background:#11376e;color:#fff}
.infra-page .infra-visual-cloud-infraestructura{background:radial-gradient(ellipse at 50% 45%,#123c80,#0b204a 79%);min-height:330px}
.infra-page .infra-visual-hosting-visual{background:#e8f4ff}
.infra-page .infra-visual-ssl-ejemplo{background:linear-gradient(125deg,#e8f6ec,#f4fbff);padding:18px}
.infra-page .infra-visual-comparativa-hosting{background:linear-gradient(145deg,#f2f7ff,#deeafa)}
.infra-page .infra-visual-comparativa-hosting>img{max-height:390px;width:auto;max-width:96%}
.infra-page .infra-https-seal{position:absolute;right:-16px;top:-18px;max-width:178px;border:1px solid #d0e4f5;border-radius:13px;background:#fff;padding:10px;box-shadow:0 13px 30px #0b397025;transform:rotate(4deg)}
.infra-page .infra-https-seal img{width:100%;height:auto;border-radius:8px}
.infra-page .infra-catalog-image{background:linear-gradient(135deg,#eaf3ff,#f6faff)}
.infra-page .infra-catalog-image img.infra-catalog-official-image{object-fit:contain;height:168px;max-width:100%;mix-blend-mode:normal}
.infra-page .infra-mini-card img.infra-related-official-image{object-fit:contain;background:#e8f2ff;padding:5px}
@media (max-width:700px){
 .infra-page .infra-visual-photo{min-height:230px;padding:16px;margin:10px 4px 24px}
 .infra-page .infra-visual-photo>img.infra-photo-asset{max-height:280px}
 .infra-page .infra-visual-photo figcaption{bottom:-18px;right:8px;font-size:10px}
 .infra-page .infra-https-seal{max-width:108px;right:-5px;top:-10px;padding:5px}
}
@media (prefers-reduced-motion:reduce){.infra-page .infra-visual-photo{transform:none}}