/* --- MODIFICACIÓN 1: Botón WhatsApp Menú --- */
/* Color de fondo del botón */
.navbar-buttons .btn.btn-primary {
    background-color: #25D366 !important; /* Verde de WhatsApp */
    border-color: #25D366 !important;
    color: #ffffff !important; 
    border-radius: 30px !important; /* <-- Redondear bordes */
    padding-top: 0.4rem !important;    /* Relleno Superior */
    padding-bottom: 0.4rem !important; /* Relleno Inferior */
}
/* Color al pasar el mouse (hover) */
.navbar-buttons .btn.btn-primary:hover,
.navbar-buttons .btn.btn-primary:focus {
    background-color: #1DAA53 !important; /* Verde más oscuro */
    border-color: #1DAA53 !important;
    color: #ffffff !important;
}
/* Espacio entre el ícono y el texto */
.navbar-buttons .btn.btn-primary .bi-whatsapp {
    margin-right: 6px; /* Espacio a la derecha del ícono */
}
/* --- MODIFICACIÓN 2: Logo en Menú --- */
.logo-navbar-img {
  height: 4rem; /* 3.5rem equivale aprox. a 56px. */
  width: auto !important; /* Mantiene la proporción correcta */
  padding: 1px 0; /* Le da un poco de aire arriba y abajo */
}

/* Ajuste para la barra cuando se hace scroll (fondo blanco) */
.navbar-short .logo-navbar-img {
    height: 2.5rem; /* 2.5rem equivale aprox. a 40px. */
    padding: 0;
}
/* --- MODIFICACIÓN 3: Reducir espacio Héroe Principal --- */
.cid-sFzxmVl7J6 {
    padding-top: 7rem !important;    /* El valor original era 6rem */
    padding-bottom: 2rem !important; /* El valor original era 6rem */
}
/* --- MODIFICACIÓN 4: Ajustar espacio sección "Nuestros Objetivos" --- */
.cid-sFzyUE9AaP {
    padding-top: 3rem !important;    /* Anulamos el relleno superior */
    padding-bottom: 3rem !important; /* El original era 6rem, lo bajamos */
}
/* --- MODIFICACIÓN 5: Ajustar espacio sección "La Empresa" --- */
#header14-1j {
    padding-top: 3rem !important;    /* Anulamos el relleno superior */
    padding-bottom: 3rem !important; /* Reducimos el relleno inferior */
}
/* --- MODIFICACIÓN 7: Logos distribuidores full-width --- */

#clients1-1 {
    padding-top: 1rem !important;    /* Mantenemos el ajuste de espacio */
    padding-bottom: 1rem !important; /* Mantenemos el ajuste de espacio */
}

/* 1. Hacemos que el contenedor ocupe el 100% del ancho */
#clients1-1 .container {
    max-width: 100% !important;
}
/* 2. Forzamos 9 logos en fila (SÓLO en desktop grande) */
@media (min-width: 992px) { /* 'lg' y más grandes */
    #clients1-1 .card {
        flex-basis: 11% !important;
        max-width: 11% !important;
    }
}

/* 3. Arreglo para logos en móvil (3 por fila) */
@media (max-width: 991.98px) { /* 'md' (tablets) y más chicas */
    #clients1-1 .card {
        /* 3 logos por fila (100% / 3 = 33.33%) */
        flex-basis: 33.33% !important;
        max-width: 33.33% !important;
    }
}
/* --- MODIFICACIÓN 7.1: Menos separación entre logos --- */

/* Quitar el padding por defecto de las columnas */
#clients1-1 .row.justify-content-center > .col-md-3.card {
    padding-left: 0.5rem !important;  /* Reduce el espacio a la izquierda */
    padding-right: 0.5rem !important; /* Reduce el espacio a la derecha */
}

/* Reducir el margen horizontal entre los logos */
#clients1-1 .row.justify-content-center {
    margin-left: -0.5rem !important; /* Contrarresta el padding de la primera card */
    margin-right: -0.5rem !important;/* Contrarresta el padding de la última card */
}

/* Asegurar que las imágenes ocupen todo el espacio disponible */
#clients1-1 .card img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important; /* Asegura que la imagen no se recorte */
    padding: 0.5rem !important; /* Un pequeño padding interno para que no se peguen al borde */
}
/* --- MODIFICACIÓN 8: Ajustar espacio sección "Productos" --- */
#slider5-3 {
    padding-top: 2rem !important;    /* Anulamos el relleno superior */
    padding-bottom: 1rem !important; /* Reducimos el relleno inferior (era 6rem) */
}
/* --- MODIFICACIÓN 9: Ajustar espacio sección "Contacto" --- */

#contacts2-1r {
    padding-top: 3rem !important;    /* Anulamos el relleno superior */
    padding-bottom: 3rem !important; /* Reducimos el relleno inferior (era 6rem) */
}
/* --- MODIFICACIÓN 10: Ocultar formulario "Escribinos!" --- */

#form5-1m {
    display: none !important;
}

/* --- MODIFICACIÓN 11: Ajustar espacio sección "Ubicación" --- */

#map2-1y {
    padding-top: 2rem !important;    /* Espacio superior para el título */
    padding-bottom: 0rem !important; /* Espacio inferior antes del footer */
}
/* --- MODIFICACIÓN 12: Botón flotante de WhatsApp --- */

.btn-flotante-whatsapp {
    position: fixed;     /* Se queda fijo en la pantalla */
    bottom: 25px;        /* A 25px del borde inferior */
    right: 25px;         /* A 25px del borde derecho */
    z-index: 1030;       /* Se asegura de estar por encima de casi todo */

    /* Dimensiones y forma */
    width: 60px;
    height: 60px;
    border-radius: 50%; /* Círculo perfecto */

    /* Color */
    background-color: #25D366; /* Verde WhatsApp */
    color: #ffffff;            /* Icono blanco */

    /* Sombra sutil */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

    /* Centrado perfecto del ícono (Flexbox) */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Tamaño del ícono */
    font-size: 28px;

    /* Transición suave */
    transition: all 0.2s ease-in-out;
}

/* Efecto al pasar el mouse (hover) */
.btn-flotante-whatsapp:hover {
    background-color: #1DAA53; /* Verde más oscuro */
    color: #ffffff;
    transform: scale(1.05);  /* Un poco más grande */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
/* --- MODIFICACIÓN 13 (Revisada v2): Botón WA móvil (Posición y Bordes) --- */

/* 1. Ocultar el nuevo botón-clonado en Desktop */
@media (min-width: 992px) {
    .whatsapp-btn-mobile-nav {
        display: none !important;
    }
}

/* 2. Estilos para Móvil */
@media (max-width: 991.98px) {

    /* --- CAMBIO #1: POSICIÓN --- */
    /* Hacemos que el logo (navbar-brand) ocupe todo el espacio
       sobrante, empujando los botones juntos a la derecha. */
    .navbar-brand {
        flex-grow: 1;
    }

    /* Regla para mostrar el botón */
    .whatsapp-btn-mobile-nav {
        display: inline-block;
        margin-right: 1rem;    /* Espacio antes de la hamburguesa */
    }

    /* Ocultar el botón original (dentro del menú) */
    .navbar-collapse .navbar-buttons {
        display: none !important;
    }

    /* Estilos del botón */
    .whatsapp-btn-mobile-nav .btn.btn-primary {
        background-color: #25D366 !important;
        border-color: #25D366 !important;
        color: #ffffff !important; 
        
        /* --- CAMBIO #2: BORDE --- */
        border-radius: 50px !important; /* Más redondeado (forma píldora) */
        
        /* Mantenemos el ajuste de altura */
        padding-top: 0.4rem !important;
        padding-bottom: 0.4rem !important;
    }

    /* Hover */
    .whatsapp-btn-mobile-nav .btn.btn-primary:hover,
    .whatsapp-btn-mobile-nav .btn.btn-primary:focus {
        background-color: #1DAA53 !important;
        border-color: #1DAA53 !important;
        color: #ffffff !important;
    }

    /* Icono */
    .whatsapp-btn-mobile-nav .btn.btn-primary .bi-whatsapp {
        margin-right: 6px;
    }
}