/* V10 — Galería fotográfica informática. Marco amplio sin recortar originales. */
#informatica .section-head{margin-bottom:32px}
#informatica .section-head h2{max-width:780px;text-wrap:balance}
#informatica .section-head p{max-width:750px}
#informatica .tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
#informatica .tech{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:17px;border:1px solid #dbe5f0;box-shadow:0 10px 30px rgba(12,40,79,.065);background:#fff}
#informatica .tech-media{
  position:relative;display:block;width:100%;height:340px;max-height:none;min-height:0;padding:0;
  margin:0;border:0;border-bottom:1px solid #e0e8f2;border-radius:0;
  overflow:hidden;background:#edf3f9;cursor:zoom-in;isolation:isolate;
}
#informatica .tech-media::before{
  content:"";position:absolute;inset:-20px;z-index:-1;
  background-image:linear-gradient(rgba(240,245,251,.43),rgba(240,245,251,.43)),var(--media-image);
  background-position:center;background-size:cover;filter:blur(20px);transform:scale(1.12);
}
#informatica .tech-media::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(248,251,254,.28),transparent 36%,transparent 64%,rgba(248,251,254,.28))}
#informatica .tech-media img{
  display:block;width:100%;height:100%;max-height:none;min-height:0;
  object-fit:contain;object-position:center;aspect-ratio:auto;padding:8px;
  background:transparent;border:0;transition:transform .25s ease;
}
#informatica .tech-media:hover img{transform:scale(1.02)}
#informatica .tech-zoom-hint{position:absolute;right:13px;bottom:13px;z-index:1;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#0c3c7c;background:#fff;box-shadow:0 5px 15px rgba(13,34,65,.17)}
#informatica .tech-text{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;min-height:0}
#informatica .tech h3{font-size:19px;line-height:1.34;font-weight:750;letter-spacing:-.015em;margin:0 0 10px;color:#0a2d5e}
#informatica .tech p{font-size:14px;line-height:1.7;color:#536781;margin:0 0 20px;flex:1}
#informatica .tech a{font-size:14px;line-height:1.35;color:#bb1831;font-weight:750;margin-top:auto}
#informatica .tech a:hover{text-decoration:underline;text-underline-offset:3px}
#informatica .tech-media:focus-visible{outline:3px solid #2173db;outline-offset:-4px}
@media (min-width:1400px){#informatica .tech-media{height:380px}}
@media (min-width:740px) and (max-width:1100px){
  #informatica .tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  #informatica .tech-media{height:360px}
}
@media (min-width:560px) and (max-width:739px){
  #informatica .tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  #informatica .tech-media{height:310px}
  #informatica .tech-text{padding:18px}
  #informatica .tech h3{font-size:17px}
}
@media (max-width:559px){
  #informatica .tech-grid{grid-template-columns:1fr;gap:18px}
  #informatica .tech-media{height:clamp(310px,100vw,440px)}
  #informatica .tech-text{padding:19px 20px 22px}
  #informatica .tech h3{font-size:18px}
}
@media (prefers-reduced-motion:reduce){#informatica .tech-media img{transition:none}#informatica .tech-media:hover img{transform:none}}