Tienda

:root {
–enreo-burdeos: #400009;
–enreo-vino: #7a2020;
–enreo-cacao: #633a11;
–enreo-tinta: #251613;
–enreo-hueso: #fff8ef;
–enreo-oro: #c99a4a;
–enreo-rosa: #f6ded5;
–enreo-verde: #58735f;
}
.enreo-page { color: var(–enreo-tinta); font-family: Inter, Arial, sans-serif; background: #fffaf4; }
.enreo-wrap { width: min(1180px, calc(100% – 32px)); margin: 0 auto; }
.enreo-kicker { margin: 0 0 10px; color: var(–enreo-vino); font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.enreo-display { margin: 0; color: var(–enreo-burdeos); font-family: «Oraqle Script», Georgia, serif; font-weight: 400; line-height: .9; letter-spacing: 0; font-size: clamp(70px, 10vw, 142px); }
.enreo-h1 { margin: 0; color: var(–enreo-burdeos); font-family: Georgia, serif; font-weight: 500; line-height: 1; letter-spacing: 0; font-size: clamp(42px, 6vw, 84px); }
.enreo-h2 { margin: 0 0 14px; color: var(–enreo-burdeos); font-family: Georgia, serif; font-weight: 500; line-height: 1.08; letter-spacing: 0; font-size: clamp(32px, 4.8vw, 56px); }
.enreo-h3 { margin: 0 0 8px; color: var(–enreo-burdeos); font-family: Georgia, serif; font-weight: 500; letter-spacing: 0; font-size: 25px; }
.enreo-text { margin: 0; color: #493632; font-size: clamp(17px, 1.7vw, 20px); line-height: 1.65; }
.enreo-small { margin: 0; color: #67514b; font-size: 15px; line-height: 1.6; }
.enreo-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.enreo-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 13px 22px; border-radius: 6px; font-weight: 800; letter-spacing: .02em; text-decoration: none; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.enreo-btn:hover { transform: translateY(-2px); }
.enreo-btn.primary { color: #fff; background: var(–enreo-burdeos); border: 1px solid var(–enreo-burdeos); }
.enreo-btn.secondary { color: var(–enreo-burdeos); background: transparent; border: 1px solid rgba(64,0,9,.35); }
.enreo-hero { position: relative; overflow: hidden; min-height: 690px; display: flex; align-items: center; padding: 86px 0 46px; background: var(–enreo-hueso); }
.enreo-hero:before { content: «»; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,248,239,.98) 0%, rgba(255,248,239,.86) 42%, rgba(255,248,239,.2) 100%); z-index: 1; }
.enreo-hero img.bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.enreo-hero .enreo-wrap { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 44px; align-items: end; }
.enreo-hero-copy { max-width: 720px; }
.enreo-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 34px; max-width: 680px; }
.enreo-proof span { display: block; padding: 14px 16px; border-left: 3px solid var(–enreo-oro); background: rgba(255,255,255,.72); font-size: 14px; font-weight: 800; color: var(–enreo-tinta); }
.enreo-feature-card { background: rgba(64,0,9,.92); color: #fff; padding: 26px; border-radius: 8px; box-shadow: 0 24px 54px rgba(64,0,9,.24); }
.enreo-feature-card p { color: #fff3e7; }
.enreo-feature-card .enreo-kicker { color: var(–enreo-oro); }
.enreo-feature-card .enreo-h3 { color: #fff; }
.enreo-feature-card .enreo-kicker { color: var(–enreo-oro); }
.enreo-feature-card .enreo-h3 { color: #fff; }
.enreo-page .enreo-kicker,
.enreo-page .enreo-display,
.enreo-page .enreo-h1,
.enreo-page .enreo-h2,
.enreo-page .enreo-text,
.enreo-page .enreo-btns,
.enreo-page .enreo-proof,
.enreo-page .enreo-feature-card,
.enreo-page .enreo-category,
.enreo-page .enreo-product,
.enreo-page .enreo-step,
.enreo-page .enreo-contact-card,
.enreo-section-shortcode {
animation: enreo-rise .72s cubic-bezier(.2,.72,.2,1) both;
}
.enreo-page .enreo-text,
.enreo-page .enreo-btns,
.enreo-page .enreo-proof,
.enreo-page .enreo-feature-card,
.enreo-page .enreo-category:nth-child(2),
.enreo-page .enreo-product:nth-child(2),
.enreo-section-shortcode { animation-delay: .08s; }
.enreo-page .enreo-category:nth-child(3),
.enreo-page .enreo-product:nth-child(3) { animation-delay: .14s; }
.enreo-page .enreo-product:nth-child(4) { animation-delay: .2s; }
@keyframes enreo-rise {
from { opacity: 0; transform: translateY(18px); }
to { opacity: 1; transform: translateY(0); }
}
.enreo-band { padding: 78px 0; background: #fffaf4; }
.enreo-band.alt { background: #ffffff; }
.enreo-band.dark { background: var(–enreo-burdeos); color: #fff; }
.enreo-band.dark .enreo-h2, .enreo-band.dark .enreo-h3, .enreo-band.dark .enreo-kicker { color: #fff; }
.enreo-band.dark .enreo-text, .enreo-band.dark .enreo-small { color: #f4dfd2; }
.enreo-split { display: grid; grid-template-columns: .9fr 1.1fr; gap: 52px; align-items: center; }
.enreo-media-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.enreo-media-grid img, .enreo-category img, .enreo-product img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 8px; display: block; }
.enreo-media-grid img:first-child { grid-row: span 2; height: 100%; aspect-ratio: auto; }
.enreo-categories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 34px; }
.enreo-category { display: block; position: relative; overflow: hidden; border-radius: 8px; min-height: 330px; background: #25080a; text-decoration: none; }
.enreo-category img { height: 100%; min-height: 330px; opacity: .82; transition: transform .25s ease, opacity .25s ease; }
.enreo-category:hover img { transform: scale(1.04); opacity: .7; }
.enreo-category div { position: absolute; inset: auto 18px 18px 18px; color: #fff; }
.enreo-category strong { display: block; font-family: Georgia, serif; font-size: 29px; font-weight: 500; line-height: 1; }
.enreo-category span { display: block; margin-top: 8px; color: #ffe9cf; font-size: 14px; line-height: 1.45; }
.enreo-products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 34px; }
.enreo-product { background: #fff; border: 1px solid rgba(64,0,9,.1); border-radius: 8px; overflow: hidden; box-shadow: 0 14px 34px rgba(64,0,9,.08); }
.enreo-product div { padding: 16px; }
.enreo-price { color: var(–enreo-vino); font-weight: 900; }
.enreo-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 34px; }
.enreo-step { border-top: 1px solid rgba(201,154,74,.55); padding-top: 18px; }
.enreo-step b { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 50%; background: var(–enreo-oro); color: var(–enreo-burdeos); margin-bottom: 14px; }
.enreo-note { margin-top: 30px; padding: 20px 22px; border-radius: 8px; background: #fff1e3; border: 1px solid rgba(122,32,32,.16); color: #493632; }
.enreo-shortcode-column { max-width: 1180px; margin: 0 auto; }
.enreo-section-shortcode { padding: 32px 16px 82px; background: #fffaf4; }
.enreo-section-shortcode .woocommerce,
.enreo-section-shortcode .woocommerce-page {
color: var(–enreo-tinta);
font-family: Inter, Arial, sans-serif;
}
.enreo-section-shortcode .woocommerce ul.products {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
margin: 0;
}
.enreo-section-shortcode .woocommerce ul.products:before,
.enreo-section-shortcode .woocommerce ul.products:after { display: none; }
.enreo-section-shortcode .woocommerce ul.products li.product {
float: none;
width: auto;
margin: 0;
background: #fff;
border: 1px solid rgba(64,0,9,.1);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 14px 34px rgba(64,0,9,.08);
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.enreo-section-shortcode .woocommerce ul.products li.product:hover {
transform: translateY(-5px);
border-color: rgba(122,32,32,.26);
box-shadow: 0 22px 48px rgba(64,0,9,.14);
}
.enreo-section-shortcode .woocommerce ul.products li.product a img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
margin: 0;
}
.enreo-section-shortcode .woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 16px 16px 4px;
margin: 0;
color: var(–enreo-burdeos);
font-family: Georgia, serif;
font-size: 23px;
line-height: 1.15;
letter-spacing: 0;
}
.enreo-section-shortcode .woocommerce ul.products li.product .price {
display: block;
padding: 0 16px 18px;
color: var(–enreo-vino);
font-size: 17px;
font-weight: 900;
}
.enreo-section-shortcode .woocommerce a.button,
.enreo-section-shortcode .woocommerce button.button,
.enreo-section-shortcode .woocommerce input.button,
.enreo-section-shortcode .woocommerce #respond input#submit,
.enreo-section-shortcode .woocommerce .checkout-button {
border-radius: 6px;
background: var(–enreo-burdeos);
color: #fff;
border: 1px solid var(–enreo-burdeos);
font-weight: 800;
padding: 14px 20px;
min-height: 46px;
transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.enreo-section-shortcode .woocommerce a.button:hover,
.enreo-section-shortcode .woocommerce button.button:hover,
.enreo-section-shortcode .woocommerce input.button:hover,
.enreo-section-shortcode .woocommerce #respond input#submit:hover,
.enreo-section-shortcode .woocommerce .checkout-button:hover {
transform: translateY(-2px);
background: var(–enreo-vino);
border-color: var(–enreo-vino);
color: #fff;
}
.enreo-section-shortcode .woocommerce table.shop_table {
border: 1px solid rgba(64,0,9,.12);
border-radius: 8px;
overflow: hidden;
background: #fff;
box-shadow: 0 14px 34px rgba(64,0,9,.08);
}
.enreo-section-shortcode .woocommerce table.shop_table th {
color: var(–enreo-burdeos);
font-size: 13px;
letter-spacing: .08em;
text-transform: uppercase;
background: #fff1e3;
}
.enreo-section-shortcode .woocommerce table.shop_table td,
.enreo-section-shortcode .woocommerce table.shop_table th {
border-color: rgba(64,0,9,.1);
padding: 16px;
}
.enreo-section-shortcode .woocommerce-cart-form,
.enreo-section-shortcode .cart_totals,
.enreo-section-shortcode .woocommerce-checkout-review-order,
.enreo-section-shortcode .woocommerce-MyAccount-content,
.enreo-section-shortcode .woocommerce-MyAccount-navigation,
.enreo-section-shortcode .woocommerce-billing-fields,
.enreo-section-shortcode .woocommerce-shipping-fields,
.enreo-section-shortcode .woocommerce-additional-fields {
background: #fff;
border: 1px solid rgba(64,0,9,.1);
border-radius: 8px;
padding: 22px;
box-shadow: 0 14px 34px rgba(64,0,9,.08);
}
.enreo-section-shortcode .woocommerce form .form-row input.input-text,
.enreo-section-shortcode .woocommerce form .form-row textarea,
.enreo-section-shortcode .woocommerce form .form-row select,
.enreo-section-shortcode .select2-container .select2-selection–single {
min-height: 46px;
border: 1px solid rgba(64,0,9,.22);
border-radius: 6px;
background: #fffaf4;
color: var(–enreo-tinta);
padding: 10px 12px;
}
.enreo-section-shortcode .woocommerce form .form-row input.input-text:focus,
.enreo-section-shortcode .woocommerce form .form-row textarea:focus {
outline: 2px solid rgba(201,154,74,.38);
border-color: var(–enreo-oro);
}
.enreo-section-shortcode .woocommerce-info,
.enreo-section-shortcode .woocommerce-message,
.enreo-section-shortcode .woocommerce-error {
border-top-color: var(–enreo-vino);
background: #fff1e3;
color: #493632;
}
.enreo-section-shortcode .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 8px;
}
.enreo-section-shortcode .woocommerce-MyAccount-navigation a {
display: block;
padding: 12px 14px;
border-radius: 6px;
color: var(–enreo-burdeos);
background: #fff8ef;
text-decoration: none;
font-weight: 800;
}
.enreo-section-shortcode .woocommerce-MyAccount-navigation .is-active a,
.enreo-section-shortcode .woocommerce-MyAccount-navigation a:hover {
background: var(–enreo-burdeos);
color: #fff;
}
.enreo-section-shortcode .woocommerce-result-count,
.enreo-section-shortcode .woocommerce-ordering {
margin-bottom: 24px;
}
.enreo-section-shortcode .woocommerce-ordering select {
border: 1px solid rgba(64,0,9,.22);
border-radius: 6px;
background: #fff;
padding: 10px 12px;
}
.enreo-legal { max-width: 900px; margin: 0 auto; padding: 74px 16px; }
.enreo-legal h1 { color: var(–enreo-burdeos); font-family: Georgia, serif; font-size: clamp(38px, 6vw, 70px); line-height: 1; letter-spacing: 0; }
.enreo-legal p, .enreo-legal li { font-size: 17px; line-height: 1.7; color: #493632; }
.enreo-form-shell { display: grid; grid-template-columns: .85fr 1.15fr; gap: 34px; align-items: start; }
.enreo-contact-card { padding: 28px; border-radius: 8px; background: #fff; border: 1px solid rgba(64,0,9,.1); box-shadow: 0 14px 34px rgba(64,0,9,.08); }
@media (max-width: 980px) {
.enreo-hero { min-height: 620px; }
.enreo-hero .enreo-wrap, .enreo-split, .enreo-form-shell { grid-template-columns: 1fr; }
.enreo-feature-card { max-width: 520px; }
.enreo-categories, .enreo-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.enreo-section-shortcode .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.enreo-proof, .enreo-steps { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.enreo-hero { min-height: auto; padding: 62px 0 38px; }
.enreo-hero:before { background: rgba(255,248,239,.9); }
.enreo-display { font-size: clamp(58px, 21vw, 88px); }
.enreo-btn { width: 100%; }
.enreo-band { padding: 56px 0; }
.enreo-categories, .enreo-products, .enreo-media-grid { grid-template-columns: 1fr; }
.enreo-section-shortcode .woocommerce ul.products { grid-template-columns: 1fr; }
.enreo-section-shortcode .woocommerce table.shop_table td,
.enreo-section-shortcode .woocommerce table.shop_table th { padding: 12px; }
.enreo-section-shortcode .woocommerce-cart-form,
.enreo-section-shortcode .cart_totals,
.enreo-section-shortcode .woocommerce-checkout-review-order,
.enreo-section-shortcode .woocommerce-MyAccount-content,
.enreo-section-shortcode .woocommerce-MyAccount-navigation,
.enreo-section-shortcode .woocommerce-billing-fields,
.enreo-section-shortcode .woocommerce-shipping-fields,
.enreo-section-shortcode .woocommerce-additional-fields { padding: 16px; }
.enreo-category, .enreo-category img { min-height: 260px; }
}
@media (prefers-reduced-motion: reduce) {
.enreo-page *,
.enreo-section-shortcode,
.enreo-section-shortcode * {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
}