/* ------------------------------------------------------------------- el pie
   El teléfono y el correo estaban metidos en el mismo encabezado, separados
   sólo por un salto de línea: el correo —que es largo— quedaba pegado a los
   números y, en un móvil, se salía. Además ninguno de los dos era pinchable,
   que es justo lo que hace falta en un pie: quien llega ahí abajo es porque
   quiere llamar o escribir.

   Ahora el correo va en su propia línea y los tres son enlaces de verdad
   (tel: y mailto:). El subrayado es tenue para no romper el aspecto del pie;
   al pasar por encima se pone dorado.
   ------------------------------------------------------------------------ */

.dv-pie-correo{
 display:block;
 margin-top:12px;
 font-size:.86em;
 letter-spacing:0;
 /* Un correo así de largo no cabe en la columna de un móvil: que parta. */
 overflow-wrap:anywhere;
 word-break:break-word;
}

/* Enlaces de contacto: se ven como el texto que ya había, no como enlaces
   azules. La línea de debajo es lo único que los delata. */
.elementor-heading-title a[href^="tel:"],
.elementor-heading-title a[href^="mailto:"]{
 color:inherit;
 text-decoration:none;
 border-bottom:1px solid rgba(255,255,255,.26);
 padding-bottom:1px;
 transition:border-color .2s ease, color .2s ease;
}
.elementor-heading-title a[href^="tel:"]:hover,
.elementor-heading-title a[href^="mailto:"]:hover{
 color:#D2AB74;
 border-bottom-color:#D2AB74;
}

/* En un pie claro —si algún día lo hay— la línea tenue se perdería. */
@media (prefers-color-scheme: light){
 .dv-pie-correo{letter-spacing:0}
}