/* ═══════════════════════════════════════════════════════════
   PDP Performance — carga diferida y pintado más rápido
   ═══════════════════════════════════════════════════════════ */

/* Secciones bajo el fold: el navegador las omite hasta scroll */
body.home-page #servicios-oficiales,
body.home-page #portafolio,
body.home-page #metodo,
body.home-page #faq,
body.home-page #contacto,
body.home-page .ecosistema-pdp,
body.home-page .insights-home {
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}

body.juan-manuel-page .jm-topics,
body.juan-manuel-page .jm-experience,
body.juan-manuel-page .jm-booking,
body.juan-manuel-page .ecosistema-pdp {
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
}

/* Imágenes decorativas: no bloquean LCP salvo hero */
.service-gallery__grid img,
.portfolio__grid img,
.visual-service img {
  content-visibility: auto;
}

/* Menos repintados costosos */
.cursor-glow,
.hero__orb {
  will-change: auto;
}

/* Reducir blur costoso en móvil */
@media (max-width: 768px) {
  .pdp-unified-header,
  .header,
  .blog-header {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Vertical portfolio pages — defer below-fold paint */
body[data-pdp-page="marketing"] .industry-showcase,
body[data-pdp-page="desarrollo"] .dev-industries,
body[data-pdp-page="audiovisual"] .av-industries {
  content-visibility: auto;
  contain-intrinsic-size: auto 900px;
}

/* Featured cards: tighter empty band */
body[data-pdp-page="desarrollo"] .dev-industry-featured,
body[data-pdp-page="audiovisual"] .av-industry-featured {
  min-height: min(560px, 78vh);
}