/* =====================================================================
   AgroDent · Textos legales (Propuesta 1 · Del saco a la cosecha)
   Hoja común de aviso-legal, privacidad, cookies, condiciones-de-venta
   y envios-y-devoluciones. Mismos colores, tipografías y papel que la tienda.
   ===================================================================== */
:root{
  --cream:#fbf5e6; --cream-2:#f5ead3; --paper:#fffaf0;
  --kraft:#d9b471; --kraft-2:#c79c58; --kraft-3:#a87b3c; --kraft-bg:#f1dfbb;
  --olive:#6b7d2e; --olive-d:#55651f; --olive-dd:#3f4b16;
  --earth:#3b2a1a; --earth-2:#5a3d24; --ink:#2e2114; --muted:#6b5641; --muted-2:#7a5c2e;
  --lemon:#f2c230; --orange:#f08a24; --teal:#1f5a66; --wa:#177a41;
  --line:rgba(59,42,26,.14);
  --shadow:0 1px 0 rgba(59,42,26,.05),0 2px 6px rgba(59,42,26,.06),0 28px 54px -26px rgba(59,42,26,.5);
  --shadow-s:0 1px 0 rgba(59,42,26,.05),0 14px 30px -18px rgba(59,42,26,.45);
  --r:22px;
  --f-display:"Fraunces",Georgia,"Times New Roman",serif;
  --f-body:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --gutter:clamp(16px,4vw,56px);
  --hdr:72px;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .22 0 0 0 0 .15 0 0 0 0 .08 0 0 0 1.6 -.62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --torn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='28' viewBox='0 0 360 28'%3E%3Cpath d='M0 15 L11 10 L21 14 L34 7 L47 13 L59 9 L73 16 L85 8 L98 12 L111 6 L125 13 L138 10 L151 15 L165 7 L179 12 L192 9 L205 14 L218 6 L232 13 L245 10 L258 16 L271 8 L285 13 L298 7 L311 14 L325 9 L339 13 L351 8 L360 15 V28 H0Z' fill='%23000'/%3E%3C/svg%3E");
  /* motor de tienda (carrito / checkout) y chat: mismos valores que la tienda */
  --as-accent:#55651f; --as-accent-ink:#fffaf0; --as-bg:#fffaf0; --as-surface:#f4ead3; --as-ink:#2e2114;
  --as-muted:#6b5641; --as-line:rgba(59,42,26,.14); --as-radius:18px;
  --as-font:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --as-font-display:"Fraunces",Georgia,serif;
  --as-overlay:rgba(46,33,20,.55); --as-dark:#3b2a1a; --as-dark-ink:#fffaf0;
  color-scheme:light;
}
@media (max-width:767px){:root{--hdr:62px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 18px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;background-image:var(--grain);opacity:.15}
h1,h2,h3{font-family:var(--f-display);font-weight:650;letter-spacing:-.015em;line-height:1.08;margin:0;font-variation-settings:"SOFT" 50,"WONK" 0;text-wrap:balance}
p{margin:0}
a{color:inherit}
img,svg{display:block}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}
[tabindex="-1"]:focus{outline:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:-80px;z-index:300;background:var(--earth);color:#fffaf0;padding:12px 16px;border-radius:12px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:min(1200px,calc(100% - 2 * var(--gutter)));margin-inline:auto}
.i{width:20px;height:20px;flex:none}

/* ---------- botones (como en la tienda) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border-radius:999px;border:0;cursor:pointer;font:600 16px/1 var(--f-body);text-decoration:none;white-space:nowrap;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background-color .25s}
.btn .i{width:19px;height:19px}
.btn--primary{background:var(--olive-d);color:#fffaf0;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 14px 26px -14px rgba(63,75,22,.85)}
.btn--primary:hover{background:#61742a;transform:translateY(-2px)}
.btn--ghost{background:rgba(255,250,240,.7);color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(59,42,26,.3)}
.btn--ghost:hover{background:#fffaf0;transform:translateY(-2px)}
.btn--wa{background:var(--wa);color:#fff;box-shadow:0 14px 26px -14px rgba(23,122,65,.8)}
.btn--wa:hover{background:#13693a;transform:translateY(-2px)}
.btn--sm{min-height:42px;padding:0 16px;font-size:14.5px}

/* ---------- cabecera ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--hdr);display:flex;align-items:center;gap:12px;padding:0 var(--gutter);background:rgba(251,245,230,.94);box-shadow:0 1px 0 rgba(59,42,26,.1)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;border-radius:12px;min-width:0}
.brand img{height:42px;width:auto}
.brand-txt b{display:block;font:700 23px/1 var(--f-display);letter-spacing:-.01em}
.brand-txt small{display:block;font:500 11.5px/1.2 var(--f-body);color:var(--muted);margin-top:4px;letter-spacing:.01em}
.cart-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px 0 12px;border-radius:999px;border:0;background:var(--earth);color:#fffaf0;font:600 15px var(--f-body);cursor:pointer;flex:none}
.cart-btn .i{width:21px;height:21px}
.cart-btn .count{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--lemon);color:var(--earth);font:700 12px/22px var(--f-body);text-align:center}
[data-cart-count][data-empty]{display:none}
.cart-btn:has(.count[data-empty]){display:none}
.btn--back{min-height:46px;padding:0 18px 0 14px;font-size:15px}
.btn--back .lbl-s{display:none}
@media (max-width:767px){
  .hdr{gap:8px}
  .brand img{height:36px}
  .brand-txt b{font-size:20px}
  .brand-txt small{display:none}
  .cart-btn{height:42px;padding:0 11px}
  .cart-btn .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .btn--back{min-height:42px;padding:0 14px 0 11px;font-size:14.5px}
}
@media (max-width:440px){
  .btn--back .lbl-l{display:none}
  .btn--back .lbl-s{display:inline}
}

/* ---------- portada de cada texto ---------- */
.hero{position:relative;z-index:1;padding:calc(var(--hdr) + clamp(34px,5.5vw,70px)) 0 clamp(66px,8vw,108px);background:radial-gradient(120% 90% at 85% 10%,rgba(255,236,190,.75),rgba(255,236,190,0) 55%),linear-gradient(180deg,#fbf3e2 0%,#f8ead0 46%,#f3dcb5 100%);overflow:hidden}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,5vw,80px);align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 12.5px/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--olive-d)}
.eyebrow .i{width:17px;height:17px}
.hero h1{font-size:clamp(42px,6.2vw,84px);font-weight:720;line-height:.95;letter-spacing:-.035em;margin:16px 0 16px;font-variation-settings:"SOFT" 40,"WONK" 0}
.hero .lead{font:italic 500 clamp(18.5px,1.65vw,23px)/1.4 var(--f-display);color:var(--earth-2);max-width:44ch}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:22px}
.meta-date{display:inline-flex;align-items:flex-start;gap:8px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.meta-date .i{width:17px;height:17px;color:var(--olive-d);margin-top:2px}
.meta-draft{display:inline-flex;align-items:flex-start;gap:8px;padding:7px 13px 7px 10px;border-radius:999px;background:rgba(255,250,240,.72);box-shadow:inset 0 0 0 1px rgba(59,42,26,.16);color:var(--earth-2);font:600 13px/1.3 var(--f-body)}
.meta-draft .i{width:16px;height:16px;color:#8a5300;margin-top:.5px}
.legal-nav{margin-top:30px}
.legal-nav ul{position:relative;display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.legal-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:rgba(255,250,240,.62);box-shadow:inset 0 0 0 1.5px rgba(59,42,26,.17);text-decoration:none;font:600 14.5px/1 var(--f-body);color:var(--earth);white-space:nowrap;transition:background-color .2s,transform .2s}
.legal-nav a:hover{background:var(--paper);transform:translateY(-1px)}
.legal-nav a[aria-current="page"]{background:var(--earth);color:var(--cream);box-shadow:0 10px 20px -12px rgba(59,42,26,.8)}
.seal{position:relative;width:clamp(132px,13.5vw,186px);margin-right:clamp(0px,2vw,30px);transform:rotate(-7deg)}
.seal svg{width:100%;height:auto;filter:drop-shadow(0 18px 22px rgba(59,42,26,.32))}
.seal::before{content:"";position:absolute;z-index:1;top:-10px;left:50%;width:84px;height:22px;margin-left:-42px;background:rgba(242,194,48,.62);transform:rotate(9deg);border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
@media (max-width:767px){
  .hero-in{grid-template-columns:minmax(0,1fr)}
  .seal{display:none}
  .hero h1{font-size:clamp(38px,11vw,52px)}
  .legal-nav{margin-top:24px}
  .legal-nav ul{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent);mask:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent)}
  .legal-nav ul::-webkit-scrollbar{display:none}
  .legal-nav li{flex:none;scroll-snap-align:center}
}

/* ---------- cuerpo: índice + texto ---------- */
.page{position:relative;z-index:2;background:var(--cream)}
.page::before{content:"";position:absolute;left:0;right:0;top:-27px;height:28px;background:var(--cream);-webkit-mask:var(--torn) repeat-x 0 0/360px 28px;mask:var(--torn) repeat-x 0 0/360px 28px}
.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start;padding:clamp(40px,5vw,72px) 0 clamp(72px,8vw,120px)}
.toc{position:sticky;top:calc(var(--hdr) + 28px);max-height:calc(100vh - var(--hdr) - 56px);overflow:auto;padding:2px 6px 8px 0;scrollbar-width:thin}
.toc-t{font:700 12px/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--olive-d);margin:4px 0 14px}
.toc ol,.toc-m ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.toc > ol{border-left:2px solid var(--line)}
.toc li,.toc-m li{counter-increment:toc}
.toc ol ol,.toc-m ol ol{counter-reset:none}
.toc ol ol li,.toc-m ol ol li{counter-increment:none}
.toc a,.toc-m a{display:flex;gap:10px;align-items:baseline;padding:7px 12px;text-decoration:none;color:var(--muted);font-size:14.5px;line-height:1.35;border-radius:0 10px 10px 0;transition:color .2s,background-color .2s}
.toc a{margin-left:-2px;border-left:2px solid transparent}
.toc > ol > li > a::before,.toc-m > nav > ol > li > a::before{content:counter(toc,decimal-leading-zero);font:600 12px/1.6 var(--f-body);color:var(--muted-2);font-variant-numeric:tabular-nums;min-width:1.6em}
.toc ol ol a,.toc-m ol ol a{padding:5px 12px 5px 38px;font-size:13.5px}
.toc ol ol a::before,.toc-m ol ol a::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45;flex:none;transform:translateY(-1px)}
.toc a:hover,.toc-m a:hover{color:var(--ink);background:rgba(59,42,26,.05)}
.toc a.is-active{color:var(--ink);font-weight:600;border-left-color:var(--olive-d);background:linear-gradient(90deg,rgba(107,125,46,.13),rgba(107,125,46,0))}
.toc a.is-active::before{color:var(--olive-d)}
.toc a.is-parent{color:var(--ink)}
.toc-m{display:none}
.doc{min-width:0;max-width:740px;font-size:17.5px;line-height:1.72}
@media (max-width:1023px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .toc{display:none}
  .doc{margin-inline:auto;width:100%}
  .toc-m{display:block;margin:0 0 34px;padding:0;border-radius:18px;background:var(--paper);box-shadow:var(--shadow-s)}
  .toc-m summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 56px 12px 18px;cursor:pointer;list-style:none;position:relative;font:700 15.5px/1.25 var(--f-body);color:var(--ink);border-radius:18px}
  .toc-m summary::-webkit-details-marker{display:none}
  .toc-m summary .i{width:20px;height:20px;color:var(--olive-d)}
  .toc-m summary small{font:500 13px/1.2 var(--f-body);color:var(--muted)}
  .toc-m summary::after{content:"";position:absolute;right:16px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:#efe2c3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b2a1a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/15px no-repeat;transition:transform .3s}
  .toc-m[open] summary::after{transform:rotate(180deg)}
  .toc-m nav{padding:2px 8px 14px;border-top:1px dashed var(--line)}
  .toc-m a{border-radius:10px}
  .toc-m a.is-active{color:var(--ink);font-weight:600;background:rgba(107,125,46,.12)}
}

/* ---------- tipografía de lectura ---------- */
.doc-lead,.doc .s > p,.doc .s > ul:not([class]),.doc .s > h3{max-width:650px}
.doc p + p,.doc p + ul,.doc ul + p,.doc p + ol,.doc ol + p{margin-top:14px}
.doc-lead{font-size:clamp(18px,1.5vw,19.5px);color:var(--earth-2);margin-bottom:8px!important}
.doc a:not(.btn){color:var(--olive-dd);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;text-decoration-color:rgba(63,75,22,.45);overflow-wrap:anywhere}
.doc a:not(.btn):hover{text-decoration-color:currentColor}
.doc strong{font-weight:700;color:var(--earth)}
.doc small{font-size:.86em;color:var(--muted)}
.s{position:relative;margin-top:46px;padding-top:44px;border-top:1.5px dashed rgba(59,42,26,.2);counter-increment:sec}
.doc{counter-reset:sec}
.s > h2{display:flex;gap:14px;align-items:baseline;font-size:clamp(27px,2.7vw,36px);margin:0 0 18px}
.s > h2::before{content:counter(sec,decimal-leading-zero);font:italic 500 .6em/1 var(--f-display);color:var(--olive-d);flex:none;min-width:1.5em;font-variation-settings:"SOFT" 100,"WONK" 1}
.doc h3{font-size:clamp(20px,1.8vw,22.5px);line-height:1.2;margin:32px 0 10px}
.doc ul{list-style:none;padding:0;margin:0}
.doc ul > li{position:relative;padding-left:24px;margin:8px 0}
.doc ul > li::before{content:"";position:absolute;left:5px;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--olive);box-shadow:0 0 0 3px rgba(107,125,46,.14)}
.doc ol{padding-left:0;margin:0;list-style:none;counter-reset:li}
.doc code{font:600 .84em/1.4 var(--f-mono);background:#f1e4c6;color:var(--earth);padding:2px 7px;border-radius:7px;white-space:nowrap}
.to-top{margin-top:56px;padding-top:26px;border-top:1.5px dashed rgba(59,42,26,.2)}
.to-top a{display:inline-flex;align-items:center;gap:8px}

/* placeholders pendientes de completar (datos del titular y textos entre corchetes) */
.ph,.is-pending{background:linear-gradient(180deg,transparent 14%,rgba(242,194,48,.4) 14%,rgba(242,194,48,.4) 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:0 3px;margin:0 -1px}

/* ---------- tarjetas de papel ---------- */
.card{position:relative;background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow-s);padding:clamp(20px,2.6vw,28px)}
.card--tape::before{content:"";position:absolute;top:-11px;left:50%;width:96px;height:24px;margin-left:-48px;background:rgba(242,194,48,.62);transform:rotate(-3deg);border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.card-h{font:650 clamp(21px,2vw,25px)/1.2 var(--f-display);margin:2px 0 16px}
.intro-card{margin:6px 0 4px}
.intro-card + .s{margin-top:52px}
.doc-lead + .s{margin-top:38px}

/* lista de comprobación (lo esencial) */
.checks{display:grid;gap:10px}
.doc .checks > li{padding-left:36px;margin:0}
.doc .checks > li::before{left:0;top:.2em;width:24px;height:24px;border-radius:50%;box-shadow:none;background:#e3e7c8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f4b16' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/14px no-repeat}

/* datos clave: titular, información básica */
.kv{margin:0;display:grid;gap:0}
.kv > div{display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:4px 22px;padding:12px 0;border-top:1px dashed var(--line)}
.kv > div:first-child{border-top:0;padding-top:2px}
.kv > div:last-child{padding-bottom:0}
.kv dt{font:600 14px/1.5 var(--f-body);color:var(--muted);padding-top:2px}
.kv dd{margin:0;font-weight:500;overflow-wrap:anywhere;line-height:1.55}
.kv dd small{color:var(--muted);font-weight:400}
.owner dd{font-weight:600}
@media (max-width:600px){.kv > div{grid-template-columns:minmax(0,1fr);gap:2px}}

/* fichas de tratamiento (privacidad) */
.fichas{display:grid;gap:20px;margin-top:24px}
.ficha{position:relative;background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow-s);padding:clamp(20px,2.6vw,28px)}
.ficha-h{display:flex;gap:16px;align-items:flex-start;margin-bottom:14px}
.ficha-h .ico,.fact .ico,.step-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#f3e6c6;color:var(--earth);flex:none}
.ficha-h .ico .i{width:25px;height:25px}
.ficha-h h3{margin:2px 0 4px!important;font-size:clamp(20px,1.9vw,23px)}
.ficha-h p{font-size:15px;color:var(--muted);line-height:1.45}
.ficha .kv > div{grid-template-columns:minmax(0,1fr);gap:6px;padding:14px 0}
.ficha .kv > div:first-child{padding-top:4px}
.ficha .kv dt{font:700 11.5px/1.3 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--olive-d);padding:0}
.ficha .kv dd{font-weight:400}
.card > :last-child,.ficha > :last-child,.note > :last-child{margin-bottom:0}
.ficha > .note{margin-bottom:0}
.ficha .kv dd ul > li{margin:4px 0}
.ficha .kv dd ul > li:first-child{margin-top:0}
.basis{display:inline-flex;flex-wrap:wrap;gap:6px}

/* avisos */
.note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:16px 20px;border-radius:18px;background:#eef0d8;color:var(--ink);margin:22px 0;font-size:16.5px;line-height:1.6}
.note > .i{width:24px;height:24px;color:var(--olive-dd);margin-top:1px}
.note p + p{margin-top:8px}
.note--warn{background:#fbe9c4}
.note--warn > .i{color:#8a5300}
.note--free{background:#e6f3e2;box-shadow:inset 0 0 0 1.5px rgba(47,125,50,.25)}
.note--free > .i{color:#1d5e22}
.note--free strong{color:#1d5e22}
.note--free [data-free-shipping]{font-weight:700}
.note--advisor{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(138,83,0,.3);border-style:dashed}

/* tablas (se apilan en móvil) */
.tbl{margin:22px 0;border-radius:18px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-s);overflow:hidden}
.tbl table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.tbl caption{caption-side:bottom;text-align:left;padding:12px 18px 14px;font-size:13.5px;color:var(--muted);border-top:1px solid var(--line)}
.tbl th,.tbl td{padding:13px 16px;text-align:left;vertical-align:top}
.tbl thead th{background:#efe2c3;font:700 12.5px/1.3 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--earth)}
.tbl tbody tr + tr > *{border-top:1px solid var(--line)}
.tbl tbody th{font-weight:700;color:var(--earth)}
.tbl td code,.tbl th code{white-space:normal;overflow-wrap:normal;word-break:normal}
.tbl th small,.tbl td small{display:block;margin-top:5px;font:500 13px/1.35 var(--f-body);color:var(--muted);letter-spacing:0;text-transform:none}
.tbl--storage .c-name{width:29%}.tbl--storage .c-type{width:17%}.tbl--storage .c-dur{width:19%}
.tbl--storage tbody td:nth-child(3) .tag{margin-top:1px}
.tbl .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl .save{display:block;font-style:normal;font-size:13px;font-weight:700;color:#1d5e22}
.tbl .badge-mini{display:inline-block;margin-left:4px;padding:2px 8px;border-radius:99px;background:var(--olive-d);color:#fffaf0;font:700 11px/1.5 var(--f-body);letter-spacing:.02em;vertical-align:2px;white-space:nowrap}
.tag{display:inline-block;padding:2px 9px;border-radius:99px;background:#e3e7c8;color:var(--olive-dd);font:700 12px/1.6 var(--f-body);white-space:nowrap}
.tag--3p{background:#f3e0c9;color:#6b3f12}
@media (max-width:720px){
  .tbl{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
  .tbl table,.tbl tbody,.tbl tr,.tbl th,.tbl td{display:block;width:100%}
  .tbl thead{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tbl caption{display:block;border:0;padding:4px 2px 0}
  .tbl tbody tr{background:var(--paper);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-s);padding:6px 0;margin-bottom:12px}
  .tbl tbody tr + tr > *{border-top:0}
  .tbl tbody th{padding:12px 16px 6px;font-size:16.5px}
  .tbl td{padding:6px 16px}
  .tbl td[data-label]::before{content:attr(data-label);display:block;font:700 11.5px/1.4 var(--f-body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:1px}
  .tbl tbody td:last-child{padding-bottom:12px}
  .tbl .num{white-space:normal}
  .tbl--tariff tbody tr{display:grid;grid-template-columns:auto auto minmax(0,1fr);column-gap:22px;padding:4px 16px 14px}
  .tbl--tariff tbody th{grid-column:1/-1;padding:10px 0 4px}
  .tbl--tariff td{padding:4px 0 0}
  .tbl--tariff tbody td:last-child{padding-bottom:0}
  .tbl--rates tbody tr{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:26px;padding:4px 16px 14px}
  .tbl--rates tbody th{grid-column:1/-1;padding:10px 0 4px}
  .tbl--rates td{padding:4px 0 0}
  .tbl--rates tbody td:last-child{padding-bottom:0}
}

/* derechos */
.rights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0!important}
.doc .rights > li{margin:0;padding:16px 18px 16px 18px;border-radius:16px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:15.5px;line-height:1.5}
.doc .rights > li::before{display:none}
.rights b{display:block;font:650 18px/1.25 var(--f-display);color:var(--earth);margin-bottom:4px}
@media (max-width:600px){.rights{grid-template-columns:minmax(0,1fr)}}

/* pasos numerados */
.steps-list{display:grid;gap:12px;margin:20px 0!important}
.doc .steps-list > li{position:relative;padding:14px 18px 14px 62px;border-radius:16px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);counter-increment:li;line-height:1.55}
.doc .steps-list > li::before{content:counter(li);position:absolute;left:16px;top:13px;width:32px;height:32px;border-radius:50%;background:var(--lemon);color:var(--earth);font:700 15px/32px var(--f-body);text-align:center}
.steps-list b{color:var(--earth)}

/* datos rápidos (envíos) */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:4px 0 0!important}
.doc .facts > li{margin:0;padding:18px 16px;border-radius:18px;background:var(--paper);box-shadow:var(--shadow-s);display:flex;flex-direction:column;gap:6px;line-height:1.35}
.doc .facts > li::before{display:none}
.fact .ico{width:42px;height:42px;border-radius:13px;margin-bottom:6px}
.fact .ico .i{width:23px;height:23px}
.fact b{font:700 clamp(21px,2vw,25px)/1.1 var(--f-display);letter-spacing:-.01em;color:var(--ink)}
.fact span:last-child{font-size:14px;color:var(--muted)}
@media (max-width:860px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* tarjeta de contacto */
.contact-card{display:grid;gap:14px}
.contact-list{display:grid;gap:12px}
.doc .contact-list > li{display:flex;align-items:center;gap:14px;margin:0;padding:0}
.doc .contact-list > li::before{display:none}
.contact-list .ico{width:44px;height:44px;border-radius:14px;background:#f3e6c6;display:grid;place-items:center;flex:none;color:var(--earth)}
.contact-list .ico .i{width:21px;height:21px}
.contact-list small{display:block;font-size:13px;color:var(--muted);line-height:1.3}
.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}

/* formulario de desistimiento */
.wform{position:relative;margin:24px 0;padding:clamp(22px,3vw,34px) clamp(20px,3vw,36px);background:var(--paper);border-radius:8px 8px 22px 22px;box-shadow:var(--shadow);border-top:6px solid var(--olive-d)}
.wform::before{content:"";position:absolute;top:-16px;right:28px;width:92px;height:24px;background:rgba(242,194,48,.62);transform:rotate(5deg);border-radius:2px}
.wform-kicker{font:700 12px/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--olive-d);margin-bottom:6px}
.wform h3{margin:0 0 16px!important}
.wform-body{font:italic 450 17px/34px var(--f-display);color:var(--ink);background:repeating-linear-gradient(180deg,transparent 0,transparent 33px,rgba(59,42,26,.09) 33px,rgba(59,42,26,.09) 34px)}
.wform-body p{max-width:none}
.wform-body p + p{margin-top:0}
.wform-body .blank{display:inline-block;min-width:min(260px,100%);border-bottom:1.5px dotted rgba(59,42,26,.45);color:transparent;user-select:none}
.wform-body .wf-note{font:400 14px/34px var(--f-body);color:var(--muted)}
.wform-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;border-top:1px dashed var(--line)}
.wform-status{font-size:14px;color:var(--olive-dd);font-weight:600;align-self:center}

/* comprobador de almacenamiento (cookies) */
/* tu elección de cookies (política de cookies) */
.consent-box{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:18px 0 20px;padding:16px 18px;border-radius:18px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-s)}
.consent-box .btn{flex:none}
.consent-now{margin:0;font-size:15px;line-height:1.45;color:var(--muted)}
.consent-now b{color:var(--ink)}
.inspect{margin-top:18px}
.inspect .btn{white-space:normal;text-align:left;line-height:1.25;padding-top:10px;padding-bottom:10px;max-width:100%}
.inspect-out{margin-top:14px}
.inspect-out ul{display:grid;gap:8px}
.doc .inspect-out li{margin:0;padding:10px 14px;border-radius:12px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:15px}
.doc .inspect-out li::before{display:none}
.inspect-out li span{color:var(--muted);font-size:13.5px}
.subtable{margin-top:18px;border-radius:18px;background:rgba(255,250,240,.6);box-shadow:inset 0 0 0 1px var(--line)}
.subtable summary{cursor:pointer;padding:14px 18px;font-weight:700;color:var(--earth);list-style:none;display:flex;align-items:center;gap:10px;border-radius:18px}
.subtable summary::-webkit-details-marker{display:none}
.subtable summary::before{content:"";width:22px;height:22px;border-radius:50%;flex:none;background:#efe2c3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b2a1a' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform .3s}
.subtable[open] summary::before{transform:rotate(45deg)}
.subtable > div{padding:0 14px 6px}
.subtable .tbl{margin-top:0}

/* ---------- pie ---------- */
.ftr{position:relative;z-index:2;background:#2a1e12;color:#e9dcc0;padding:66px 0 112px}
.ftr::before{content:"";position:absolute;left:0;right:0;top:-27px;height:28px;background:#2a1e12;-webkit-mask:var(--torn) repeat-x 0 0/360px 28px;mask:var(--torn) repeat-x 0 0/360px 28px}
.ftr-top{display:flex;justify-content:space-between;gap:28px 40px;flex-wrap:wrap;align-items:flex-start}
.ftr-brand{display:flex;align-items:center;gap:14px;text-decoration:none;border-radius:16px}
.ftr-brand .lg{width:64px;height:64px;border-radius:18px;background:#fbf5e6;display:grid;place-items:center;flex:none}
.ftr-brand .lg img{width:48px;height:auto}
.ftr-brand b{display:block;font:700 26px/1 var(--f-display);color:#fbf5e6}
.ftr-brand small{display:block;color:#cdbb98;font-size:14px;margin-top:4px}
.ftr-nav p{font:700 12px/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:#cdbb98;margin:0 0 12px}
.ftr-links{display:flex;gap:6px 22px;flex-wrap:wrap;list-style:none;padding:0;margin:0;max-width:700px}
.ftr-links a{color:#fbf5e6;text-decoration:none;font-size:15px;display:inline-block;padding:4px 0}
.ftr-links a:hover{text-decoration:underline}
.ftr-links a[aria-current="page"]{color:var(--lemon);text-decoration:underline;text-underline-offset:4px}
/* «Configurar cookies»: un botón con aspecto de enlace (abre el banner de cookies) */
.ftr-btnlink{display:inline-block;padding:4px 0;border:0;background:none;color:#fbf5e6;font:inherit;font-size:15px;line-height:inherit;text-align:left;cursor:pointer}
.ftr-btnlink:hover{text-decoration:underline}
.ftr-contact{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:34px;font-size:15px}
.ftr-contact a{color:#fbf5e6;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.ftr-contact a:hover{text-decoration:underline}
.ftr-contact .i{width:18px;height:18px;color:#cdbb98}
.ftr-legal{margin-top:30px;padding-top:22px;border-top:1px solid rgba(233,220,192,.16);display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font-size:13.5px;color:#cdbb98}
.ftr-legal a{color:#e9dcc0}
.ftr :focus-visible{outline-color:var(--lemon)}
.ftr .is-pending{background:none;color:#f3e3b0;box-shadow:inset 0 -1.5px 0 rgba(242,194,48,.75);padding:0;margin:0;border-radius:0}

/* ---------- ajustes del motor de tienda (por img{display:block}) ---------- */
.as-empty img{margin:0 auto 14px}
.as-done__check{margin-inline:auto}

/* ---------- impresión ---------- */
@media print{
  @page{margin:16mm 16mm 18mm}
  body{background:#fff;font-size:11.5pt;color:#000}
  body::after,.hdr,.toc,.toc-m,.legal-nav,.seal,.to-top,.ftr-contact,.wform-actions,.inspect,.contact-actions,.consent-box,.skip,.page::before,.ftr::before{display:none!important}
  .hero{padding:0 0 12pt;background:none}
  .hero h1{font-size:28pt}
  .meta-draft{box-shadow:none;padding:0;background:none}
  .layout{display:block;padding:0}
  .doc{max-width:none;font-size:11.5pt}
  .card,.ficha,.tbl,.note,.wform,.rights li,.steps-list li,.facts li{box-shadow:none!important;border:1px solid #bbb;break-inside:avoid}
  .card--tape::before,.wform::before{display:none}
  .s{break-inside:auto;margin-top:18pt;padding-top:14pt}
  .doc a{color:#000}
  .ph,.is-pending{background:none;text-decoration:underline dotted}
  .ftr{background:none;color:#000;padding:14pt 0 0;border-top:1px solid #999}
  .ftr *{color:#000!important}
  .ac-root,.ac-teaser,.as-layer,.as-toast{display:none!important}
  html.ac-lock,html.ac-lock body{overflow:visible!important}
  .page{background:none}
  /* botón «Imprimir» del formulario: solo se imprime el formulario */
  html.print-form :is(body,body *):not(:has(.wform)):not(.wform):not(.wform *){display:none!important}
  html.print-form *:has(.wform){display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;max-width:none!important;width:auto!important}
  html.print-form .wform{margin:0;border:1px solid #999}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}
