body {
    background: linear-gradient(to bottom, #65024d 50%, #e2f0e3 100%);
    min-height: 100vh;
    margin: 0;
    padding-top: 80px;
}

html,body{
    overflow-x:hidden;
}


/* NAVBAR */
.logo{
    width:55px;
    height:auto;
}

@media(max-width:768px){

.logo{
    width:42px;
}

}

.navbar {
    box-shadow: 0 2px 10px rgba(87, 103, 90, 0.1); /* Barra head / encabezado */
}

.navbar-encanto{
    background-color: #65024d;
    
}

.navbar-encanto .navbar-brand,
.navbar-encanto .nav-link{
    color: white !important;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.9);
}

.navbar-encanto .nav-link:hover{
    color: rgb(87, 103, 90) !important;
}

/* HERO */


.hero{
    min-height:100vh;
    background:url("../img/Porteria_Encanto_8.jpg") center center/cover no-repeat;
    display:flex;
    align-items:center;
    color:#fff;
}

.hero h1{
    font-size:clamp(2.2rem,6vw,5rem);
}

.hero p{
    font-size:clamp(1rem,2vw,1.5rem);
}


/* VIDEO */
.video-section {
    padding: 80px 0;
    color: #ffffff; /* Blanco */
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
}


/* LOTES */

.titulo-sombra {
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
}


/* CONTACTO */

.text-center {
    color: #ffffff; 
}


.contacto {
    color: #ffffff; /* Blanco */
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
} 

.titulo-sombra,
p,
.enlace-contacto {
    color: white;
}

.enlace-contacto:hover {
    color: #ddd; /* Opcional: un gris claro al pasar el cursor */
}


/* Carrusel */



.carousel{
    border-radius:15px;
    overflow:hidden;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-color:rgba(0,0,0,.5);
    border-radius:50%;
    padding:20px;
}

.carousel-indicators button{
    width:12px;
    height:12px;
    border-radius:50%;
}

@media (max-width:768px){

    .carousel-img{
        width:100%;
        height:300px;
        object-fit:contain;
        background:#000;
    }

}


/* Descripción Lote debajo del carrusel */

.descripcion-lote{
    background:#ffffff;
    border-radius:18px;
    max-width: 1000px;
    margin: auto;
}



.descripcion-lote h3{
    color:#57675A;
    font-weight:bold; 

}

.descripcion-lote p{
    color:#555;
    text-align:justify;
    line-height:1.8;
    font-size:1.05rem;
}


.btn-enviar {
    background-color: #fff;
    color: #000;
    border: 1px solid #198754; /* Borde verde */
    font-weight: 600;
}

.btn-enviar:hover {
    background-color: #198754;
    color: #fff;
    border-color: #198754;
}


.texto-sombra {
    color: #797171;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}


.whatsapp-float{
    position: fixed;
    width:60px;
    height:60px;
    bottom:20px;
    right:20px;
    background:#25D366;
    color:#FFF;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 4px 10px rgba(0,0,0,.3);
    z-index:99999;
    transition:.3s;
    text-decoration:none;
}

.whatsapp-float:hover{
    transform:scale(1.1);
    background:#20ba5a;
}


/* ===== FOOTER ===== */
footer {
    padding: 30px 15px;
    text-align: center;
    
}

.texto-sombra {
    color: #615e5e;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.footer-logo {
    max-width: 200px;
    height: auto;
    margin-bottom: 1px;
}

/* Menú hamburguesa blanco en celulares */
@media (max-width: 991.98px) {

    .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.8);
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

}