/*
 * La cabecera del blog.
 *
 * Era el ultimo bloque del sitio que llevaba su CSS dentro del contenido: un
 * <style> de 1,2 KB pegado en el mismo widget HTML que el texto. Sale aqui el
 * 20/10, igual que salieron los demas el 14/10.
 *
 * El rotulo, el titular y la frase son widgets de Elementor desde el mismo
 * dia, asi que valen las cuatro notas del bloque de casos de la portada: la
 * clase cae en el <div> de fuera y no en el <h2>, los margenes llevan el
 * identificador delante para ganarle a los 20 px que Elementor mete entre
 * widgets, y el antetitulo necesita width:auto -Elementor estira los suyos al
 * 100 %- mas el truco del :not(#_) para quitarse la Space Grotesk que
 * header.php del tema padre le pone a todo lo que lleve «-title» en la clase.
 *
 * Esta cabecera no tiene animacion de entrada: no habia data-wow-* que pasar.
 */

#waad-blog-heading { background:#FFFFFF; padding:100px 0 0; }
#waad-blog-heading > .elementor-container > .elementor-column > .elementor-widget-wrap { padding:0; }
#waad-blog-heading .waad-bh-container { max-width:1200px; margin:0 auto; padding:0 24px; }

#waad-blog-heading .elementor-widget.waad-bh-eyebrow {
  width:auto; align-self:flex-start; align-items:center; gap:10px;
  font-family:"Inter",sans-serif; font-weight:600; letter-spacing:0.12em;
  text-transform:uppercase; color:#FE3B1F;
  margin:0 0 20px;
}
#waad-blog-heading .waad-bh-eyebrow .elementor-heading-title:not(#_) {
  font-family:"Inter",sans-serif !important; font-weight:600; font-size:inherit;
  line-height:1.2; letter-spacing:0.12em; text-transform:uppercase; color:#FE3B1F;
}
#waad-blog-heading .waad-bh-eyebrow::before {
  content:""; display:inline-block; width:28px; height:2px; background:#FE3B1F;
}

#waad-blog-heading .elementor-widget.waad-bh-heading { margin:0 0 20px; }
#waad-blog-heading .waad-bh-heading h2 {
  font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:46px;
  line-height:1.15; color:#1F304C; margin:0;
}
#waad-blog-heading .waad-bh-heading em {
  display:block; font-family:"Instrument Serif",serif; font-style:italic;
  font-weight:400; color:#FE3B1F; font-size:1.05em; line-height:1.2;
}

#waad-blog-heading .elementor-widget.waad-bh-desc { max-width:640px; margin:0; }
#waad-blog-heading .waad-bh-desc p {
  font-family:"Inter",sans-serif; font-size:17px; line-height:1.6;
  color:#5F6168; margin:0;
}

@media (max-width:575px) {
  #waad-blog-heading .waad-bh-heading h2 { font-size:32px; }
}