/*
Theme Name: Mardan Astra Child
Description: Tema hijo de Astra para Transportes Mardan
Author: Transportes Mardan
Template: astra
Version: 1.0.0
Text Domain: mardan-astra-child
*/

/* Estilos personalizados de Mardan */

/* Ejemplo:
.mardan-boton {
  background-color: #ed1c24;
  color: #ffffff;
}
*/


a.mardan-whatsapp-flotante { position: fixed !important; right: 20px !important; bottom: 20px !important; z-index: 999999 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-width: 184px !important; height: 52px !important; box-sizing: border-box !important; padding: 0 16px !important; border: 1px solid rgba(255,255,255,.3) !important; border-radius: 999px !important; background: linear-gradient(135deg,#31ca76 0%,#20b960 100%) !important; color: #ffffff !important; font-family: inherit !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 6px 18px rgba(20,75,46,.24) !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
a.mardan-whatsapp-flotante:hover { background: linear-gradient(135deg,#26bf69 0%,#159f50 100%) !important; color: #ffffff !important; text-decoration: none !important; transform: translateY(-2px); box-shadow: 0 9px 22px rgba(20,75,46,.3) !important; }
a.mardan-whatsapp-flotante svg { display: block !important; width: 26px !important; height: 26px !important; min-width: 26px !important; max-width: 26px !important; flex: 0 0 26px !important; fill: currentColor !important; stroke: none !important; }
a.mardan-whatsapp-flotante svg path { fill: currentColor !important; stroke: none !important; }
a.mardan-whatsapp-flotante span { display: inline !important; color: #ffffff !important; white-space: nowrap !important; }
@media (max-width: 600px) { a.mardan-whatsapp-flotante { right: 14px !important; bottom: 14px !important; min-width: 170px !important; height: 48px !important; padding: 0 14px !important; font-size: 15px !important; } a.mardan-whatsapp-flotante svg { width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; flex-basis: 24px !important; } }