/* ==========================================================
   Ajustes del tema para WordPress (no forman parte del diseño original)
   ========================================================== */

/* Campo trampa anti-spam del formulario */
.hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* Aviso del formulario al regresar del servidor (?formulario=...) */
.form-aviso { margin: 0 0 16px; padding: 12px 16px; border-radius: 8px; background: #fdecea; color: #8a1c13; }
.form-aviso--ok { background: #e7f6ec; color: #1d6b34; }
.campo-captcha { display: block; }

/* Barra de administración con encabezado fijo: cambia ".header" por el selector del encabezado del diseño */
.admin-bar .header { top: 32px; }
@media (max-width: 782px) { .admin-bar .header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .header { top: 0; } }

/* Contenido creado desde WordPress (texto con formato) */
.prosa { max-width: 780px; }
.prosa > * + * { margin-top: 1em; }
.prosa h2 { margin-top: 1.6em; }
.prosa h3 { margin-top: 1.4em; }
.prosa ul { list-style: disc; padding-left: 1.4em; }
.prosa ol { list-style: decimal; padding-left: 1.4em; }
.prosa img { max-width: 100%; height: auto; }
.prosa .alignleft { float: left; margin: 0 1.5em 1em 0; }
.prosa .alignright { float: right; margin: 0 0 1em 1.5em; }
.prosa .aligncenter { display: block; margin-inline: auto; }

/* Tarjetas genéricas (tipos sin tarjeta propia) */
.tarjetas { display: grid; gap: 32px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.tarjeta__imagen img { width: 100%; height: auto; display: block; }
.tarjeta__titulo { margin-top: 12px; }
.nav-links { display: flex; gap: 8px; justify-content: center; margin-top: 40px; }

/* Vista previa de los bloques HTML en el editor: mostrar elementos con animación de entrada.
   Cambia ".reveal" por la clase que use el diseño para animar al hacer scroll. */
.editor-styles-wrapper .reveal { opacity: 1 !important; transform: none !important; }