/* Radiance · ajustes propios de WordPress (se carga después de los estilos de la página). */

/* Trampa antibots del formulario de pedido: fuera de la vista y del foco, pero no display:none (los bots lo detectan). */
.campo-trampa { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Píxeles de medición sin JavaScript (<noscript>): no ocupan espacio. */
.medicion-oculta { display: none; visibility: hidden; }

/* Error al enviar un formulario (sin conexión, datos rechazados…): bajo el botón de envío. */
.form-error { margin-top: 12px; font-size: 14px; line-height: 1.45; color: #a3352b; }

/* ---------- Barra de administración de WordPress (solo con sesión iniciada) ----------
   --wp-barra = lo que ocupa la barra arriba: 32px en escritorio, 46px hasta 782px y 0 hasta 600px
   (ahí la barra deja de ser fija y se va con el scroll). Todo lo que se pega arriba suma ese valor. */
body.admin-bar { --wp-barra: 32px; }
@media (max-width: 782px) { body.admin-bar { --wp-barra: 46px; } }
@media (max-width: 600px) { body.admin-bar { --wp-barra: 0px; } }

/* Header: fijo en la portada, sticky en las páginas internas (misma especificidad que depilacion-mujer.css). */
body.admin-bar .nav,
body.v5.hv-c.pg-int.admin-bar .nav { top: var(--wp-barra); }
/* Portada hasta 600px: arriba del todo el header queda bajo la barra; al pasar el hero ya es fijo y la barra no está. */
@media (max-width: 600px) {
  body.admin-bar:not(.pg-int):not(.con-scroll) .nav { top: 46px; }
}

/* Elementos pegajosos bajo el header. */
body.admin-bar .zc__filtros,
body.admin-bar .mv-barra--pegajosa { top: calc(64px + var(--wp-barra)); }
body.admin-bar .pd-tarjeta { top: calc(96px + var(--wp-barra)); }
body.admin-bar .fp-lado,
body.admin-bar .lg-indice { top: calc(104px + var(--wp-barra)); }
body.admin-bar .fh__lado { top: calc(112px + var(--wp-barra)); }
body.admin-bar [id] { scroll-margin-top: calc(80px + var(--wp-barra)); }

/* Páginas nuevas: sus pegajosos usan la altura del header que mide su JS (--pr-nav, --bg-nav, --art-nav). */
body.admin-bar .pr--a .pr-filtros,
body.admin-bar .pr-indice { top: calc(var(--pr-nav, 64px) + var(--wp-barra)); }
body.admin-bar .pr-lado { top: calc(var(--pr-nav, 64px) + 24px + var(--wp-barra)); }
@media (max-width: 900px) {
  body.admin-bar .pr-lado { top: calc(var(--pr-nav, 64px) + var(--wp-barra)); }
}
body.admin-bar .bv-lateral__in { top: calc(var(--bg-nav, 64px) + 24px + var(--wp-barra)); }
body.admin-bar .ct--a .ct-intro { top: calc(var(--bg-nav, 76px) + 32px + var(--wp-barra)); }
body.admin-bar .ct-c__panel { top: calc(var(--bg-nav, 76px) + 24px + var(--wp-barra)); }
body.admin-bar .art-barra { top: calc(var(--art-nav, 64px) + var(--wp-barra)); }
body.admin-bar .art-lado__in { top: calc(var(--art-nav, 64px) + 24px + var(--wp-barra)); }

@media (min-width: 901px) {
  body.admin-bar.hv-c:not(.pg-int) .hero { height: clamp(660px, calc(100svh - var(--wp-barra)), 940px); }
  /* «¿Por qué elegir…?» de la portada: escena pegajosa bajo el header (--pq-tope lo mide su JS). */
  body.admin-bar .pq { --pq-alto: calc(100svh - var(--pq-tope) - var(--wp-barra)); }
  body.admin-bar .pq__escena { top: calc(var(--pq-tope) + var(--wp-barra)); }
}