*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins', sans-serif;
}

body{
    line-height:1.5;
}

/* NAVBAR */
header{
    position:fixed;
    width:100%;
    background:#ce9c9c;
    top:0;
    left:0;
    box-shadow:0 2px 8px rgba(167, 52, 52, 0.1);
    z-index:1000;
}

.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 40px;
}

.logo{
    width:90px;
}

.menu{
    list-style:none;
    display:flex;
    gap:30px;
}

.menu a{
    text-decoration:none;
    color:#8962b1;
    font-weight:800;
    padding:80x 12px;
    transition:0.500s;
}

/* HERO */
.hero{
    position:relative;
    margin-top:100px;
}

.hero-img{
    width:100%;
    height:120vh;
    object-fit:cover;
}

.hero-text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#e4d8d8;
    text-align:center;
    background:rgba(90, 52, 52, 0.986);
    padding:40px;
    border-radius:10px;
}

/* PRODUCTOS */
.productos{
    padding:60px 40px;
    text-align:center;
}

.grid-productos{
    display:grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columnas */
    gap:25px; /* espacio entre cuadros */
    margin-top:30px;
}

.producto
   .producto{
    background:#fff;
    border-radius:12px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
    padding:15px;
    transition:0.3s;
}

.producto:hover{
    transform:translateY(-5px);
}

.producto{
    background:#e7e6e6;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
    padding:15px;
}

.producto img{
    width:100%;
    border-radius:10px;
}

/* CONTACTO */
.contacto-header
#contacto{
    background: #291085;
    padding: 60px 20px;
}
form{
    display:flex;
    flex-direction:column;
    max-width:400px;
    margin:auto;
    gap:15px;
}
PORTADA DE ABAJO
input, textarea{
    padding:10px;
    border-radius:5px;
    border:1px solid #e6e6e6;
}
#contacto{
    background: #e9e7e8;   /* color de fondo de toda la sección */
    padding: 60px 20px;    /* espacio arriba y abajo */
    margin-top: 40px;      /* separación con lo anterior */
}

button{
    padding:12px;
    border:none;
    background:#c71610ee;
    color:#f7f0f0;
    border-radius:5px;
    cursor:pointer;
}

/* WHATSAPP */
.whatsapp{
    position:fixed;
    bottom:20px;
    right:20px;
    background:#25D366;
    color:#10a736;
    font-size:28px;
    padding:15px;
    border-radius:50%;
    box-shadow:0 4px 10px rgba(9, 173, 17, 0.3);
}
/* ===== CARRUSEL ===== */
.carousel{
    position:relative;
    width:100%;
    height:70vh;
    overflow:hidden;
}

.slides{
    position:relative;
    width:100%;
    height:100%;
}

.slide{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity 1s ease;
}

.slide.active{
    opacity:1;
}

/* Botones */
.prev, .next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(0,0,0,0.5);
    color:#fff;
    border:none;
    font-size:30px;
    padding:10px 15px;
    cursor:pointer;
    border-radius:5px;
}

.prev{ left:20px; }
.next{ right:20px; }

.prev:hover, .next:hover{
    background:rgba(0,0,0,0.8);
}