/* Fondos e ilustraciones que no se pueden replicar solo con utilidades de Tailwind */

.hero-bg {
    background-image: url('img/bg-inicio.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.white-section-bg {
    background-image: url('img/bg-white.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.footer-bg {
    background-image: url('img/IMAGEN FONDO FOOTER.webp'), url('img/ÍCONOS/DISEÑO LINEAS FOOTER.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: center, left bottom;
    background-size: cover, 55% auto;
}

.fabricamos-bg {
    background-image: url('img/bg-square.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fraccionamientos-bg {
    background-image: url('img/bg-square.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* Swiper: flechas personalizadas */
.swiper-nav-btn {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    color: #2563eb;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.swiper-nav-btn:hover {
    background-color: #2563eb;
    color: #ffffff;
}

.swiper-nav-btn.is-light {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.swiper-nav-btn.is-light:hover {
    background-color: #ffffff;
    color: #2563eb;
}