/*
  Vivero BDW Demo
  MIT License - Bianchi desarrollo web R)
*/
:root{
  --vdw-bg:#f3f0e7;
  --vdw-bg-deep:#e4dccb;
  --vdw-surface:#fffdf8;
  --vdw-surface-soft:#edf5e5;
  --vdw-text:#24352a;
  --vdw-muted:#657267;
  --vdw-line:rgba(36,53,42,.14);
  --vdw-accent:#79ad5d;
  --vdw-accent-strong:#356c2d;
  --vdw-accent-soft:#dcebcf;
  --vdw-earth:#9a6a3a;
  --vdw-flower:#d98a9a;
  --vdw-white:#ffffff;
  --vdw-shadow:0 28px 80px rgba(36,53,42,.15);
  --vdw-shadow-soft:0 16px 44px rgba(36,53,42,.08);
  --vdw-radius:28px;
  --vdw-radius-lg:38px;
  --vdw-radius-sm:18px;
  --vdw-max:1180px;
  --vdw-font-title:"Playfair Display",Georgia,serif;
  --vdw-font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top left,var(--vdw-accent-soft),transparent 28%),var(--vdw-bg);color:var(--vdw-text);font-family:var(--vdw-font-body);line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select{font:inherit}
.vdw-shell{width:min(var(--vdw-max),calc(100% - 32px));margin-inline:auto}
.vdw-topbar{position:sticky;top:0;z-index:30;background:rgba(243,240,231,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--vdw-line)}
.vdw-nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.vdw-brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.04em}
.vdw-mark{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--vdw-accent),var(--vdw-accent-strong));display:grid;place-items:center;box-shadow:0 12px 30px rgba(63,111,50,.18)}
.vdw-links{display:flex;gap:20px;color:var(--vdw-muted);font-weight:800}
.vdw-links a:hover{color:var(--vdw-accent-strong)}
.vdw-cta,.vdw-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:13px 19px;background:var(--vdw-accent-strong);color:var(--vdw-white);font-weight:950;cursor:pointer;box-shadow:0 14px 32px rgba(63,111,50,.22)}
.vdw-btn.secondary{background:var(--vdw-surface);color:var(--vdw-text);border:1px solid var(--vdw-line);box-shadow:none}
.vdw-hero{padding:72px 0 44px}
.vdw-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}
.vdw-eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--vdw-line);background:rgba(255,253,248,.78);border-radius:999px;padding:8px 12px;color:var(--vdw-accent-strong);font-weight:950}
.vdw-hero h1,.vdw-title{font-family:var(--vdw-font-title);font-size:clamp(44px,6vw,88px);line-height:.94;letter-spacing:-.055em;margin:18px 0}
.vdw-hero p{font-size:clamp(17px,2vw,21px);color:var(--vdw-muted);max-width:62ch}
.vdw-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.vdw-hero-card{background:var(--vdw-surface);border:1px solid var(--vdw-line);border-radius:var(--vdw-radius-lg);padding:16px;box-shadow:var(--vdw-shadow)}
.vdw-hero-photo{aspect-ratio:1/1;border-radius:30px;overflow:hidden;background:var(--vdw-surface-soft)}
.vdw-hero-photo img{width:100%;height:100%;object-fit:cover}
.vdw-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.vdw-stat{background:var(--vdw-surface-soft);border-radius:20px;padding:14px}
.vdw-stat strong{display:block;font-size:22px;letter-spacing:-.04em}
.vdw-muted{color:var(--vdw-muted)}
.vdw-section{padding:46px 0}
.vdw-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.vdw-section h2{font-family:var(--vdw-font-title);font-size:clamp(34px,4vw,56px);letter-spacing:-.05em;line-height:1;margin:0}
.vdw-section p{color:var(--vdw-muted)}
.vdw-band{background:var(--vdw-text);color:var(--vdw-white);border-radius:var(--vdw-radius-lg);padding:34px;display:grid;grid-template-columns:1fr .74fr;gap:24px;align-items:center;box-shadow:var(--vdw-shadow)}
.vdw-band p{color:rgba(255,255,255,.74)}
.vdw-tools{display:grid;grid-template-columns:1fr 220px;gap:12px;margin:18px 0 24px}
.vdw-input,.vdw-select{width:100%;border:1px solid var(--vdw-line);background:var(--vdw-surface);border-radius:18px;padding:15px 16px;color:var(--vdw-text);outline:none;box-shadow:0 10px 24px rgba(36,53,42,.04)}
.vdw-input:focus,.vdw-select:focus{border-color:var(--vdw-accent-strong)}
.vdw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vdw-card{display:flex;flex-direction:column;background:var(--vdw-surface);border:1px solid var(--vdw-line);border-radius:var(--vdw-radius);overflow:hidden;box-shadow:var(--vdw-shadow-soft);transition:transform .2s ease,box-shadow .2s ease}
.vdw-card:hover{transform:translateY(-4px);box-shadow:var(--vdw-shadow)}
.vdw-card-media{display:block;position:relative;width:100%;aspect-ratio:1/1;background:var(--vdw-surface-soft);overflow:hidden}
.vdw-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.vdw-card:hover img{transform:scale(1.045)}
.vdw-card-body{display:flex;flex:1;flex-direction:column;padding:16px}
.vdw-pill{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:var(--vdw-accent-soft);color:var(--vdw-accent-strong);font-weight:950;padding:6px 10px;font-size:12px}
.vdw-card h3{margin:12px 0 6px;font-size:20px;letter-spacing:-.03em;line-height:1.12}
.vdw-price{font-weight:950;font-size:22px;letter-spacing:-.04em;color:var(--vdw-text)}
.vdw-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px}
.vdw-mini{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--vdw-line);background:var(--vdw-surface);border-radius:999px;padding:10px 12px;font-weight:950;color:var(--vdw-text)}
.vdw-mini:hover{border-color:var(--vdw-accent-strong);color:var(--vdw-accent-strong)}
.vdw-map{border:0;width:100%;min-height:340px;border-radius:26px;filter:saturate(.9);box-shadow:var(--vdw-shadow-soft)}
.vdw-footer{padding:34px 0;color:var(--vdw-muted);border-top:1px solid var(--vdw-line);margin-top:24px}
.vdw-single{padding:44px 0 60px}
.vdw-product{display:grid;grid-template-columns:1fr .9fr;gap:32px;align-items:start}
.vdw-gallery{background:var(--vdw-surface);border:1px solid var(--vdw-line);border-radius:var(--vdw-radius-lg);padding:16px;box-shadow:var(--vdw-shadow)}
.vdw-main-image{position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:30px;overflow:hidden;background:var(--vdw-surface-soft)}
.vdw-main-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vdw-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.vdw-thumb{position:relative;display:block;width:100%;border:2px solid transparent;border-radius:18px;overflow:hidden;padding:0;background:transparent;cursor:pointer;aspect-ratio:1/1}
.vdw-thumb.is-active{border-color:var(--vdw-accent-strong)}
.vdw-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vdw-detail{background:var(--vdw-surface);border:1px solid var(--vdw-line);border-radius:var(--vdw-radius-lg);padding:30px;box-shadow:var(--vdw-shadow-soft)}
.vdw-detail h1{font-family:var(--vdw-font-title);font-size:clamp(42px,5vw,74px);line-height:.96;letter-spacing:-.055em;margin:16px 0}
.vdw-detail h3{font-size:18px;margin-top:24px}
.vdw-tags{display:flex;gap:8px;flex-wrap:wrap}
.vdw-list{padding:0;margin:18px 0;list-style:none;display:grid;gap:10px}
.vdw-list li{background:var(--vdw-surface-soft);border-radius:16px;padding:12px 14px;font-weight:800}
.vdw-whatsapp{position:fixed;right:20px;bottom:20px;z-index:40}
.vdw-empty{padding:40px;border:1px dashed var(--vdw-line);border-radius:26px;background:var(--vdw-surface);color:var(--vdw-muted)}
@media (max-width:920px){.vdw-links{display:none}.vdw-hero-grid,.vdw-product,.vdw-band{grid-template-columns:1fr}.vdw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vdw-tools{grid-template-columns:1fr}.vdw-section-head{align-items:start;flex-direction:column}}
@media (max-width:560px){.vdw-shell{width:min(100% - 22px,var(--vdw-max))}.vdw-nav{height:68px}.vdw-hero{padding-top:38px}.vdw-grid{grid-template-columns:1fr}.vdw-stats{grid-template-columns:1fr}.vdw-actions{flex-direction:column}.vdw-btn,.vdw-cta{width:100%}.vdw-band{padding:22px;border-radius:28px}.vdw-detail,.vdw-gallery{border-radius:28px;padding:14px}.vdw-detail{padding:20px}.vdw-whatsapp{left:14px;right:14px}.vdw-whatsapp.vdw-btn{width:auto}}