/* =============================================
   Alex & Lalito EIRL - PAGINA PRINCIPAL
   ============================================= */

/* --- Base --- */

* {
        font-family: 'Montserrat', sans-serif;
    }

    .hero-bg {
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
    }

    .hero-bg::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(11, 31, 111, 0.85) 0%, rgba(8, 24, 84, 0.7) 50%, rgba(10, 26, 92, 0.5) 100%);
        z-index: 1;
    }

    .hero-bg::after {
        content: '';
        position: absolute;
        bottom: -30%;
        left: -10%;
        width: 400px;
        height: 400px;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
        border-radius: 50%;
    }

    .service-card {
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        position: relative;
        overflow: hidden;
    }

    .service-card::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: #e31e49;
        transform: scaleX(0);
        transition: transform 0.3s ease;
    }

    .service-card:hover::before {
        transform: scaleX(1);
    }

    .service-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(11, 31, 111, 0.15);
    }

    .service-card:hover .service-icon {
        background: #0B1F6F;
        color: white;
        transform: scale(1.1);
    }

    .service-card:hover .service-arrow {
        transform: translateX(4px);
    }

    .service-icon {
        transition: all 0.3s ease;
    }

    .service-arrow {
        transition: transform 0.3s ease;
    }

    .nav-link {
        position: relative;
    }

    .nav-link::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        background: #E31E24;
        transition: width 0.3s;
    }

    .nav-link:hover::after {
        width: 100%;
    }

    .stat-card {
        transition: all 0.3s ease;
    }

    .stat-card:hover {
        transform: translateY(-2px);
    }

    .whatsapp-pulse {
        animation: pulse 2s infinite;
    }

    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
        }

        70% {
            box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
        }
    }

    .pattern-dots {
        background-image: radial-gradient(rgba(11, 31, 111, 0.07) 1px, transparent 1px);
        background-size: 24px 24px;
    }

    /* --- Map responsive --- */
    iframe {
        display: inline-block;
    }

    /* --- Elegir Cards --- */
    .elegir-card {
        position: relative;
        overflow: hidden;
    }

    .elegir-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 4px;
        background: #0B1F6F;
        border-radius: 2px 2px 0 0;
        transition: width 0.3s ease;
    }

    .elegir-card:hover::after {
        width: 60%;
    }