/* ==========================================
   CONTENEDOR GLOBAL DEL BLOQUE (Márgenes y Caja)
   ========================================== */
#block-uneteanuestrowhatsapp,
#block-canalwhatsapp,
.canal-whatsapp {
  margin-bottom: 5% !important;
  margin-top: 5% !important;
  padding: 16px !important;
  border-radius: 10px !important;
  text-align: center !important;
}

/* ==========================================
   TÍTULO H2 EN ROJO CORPORATIVO
   ========================================== */
#block-uneteanuestrowhatsapp h2,
#block-canalwhatsapp h2,
.canal-whatsapp h2 {
  color: #bd263b !important;
  text-align: center !important;
  padding-bottom: 10px !important;
  font-size: 35px !important;
  font-family: 'Roboto Flex', sans-serif !important;
  font-weight: bold !important;
}

/* Punto decorativo izquierdo */
#block-uneteanuestrowhatsapp h2::before,
#block-canalwhatsapp h2::before,
.canal-whatsapp h2::before {
  background-image: url(https://impulsa.mislata.es/sites/default/files/2024-03/punto2.png) !important;
  content: '' !important;
  height: 38px !important;
  display: inline-block !important;
  width: 19pc !important;
  vertical-align: middle !important; /* Alinea el punto con el texto */
}
    
/* Punto decorativo derecho */
#block-uneteanuestrowhatsapp h2::after,
#block-canalwhatsapp h2::after,
.canal-whatsapp h2::after {
  background-image: url(https://impulsa.mislata.es/sites/default/files/2024-03/punto2.png) !important;
  content: '' !important;
  height: 38px !important;
  display: inline-block !important;
  width: 19pc !important;
  margin-left: 15px !important;
  vertical-align: middle !important; /* Alinea el punto con el texto */
}

/* ==========================================
   BOTÓN VERDE DE WHATSAPP
   ========================================== */
#block-uneteanuestrowhatsapp .field__item a,
#block-canalwhatsapp .field__item a,
.canal-whatsapp .field__item a,
#block-uneteanuestrowhatsapp a,
#block-canalwhatsapp a {
  display: inline-block !important;
  background: #25D366 !important;
  color: #fff !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: background 0.2s ease-in-out !important;
}

/* Efecto Hover del Botón */
#block-uneteanuestrowhatsapp .field__item a:hover,
#block-canalwhatsapp .field__item a:hover,
.canal-whatsapp .field__item a:hover,
#block-uneteanuestrowhatsapp a:hover,
#block-canalwhatsapp a:hover {
  background: #1fb457 !important;
  text-decoration: none !important;
}