/* APD Web · Sanidad — estados que la maqueta calcula en JS y que aquí se fijan con CSS
   para que no haya saltos al cargar. Sin movimiento (o con ?captura) manda el
   estado estático de la página, igual que en la maqueta. */

/* Hero: sube bajo la cabecera transparente (el script lo ajusta a la altura real) */
#inicio { margin-top: calc(-1px - var(--header-height)); }
@media (max-width: 1100px) { #inicio { margin-top: calc(-1px - var(--header-height-compact)); } }

/* Hero por debajo de 960 px: la foto pasa debajo del texto (maqueta: estado «wide») */
@media (max-width: 959px) {
  #inicio [data-apd-h="hero-media"] { position: relative; inset: auto; order: 2; height: min(78vw, 560px); z-index: 0; }
  #inicio [data-apd-h="hero-img"] { object-position: 62% 30%; }
  #inicio [data-apd-h="hero-edge"] { opacity: 0; }
  #inicio [data-apd-h="hero-col"], #inicio [data-apd-h="hero-stats"] { max-width: 100%; }
}

@media (prefers-reduced-motion: no-preference) {
  /* entrada de la foto del hero */
  html.apd-js:not([data-apd-reduced-motion]) #inicio [data-apd-h="hero-clip"] { clip-path: inset(0% 0% 100% 0%); transition: clip-path 1200ms var(--ease-enter) 200ms; }
  html.apd-js:not([data-apd-reduced-motion]) #inicio [data-apd-h="hero-img"] { transform: scale(1.08); transition: transform 1600ms var(--ease-enter) 200ms; }
  html.apd-js:not([data-apd-reduced-motion]) #inicio.is-in [data-apd-h="hero-clip"] { clip-path: inset(0% 0% 0% 0%); }
  html.apd-js:not([data-apd-reduced-motion]) #inicio.is-in [data-apd-h="hero-img"] { transform: scale(1); }
  /* zonas y puntos del mapa: aparecen al entrar en pantalla */
  html.apd-js:not([data-apd-reduced-motion]) #circuito [data-apd-h="map-box"]:not(.is-drawn) [data-apd-h="zone-btn"] { opacity: 0; transform: translateY(8px); }
  html.apd-js:not([data-apd-reduced-motion]) #circuito [data-apd-h="map-box"]:not(.is-drawn) [data-apd-h="spot-btn"] { opacity: 0; }
  /* marquesina animada (sin movimiento se desplaza a mano) */
  html:not([data-apd-reduced-motion]) #casos [data-apd-h="marquee"] { overflow-x: hidden; }
}

/* Cifras con signo («45+», «+90», «−58%»): sin espacio entre el número y el signo, como en la maqueta */
#inicio :is([data-id="62b72a61"], [data-id="37f16d6a"], [data-id="eca5dd8"]), #casos :is([data-id="1be5c1f2"], [data-id="1c8ec7a9"]) { display: flex; align-items: baseline; }

/* Vídeo de Germans Trias: el botón de play no lleva el gris por defecto del navegador sobre la portada */
.apd-root [data-apd-h="case-play"] { background-color: transparent; }