*{margin:0;padding:0;box-sizing:border-box;font-family:Arial, Helvetica, sans-serif;}
body{background:#e7ffd6;}
/*header*/
header{background:#8cc673;padding:20px 40px;box-shadow:0px 2px 8px rgba(49,107,82,.15);}
.header-superior{display:flex;justify-content:space-between;align-items:flex-start;}
/*logo*/
.logo{display:flex;align-items:center;gap:15px;}
.logo img{width:80px;height:80px;object-fit:cover;;}
.logo h1{color:#081821;font-size:32px;}
/* Zona derecha */
.header-derecha{display:flex;flex-direction:column;align-items:flex-end;gap:15px;}
/* Buscador */
.buscador{display:flex;}
.buscador input{width:280px;padding:10px;border:1px solid #e7ffd6;border-right:none;border-radius:5px 0 0 5px;}
.buscador button{padding:10px 15px;border:none;background:#316b52;color:#081821;cursor:pointer;border-radius:0 5px 5px 0;}
/*MENU*/
nav ul{display:flex;list-style:none;gap:25px;}
nav li{position:relative;}
nav a{text-decoration:none;color:#081821;font-weight:bold;}
/* Dropdown */
.dropdown{display:none;position:absolute;background:#e7ffd6;min-width:180px;top:100%;left:0;box-shadow:0px 3px 8px rgba(8,24,33,.2);z-index:9999;}
.dropdown a{display:block;padding:12px;}
.dropdown a:hover{background:#316b52;}
nav li:hover .dropdown{display:block;}
/*PRODUCTOS*/
main{max-width:1400px;margin:auto;padding:40px;}
main h2{margin-bottom:25px;color:#081821;}
.productos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,2fr));gap:30px;}
/* Main page */
.tarjeta{background:#8cc673;border-radius:10px;overflow:hidden;box-shadow:0px 3px 8px rgba(8,24,33,.15);transition:.3s;}
.tarjeta:hover{transform:translateY(-5px);}
.tarjeta img{width:100%;height:220px;object-fit:cover;}
.info{padding:20px;}
.info h3{margin-bottom:10px;}
.info p{color:#081821;margin-bottom:15px;}
.precio{color:#081821;font-size:24px;font-weight:bold;margin-bottom:15px;}
.tarjeta button{width:100%;padding:12px;border:none;background:#316b52;color:#081821;cursor:pointer;border-radius:5px;font-size:16px;}
.tarjeta button:hover{background:#e7ffd6;}
/*FAQ*/
.faq h2{text-align:center;margin-bottom:40px;color:#081821;}
.pregunta{background:#8cc673;border-radius:10px;padding:25px;margin-bottom:25px;box-shadow:0 3px 10px rgba(8,24,33,1);}
.pregunta h3{color:#081821;margin-bottom:15px;}
.pregunta p{color:#081821;line-height:1.7;}
/*Pie de pagina*/
footer{margin-top:auto;background:#8cc673;color:#081821;text-align:center;padding:20px;}

/*Metodos de pago*/
.pagos h2{text-align:center;color:#081821;margin-bottom:40px;}
.metodo-pago{background:#e7ffd6;max-width:700px;margin:auto;padding:40px;border-radius:12px;text-align:center;box-shadow:0 3px 10px rgba(8,24,33,.15);}
.metodo-pago img{width:220px;margin-bottom:25px;}
.metodo-pago h3{color:#316b52;font-size:28px;margin-bottom:20px;}
.metodo-pago p{color:#081821;line-height:1.6;margin-bottom:15px;}
.metodo-pago ul{text-align:left;margin:20px auto;max-width:350px;}
.metodo-pago li{margin-bottom:10px;}
.nota{background:#8cc673;padding:15px;border-radius:8px;}

/*Conocenos*/
.conocenos h2{text-align:center;color:#081821;margin-bottom:40px;}
.empresa{background:#e7ffd6;display:flex;align-items:center;gap:35px;padding:35px;border-radius:12px;box-shadow:0 3px 10px rgba(8,24,33,.15);}
.empresa img{width:350px;height:250px;object-fit:cover;border-radius:10px;}
.texto-empresa{flex:1;}
.texto-empresa h3{color:#316b52;font-size:28px;margin-bottom:20px;}
.texto-empresa p{color:#081821;line-height:1.7;margin-bottom:15px;}
/* Misión y visión */
.mision-vision{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:30px;}
.mision-vision div{background:#e7ffd6;padding:25px;border-radius:10px;box-shadow:0 3px 10px rgba(8,24,33,.15);}
.mision-vision h3{color:#316b52;margin-bottom:15px;}
.mision-vision p{color:#081821;line-height:1.6;}

/*Links abiertos*/
a:link,a:visited {color: inherit;text-decoration: inherit;}



/*Producto*/

/* TARJETA DE PRODUCTO */

.tarjetaProducto{

    background:#8cc673;

    border-radius:15px;

    padding:30px;

    display:flex;

    gap:40px;

    box-shadow:0 5px 15px rgba(0,0,0,.2);

    margin-top:30px;

}


/* IMAGEN */

.productoImagen{

    width:45%;

    display:flex;

    align-items:center;

    justify-content:center;

}


.productoImagen img{

    width:100%;

    max-width:450px;

    height:450px;

    object-fit:cover;

    border-radius:12px;

}



/* INFORMACIÓN */

.productoInfo{

    flex:1;

    display:flex;

    flex-direction:column;

}


.productoInfo h1{

    font-size:40px;

    margin-bottom:10px;

    color:#081821;

}



.etiquetas{

    display:flex;

    gap:10px;

    margin-bottom:20px;

}


.etiquetas span{

    background:#316b52;

    color:#e7ffd6;

    padding:6px 12px;

    border-radius:20px;

    font-size:14px;

}



.descripcion{

    font-size:18px;

    line-height:1.6;

    color:#081821;

}



.datos{

    margin-top:20px;

    padding:15px;

    background:#e7ffd6;

    border-radius:10px;

}



.precioProducto{

    font-size:35px;

    margin-top:20px;

    color:#081821;

}



.btnCarrito{

    width:100%;

    padding:14px;

    margin-top:20px;

    border:none;

    border-radius:8px;

    background:#316b52;

    color:#e7ffd6;

    font-size:18px;

    font-weight:bold;

    cursor:pointer;

    transition:.2s;

}


.btnCarrito:hover{

    background:#254d3c;

}













/*Carrito*/
.productoCarrito{display:flex;align-items:center;gap:20px;background:#e7ffd6;margin-bottom:20px;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(8,24,33,.15);}
.productoCarrito img{width:120px;height:120px;object-fit:cover;border-radius:10px;}
.datosProducto{flex:1;}
.datosProducto h3{margin-bottom:10px;}
.datosProducto p{margin-bottom:10px;color:#081821;}
.productoCarrito button{background:#8cc673;color:#081821;border:none;padding:10px 18px;border-radius:5px;cursor:pointer;}
.productoCarrito button:hover{background:#316b52;}
.resumen-carrito{margin-top:40px;background:#e7ffd6;padding:25px;border-radius:10px;text-align:right;box-shadow:0 2px 8px rgba(8,24,33,.15);}
.resumen-carrito h3{margin-bottom:20px;font-size:28px;}
.resumen-carrito button{padding:15px 30px;background:#8cc673;color:#081821;border:none;border-radius:6px;font-size:16px;cursor:pointer;}
.resumen-carrito button:hover{background:#316b52;}



.vistaProducto button{

    width:100%;
    padding:12px;

    border:none;

    background:#316b52;

    color:#081821;

    cursor:pointer;

    border-radius:5px;

    font-size:16px;

}


.vistaProducto button:hover{

    background:#8cc673;

}

/*Responsive*/
@media(max-width:900px){
.header-superior{flex-direction:column;gap:20px;}
.header-derecha{align-items:flex-start;}
nav ul{flex-wrap:wrap;}
.buscador input{width:220px;}

.empresa{flex-direction:column;}
.empresa img{width:100%;height:auto;}
.mision-vision{grid-template-columns:1fr;}
}