/* ==========================================================================
   Piezas comunes a todo el sitio, fuera del menú: botones flotantes
   (visual/navbar.php) y pie de página (visual/footer.php).
   Se carga en las dos familias de plantillas (visual/header.php y vis/header.php)
   después de stylemol.css / stilosmol.css, por eso los colores van escritos.
   ========================================================================== */

/* Botones flotantes: WhatsApp y redes */
.btn-whatsapp { position: fixed; bottom: 40%; left: 20px; width: 60px; z-index: 250; }
.btn-redes { position: fixed; bottom: 20px; left: 20px; width: 40px; z-index: 250; }
.btn-whatsapp img, .btn-redes img { width: 100%; opacity: .6; transition: opacity .5s ease; }
.btn-redes img { padding-top: 10px; }
.btn-whatsapp img:hover, .btn-redes img:hover { opacity: 1; cursor: pointer; }

/* En móvil tapaban el texto: las redes ya están en el pie y WhatsApp va a la esquina
   derecha, encima del botón del chat de HubSpot (inicio, metrología…) */
@media (max-width: 900px) {
    .btn-redes { display: none; }
    .btn-whatsapp { bottom: 88px; left: auto; right: 16px; width: 50px; }
    .btn-whatsapp img { opacity: .9; }
}

/* Pie de página */
/* El .row está fuera de un .container: sus márgenes negativos (-15px) lo sacaban de la pantalla */
footer > .row { margin-left: 0; margin-right: 0; padding: 4% 0; min-height: 100px; background-color: #283378; }
footer .bloke { overflow: hidden; height: 100%; border-right: 1px solid #F8F8F8; }
footer .img-logoMol { max-width: 200px; margin: 0 auto; }
footer .redes { text-align: center; }
footer .redes img { max-width: 30px; margin: 2%; filter: brightness(5.4); }
footer .redes img:hover { filter: brightness(10); }
footer .txt-ttldos { font-family: 'Calibri'; font-size: 1.2em; }
footer .txt-blnc { color: #FFF; }

/* Columnas apiladas (tablet y móvil): sin el separador vertical */
@media (max-width: 991px) {
    footer .bloke { border-right: 0; }
    footer .bloke + .bloke { margin-top: 24px; }
}