/* ---------------------------------------------------------------------------
   Ajustes que sólo hacen falta dentro de WordPress. El diseño vive en
   assets/css/style.css, que se mantiene IDÉNTICO al del sitio estático para
   poder sincronizarlo con build_tema.py sin resolver conflictos.
   --------------------------------------------------------------------------- */

/* La cabecera del inicio va en absolute sobre la foto, así que hay que bajarla
   por todo lo que WordPress y los plugins del cliente meten encima:
   · --mtx-barra: alto de la barra de promos (.mt-announce), medido por JS.
   · la barra de administración, que sólo ve quien tiene sesión iniciada. */
:root { --mtx-barra: 0px; }
.cab { top: var(--mtx-barra); }
.admin-bar .cab { top: calc(var(--mtx-barra) + 32px); }
@media (max-width: 782px) {
  .admin-bar .cab { top: calc(var(--mtx-barra) + 46px); }
}

/* Joinchat (el plugin de WhatsApp del cliente) pone su propio botón flotante y,
   con "Auto Open" a los 5 segundos, además abre solo una ventana de chat que se
   lee como un pop-up de publicidad. Se decidió el 29/08 dejar el botón del
   diseño —discreto y que abre WhatsApp directo— y esconder el del plugin.
   No se toca la configuración de Joinchat: para volver atrás basta con quitar
   esta regla. Si el cliente prefiere su plugin, lo suyo es desactivar el
   nuestro, no tener los dos. */
.mtx-wa-plugin .joinchat { display: none !important; }

/* Páginas sueltas que escriba el cliente (page.php) y el texto del editor de
   bloques dentro de "Quiénes somos". */
.container-texto { max-width: 820px; }
.texto-wp h2 { font-size: 30px; font-weight: 300; margin: 36px 0 14px; }
.texto-wp h3 { font-size: 22px; font-weight: 500; margin: 28px 0 10px; }
.texto-wp p { margin: 0 0 16px; }
.texto-wp ul,
.texto-wp ol { margin: 0 0 16px 20px; }
.texto-wp li { margin-bottom: 6px; }
.texto-wp img,
.texto-wp figure img { max-width: 100%; height: auto; }
.texto-wp a { text-decoration: underline; }

/* La tapa de "Quiénes somos" imprime the_content(): los párrafos del editor
   tienen que verse igual que los que estaban escritos a mano. */
.tapa .texto-wp p,
.tapa p { margin: 0 0 16px; }

.entrada { margin-bottom: 32px; }
.entrada h2 { font-size: 26px; font-weight: 400; margin-bottom: 8px; }

/* Imágenes alineadas del editor de bloques. */
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { display: block; margin: 0 auto 16px; }
.wp-caption-text { font-size: 13px; opacity: .7; }