/*
 Theme Name: Impermeabilizaciones y Cubiertas BCN Child
 Template: kadence
 Version: 1.0
*/

/* ============================================================
   IMPERMEABILIZACIONES Y CUBIERTAS BARCELONA — Estilos globales
   ============================================================ */

:root{
  --icb-slate:      #24333A; /* base — zinc/pizarra de cubierta */
  --icb-slate-dark: #16232A;
  --icb-terracota:  #A8471E; /* acento — teja cerámica */
  --icb-terracota-dark: #8B3A18;
  --icb-paper:      #F3F4F1; /* fondo neutro, no cream */
  --icb-ink:        #1B2427;
  --icb-white:      #FFFFFF;
}

/* ---- Botón CTA WhatsApp (reutilizable en todas las secciones) ---- */
.banner-wa-container{ display:inline-flex; }
.banner-wa-desktop, .banner-wa-mobile{
  display:flex; align-items:center; gap:14px;
  text-decoration:none;
  background-color: var(--icb-terracota);
  border-radius: 10px;
  padding: 14px 22px;
  transition: background-color .15s ease, transform .15s ease;
}
.banner-wa-desktop:hover, .banner-wa-mobile:hover{
  background-color: var(--icb-terracota-dark);
  transform: translateY(-1px);
}
.wa-icon-pulse-box, .wa-icon-mobile{
  flex: none;
  width: 30px; height: 30px;
  display:flex; align-items:center; justify-content:center;
}
.wa-icon-pulse-box svg, .wa-icon-mobile svg{ width:26px; height:26px; fill:#fff; }
.banner-text-box, .banner-text-mobile{
  display:flex; flex-direction:column; text-align:left;
}
.title-desktop, .title-mobile{
  color:#fff; font-weight:700; font-size:0.98em; letter-spacing:0.01em;
}
.subtitle-desktop, .subtitle-mobile{
  color: rgba(255,255,255,0.85); font-size:0.85em; margin-top:2px;
}
.banner-wa-mobile{ display:none; }
@media (max-width: 640px){
  .banner-wa-desktop{ display:none; }
  .banner-wa-mobile{ display:flex; width:100%; }
}

/* ============================================================
   TIPOGRAFÍA DE ENCABEZADOS — Control centralizado (anula Kadence)
   ============================================================ */
h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6 {
  font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: var(--icb-slate-dark) !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

h1, .entry-content h1 {
  font-size: clamp(2rem, 4vw, 2.75rem) !important;
  line-height: 1.15 !important;
  margin: 0 0 22px !important;
}

h2, .entry-content h2 {
  font-size: clamp(1.6rem, 3vw, 2.1rem) !important;
  line-height: 1.2 !important;
  margin: 0 0 16px !important;
}

h3, .entry-content h3 {
  font-size: clamp(1.15rem, 2vw, 1.4rem) !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

h4, .entry-content h4 {
  font-size: 1.1rem !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
}

h5, .entry-content h5 {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
}

h6, .entry-content h6 {
  font-size: 0.85rem !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px !important;
}