Vista previa de la orden
¡Su carrito está vacío!
@media only screen and (max-width: 768px) {
body {
font-size: 1rem;
padding: 10px;
}
.contenedor {
width: 100%;
padding: 0 15px;
}
img {
max-width: 100%;
height: auto;
}
}
/* === GENERAL === */
body {
font-family: 'Poppins', sans-serif;
color: #2d2d2d;
background-color: #fff;
font-size: 15px;
line-height: 1.6;
}
.o_container {
max-width: 1180px;
margin: 0 auto;
padding: 0 16px;
}
/* === MENÚ === */
.navbar {
background-color: #ffffff !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.navbar a {
font-size: 14px;
font-weight: 500;
color: #333 !important;
padding: 10px 15px;
}
.navbar a:hover {
color: #8e5c2d !important; /* Acento Zittro */
}
/* === PORTADA === */
.o_header_full_screen {
padding: 80px 20px;
background: url('URL-DE-TU-IMAGEN') center center / cover no-repeat;
color: white;
text-align: center;
}
.o_header_full_screen h1 {
font-size: 36px;
font-weight: 700;
}
.o_header_full_screen p {
font-size: 18px;
max-width: 600px;
margin: 10px auto;
}
/* === BOTONES === */
.btn, button, .btn-primary {
background-color: #000000 !important;
border: none;
padding: 10px 20px;
color: white !important;
border-radius: 6px;
text-transform: uppercase;
font-size: 13px;
transition: background 0.3s ease;
}
.btn:hover {
background-color: #444 !important;
}
/* === PRODUCTOS === */
.oe_product_cart {
border: 1px solid #eaeaea;
border-radius: 10px;
padding: 16px;
transition: transform 0.3s ease;
}
.oe_product_cart:hover {
transform: translateY(-4px);
box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.oe_product_cart .product_price {
color: #8e5c2d;
font-weight: bold;
font-size: 16px;
}
/* === CATEGORÍAS === */
.o_wcategory_slider .o_wcategory_item {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
/* === CONTACTO === */
.o_contact_form {
background: #f8f8f8;
padding: 40px;
border-radius: 10px;
}
.o_contact_form label {
font-weight: 500;
}
.o_contact_form input,
.o_contact_form textarea {
border-radius: 8px;
padding: 10px;
border: 1px solid #ddd;
}
/* === RESPONSIVE (MÓVIL) === */
@media screen and (max-width: 768px) {
h1 {
font-size: 26px !important;
}
.navbar a {
font-size: 13px;
}
.btn, button {
width: 100%;
margin-bottom: 12px;
}
.o_header_full_screen {
padding: 50px 10px;
}
.oe_product_cart {
padding: 12px;
}
.o_contact_form {
padding: 20px;
}
}
/* === FORZAR MENÚ VISIBLE EN MÓVIL === */
@media (max-width: 768px) {
.navbar-collapse {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: static !important;
background: #fff;
padding: 10px 0;
}
.navbar-nav {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.navbar-nav .nav-item {
margin-bottom: 10px;
}
.navbar-nav .nav-link {
font-size: 15px;
color: #333 !important;
}
}