/* Raíz Fresca — «Bajo la Tapa». Brandbook: Raíz Fresca BRANDING.txt */
:root{
  --bg:#0A1A17; --bg2:#0F2420; --card:#14302B; --line:#1F4A42; --deep:#06110F;
  --aqua:#4FD6C3; --aqua-d:#2FA897; --gold:#F2C14E;
  --root:#F4F1E6; --body:#C7D8D2; --muted:#7FA397; --warn:#E5604D;
  --lt:#E9F2ED; --lt-card:#F7FBF8; --lt-line:#C4DAD0; --lt-link:#17796B;
  --r:6px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{background:var(--bg);color:var(--body);font-family:'Heebo',Arial,sans-serif;font-size:17px;line-height:1.65;padding-top:60px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block;height:auto}
a{color:var(--aqua)}
h1,h2,h3{font-family:'Frank Ruhl Libre','Times New Roman',serif;color:var(--root);line-height:1.2;font-weight:700}
h1{font-weight:900;font-size:clamp(34px,5vw,56px)}
h2{font-size:clamp(28px,3.6vw,38px);text-align:center}
h3{font-size:21px}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.sec{padding:84px 0}
.s-bg{background:var(--bg)} .s-bg2{background:var(--bg2)} .s-deep{background:var(--deep)}
.light{background:var(--lt);color:var(--bg)}
.light h2,.light h3{color:var(--bg)}
.lead{max-width:720px;margin:14px auto 0;text-align:center;color:var(--body);font-size:19px}
.light .lead{color:#274640}
.label{font-size:12px;font-weight:600;letter-spacing:.07em;color:var(--muted)}
.mk{width:26px;height:26px;flex:none;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.rt{width:20px;height:20px;flex:none;fill:none;stroke:var(--root);stroke-width:1.6;stroke-linecap:round}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hd{margin-bottom:40px}

/* motivo: la línea de agua con la raíz que cuelga */
.wl{height:46px;border-top:1px solid rgba(79,214,195,.4);position:relative}
.wl::after{content:"";position:absolute;top:0;right:14%;width:90px;height:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 46' fill='none' stroke='%23F4F1E6' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M20 0v14M20 14l-8 12M20 14l7 14M12 26l-3 14M27 28l3 12M45 0v22M45 22l-6 14M45 22l6 16M70 0v10M70 10l-5 12M70 10l6 14'/%3E%3C/svg%3E") no-repeat}

/* botones */
.btn{display:inline-block;background:var(--aqua);color:var(--deep);border:0;border-bottom:3px solid var(--aqua-d);border-radius:var(--r);padding:15px 30px;font:700 19px 'Heebo',sans-serif;text-decoration:none;text-align:center;cursor:pointer}
.btn:hover{background:var(--aqua-d)}
.btn.lg{font-size:21px;padding:18px 38px}
.micro{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-size:14px;color:var(--muted)}

/* barra fija */
.bar{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--deep);border-bottom:1px solid var(--line);height:60px}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:14px}
.bar .t{font-size:14px;color:var(--body)}
.count{font-family:'Heebo',sans-serif;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--root);direction:ltr;unicode-bidi:isolate;display:inline-block}
.bar .btn{padding:9px 18px;font-size:15px}

/* hero */
.hero{padding:64px 0 76px}
.hero .wrap{display:grid;grid-template-columns:1.08fr .92fr;grid-template-areas:"txt img" "cta img";gap:0 48px;align-items:center}
.h-txt{grid-area:txt;align-self:end}.h-cta{grid-area:cta;align-self:start}.h-img{grid-area:img}
.kicker{font-size:14px;font-weight:600;letter-spacing:.05em;color:var(--aqua);margin-bottom:14px}
.hero h1{margin-bottom:20px}
.sub{font-size:20px;color:var(--root);margin-bottom:14px}
.how{color:var(--body);margin-bottom:22px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.chip{border:1px solid var(--line);border-radius:var(--r);padding:6px 14px;font-size:14px;font-weight:600;color:var(--root);background:var(--card)}
.frame{border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);overflow:hidden}
.frame.r169{aspect-ratio:16/9}.frame.r32{aspect-ratio:3/2}.frame.r11{aspect-ratio:1/1}.frame.r45{aspect-ratio:2/3}
.frame img{width:100%;height:100%;object-fit:cover}

/* dolor / transformación */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pair li{list-style:none;display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.pair li:last-child:nth-child(odd){grid-column:1/-1}
.pair p{color:var(--root);font-size:18px}
.x{stroke:var(--warn)} .ck{stroke:var(--aqua)}
.arrow{text-align:center;color:var(--muted);margin:30px 0 0;font-size:14px;letter-spacing:.07em}
.center{text-align:center;margin-top:36px}

/* sección firma */
.sig{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px}
.tank{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:22px;color:var(--body);text-align:center}
.tank svg{width:100%;max-width:260px;margin:0 auto;display:block}
.tank .deg{font:700 56px/1 'Heebo',sans-serif;direction:ltr;unicode-bidi:isolate;margin:12px 0 4px}
.tank.ok .deg{color:var(--aqua)} .tank.bad .deg{color:var(--warn)}
.tank ul{list-style:none;margin-top:10px;font-size:16px}
.tank li{padding:4px 0}
.note{text-align:center;font-size:14px;color:#3f5e57;margin-top:22px}
.sigtxt{max-width:760px;margin:30px auto 0;text-align:center;font-size:20px;color:var(--bg)}

/* por dentro */
.miniatures{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.mini .frame{margin-bottom:10px}
.mini h3{font-size:16px;font-family:'Heebo',sans-serif;font-weight:600;color:var(--root);text-align:center}

/* ejemplos de uso (chats) */
.chats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.chat{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px}
.chat .who{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:4px}
.b{border-radius:var(--r);padding:9px 13px;font-size:15px;line-height:1.5;max-width:88%}
.b.u{background:var(--line);color:var(--root);align-self:flex-start}
.b.s{background:var(--card);border:1px solid var(--line);color:var(--body);align-self:flex-end}
.b time{display:block;font-size:11px;color:var(--muted);margin-top:3px}

/* oferta */
.offer{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-top:36px}
.ocard{background:var(--lt-card);border:1px solid var(--lt-line);border-radius:var(--r);padding:34px}
.ocard h3{font-size:28px;margin-bottom:6px}
.badge{display:inline-block;background:var(--bg);color:var(--root);border-radius:var(--r);padding:4px 12px;font-size:14px;font-weight:700;margin-bottom:14px}
.was{font-size:20px;color:#587068;text-decoration:line-through;direction:ltr;unicode-bidi:isolate;display:inline-block}
.price{font:700 76px/1 'Heebo',sans-serif;color:#0A1A17;direction:ltr;unicode-bidi:isolate;display:block;margin:6px 0}
.price.g{color:#B98A10}
.save{display:inline-block;background:var(--bg);color:var(--root);border-radius:var(--r);padding:10px 18px;font-size:19px;margin:10px 0 18px}
.save b{color:var(--gold)}
.urg{background:var(--bg);color:var(--root);border-radius:var(--r);padding:16px 20px;margin:18px 0;text-align:center}
.urg p{font-size:15px;color:var(--body);margin-top:4px}
.urg .count{font-size:34px}
.light .micro{color:#3f5e57}
.light .chip{background:var(--lt);color:var(--bg);border-color:var(--lt-line)}

/* qué se lleva */
.figs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px}
.fig{text-align:center}
.fig b{display:block;font:700 64px/1 'Heebo',sans-serif;color:var(--root)}
.fig span{color:var(--muted);font-size:15px}
.items{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.item{display:flex;gap:18px;align-items:flex-start}
.item .n{font:900 44px/1 'Frank Ruhl Libre',serif;color:var(--aqua);min-width:34px}
.item h3{margin-bottom:6px}
.item .wasp{font-size:14px;color:var(--muted)}

/* regalos */
.gifts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gift{padding:0;overflow:hidden}
.gift .frame{border:0;border-bottom:1px solid var(--line);border-radius:0}
.gift .in{padding:20px}
.tag{font-size:12px;font-weight:600;color:var(--aqua);letter-spacing:.06em}
.gift .v{margin-top:10px;font-size:15px;color:var(--muted)}
.gift .v s{margin-inline-end:8px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.gift .v b{color:var(--aqua)}

/* stack */
.stack{max-width:760px;margin:0 auto}
.row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--root)}
.row span:last-child{direction:ltr;unicode-bidi:isolate;font-weight:700;font-variant-numeric:tabular-nums}
.row.tot{border-bottom:0;font-size:22px;font-weight:700;padding-top:20px}

/* garantía / faq */
.guar{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;max-width:860px;margin:0 auto}
.seal{width:120px;height:120px;border:2px solid var(--aqua);border-radius:50%;display:grid;place-items:center}
.seal svg{width:70px;height:70px}
details{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px}
summary{cursor:pointer;padding:18px 22px;font-weight:600;color:var(--root);font-size:18px;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:left;color:var(--aqua);font-size:24px;line-height:1}
details[open] summary::after{content:"–"}
details p{padding:0 22px 20px}
.faq{max-width:820px;margin:0 auto}

/* cierre / footer */
.close{text-align:center}
.close .pair{max-width:760px;margin:30px auto;grid-template-columns:1fr}
.close .pair li{text-align:right}
.final{font:900 30px/1.3 'Frank Ruhl Libre',serif;color:var(--root);margin:26px 0}
.mini3{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin:24px 0;color:var(--muted);font-size:15px}
footer{background:var(--deep);border-top:1px solid var(--line);padding:34px 0;text-align:center;font-size:14px;color:var(--muted)}
footer p+p{margin-top:8px;max-width:760px;margin-inline:auto}

/* shekel en tipografía sans (en la serif se lee como «שח») */
.sh{font-family:'Heebo',Arial,sans-serif;font-weight:700;font-size:.62em;margin-inline-end:.1em;letter-spacing:0}
.frame.r34{aspect-ratio:3/4}

/* guía principal */
.main-guide{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start}
.main-guide .cover{box-shadow:0 18px 40px rgba(0,0,0,.35)}
.main-guide .items{grid-template-columns:1fr 1fr}

/* bonos */
.bonuses{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.bon{padding:0;overflow:hidden;display:flex;flex-direction:column}
.bon .frame{border:0;border-bottom:1px solid var(--line);border-radius:0}
.bon .tag,.bon h3,.bon p,.bon .v{margin-inline:18px}
.bon .tag{margin-top:16px;display:block}
.bon h3{font-size:19px;margin-top:6px}
.bon p{font-size:15px;margin-top:8px;color:var(--body)}
.bon .v{margin-top:auto;padding:14px 0 18px;font-size:15px;color:var(--muted)}
.bon .v s{margin-inline-end:10px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.bon .v b{color:var(--aqua)}
.bon.star{border-color:var(--gold)}
.bon.star .tag{color:var(--gold)}

/* pantallas chicas */
@media(max-width:900px){
  .wrap{padding:0 20px}.sec{padding:60px 0}
  .hero .wrap,.grid2,.grid3,.pair,.sig,.offer,.items,.gifts,.chats,.figs,.guar{grid-template-columns:1fr}
  .hero .wrap{grid-template-areas:"txt" "img" "cta";gap:24px}.h-txt,.h-cta{align-self:auto}
  .miniatures{grid-template-columns:repeat(2,1fr)}
  .main-guide,.main-guide .items{grid-template-columns:1fr}.main-guide .cover{max-width:280px;margin:0 auto}
  .bonuses{grid-template-columns:repeat(2,1fr)}.bonuses .bon:last-child{grid-column:1/-1}
  .bar .t{display:none}.bar .wrap{justify-content:center}
  .price{font-size:62px}.guar{text-align:center}.seal{margin:0 auto}
}