/*
Theme Name: Astra Child
Theme URI: https://tablerosecuador.com/
Author: Andres
Template: astra
Version: 1.0.0
*/
/* ===========================
 * 1. Botón Flotante WhatsApp
 * ======================== */

/* --- Contenedor Principal --- */
#social-floating-bar {
    position: fixed;
    bottom: 20px;       /* Distancia desde abajo */
    right: 20px;        /* Distancia desde la derecha */
    z-index: 9999;      /* Siempre visible encima de todo */
    display: flex;      /* Mantiene el contenedor ajustado al contenido */
}

/* --- Limpieza de estilos del tema (Astra/WordPress) --- */
#social-floating-bar a, 
#social-floating-bar img {
    margin: 0 !important;   /* Anula márgenes externos del tema */
    padding: 0 !important;  /* Anula rellenos del tema */
    line-height: 0;         /* Evita espacios fantasma bajo la imagen */
    display: block;
    text-decoration: none;
    border: none;
    outline: none;
}

/* --- Estilo del Icono (Directamente a 60px) --- */
.social-icon img {
    width: 60px;            /* Tamaño específico de WhatsApp */
    height: 60px;
    border-radius: 50%;     /* Círculo perfecto */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Sombra para profundidad */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* --- Efecto Hover (al pasar el mouse) --- */
.social-icon img:hover {
    transform: scale(1.15); /* Crece un 15% */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4);
}

/* --- Evitar bordes al hacer clic --- */
#social-floating-bar a:focus, 
#social-floating-bar a:active {
    outline: none;
    box-shadow: none;
}