/* ============================================================
   BEE CREATIVE STUDIO — ESTILOS COMPARTIDOS
   ============================================================
   Este archivo se carga en TODAS las paginas del sitio (una
   sola vez por pagina, con <link rel="stylesheet" href="site.css">).
   Cambia algo aqui y se actualiza en todo el sitio a la vez.
   ============================================================ */
:root{
  --honey:#F2B705;         /* amarillo marca */
  --honey-deep:#D99E04;
  --honey-soft:#FDF3D4;
  --cream:#FFFCF4;
  --ink:#2A2118;
  --ink-soft:#6B6154;
  --line:#EDE4D3;
  --white:#fff;
  --radius:8px;
  --shadow:0 1px 2px rgba(42,33,24,.04), 0 6px 18px rgba(42,33,24,.05);
  --shadow-lg:0 4px 12px rgba(42,33,24,.06), 0 16px 40px rgba(42,33,24,.09);
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Fraunces',Georgia,serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);
  line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* ---------- HEADER ---------- */
header{position:sticky;top:0;z-index:60;background:rgba(255,252,244,.88);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:28px;height:74px}
.brand{display:flex;align-items:center;flex:none}
.brand img{height:38px;width:auto;display:block}
@media(max-width:560px){.brand img{height:32px}}
.nav ul{display:flex;gap:26px;list-style:none;margin-left:auto;font-size:.93rem;font-weight:500}
.nav ul a,.nav ul .drop-label{color:var(--ink-soft);transition:color .18s;cursor:pointer}
.nav ul a:hover,.nav ul li:hover .drop-label{color:var(--ink)}
.nav ul li a.on{color:var(--ink)}
.nav-tools{display:flex;align-items:center;gap:10px}
.lang{display:flex;background:var(--honey-soft);border-radius:999px;padding:3px;font-size:.76rem;font-weight:700}
.lang button{padding:5px 11px;border-radius:999px;color:var(--ink-soft);letter-spacing:.04em;transition:.18s}
.lang button.on{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.09)}
.cart-btn{position:relative;width:44px;height:44px;border-radius:50%;
  background:var(--ink);color:var(--white);display:grid;place-items:center;transition:transform .18s}
.cart-btn:hover{transform:scale(1.06)}
.cart-btn .count{position:absolute;top:-3px;right:-3px;min-width:21px;height:21px;padding:0 5px;
  background:var(--honey);color:var(--ink);border-radius:999px;font-size:.7rem;font-weight:700;
  display:grid;place-items:center;border:2px solid var(--cream)}
.burger{display:none;width:42px;height:42px;place-items:center}

/* ---------- NAV DROPDOWN (Collections) ---------- */
.has-drop{position:relative}
.dropdown{list-style:none}
@media(min-width:901px){
  .dropdown{position:absolute;top:100%;left:0;margin-top:10px;background:var(--white);
    border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);min-width:230px;
    padding:8px;opacity:0;pointer-events:none;transform:translateY(6px);transition:.18s;z-index:10}
  .has-drop:hover .dropdown{opacity:1;pointer-events:auto;transform:none}
  .dropdown li{padding:0!important;border:none!important}
  .dropdown a{display:block;padding:11px 13px;border-radius:7px;font-size:.88rem}
  .dropdown a:hover{background:var(--honey-soft);color:var(--ink)}
}
@media(max-width:900px){
  .dropdown{padding-left:16px;margin-top:2px;display:flex;flex-direction:column;gap:0}
  .dropdown li{border:none!important;padding:0!important}
  .dropdown a{display:block;padding:10px 0;font-size:.9rem;color:var(--ink-soft)}
}

/* ---------- HERO (Home) ---------- */
.hero{padding:72px 0 78px;border-bottom:1px solid var(--line)}
.hero-in{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}
.eyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:20px}
.eyebrow::after{content:'';display:block;width:34px;height:2px;background:var(--honey);margin-top:12px}
h1{font-family:var(--serif);font-size:clamp(2.5rem,5.2vw,3.85rem);line-height:1.04;
  letter-spacing:-.035em;font-weight:600}
h1 em{font-style:italic;color:var(--honey-deep)}
.hero p{font-size:1.06rem;color:var(--ink-soft);margin:22px 0 32px;max-width:46ch}
.btns{display:flex;gap:11px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 25px;border-radius:6px;
  font-weight:600;font-size:.93rem;transition:transform .18s, box-shadow .18s, background .18s, border-color .18s}
.btn-1{background:var(--ink);color:var(--white)}
.btn-1:hover{background:#3d3125}
.btn-2{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.btn-2:hover{background:var(--ink);color:var(--white)}
.btn-wa{background:#1FA855;color:#fff}
.btn-wa:hover{background:#188544}
.btn-gold{background:var(--honey);color:var(--ink)}
.btn-gold:hover{background:var(--honey-deep)}

.facts{display:grid;grid-template-columns:repeat(3,auto);gap:34px;margin-top:44px;
  padding-top:26px;border-top:1px solid var(--line);justify-content:start}
.facts dt{font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-soft);margin-bottom:5px}
.facts dd{font-size:.88rem;font-weight:500;max-width:15ch;line-height:1.35}

.hero-art{position:relative;aspect-ratio:1/1;display:grid;place-items:center;margin:0}
.hero-art .disc{position:absolute;inset:8%;border-radius:50%;
  background:linear-gradient(150deg,var(--honey) 0%,#FFD95C 100%);box-shadow:var(--shadow-lg)}
.hero-art .comb{position:absolute;inset:0;opacity:.3}
.hero-art .logo{position:relative;width:58%;filter:drop-shadow(0 12px 30px rgba(42,33,24,.22))}
.hero-art .float{position:absolute;display:flex;align-items:center;gap:8px;background:var(--white);
  border-radius:14px;padding:11px 16px;box-shadow:var(--shadow);font-size:.82rem;font-weight:600;color:var(--ink)}
.hero-art .float .ic-svg{color:var(--honey-deep);flex:none}
.hero-art .float.a{top:6%;left:-4%}
.hero-art .float.b{bottom:9%;right:-4%}
@media(max-width:560px){.hero-art .float{padding:8px 12px;font-size:.76rem}}

/* ---------- SECONDARY PAGE HERO (Our Story / Process / FAQ / Contact / Custom Additions) ---------- */
.page-hero{padding:64px 0 54px;border-bottom:1px solid var(--line);background:var(--honey-soft);text-align:center}
.page-hero .wrap{max-width:760px}
.page-hero .eyebrow::after{margin-left:auto;margin-right:auto}
.page-hero h1{font-size:clamp(2.1rem,4.4vw,3.1rem)}
.page-hero p{margin:18px auto 0;max-width:56ch}

/* ---------- COLLECTION HERO (Fiesta Royal Luxury / Elegance Gold) ---------- */
.coll-hero{position:relative;padding:110px 0 90px;background:linear-gradient(155deg,var(--ink) 0%,#3d3125 100%);
  color:var(--honey-soft);overflow:hidden;text-align:center}
.coll-hero::before{content:'';position:absolute;inset:0;opacity:.08;
  background-image:radial-gradient(circle at 50% 50%, var(--honey) 1.5px, transparent 1.6px);
  background-size:30px 30px}
.coll-hero .wrap{position:relative;max-width:780px}
.coll-hero .eyebrow{color:var(--honey)}
.coll-hero .eyebrow::after{margin-left:auto;margin-right:auto;background:var(--honey)}
.coll-hero h1{color:var(--white);font-size:clamp(2.4rem,5vw,3.6rem)}
.coll-hero p{color:rgba(253,243,212,.75);margin:20px auto 0;max-width:58ch;font-size:1.05rem}
.coll-hero .btns{justify-content:center;margin-top:32px}
.coll-hero.has-photo{background-size:cover;background-position:center}
.coll-hero.has-photo::after{content:'';position:absolute;inset:0;z-index:0;
  background:linear-gradient(155deg,rgba(20,16,10,.9) 0%,rgba(61,49,37,.84) 100%)}
.coll-hero.has-photo .wrap{position:relative;z-index:1}

/* ---------- CRAFT STRIP (photo gallery on collection pages) ---------- */
.craft-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:46px 0 22px}
.craft-strip figure{margin:0;text-align:center}
.craft-strip img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block;
  box-shadow:var(--shadow)}
.craft-strip figcaption{margin-top:11px;font-size:.8rem;color:var(--ink-soft);font-style:italic}
@media(max-width:680px){.craft-strip{grid-template-columns:1fr;max-width:340px;margin-left:auto;margin-right:auto}}

/* ---------- COLLECTION TEASERS (Home) ---------- */
.coll-teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.coll-teaser{position:relative;border-radius:14px;overflow:hidden;min-height:340px;
  display:flex;flex-direction:column;justify-content:flex-end;padding:32px 28px;
  background:linear-gradient(155deg,var(--ink) 0%,#3d3125 100%);color:var(--white);
  transition:transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s}
.coll-teaser:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.coll-teaser::before{content:'';position:absolute;inset:0;opacity:.09;
  background-image:radial-gradient(circle at 50% 50%, var(--honey) 1.5px, transparent 1.6px);
  background-size:26px 26px}
.coll-teaser.gold{background:linear-gradient(155deg,#7a5c06 0%,var(--honey-deep) 100%)}
.coll-teaser.has-photo{background-size:cover;background-position:center}
.coll-teaser.has-photo::after{content:'';position:absolute;inset:0;z-index:0;
  background:linear-gradient(180deg,rgba(20,16,10,.08) 0%,rgba(20,16,10,.95) 78%)}
.coll-teaser.has-photo>*{position:relative;z-index:1}
.coll-teaser .kicker{position:relative;font-size:.7rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--honey);margin-bottom:10px}
.coll-teaser.gold .kicker{color:var(--white)}
.coll-teaser h3{position:relative;font-family:var(--serif);font-size:1.7rem;font-weight:600;
  letter-spacing:-.02em;margin-bottom:9px;line-height:1.15}
.coll-teaser p{position:relative;font-size:.9rem;color:rgba(255,255,255,.78);margin-bottom:18px;max-width:36ch}
.coll-teaser .go{position:relative;display:inline-flex;align-items:center;gap:8px;
  font-size:.86rem;font-weight:700;color:var(--honey)}
.coll-teaser.gold .go{color:var(--white)}
.coll-teaser .go svg{transition:transform .2s}
.coll-teaser:hover .go svg{transform:translateX(4px)}
@media(max-width:760px){.coll-teaser-grid{grid-template-columns:1fr}}

/* ---------- STRIP ---------- */
.strip{background:var(--ink);color:var(--honey-soft);padding:17px 0;overflow:hidden;white-space:nowrap}
.strip-run{display:inline-flex;gap:44px;animation:run 30s linear infinite;font-family:var(--serif);
  font-size:.98rem;letter-spacing:.02em}
.strip-run span{opacity:.9}
@keyframes run{to{transform:translateX(-50%)}}

/* ---------- SECTIONS ---------- */
section{padding:86px 0}
.sec-head{text-align:center;max-width:620px;margin:0 auto 44px}
.sec-head .eyebrow::after{margin-left:auto;margin-right:auto}
.sec-head h2{font-family:var(--serif);font-size:clamp(2rem,4vw,2.85rem);
  letter-spacing:-.03em;font-weight:600;line-height:1.1}
.sec-head p{color:var(--ink-soft);margin-top:13px;font-size:1.03rem}

/* ---------- COLLECTION ZONES / PHASES ---------- */
.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.phase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:920px;margin:0 auto}
.zone-card,.phase-card{background:var(--white);border:1px solid var(--line);border-radius:12px;
  padding:30px 26px;transition:transform .24s cubic-bezier(.2,.8,.2,1), border-color .24s, box-shadow .24s}
.zone-card:hover,.phase-card:hover{transform:translateY(-5px);border-color:var(--honey);box-shadow:var(--shadow-lg)}
.zone-card .zn,.phase-card .zn{width:38px;height:38px;border-radius:10px;background:var(--honey-soft);
  color:var(--honey-deep);display:grid;place-items:center;margin-bottom:16px}
.zone-card .zk,.phase-card .zk{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--honey-deep);margin-bottom:6px}
.zone-card h3,.phase-card h3{font-family:var(--serif);font-size:1.35rem;font-weight:600;
  letter-spacing:-.02em;margin-bottom:6px;line-height:1.2}
.zone-card .sub,.phase-card .sub{font-size:.85rem;color:var(--ink-soft);font-style:italic;
  margin:0 0 16px;line-height:1.45}
.zone-caption{text-align:center;font-size:.82rem;color:var(--ink-soft);margin-top:30px;
  max-width:520px;margin-left:auto;margin-right:auto;line-height:1.5}
.zone-card ul,.phase-card ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.zone-card li,.phase-card li{display:flex;gap:9px;font-size:.9rem;color:var(--ink-soft);line-height:1.42}
.zone-card li .ck,.phase-card li .ck{flex:none;width:17px;height:17px;border-radius:50%;
  background:var(--honey-soft);color:var(--honey-deep);display:grid;place-items:center;margin-top:2px}
@media(max-width:900px){.zone-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}
@media(max-width:680px){.phase-grid{grid-template-columns:1fr;max-width:480px}}

/* ---------- CONSULTATION NOTE (pricing upon consultation) ---------- */
.consult{background:var(--ink);color:var(--honey-soft);border-radius:14px;padding:40px 34px;
  text-align:center;max-width:720px;margin:56px auto 0}
.consult h4{font-family:var(--serif);font-size:1.4rem;font-weight:600;color:var(--white);margin-bottom:10px}
.consult p{font-size:.94rem;color:rgba(253,243,212,.72);margin-bottom:22px;max-width:52ch;margin-left:auto;margin-right:auto}
.consult .guest-note{display:inline-flex;align-items:center;gap:8px;background:rgba(253,243,212,.09);
  border:1px solid rgba(253,243,212,.18);border-radius:999px;padding:8px 16px;font-size:.82rem;
  font-weight:600;margin-bottom:22px;color:var(--honey)}

/* ---------- PARTY PACKAGES (legado, ya no se usa en ninguna pagina) ---------- */
.pk{background:var(--ink);color:var(--honey-soft);position:relative;overflow:hidden}
.pk::before{content:'';position:absolute;inset:0;opacity:.06;
  background-image:radial-gradient(circle at 50% 50%, var(--honey) 1.5px, transparent 1.6px);
  background-size:30px 30px}
.pk .wrap{position:relative}
.pk .sec-head h2{color:var(--white)}
.pk .sec-head p{color:rgba(253,243,212,.62)}
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.pk-card{background:rgba(253,243,212,.055);border:1px solid rgba(253,243,212,.16);
  border-radius:10px;padding:28px 24px 24px;display:flex;flex-direction:column;
  transition:transform .26s cubic-bezier(.2,.8,.2,1), border-color .26s, background .26s;
  position:relative}
.pk-card:hover{transform:translateY(-6px);border-color:var(--honey);background:rgba(253,243,212,.09)}
.pk-card.best{border-color:var(--honey);background:rgba(242,183,5,.09)}
.pk-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  background:var(--honey);color:var(--ink);padding:5px 14px;border-radius:999px;
  font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.pk-name{font-family:var(--serif);font-size:1.55rem;font-weight:600;color:var(--white);
  letter-spacing:-.02em;line-height:1.1}
.pk-tag{font-size:.79rem;color:rgba(253,243,212,.6);margin-top:4px}
.pk-price{font-size:2.35rem;font-weight:700;letter-spacing:-.035em;color:var(--honey);
  margin:16px 0 4px;line-height:1}
.pk-price sup{font-size:.95rem;font-weight:500;vertical-align:super;margin-right:2px}
.pk-alt{font-size:.75rem;color:rgba(253,243,212,.55);margin-bottom:16px}
.pk-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin:4px 0 20px;flex:1}
.pk-list li{display:flex;gap:9px;font-size:.9rem;color:rgba(253,243,212,.9);line-height:1.4}
.pk-list .ck{flex:none;width:18px;height:18px;border-radius:50%;background:var(--honey);
  color:var(--ink);display:grid;place-items:center;margin-top:2px}
.pk-card .add{background:var(--honey);color:var(--ink);text-align:center;padding:12px;
  border-radius:6px;border:0;font-weight:600;font-size:.9rem;transition:.18s;display:block;width:100%}
.pk-card:hover .add{background:var(--white)}
.pk-foot{text-align:center;margin-top:34px;font-size:.9rem;color:rgba(253,243,212,.6)}
@media(max-width:820px){.pk-grid{grid-template-columns:1fr;gap:18px;max-width:420px;margin:0 auto}}

/* ---------- FILTERS ---------- */
.filters{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-bottom:38px}
.chip{padding:8px 17px;border-radius:5px;border:1px solid var(--line);background:var(--white);
  font-size:.88rem;font-weight:500;color:var(--ink-soft);transition:.18s}
.chip:hover{border-color:var(--honey);color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--white)}

/* ---------- GRID ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:26px}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:transform .26s cubic-bezier(.2,.8,.2,1), box-shadow .26s, border-color .26s;
  display:flex;flex-direction:column}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--honey)}
.card-img{position:relative;aspect-ratio:4/5;background:var(--honey-soft);overflow:hidden;
  display:grid;place-items:center}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.card:hover .card-img img{transform:scale(1.055)}
.ph{position:relative;display:grid;place-items:center;align-content:center;gap:6px;
  text-align:center;padding:22px;width:100%;height:100%;background:var(--honey-soft);overflow:hidden}
.comb-bg{position:absolute;inset:0;width:100%;height:100%}
.ph .mono{position:relative;font-family:var(--serif);font-size:1.5rem;font-style:italic;
  color:var(--honey-deep);letter-spacing:-.01em;line-height:1}
.ph .nm{position:relative;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-soft);font-weight:600;line-height:1.3;max-width:16ch}
.tag{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);
  padding:5px 11px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--ink-soft)}
.tag.fast{left:auto;right:12px;background:var(--honey);color:var(--ink)}
.card-body{padding:17px 18px 19px;display:flex;flex-direction:column;gap:6px;flex:1}
.card-body h3{font-family:var(--serif);font-size:1.06rem;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.card-body .d{font-size:.845rem;color:var(--ink-soft);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px}
.price{font-weight:700;font-size:1.09rem;letter-spacing:-.02em}
.price small{font-weight:500;font-size:.72rem;color:var(--ink-soft);display:block;
  letter-spacing:.02em;margin-bottom:-2px}

/* quote card */
.qcard{background:linear-gradient(155deg,var(--ink) 0%,#3d3125 100%);color:var(--honey-soft);
  border-radius:var(--radius);padding:26px 22px;display:flex;flex-direction:column;
  justify-content:center;gap:11px;text-align:center;border:1px solid var(--ink)}
.qcard .em{font-size:2rem}
.qcard h3{font-family:var(--serif);font-size:1.16rem;color:var(--white);font-weight:600;line-height:1.25}
.qcard p{font-size:.85rem;opacity:.72;line-height:1.5}
.qcard .add{background:var(--honey);color:var(--ink);margin-top:6px;padding:10px 18px;
  border-radius:999px;font-size:.87rem;font-weight:600;transition:.18s}
.qcard:hover .add{background:var(--white)}
.add{background:transparent;color:var(--ink);padding:8px 15px;border-radius:5px;border:1px solid var(--line);
  font-size:.85rem;font-weight:600;transition:.18s;white-space:nowrap}
.add:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}

/* ---------- ABOUT / OUR STORY ---------- */
.about{background:var(--honey-soft)}
.about-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.about-img{aspect-ratio:4/5;border-radius:3px;overflow:hidden;box-shadow:var(--shadow-lg);
  background:var(--white);display:grid;place-items:center}
.about-img img{width:100%;height:100%;object-fit:cover}
.about h2{font-family:var(--serif);font-size:clamp(1.9rem,3.6vw,2.6rem);
  letter-spacing:-.03em;font-weight:600;margin-bottom:18px;line-height:1.12}
.about p{color:var(--ink-soft);margin-bottom:15px;font-size:1.01rem}
.sig{font-family:var(--serif);font-style:italic;font-size:1.28rem;color:var(--honey-deep);margin-top:8px}

/* ---------- STEPS / TIMELINE (Our Process, How it works) ---------- */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin-top:12px}
.step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px}
.step .n{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--honey);color:var(--honey-deep);
  display:grid;place-items:center;font-weight:700;font-size:.82rem;margin-bottom:16px;font-variant-numeric:tabular-nums}
.step h4{font-family:var(--serif);font-size:1.1rem;font-weight:600;margin-bottom:7px}
.step p{font-size:.9rem;color:var(--ink-soft)}
.pnote{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 32px;margin-top:24px;max-width:780px;margin-left:auto;margin-right:auto}
.pnote h4{font-family:var(--serif);font-size:1.24rem;font-weight:600;margin-bottom:11px}
.pnote p{font-size:.94rem;color:var(--ink-soft);margin-bottom:10px}
.pnote .lead{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);
  font-size:.9rem;color:var(--ink)}
.pnote .lead b{color:var(--honey-deep)}
.pnote .lead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lead-ic{display:inline-flex;color:var(--honey-deep)}
.ci-ic{display:inline-flex;opacity:.8}
.pol-link{text-align:center;margin-top:34px}
.pol-link a{display:inline-flex;align-items:center;gap:9px;background:var(--white);
  border:1px solid var(--ink);padding:12px 24px;border-radius:6px;
  font-size:.92rem;font-weight:600;color:var(--ink);transition:.2s}
.pol-link a:hover{background:var(--ink);color:var(--white)}
.pol-link svg{transition:transform .2s}
.pol-link a:hover svg{transform:translateX(3px)}

/* seccion de politicas (dentro de FAQ) */
.polsec{background:var(--cream);border-top:1px solid var(--line)}
.polsec .pnote{margin-top:34px}
.polsec .pol-grid{max-width:900px;margin:0 auto}
.pol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:15px}
.pol-item{background:var(--white);border:1px solid var(--line);border-radius:8px;
  padding:19px 20px;display:flex;gap:13px;align-items:flex-start;
  transition:border-color .2s, transform .2s}
.pol-item:hover{border-color:var(--honey)}
.pol-item .ic{flex:none;width:36px;height:36px;border-radius:8px;background:var(--honey-soft);
  display:grid;place-items:center;color:var(--honey-deep)}
.pol-item h4{font-size:.93rem;font-weight:700;margin-bottom:3px;line-height:1.3}
.pol-item p{font-size:.845rem;color:var(--ink-soft);line-height:1.45;margin:0}

/* ---------- FAQ ACCORDION ---------- */
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:19px 22px;font-weight:600;font-size:.98rem;
  display:flex;align-items:center;justify-content:space-between;gap:14px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .plus{flex:none;width:22px;height:22px;display:grid;place-items:center;
  color:var(--honey-deep);transition:transform .2s}
.faq-item[open] summary .plus{transform:rotate(45deg)}
.faq-item .a{padding:0 22px 20px;font-size:.9rem;color:var(--ink-soft);line-height:1.55}

/* ---------- INSTAGRAM ---------- */
.ig{background:var(--honey-soft);position:relative;overflow:hidden}
.ig::before{content:'';position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(circle at 50% 50%, rgba(255,255,255,.9) 1.5px, transparent 1.6px);
  background-size:26px 26px}
.ig .wrap{position:relative}
.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.ig-cell{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;
  background:var(--white);border:1px solid rgba(255,255,255,.7);
  box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s;
  display:grid;place-items:center}
.ig-cell:nth-child(1),.ig-cell:nth-child(6){grid-column:span 2;grid-row:span 2}
.ig-cell:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);z-index:2}
.ig-cell img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ig-cell:hover img{transform:scale(1.07)}
.ig-cell .ov-ig{position:absolute;inset:0;background:rgba(42,33,24,.42);
  display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .25s}
.ig-cell:hover .ov-ig{opacity:1}
.ig-deco{background:linear-gradient(150deg,var(--honey) 0%,#FFD95C 100%);
  display:grid;place-items:center;position:relative}
.ig-deco.alt{background:var(--white)}
.ig-deco .comb2{position:absolute;inset:0;opacity:.28}
.ig-deco .mono{position:relative;font-family:var(--serif);font-style:italic;font-size:1.3rem;
  color:var(--ink);opacity:.55}
.ig-cell.big .mono{font-size:2.2rem}
.ig-deco.alt .mono{color:var(--honey-deep);opacity:.75}
.ig-live{background:var(--white);border:1px solid rgba(255,255,255,.7);border-radius:18px;
  padding:10px;box-shadow:var(--shadow);overflow:hidden;min-height:180px}
.ig-live iframe{width:100%;border:0;overflow:hidden;display:block;border-radius:11px}
.btn-ig{background:var(--ink);color:var(--white)}
.btn-ig:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(42,33,24,.26)}
@media(max-width:760px){
  .ig-grid{grid-template-columns:repeat(4,1fr);gap:10px}
  .ig-cell:nth-child(6){grid-column:auto;grid-row:auto}
}
@media(max-width:440px){
  .ig-grid{grid-template-columns:repeat(2,1fr)}
  .ig-cell:nth-child(1){grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
}

/* ---------- CONTACT ---------- */
.contact{background:var(--ink);color:var(--honey-soft)}
.contact h2{color:var(--white)}
.contact .sec-head p{color:rgba(253,243,212,.65)}
.cta-box{max-width:660px;margin:0 auto;text-align:center}
.cta-links{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.cinfo{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;margin-top:46px;
  padding-top:34px;border-top:1px solid rgba(253,243,212,.15);font-size:.92rem}
.cinfo a,.cinfo span{color:rgba(253,243,212,.78);display:inline-flex;align-items:center;gap:9px}
.cinfo a:hover{color:var(--honey)}

/* ---------- CONTACT FORM (pagina Contact) ---------- */
.form-card{background:var(--white);border:1px solid var(--line);border-radius:14px;
  padding:36px 34px;max-width:680px;margin:0 auto;box-shadow:var(--shadow)}
.form-card label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px}
.form-card input,.form-card select,.form-card textarea{width:100%;padding:12px 14px;
  border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.93rem;
  background:var(--cream);color:var(--ink);margin-bottom:18px;outline:none;transition:border-color .18s}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--honey)}
.form-card textarea{resize:vertical;min-height:96px}
.form-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:520px){.form-row2{grid-template-columns:1fr;gap:0}}
.form-card .btn{width:100%;justify-content:center;margin-top:6px}
.form-note{font-size:.8rem;color:var(--ink-soft);text-align:center;margin-top:16px;line-height:1.5}

/* ---------- FOOTER ---------- */
footer{background:var(--ink);color:rgba(253,243,212,.5);padding:36px 0;
  border-top:1px solid rgba(253,243,212,.11);font-size:.85rem}
.foot{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.foot-links{display:flex;gap:18px;flex-wrap:wrap;font-size:.85rem}
.foot-links a{color:rgba(253,243,212,.68);transition:.18s}
.foot-links a:hover{color:var(--honey)}
.foot-copy{display:flex;flex-direction:column;gap:10px}
.socials{display:flex;gap:9px}
.socials a{width:36px;height:36px;border-radius:50%;background:rgba(253,243,212,.09);
  display:grid;place-items:center;transition:.18s;color:var(--honey-soft)}
.socials a:hover{background:var(--honey);color:var(--ink)}

/* ---------- MODAL (Custom Additions) ---------- */
.ov{position:fixed;inset:0;background:rgba(42,33,24,.55);backdrop-filter:blur(4px);
  z-index:90;opacity:0;pointer-events:none;transition:opacity .25s}
.ov.on{opacity:1;pointer-events:auto}
.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;
  pointer-events:none}
.modal.on{pointer-events:auto}
.modal-in{background:var(--white);border-radius:22px;max-width:840px;width:100%;
  max-height:88vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;
  transform:scale(.95) translateY(14px);opacity:0;transition:.28s cubic-bezier(.2,.8,.2,1);
  box-shadow:var(--shadow-lg)}
.modal.on .modal-in{transform:none;opacity:1}
.modal-media{display:flex;flex-direction:column;background:var(--honey-soft);overflow:hidden}
.modal-img{aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.modal-img img{width:100%;height:100%;object-fit:cover}
.modal-thumbs{display:none;gap:8px;padding:10px;overflow-x:auto;background:var(--white)}
.modal-thumbs.on{display:flex}
.mthumb{flex:none;width:52px;height:52px;border-radius:10px;overflow:hidden;border:2px solid transparent;
  padding:0;cursor:pointer;background:var(--honey-soft)}
.mthumb.on{border-color:var(--honey-deep)}
.mthumb img{width:100%;height:100%;object-fit:cover;display:block}
.modal-body{padding:32px 30px;display:flex;flex-direction:column}
.modal-body h3{font-family:var(--serif);font-size:1.65rem;font-weight:600;letter-spacing:-.025em;
  line-height:1.15;margin-bottom:9px}
.modal-body .d{color:var(--ink-soft);font-size:.94rem;margin-bottom:20px}
.mp{font-size:1.8rem;font-weight:700;letter-spacing:-.03em;margin-bottom:20px}
label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink-soft);margin-bottom:7px}
select,textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:11px;
  font:inherit;font-size:.92rem;background:var(--cream);color:var(--ink);margin-bottom:17px;
  outline:none;transition:border-color .18s}
select:focus,textarea:focus{border-color:var(--honey)}
textarea{resize:vertical;min-height:76px}
.og{margin-bottom:18px}
.og-row{display:flex;flex-wrap:wrap;gap:7px}
.opt-b{border:1px solid var(--line);background:var(--cream);border-radius:11px;
  padding:9px 13px;font-size:.86rem;font-weight:500;color:var(--ink-soft);
  transition:.16s;display:flex;align-items:center;gap:7px;text-align:left}
.opt-b:hover{border-color:var(--honey)}
.opt-b.on{border-color:var(--ink);background:var(--ink);color:var(--white)}
.opt-b .pl{font-size:.76rem;font-weight:700;opacity:.72;white-space:nowrap}
.hint{font-size:.78rem;color:var(--ink-soft);margin-top:7px;line-height:1.45}
.breakdown{background:var(--honey-soft);border-radius:13px;padding:14px 16px;margin-bottom:18px;
  font-size:.86rem}
.breakdown .r{display:flex;justify-content:space-between;gap:12px;padding:3px 0;color:var(--ink-soft)}
.breakdown .r.tt{border-top:1px solid rgba(42,33,24,.13);margin-top:7px;padding-top:9px;
  font-weight:700;color:var(--ink);font-size:1rem}
.dep-line{font-size:.82rem;color:var(--ink-soft);margin-top:5px;display:flex;
  justify-content:space-between;gap:12px}
.dep-line b{color:var(--honey-deep)}

.qty{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:999px;
  width:fit-content;overflow:hidden;margin-bottom:20px}
.qty button{width:40px;height:40px;font-size:1.15rem;color:var(--ink-soft);transition:.15s}
.qty button:hover{background:var(--honey-soft);color:var(--ink)}
.qty span{width:46px;text-align:center;font-weight:700}
.close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.92);display:grid;place-items:center;z-index:5;transition:.18s}
.close:hover{background:var(--ink);color:var(--white)}

/* ---------- CART DRAWER (Custom Additions) ---------- */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);background:var(--cream);
  z-index:100;transform:translateX(100%);transition:transform .34s cubic-bezier(.2,.8,.2,1);
  display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}
.drawer.on{transform:none}
.drawer-h{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;
  align-items:center;justify-content:space-between}
.drawer-h h3{font-family:var(--serif);font-size:1.3rem;font-weight:600}
.drawer-b{flex:1;overflow:auto;padding:18px 24px}
.brief{background:var(--white);border:1px solid var(--line);border-radius:8px;
  padding:18px 18px 6px;margin:20px 0 4px}
.brief h4{font-family:var(--serif);font-size:1.06rem;font-weight:600;margin-bottom:5px}
.brief .bs{font-size:.79rem;color:var(--ink-soft);line-height:1.45;margin-bottom:15px}
.brief label{font-size:.71rem;margin-bottom:5px}
.brief input,.brief textarea{width:100%;padding:9px 11px;border:1px solid var(--line);
  border-radius:9px;font:inherit;font-size:.88rem;background:var(--cream);color:var(--ink);
  margin-bottom:13px;outline:none;transition:border-color .18s}
.brief input:focus,.brief textarea:focus{border-color:var(--honey)}
.brief textarea{resize:vertical;min-height:62px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
@media(max-width:400px){.f2{grid-template-columns:1fr;gap:0}}
.ci{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}
.ci-img{width:66px;height:80px;border-radius:11px;overflow:hidden;flex:none;background:var(--honey-soft);
  display:grid;place-items:center;font-size:1.5rem}
.ci-img img{width:100%;height:100%;object-fit:cover}
.ci-info{flex:1;min-width:0}
.ci-info h4{font-size:.95rem;font-weight:600;margin-bottom:3px;line-height:1.3}
.ci-info .opt{font-size:.78rem;color:var(--ink-soft);margin-bottom:2px}
.ci-info .note{font-size:.76rem;color:var(--ink-soft);font-style:italic;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ci-r{text-align:right;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}
.ci-r .p{font-weight:700;font-size:.95rem}
.rm{font-size:.76rem;color:var(--ink-soft);text-decoration:underline;transition:.15s}
.rm:hover{color:#c0392b}
.empty{text-align:center;padding:60px 20px;color:var(--ink-soft);display:grid;
  place-items:center;gap:10px}
.empty svg{opacity:.4}
.drawer-f{padding:22px 24px;border-top:1px solid var(--line);background:var(--white)}
.tot{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;margin-bottom:6px}
.tot.sub{font-size:.86rem;font-weight:500;color:var(--ink-soft);margin-bottom:2px}
.note-s{font-size:.79rem;color:var(--ink-soft);margin-bottom:16px;line-height:1.45}
.drawer-f .btn{width:100%;justify-content:center}
.dep-box{background:var(--honey-soft);border-radius:13px;padding:13px 15px;margin:12px 0 14px}
.dep-box .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.dep-box .lb{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--honey-deep)}
.dep-box .am{font-size:1.32rem;font-weight:700;letter-spacing:-.02em}
.dep-box p{font-size:.78rem;color:var(--ink-soft);margin-top:5px;line-height:1.45}
.dep-box .pm{font-weight:600;color:var(--ink);margin-top:8px;font-size:.79rem}
.pay-row{display:flex;flex-direction:column;gap:9px}
.btn-pay{background:var(--ink);color:var(--white)}
.btn-pay:hover{background:#3d3125}
.or{text-align:center;font-size:.74rem;color:var(--ink-soft);letter-spacing:.08em;
  text-transform:uppercase;margin:2px 0}
.mail-alt{display:block;text-align:center;font-size:.8rem;color:var(--ink-soft);
  text-decoration:underline;padding:4px 0;transition:color .18s}
.mail-alt:hover{color:var(--ink)}

/* ---------- FLOATING WA ---------- */
.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;
  background:#25D366;color:#fff;display:grid;place-items:center;z-index:50;
  box-shadow:0 8px 24px rgba(37,211,102,.4);transition:transform .2s}
.fab:hover{transform:scale(1.08)}

/* rastro del cursor — nunca bloquea clics */
#trail{position:fixed;inset:0;width:100%;height:100%;
  pointer-events:none;z-index:200;display:none}

/* ---------- CURSOR ABEJITA ----------
   Solo en equipos con mouse. En celular/tablet se ignora solo.
   Para quitarlo: borra este bloque completo. */
@media (hover:hover) and (pointer:fine) {
  body{ cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20transform%3D%22rotate%28-18%2016%2016%29%22%3E%3Cellipse%20cx%3D%2214.5%22%20cy%3D%229.5%22%20rx%3D%226%22%20ry%3D%223.5%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.92%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.1%22%2F%3E%3Cellipse%20cx%3D%2220.5%22%20cy%3D%2211%22%20rx%3D%224.8%22%20ry%3D%222.9%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.8%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.1%22%2F%3E%3Cellipse%20cx%3D%2217%22%20cy%3D%2217%22%20rx%3D%228%22%20ry%3D%225.6%22%20fill%3D%22%23F2B705%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M15%2012.3%20L15%2021.7%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19.5%2012.9%20L19.5%2021.1%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210.2%22%20cy%3D%2217%22%20r%3D%223.5%22%20fill%3D%22%232A2118%22%2F%3E%3Cpath%20d%3D%22M8.6%2013.9%20Q7.2%2011.2%208.8%2010.2%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.3%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 8 7, auto; }
  a, button, .card, .qcard, .chip, .opt-b, select, label,
  .cart-btn, .fab, .rm, .close, summary{
    cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20transform%3D%22rotate%28-18%2016%2016%29%22%3E%3Cellipse%20cx%3D%2214.5%22%20cy%3D%229.5%22%20rx%3D%226%22%20ry%3D%223.5%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.92%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.1%22%2F%3E%3Cellipse%20cx%3D%2220.5%22%20cy%3D%2211%22%20rx%3D%224.8%22%20ry%3D%222.9%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.8%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.1%22%2F%3E%3Cellipse%20cx%3D%2217%22%20cy%3D%2217%22%20rx%3D%228%22%20ry%3D%225.6%22%20fill%3D%22%23F2B705%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M15%2012.3%20L15%2021.7%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19.5%2012.9%20L19.5%2021.1%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210.2%22%20cy%3D%2217%22%20r%3D%223.5%22%20fill%3D%22%232A2118%22%2F%3E%3Cpath%20d%3D%22M8.6%2013.9%20Q7.2%2011.2%208.8%2010.2%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.3%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228.9%22%20cy%3D%2210%22%20r%3D%221%22%20fill%3D%22%232A2118%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M27%205%20l1.1%202.6%202.6%201.1%20-2.6%201.1%20-1.1%202.6%20-1.1%20-2.6%20-2.6%20-1.1%202.6%20-1.1%20z%22%20fill%3D%22%23F2B705%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%220.7%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 8 7, pointer;
  }
  input, textarea{ cursor:text; }
  input[type="date"]{ cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20transform%3D%22rotate%28-18%2016%2016%29%22%3E%3Cellipse%20cx%3D%2214.5%22%20cy%3D%229.5%22%20rx%3D%226%22%20ry%3D%223.5%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.92%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.1%22%2F%3E%3Cellipse%20cx%3D%2220.5%22%20cy%3D%2211%22%20rx%3D%224.8%22%20ry%3D%222.9%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.8%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.1%22%2F%3E%3Cellipse%20cx%3D%2217%22%20cy%3D%2217%22%20rx%3D%228%22%20ry%3D%225.6%22%20fill%3D%22%23F2B705%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M15%2012.3%20L15%2021.7%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19.5%2012.9%20L19.5%2021.1%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210.2%22%20cy%3D%2217%22%20r%3D%223.5%22%20fill%3D%22%232A2118%22%2F%3E%3Cpath%20d%3D%22M8.6%2013.9%20Q7.2%2011.2%208.8%2010.2%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%221.3%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228.9%22%20cy%3D%2210%22%20r%3D%221%22%20fill%3D%22%232A2118%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M27%205%20l1.1%202.6%202.6%201.1%20-2.6%201.1%20-1.1%202.6%20-1.1%20-2.6%20-2.6%20-1.1%202.6%20-1.1%20z%22%20fill%3D%22%23F2B705%22%20stroke%3D%22%232A2118%22%20stroke-width%3D%220.7%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 8 7, pointer; }
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:900px){
  .hero-in,.about-in{grid-template-columns:1fr;gap:44px}
  .hero-art{max-width:440px;margin:0 auto;order:-1}
  .facts{grid-template-columns:repeat(3,1fr);gap:18px}
  .about-img{max-width:380px;margin:0 auto}
  .zone-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}
  .modal-in{grid-template-columns:1fr;max-height:92vh}
  .modal-img{aspect-ratio:16/11}
  .mthumb{width:46px;height:46px}
  .nav ul{position:fixed;top:74px;left:0;right:0;background:var(--cream);flex-direction:column;
    gap:0;padding:0 24px;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;
    transition:max-height .3s, padding .3s}
  .nav ul.on{max-height:420px;overflow-y:auto;padding:8px 24px 20px}
  .nav ul li{padding:12px 0;border-bottom:1px solid var(--line)}
  .nav ul li:last-child{border:none}
  .burger{display:grid;order:3}
  .nav-tools{margin-left:auto}
}
@media(max-width:560px){
  .wrap{padding:0 18px}
  section{padding:60px 0}
  .hero{padding:48px 0 60px}
  .grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:15px}
  .card-body{padding:13px 13px 15px}
  .card-body h3{font-size:.94rem}
  .card-body .d{display:none}
  .price{font-size:.98rem}
  .add{padding:8px 13px;font-size:.79rem}
  .float{display:none}
  .cinfo{flex-direction:column;gap:14px;align-items:center}
  .modal-body{padding:24px 20px}
  .form-card{padding:26px 20px}
}