/* ============================================================
   Añadidos propios de WordPress
   ------------------------------------------------------------
   Lo que la web estática no necesita: los avisos del formulario,
   el campo trampa y la línea de sesión iniciada.

   OJO: este fichero va en la RAÍZ del tema, no dentro de
   /assets. Esa carpeta se regenera entera desde la web estática
   cada vez que se reconstruye el tema, y se llevaría esto por
   delante.
   ============================================================ */

/* --- avisos del formulario --- */
.form__aviso {
  display: block;
  margin-bottom: clamp(18px, 2.2vw, 26px);
  padding: clamp(13px, 1.6vw, 17px) clamp(15px, 1.8vw, 19px);
  border-radius: 8px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--olive);
  background: var(--paper, #FBFAF5);
  font-size: .94rem;
  line-height: 1.6;
  color: var(--ink-2);
}
.form__aviso--ok { border-left-color: var(--signal); color: var(--ink); font-weight: 500; }
.form__aviso--mal { border-left-color: var(--danger); color: var(--danger); }

/* --- quién está escribiendo --- */
.form__sesion {
  display: block;
  margin-bottom: 18px;
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.form__sesion b { color: var(--ink); font-weight: 600; }
.form__sesion a { color: var(--moss); text-decoration: underline; text-underline-offset: 3px; }
.form__sesion a:hover { color: var(--olive); }

/* --- campo trampa --------------------------------------------------------
   Ni display:none ni visibility:hidden: los robots ya se saben esos dos y los
   saltan. Se saca de la página con clip, que sí rellenan. Va con position
   fixed para que no cuente en el ancho del documento. */
.form__trampa {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0 !important;
  pointer-events: none;
}

/* --- una tanda completa no se puede elegir en el desplegable --- */
.form select option:disabled { color: var(--ink-3); }

/* --- barra de administración: que no tape la cabecera fija --- */
body.admin-bar .header { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .header { top: 46px; }
}