/* Custom CSS para mejoras visuales y botón de WhatsApp */

:root {
    --primary-gold: #c68b66;
    --primary-dark: #3b5471;
    --whatsapp-green: #25d366;
    --whatsapp-green-hover: #128c7e;
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
    --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
    --font-main: 'Nunito Sans', sans-serif;
}

html {
    scroll-behavior: smooth;
}

/* --- Mejoras Generales "Look & Feel" Comercial --- */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Transiciones suaves para elementos interactivos */
a,
button,
.nav_link,
.link_redes {
    transition: all 0.3s ease-in-out !important;
}

/* Mejorar la barra de navegación */
.navbar {
    box-shadow: var(--shadow-soft);
    z-index: 1000;
}

/* Botones principales con aspecto más moderno */
.button,
.w-button {
    border-radius: 4px;
    /* Un poco de radio para suavizar */
    box-shadow: 0 2px 10px rgba(198, 139, 102, 0.3);
    /* Sombra sutil con el color primario */
}

.button:hover,
.w-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(198, 139, 102, 0.5);
}

/* Mejoras en tarjetas o secciones de contenido */
.div_serv,
.nosotros_div,
.contacto_container {
    /* Si se desea un look de "tarjeta" flotante en ciertas secciones */
    /* box-shadow: var(--shadow-soft); */
    /* border-radius: 8px; */
    /* Opcional, dependiendo del diseño si se quiere mantener cuadrado o no */
}

/* =========================================
   Estilos Sección Proyectos (Bootstrap Adjustments)
   ========================================= */

.hero_proyectos {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100vh;
}

.projects-title {
    margin-bottom: 20px;
    color: var(--primary-gold);
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Personalización de Bootstrap Cards para este proyecto */
.card:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.card-title {
    font-family: 'Nunito Sans', sans-serif;
}

.card-text {
    font-family: 'Nunito Sans', sans-serif;
}

/* --- Botón Flotante de WhatsApp --- */

.whatsapp-float-btn {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 80px;
    /* Un poco elevado para no chocar con footer pegado si lo hubiera */
    right: 30px;
    background-color: var(--whatsapp-green);
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    /* display: flex; se reemplazó por background-image technique */
    /* align-items: center; */
    /* justify-content: center; */
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0;
    line-height: normal;

    /* Background Image Technique - Alineación Perfecta */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3E%3Cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-37.1-156.9zM223.9 438.6c-32.6 0-64.5-8.8-93.2-25.6l-6.7-4-69.3 18.3L73 359.7l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.7 0-101.9 83.9-184.9 186.4-184.9 49.7 0 96.5 19.3 131.7 54.5 35 35.2 54.5 81.9 54.5 131.5 0 102-83 184.9-186.5 184.9zm108.6-103c-5.9-3-35.3-17.4-40.8-19.4-5.5-2-9.5-3-13.6 3s-15.7 19.7-19.2 24c-3.5 4.3-7.1 4.8-13 1.9-5.9-3-24.9-9.2-47.5-29.4-17.6-15.7-29.5-35.2-32.9-41.1-3.4-5.9-.2-9.1 2.8-12 2.6-2.6 5.9-6.8 8.8-10.2s3.8-5.7 5.7-9.5c1.9-3.8.9-7.1-.5-9.9-1.4-2.8-13.6-32.8-18.6-44.9-4.8-11.8-9.8-10.1-13.5-10.3-3.6-.2-7.8-.2-11.9-.2s-10.8 1.5-16.5 7.6c-5.7 6.1-22 21.5-22 52.4 0 30.9 22.8 60.8 26 65.1 3.2 4.3 44.9 68.6 108.8 96.1 42.1 18.2 58 14.5 77.2 13.6 21.5-1 47.9-19.6 54.7-38.5 6.8-19 6.8-35.3 4.8-38.5-2.1-3.2-7.8-5.2-13.7-8.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
    /* Un poco más pequeño para evitar bordes pegados */
}

.whatsapp-float-btn:hover {
    background-color: var(--whatsapp-green-hover);
    transform: scale(1.1);
    box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.3);
}

/* Tooltip opcional "Chatea con nosotros" */
.whatsapp-float-btn::before {
    content: '¿Hablamos?';
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    padding: 5px 10px;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    font-family: var(--font-main);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    white-space: nowrap;
    pointer-events: none;
}

.whatsapp-float-btn:hover::before {
    opacity: 1;
    visibility: visible;
    right: 75px;
    /* Pequeño movimiento */
}

/* Ajustes Responsive */
@media screen and (max-width: 767px) {
    .whatsapp-float-btn {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
    }

    .whatsapp-icon {
        width: 30px;
        height: 30px;
    }

    .whatsapp-float-btn::before {
        display: none;
        /* Ocultar tooltip en móviles para evitar tapar contenido */
    }
}