*{box-sizing:border-box}
:root{--cream:#f7f2e9;--paper:#fffdf8;--paper2:#f1eadf;--olive:#596047;--olive-dark:#444a35;--brown:#3e3426;--muted:#7d7466;--line:#ddd3c3;--gold:#b79a72;--shadow:0 12px 35px rgba(68,55,37,.08)}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--brown);font-family:"DM Sans",Arial,sans-serif}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}
.announcement{height:28px;background:var(--olive-dark);color:#f7f1e6;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:1.2px;text-transform:uppercase}
.site-header{height:78px;background:rgba(255,253,248,.96);display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.logo{display:block}.logo b{font-family:"Playfair Display",serif;font-size:31px;letter-spacing:2px;line-height:1;color:var(--olive-dark)}.logo small{display:block;font-size:9px;color:var(--muted);margin-top:5px;letter-spacing:.4px}.top-brand{min-width:245px}
.desktop-nav{display:flex;gap:3px;align-items:center}.desktop-nav a{font-size:12px;color:#5e594e;padding:11px 14px;border-radius:22px;transition:.2s}.desktop-nav a:hover{background:#eee8dc}.desktop-nav a.active{background:var(--olive);color:#fff}
.header-actions{display:flex;gap:13px;align-items:center}.header-actions a{color:#4e5140;font-size:22px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%}.header-actions a:hover{background:#eee8dc}.header-actions .wa-circle{background:var(--olive);color:#fff;font-size:18px;width:38px;height:38px}.header-actions .wa-circle svg{width:19px;height:19px;fill:currentColor}
.hero{min-height:400px;display:grid;grid-template-columns:43% 57%;overflow:hidden;background:#e8dece}.hero-copy{padding:65px 7% 55px 10%;background:radial-gradient(circle at 100% 52%,#f7f0e4 0 25%,transparent 55%),linear-gradient(135deg,#f0e6d6,#e8dcc9);position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;color:#a28e72;display:flex;align-items:center;gap:9px}.eyebrow i{width:80px;height:1px;background:#b29f84}.hero h1{font-family:"Playfair Display",serif;color:#3a2e1f;font-size:55px;line-height:.96;margin:17px 0 13px;letter-spacing:-1.2px}.hero-copy>p{font-size:16px;line-height:1.55;max-width:400px;margin:0 0 23px;color:#554b3d}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--olive);color:#fff;padding:13px 23px;border-radius:28px;font-weight:600;font-size:12px;border:0;box-shadow:0 7px 18px rgba(70,76,52,.2);transition:.2s}.primary-btn:hover{background:var(--olive-dark);transform:translateY(-1px)}
.hero-art{position:relative;overflow:hidden;background:linear-gradient(120deg,#d1b99e,#a77b58 50%,#5a3827)}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.35),transparent 26%),radial-gradient(circle at 78% 22%,rgba(255,255,255,.18),transparent 20%),linear-gradient(135deg,rgba(255,255,255,.08),transparent 55%)}.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,243,220,.18);right:8%;top:-130px;filter:blur(5px)}
.hero-card{position:absolute;left:13%;right:7%;top:35px;bottom:35px;border-radius:22px;background:linear-gradient(145deg,#9a6442,#4b291b);box-shadow:0 28px 55px rgba(45,27,16,.3);transform:rotate(-2deg);overflow:hidden;border:1px solid rgba(255,255,255,.2)}.hero-card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(240,214,177,.45);border-radius:16px}.hero-box-label{position:absolute;right:24px;top:24px;color:#e8d2ac;font-family:"Playfair Display",serif;font-size:18px;letter-spacing:3px;z-index:2}.hero-strawberries{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;font-size:82px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.2));transform:rotate(1deg)}.hero-strawberries span:nth-child(2),.hero-strawberries span:nth-child(4){font-size:73px;transform:translateY(28px)}.hero-box-ribbon{position:absolute;width:115%;height:28px;background:rgba(215,181,139,.3);left:-8%;bottom:62px;transform:rotate(-7deg)}
.main-content{max-width:1200px;margin:auto;padding:25px 22px 45px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.section-heading h2{font-family:"Playfair Display",serif;font-size:31px;margin:0;color:#4b4a3a;display:flex;align-items:center;gap:10px}.heading-line{width:29px;height:2px;background:var(--olive);display:inline-block}.section-heading p{font-size:11px;color:#807868}.filter-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0 18px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips a{font-size:11px;padding:8px 13px;border-radius:18px;border:1px solid #d7ccbc;background:#fbf7ef;transition:.2s}.chips a:hover{border-color:#a69b86}.chips a.selected{background:var(--olive);color:white;border-color:var(--olive)}.filter-row select{border:1px solid #d3c8b7;background:#fbf7ef;border-radius:18px;padding:8px 12px;font-size:11px;color:#5d584c}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--paper);border:1px solid #ddd3c4;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(63,52,37,.06);transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(63,52,37,.12)}.product-image{display:block;width:100%;height:205px;border:0;padding:0;background:#d9c6b0;position:relative;overflow:hidden;cursor:pointer}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-image:hover img{transform:scale(1.07)}.image-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#d8c0a7,#825a3e);color:#fff}.image-placeholder span{font-size:55px}.image-placeholder small{position:absolute;right:12px;top:10px;font-family:serif;letter-spacing:2px}.featured-badge{position:absolute;left:11px;top:11px;background:rgba(255,251,242,.9);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:5px 8px;font-size:9px;color:#5c5d45;font-weight:600}.product-info{padding:13px 13px 14px}.product-info h3{font-size:14px;margin:9px 0 4px;color:#3f3b31;line-height:1.25;min-height:35px}.product-info p{font-size:10px;color:#777063;margin:0;height:26px;overflow:hidden;line-height:1.35}.product-bottom{margin-top:10px;display:flex;flex-direction:column;gap:8px}.product-bottom strong{font-size:15px;color:#15150f}.whatsapp-btn{background:var(--olive);color:#fff;border-radius:18px;text-align:center;padding:8px 5px;font-size:10px;font-weight:600;transition:.2s}.whatsapp-btn:hover{background:var(--olive-dark)}
.trust-bar{max-width:1200px;margin:0 auto;background:#efe8dc;border:1px solid #e1d7c8;border-bottom:0;border-radius:20px 20px 0 0;display:grid;grid-template-columns:repeat(4,1fr);padding:15px 0}.trust-bar>div{display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid #d0c4b2}.trust-bar>div:last-child{border:0}.trust-bar span{font-size:23px}.trust-bar b{font-size:10px;font-weight:600}.trust-bar small{display:block;font-size:8px;font-weight:400;color:#7b7368;margin-top:3px}
footer{background:#4f543f;color:#f3ede2;display:flex;align-items:center;justify-content:space-between;padding:18px 6.5%;min-height:78px}.footer-logo{font-family:"Playfair Display",serif;font-size:25px;letter-spacing:2px}.footer-brand small{font-size:9px;color:#d4ccbd}.footer-copy{font-size:11px;color:#eee7db}.footer-social{display:flex;gap:13px;font-size:10px}.footer-social span{opacity:.55}
.floating-wa{position:fixed;right:20px;bottom:20px;width:50px;height:50px;background:#53ad68;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:27px;box-shadow:0 8px 22px rgba(0,0,0,.2);z-index:19;border:3px solid rgba(255,255,255,.7)}
.modal{display:none;position:fixed;inset:0;background:rgba(40,37,30,.68);z-index:30;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(820px,100%);background:#fbf8f1;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-photo{min-height:420px;background:#d9c5ad}.modal-photo img{width:100%;height:100%;object-fit:cover}.modal-detail{padding:46px}.modal-detail small{color:#8e806e}.modal-detail h2{font-family:"Playfair Display",serif;font-size:36px;margin:10px 0}.modal-detail p{color:#716a5e;line-height:1.6}.modal-detail>strong{display:block;font-size:24px;margin:25px 0}.modal-close{position:absolute;right:13px;top:12px;border:0;background:#fff;color:#4e503f;width:36px;height:36px;border-radius:50%;font-size:25px;z-index:2;cursor:pointer}.empty-state{text-align:center;padding:60px}.empty-state div{font-size:48px}.empty-state h3{font-family:"Playfair Display",serif}
@media(max-width:1100px){.desktop-nav{display:none}.products-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:46% 54%}}
@media(max-width:780px){.site-header{padding:0 18px;height:70px}.top-brand{min-width:0}.logo b{font-size:27px}.logo small{display:none}.header-actions{gap:7px}.hero{min-height:460px;grid-template-columns:1fr}.hero-copy{padding:60px 28px}.hero-art{display:none}products-grid{grid-template-columns:repeat(2,1fr)}.trust-bar{margin:0 10px;grid-template-columns:repeat(2,1fr)}.trust-bar>div{padding:10px;border-bottom:1px solid #d0c4b2}.filter-row{gap:10px;flex-wrap:wrap}.section-heading h2{font-size:27px}}
@media(max-width:500px){.announcement{font-size:7px;letter-spacing:.8px}.hero h1{font-size:43px}.main-content{padding-left:12px;padding-right:12px}.products-grid{gap:10px}.product-image{height:150px}.product-info{padding:10px}.product-info h3{font-size:12px}modal-card{grid-template-columns:1fr}.modal-photo{height:260px;min-height:0}.modal-detail{padding:25px}}

.header-actions .wa-circle svg,.whatsapp-btn svg,.floating-wa svg{width:20px;height:20px;fill:currentColor;display:block}.whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:6px}.floating-wa svg{width:29px;height:29px}

.hero-slider{position:absolute;inset:0;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;transform:translateX(28px) scale(1.015);transition:opacity .9s ease,transform 1.1s cubic-bezier(.22,.61,.36,1)}.hero-slide.active{opacity:1;transform:translateX(0) scale(1)}.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}.hero-placeholder{background:linear-gradient(120deg,#d1b99e,#a77b58 50%,#5a3827)}.hero-dots{position:absolute;z-index:5;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:7px}.hero-dots button{width:7px;height:7px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer}.hero-dots button.active{background:#fff;transform:scale(1.25)}.modal-thumbs{display:flex;gap:7px;margin:13px 0;flex-wrap:wrap}.modal-thumbs button{border:2px solid transparent;padding:0;background:none;border-radius:7px;overflow:hidden;cursor:pointer;width:52px;height:42px}.modal-thumbs button.active{border-color:var(--olive)}.modal-thumbs img{width:100%;height:100%;object-fit:cover;display:block}

/* Carrusel de imágenes de productos al pasar el cursor */
.product-image{overflow:hidden;}
.product-main-image{transition:opacity .28s ease,transform .35s ease;}
.product-card:hover .product-main-image{transform:scale(1.015);}
@media(max-width:700px){.filter-row{gap:12px;align-items:flex-start;flex-direction:column}}

.product-main-image{transition:opacity .22s ease,transform .45s ease}.product-card:hover .product-main-image{transform:scale(1.04)}.product-main-image.image-fade{opacity:.18}.hover-hint{position:absolute;right:10px;bottom:10px;background:rgba(255,250,242,.86);color:#5c5d45;border-radius:14px;padding:5px 8px;font-size:8px;letter-spacing:.03em;pointer-events:none}.filter-row{min-height:1px}.filter-row select{margin-left:auto}.selected-preview{}
/* Mejoras responsive y categorías */
.category-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.category-filter a{padding:8px 12px;border:1px solid #ddd3c4;border-radius:999px;font-size:11px;color:#5c5d45;background:#fffaf3}.category-filter a.active{background:var(--olive);color:#fff;border-color:var(--olive)}
.hero-slide{transform:scale(1.01)!important;transition:opacity 1.35s ease-in-out,transform 1.6s ease-in-out!important}.hero-slide.active{transform:scale(1)!important}
@media(max-width:900px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image{height:190px}.main-content{padding:36px 22px}.filter-row{align-items:center}}
@media(max-width:760px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{display:block;min-height:300px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 28px}.filter-row{flex-direction:column;align-items:stretch}.filter-row select{margin-left:0;width:100%}.category-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.category-filter a{white-space:nowrap}.product-image{height:180px}.product-info h3{min-height:0}.trust-bar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-image{height:145px}.product-info{padding:10px}.product-info p{display:none}.whatsapp-btn{font-size:9px}.product-bottom strong{font-size:13px}.hero h1{font-size:40px}.main-content{padding:28px 12px}}
/* Hover más suave en las imágenes del catálogo */
.product-main-image{transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)!important}.product-card:hover .product-main-image{transform:scale(1.025)!important}.product-main-image.image-fade{opacity:.58!important}
@media(max-width:600px){footer{display:grid;grid-template-columns:1fr;gap:14px;text-align:center;padding:26px 18px}.footer-brand,.footer-copy{justify-self:center}.footer-social{justify-content:center;flex-wrap:wrap;gap:10px 16px;line-height:1.8}.footer-social span{display:none}.footer-logo{font-size:27px}}

/* Sección Nosotros editable */
.about-section{max-width:1200px;margin:38px auto 24px;padding:0 18px;scroll-margin-top:90px}.about-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:390px;background:#f3ede3;border:1px solid #e1d7c8;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(63,52,37,.06)}.about-media{min-height:390px;background:#d8c7b3;position:relative}.about-video{width:100%;height:100%;min-height:390px;display:block;object-fit:cover;background:#d8c7b3}.about-video-placeholder{height:100%;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#8a6449,#4f3425);text-align:center;padding:30px}.about-video-placeholder span{font-size:52px;margin-bottom:8px}.about-video-placeholder b{font-family:"Playfair Display",serif;font-size:34px;letter-spacing:4px}.about-video-placeholder small{margin-top:10px;max-width:270px;font-size:11px;opacity:.8}.about-copy{padding:52px 58px;display:flex;flex-direction:column;justify-content:center}.about-eyebrow{font-size:10px;letter-spacing:2px;color:#9a896f;font-weight:700}.about-copy h2{font-family:"Playfair Display",serif;color:#3a2e1f;font-size:40px;line-height:1.05;margin:12px 0 18px}.about-text{font-size:15px;line-height:1.75;color:#5d554a;white-space:normal}.about-wa{display:inline-flex;align-self:flex-start;align-items:center;gap:18px;margin-top:25px;background:var(--olive);color:#fff;padding:12px 20px;border-radius:24px;font-size:11px;font-weight:600;transition:background .25s,transform .25s}.about-wa:hover{background:var(--olive-dark);transform:translateY(-1px)}
@media(max-width:800px){.about-section{margin:25px auto 18px;padding:0 12px}.about-inner{grid-template-columns:1fr}.about-media,.about-video,.about-video-placeholder{min-height:270px}.about-copy{padding:32px 25px}.about-copy h2{font-size:32px}.about-text{font-size:14px}.about-wa{align-self:stretch;justify-content:center}}
@media(max-width:480px){.about-media,.about-video,.about-video-placeholder{min-height:225px}.about-copy{padding:27px 20px}.about-copy h2{font-size:29px}}

/* Video Nosotros: autoplay silencioso + ampliación al tocar/click */
.about-video-wrap{position:relative;width:100%;height:100%;min-height:390px;padding:0;border:0;display:block;overflow:hidden;background:#d8c7b3;cursor:pointer;text-align:left}
.about-video-wrap .about-video{width:100%;height:100%;min-height:390px;display:block;object-fit:cover}
.about-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,250,242,.88);color:#4f543f;font-size:20px;padding-left:3px;box-shadow:0 8px 25px rgba(0,0,0,.16);transition:opacity .45s ease,transform .45s ease}
.about-video-tip{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(35,32,27,.58);color:#fff;border-radius:18px;padding:8px 13px;font-size:10px;letter-spacing:.02em;white-space:nowrap;opacity:.9;transition:opacity .45s ease}
.about-video-wrap:hover .about-video-play{transform:translate(-50%,-50%) scale(1.04);}
.about-video-wrap:hover .about-video-tip{opacity:1}
.about-video-wrap.is-expanded .about-video-play,.about-video-wrap.is-expanded .about-video-tip{opacity:0}
.about-video-wrap:fullscreen{background:#000;min-height:100vh;width:100vw;height:100vh}
.about-video-wrap:fullscreen .about-video{min-height:100vh;height:100vh;object-fit:contain;background:#000}
.about-video-wrap:fullscreen .about-video-play,.about-video-wrap:fullscreen .about-video-tip{display:none}

.footer-social{align-items:center}
.social-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none!important;color:#f3ede2!important;opacity:.9;transition:opacity .25s ease,transform .25s ease}
.social-link:hover{opacity:1;transform:translateY(-1px)}
.social-link svg{width:19px;height:19px;display:block;flex:0 0 19px}
.social-link span{display:inline}
@media(max-width:600px){.footer-social{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-link{min-height:38px;padding:7px 9px;border:1px solid rgba(243,237,226,.18);border-radius:12px;font-size:10px}.social-link svg{width:20px;height:20px;flex-basis:20px}.about-video-wrap,.about-video-wrap .about-video{min-height:225px}}
@media(max-width:800px){.about-video-wrap,.about-video-wrap .about-video{min-height:270px}}

/* Botón de salida del video de Nosotros */
.about-video-wrap{position:relative;display:block;width:100%;border:0;padding:0;background:transparent;cursor:pointer}
.about-video-exit{display:none;position:absolute;top:16px;right:16px;z-index:20;width:44px;height:44px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(35,32,27,.78);color:#fff;font-size:30px;line-height:1;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.28);backdrop-filter:blur(5px)}
.about-video-wrap.is-expanded .about-video-exit{display:flex}
.about-video-exit:hover{background:rgba(35,32,27,.95);transform:scale(1.05)}
.about-video-wrap:focus-visible{outline:3px solid rgba(183,154,114,.8);outline-offset:3px}