/* Definimos Gotham Book (Normal) */
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
         url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: 400; /* Regular / Book */
    font-style: normal;
}

/* Definimos Gotham Bold (Negrita) */
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
         url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: 700; /* Bold */
    font-style: normal;
}

/* Configuración de Fuentes: Intenta usar Gotham, si no, usa Montserrat */
body {
    font-family: 'Gotham', 'Montserrat', sans-serif;
}

.font-gotham-book {
    font-weight: 400;
}

.font-gotham-bold {
    font-weight: 700;
}

/* Efecto suave para las imágenes */
.img-hover-zoom {
    overflow: hidden;
}

.img-hover-zoom img {
    transition: transform 0.5s ease;
}

.img-hover-zoom:hover img {
    transform: scale(1.05);
}

/* Botón Flotante de WhatsApp */
.whatsapp-float {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    color: white;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    text-decoration: none;
}

.whatsapp-float:hover {
    background-color: #1ebe57;
    transform: translateY(-3px);
    box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.3);
}

/* Scroll suave */
html {
    scroll-behavior: smooth;
}