/* Salvemos La Pona: estilos del diseno nuevo. Tokens del manual de marca. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:italic;font-weight:400 800;font-display:swap;src:url(fonts/archivo-italic-latin.woff2) format("woff2")}

:root{
  --bg:#F7F7F8; --surface:#FFFFFF; --ink:#4A351F; --ink-2:#6B5638; --accent:#78BE20;
  --accent-ink:#3D6716; --moss:#53851E; --bark:#856132; --earth:#614725; --sand:#EFEAE0; --line:#DDD5C6;
  --font:"Archivo","Helvetica Neue",Arial,sans-serif;
  --r:8px; --wrap:1160px; --gut:20px;
  --shadow:0 1px 2px rgba(74,53,31,.08),0 18px 40px -24px rgba(74,53,31,.45);
}

/* Reset suave, sin especificidad para que los componentes ganen */
:where(.slap) *,:where(.slap) *::before,:where(.slap) *::after{box-sizing:border-box}
:where(.slap) :where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote){margin:0}
:where(.slap) :where(ul,ol){padding:0}
:where(.slap) img{max-width:100%;height:auto;display:block}

body.slap{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.slap a{color:var(--accent-ink);text-underline-offset:3px;text-decoration-thickness:1px}
.slap a:hover{text-decoration-thickness:2px}
.slap :focus-visible{outline:3px solid var(--moss);outline-offset:2px;border-radius:4px}
.slap :where(h1,h2,h3){font-weight:800;line-height:1.1;letter-spacing:-.015em;text-wrap:balance;color:var(--ink)}
.slap .mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}

.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff!important;padding:8px 14px;border-radius:var(--r);z-index:100}
.skip:focus{left:12px}

/* Botones */
.slap .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:var(--r);border:2px solid transparent;font:700 16px/1 var(--font);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s}
.slap .btn-main{background:var(--accent);color:var(--ink)}
.slap .btn-main:hover{background:#86CB2E}
.slap .btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
.slap .btn-line:hover{background:var(--sand)}
.slap .btn-block{width:100%}

/* Cabecera */
.site-head{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.admin-bar .site-head{top:32px}
.head-row{display:flex;align-items:center;gap:20px;min-height:76px}
.brand{display:block;flex:none}
.brand-logo{height:46px;width:auto}
.menu{display:flex;align-items:center;gap:18px;margin-left:auto}
.menu>ul{display:flex;list-style:none;gap:2px;align-items:center}
.menu li{position:relative;list-style:none}
.menu>ul>li>a{display:block;padding:10px 10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15.5px;border-radius:6px}
.menu>ul>li>a:hover{background:var(--sand)}
.menu a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--accent)}
.menu .has-sub>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.menu .sub{position:absolute;top:100%;left:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:6px;list-style:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s}
.menu .has-sub:hover .sub,.menu .has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.menu .sub a{display:block;padding:9px 12px;border-radius:6px;color:var(--ink);text-decoration:none;font-weight:500;font-size:15px}
.menu .sub a:hover{background:var(--sand)}
.menu-cta{display:flex;gap:8px;align-items:center}
.menu-cta .btn{min-height:42px;padding:0 16px;font-size:15px}
.menu-cta .btn[aria-current="page"]{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--moss)}
.menu-toggle{display:none;margin-left:auto;align-items:center;gap:10px;background:none;border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;font:600 15px var(--font);color:var(--ink);cursor:pointer}
.bars,.bars::before,.bars::after{display:block;width:18px;height:2px;background:currentColor;position:relative}
.bars::before,.bars::after{content:"";position:absolute;left:0}
.bars::before{top:-6px}.bars::after{top:6px}

@media (max-width:1060px){
  .menu-toggle{display:inline-flex}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px var(--gut) 20px;gap:12px;box-shadow:var(--shadow)}
  .menu.open{display:flex}
  .menu>ul{flex-direction:column;align-items:stretch}
  .menu>ul>li>a{padding:12px 6px;font-size:17px}
  .menu a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--accent);padding-left:12px}
  .menu .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 6px 14px;min-width:0}
  .menu .has-sub>a::after{display:none}
  .menu-cta .btn{flex:1;min-height:48px}
  .head-row{position:relative}
}
@media (max-width:782px){.admin-bar .site-head{top:46px}}
@media (max-width:600px){.admin-bar .site-head{top:0}.brand-logo{height:38px}}

/* Secciones */
.sec{padding-block:72px}
.sec-tight{padding-block:48px}
.sec-sand{background:var(--sand)}
.sec-ink{background:var(--ink);color:#F3ECE0}
.sec-ink :where(h1,h2,h3){color:#fff}
.sec-ink a{color:#C7EC8F}
.lead{font-size:1.15rem;color:var(--ink-2);max-width:60ch}
.prose{max-width:66ch}
.prose p+p{margin-top:1em}
.h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}
.h3{font-size:1.25rem}
.stack>*+*{margin-top:18px}
.crumbs{font-size:.9rem;color:var(--ink-2);padding-top:22px}
.crumbs a{color:var(--ink-2)}

/* Apoya */
.give{display:grid;gap:32px;padding-block:44px 72px;align-items:start;grid-template-areas:"head" "panel" "body"}
.give-head{grid-area:head;display:grid;gap:18px;min-width:0}
.give-body{grid-area:body;display:grid;gap:18px;min-width:0}
.give .panel{grid-area:panel}
@media (min-width:940px){.give{grid-template-columns:minmax(0,1fr) minmax(0,440px);column-gap:64px;row-gap:28px;grid-template-areas:"head panel" "body panel"}.give .panel{align-self:start}}
.give-head h1{font-size:clamp(2rem,3.4vw,2.75rem)}
.give-head h1 em{font-style:normal;color:var(--accent-ink)}
.give-photo{border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:var(--sand)}
.give-photo img{width:100%;height:100%;object-fit:cover}
.uses{list-style:none;border-top:1px solid var(--line)}
.uses li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.uses svg{width:28px;height:28px;stroke:var(--moss);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.uses b{display:block;font-weight:700}
.uses span{color:var(--ink-2);font-size:.97rem}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:26px;display:grid;gap:20px;position:sticky;top:100px}
@media (max-width:939px){.panel{position:static}}
.panel h2{font-size:1.35rem}
.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--sand);border-radius:var(--r);padding:4px;gap:4px}
.seg button{border:0;background:transparent;padding:11px;border-radius:6px;font:600 15.5px var(--font);color:var(--ink-2);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(74,53,31,.15)}
.amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.amounts a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;border:1.5px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);font-weight:800;font-size:1.15rem;background:var(--surface);transition:border-color .15s,background-color .15s}
.amounts a small{font-weight:500;font-size:.78rem;color:var(--ink-2)}
.amounts a:hover{border-color:var(--moss);background:#F4F9EC}
.note{font-size:.9rem;color:var(--ink-2)}
.pay-icons{display:flex;flex-wrap:wrap;gap:6px}
.pay-icons span{font-size:.78rem;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:var(--ink-2)}
.or{display:flex;align-items:center;gap:12px;color:var(--ink-2);font-size:.85rem;font-weight:600}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.bank-wrap{display:grid;gap:10px}
.bank{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-size:.95rem}
.bank[hidden]{display:none}
.bank dt{font-weight:600;color:var(--ink-2)}
.bank dd{margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bank .copy{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:3px 10px;font:600 13px var(--font);color:var(--ink);cursor:pointer}
.bank .copy.done{border-color:var(--moss);color:var(--accent-ink)}

.fund{display:grid;gap:32px}
@media (min-width:860px){.fund{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}
.fund-list{list-style:none;display:grid;gap:0;border-top:1px solid rgba(243,236,224,.25)}
.fund-list li{padding:16px 0;border-bottom:1px solid rgba(243,236,224,.25)}
.fund-list b{display:block;color:#fff}

.ways{display:grid;gap:0;border-top:1px solid var(--line)}
@media (min-width:760px){.ways{grid-template-columns:repeat(2,1fr);column-gap:48px}}
.ways article{padding:22px 0;border-bottom:1px solid var(--line);display:grid;gap:8px}
.ways h3{font-size:1.15rem}
.ways p{color:var(--ink-2)}

.faq{border-top:1px solid var(--line);max-width:780px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:1.4rem;line-height:1;color:var(--ink-2)}
.faq details[open] summary::after{content:"\2013"}
.faq details p{margin-top:10px;color:var(--ink-2)}

/* Comunes */
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.slap .btn-on-dark{color:#fff;border-color:rgba(255,255,255,.7)}
.slap .btn-on-dark:hover{background:rgba(255,255,255,.1)}
.split{display:grid;gap:36px}
@media (min-width:880px){.split{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}
figcaption{font-size:.85rem;color:var(--ink-2);margin-top:8px}

/* Firma */
.petition{padding-block:48px 64px}
.petition-grid{display:grid;gap:36px;align-items:center}
@media (min-width:900px){.petition-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px}}
.petition-copy{display:grid;gap:22px}
.petition-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r)}
.facts{display:grid;gap:0;border-top:1px solid var(--line);margin:0}
.facts>div{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.facts dt{font-weight:800;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1;color:var(--ink);letter-spacing:-.02em}
.facts dd{margin:0;color:var(--ink-2)}
.steps{list-style:none;counter-reset:s;display:grid;gap:0;border-top:1px solid var(--line)}
.steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;column-gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.steps li::before{content:counter(s);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--ink);font-weight:800;font-size:.9rem;display:grid;place-items:center}
.steps b{font-weight:700}
.steps span{grid-column:2;color:var(--ink-2);font-size:.95rem}
.closing{display:grid;gap:20px;max-width:760px}
.closing p{color:#E9E0D2;font-size:1.08rem}

/* Contacto y formularios */
.contact{display:grid;gap:40px;padding-block:44px 72px;align-items:start}
@media (min-width:940px){.contact{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:64px}}
.contact-copy{display:grid;gap:22px}
.aside-links{display:grid;gap:14px;padding-top:6px}
.form-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:28px}
.form-wide{max-width:860px}
.news-box{display:grid;gap:28px;align-items:center}
@media (min-width:880px){.news-box{grid-template-columns:1fr 1fr;gap:56px}}
.plain{list-style:none;display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.facts-4{max-width:none}
@media (min-width:880px){.facts-4{grid-template-columns:repeat(4,1fr);column-gap:32px;border-top:0}.facts-4>div{grid-template-columns:1fr;gap:8px;border-top:1px solid var(--line);border-bottom:0}}
.slap .fluentform{font-family:var(--font)}
.slap .fluentform .ff-el-input--label label{font-weight:600;color:var(--ink);font-size:15.5px}
.slap .fluentform .ff-el-form-control{border:1.5px solid var(--line);border-radius:var(--r);padding:11px 13px;font:16px var(--font);color:var(--ink);background:#fff}
.slap .fluentform .ff-el-form-control:focus{border-color:var(--moss);box-shadow:0 0 0 3px rgba(120,190,32,.25);outline:0}
.slap .fluentform .ff-el-help-message{color:var(--ink-2);font-size:14px;font-style:normal}
.slap .fluentform .ff-el-form-check label{color:var(--ink);font-size:15.5px}
.slap .fluentform input[type=radio],.slap .fluentform input[type=checkbox]{accent-color:var(--moss);width:18px;height:18px}
.slap .fluentform .ff-el-section-break{margin-top:26px}
.slap .fluentform .ff-el-section-title{font-weight:800;font-size:1.25rem;color:var(--ink)}
.slap .fluentform .ff-section_break_desk{color:var(--ink-2)}
.slap .fluentform .ff-el-section-break hr{border:0;border-top:1px solid var(--line)}
.slap .fluentform .ff-btn-submit{border-radius:var(--r)!important;font:700 16px var(--font)!important;padding:13px 26px!important;background:var(--accent)!important;color:var(--ink)!important;border:0!important}
.slap .fluentform .ff-btn-submit:hover{background:#86CB2E!important;opacity:1}
.slap .fluentform .error{color:#B3261E;font-size:14px}
.slap .ff-message-success{border:1px solid var(--moss);background:#F4F9EC;border-radius:var(--r);padding:18px;color:var(--ink);box-shadow:none}
.slap .ff-sub{margin:10px 0 0}
.slap .fluentform .ff-el-form-check-input{margin-right:8px;vertical-align:-3px}
.slap .fluentform .ff-el-form-check{margin-bottom:6px}

/* FAQ */
.faq-page{display:grid;gap:28px;padding-block:44px 72px}
@media (min-width:940px){.faq-page{grid-template-columns:240px minmax(0,1fr);column-gap:64px}.faq-head{grid-column:1/-1}.faq-nav{position:sticky;top:110px;align-self:start}}
.faq-head{display:grid;gap:14px}
.faq-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
@media (min-width:940px){.faq-nav ul{flex-direction:column;gap:2px;border-left:2px solid var(--line)}.faq-nav a{display:block;padding:8px 14px;margin-left:-2px;border-left:2px solid transparent}.faq-nav a:hover{border-left-color:var(--accent)}}
.faq-nav a{color:var(--ink);text-decoration:none;font-weight:600}
@media (max-width:939px){.faq-nav a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:var(--surface)}}
.faq-body{display:grid;gap:48px;min-width:0}
.faq-cat{scroll-margin-top:110px}
.faq-cat h2{margin-bottom:12px}
.faq-cat .faq{max-width:none}
.faq details p+p{margin-top:10px}

/* Tienda */
.shop-head{display:grid;gap:14px;padding-block:44px 32px}
.shop-grid{list-style:none;display:grid;gap:28px;padding-bottom:72px}
@media (min-width:720px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.shop-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.shop-img{display:block;aspect-ratio:4/3;background:var(--sand)}
.shop-img img{width:100%;height:100%;object-fit:cover}
.shop-info{display:grid;gap:10px;padding:22px;align-content:start}
.shop-info h2 a{color:var(--ink);text-decoration:none}
.shop-price{font-weight:800;font-size:1.3rem}
.shop-desc{color:var(--ink-2);font-size:.95rem}
.shop-info .cta-row{margin-top:6px}
@media (min-width:880px){.facts-3{grid-template-columns:repeat(3,1fr);column-gap:32px;border-top:0}.facts-3>div{grid-template-columns:1fr;gap:8px;border-top:1px solid var(--line);border-bottom:0}}
.facts dd b{color:var(--ink)}
.cart-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink)!important;text-decoration:none;font-weight:600;padding:8px 6px}
.cart-n{background:var(--accent);color:var(--ink);border-radius:999px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:.8rem;font-weight:800}

/* Libro */
.book-hero{padding-block:20px 64px}
.book-grid{display:grid;gap:36px;align-items:center}
@media (min-width:900px){.book-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}
.book-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.book-copy{display:grid;gap:20px}
.eyebrow{font-weight:600;font-size:.9rem;color:var(--ink-2);letter-spacing:.02em}
.book-buy{display:flex;flex-wrap:wrap;gap:12px}
.book-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.book-pair img{width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line);background:#fff}
.book-pair figcaption{grid-column:1/-1}
.spec{display:grid;border-top:1px solid var(--line);margin:0}
.spec>div{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)}
@media (min-width:600px){.spec>div{grid-template-columns:200px 1fr;gap:16px}}
.spec dt{font-weight:700}
.spec dd{margin:0;color:var(--ink-2)}
.flip{position:relative;aspect-ratio:16/10;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.flip iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:600px){.flip{aspect-ratio:3/4}}

/* WooCommerce: carrito, pago, cuenta y producto */
.woo-wrap{padding-block:44px 72px}
.woo-wrap>h1{margin-bottom:28px}
.slap .woocommerce :where(table.shop_table){border:1px solid var(--line);border-radius:12px;background:var(--surface);border-collapse:separate;overflow:hidden}
.slap .woocommerce table.shop_table :where(th,td){padding:14px 16px;border-color:var(--line)}
.slap .woocommerce :where(a.button,button.button,input.button,#respond input#submit){background:var(--sand);color:var(--ink);border-radius:var(--r);font:700 15px var(--font);padding:12px 20px;border:0}
.slap .woocommerce :where(a.button.alt,button.button.alt,input.button.alt,.checkout-button,#place_order,.single_add_to_cart_button){background:var(--accent)!important;color:var(--ink)!important;border-radius:var(--r)!important;font:700 16px var(--font)!important;padding:15px 24px!important}
.slap .woocommerce :where(a.button.alt,button.button.alt):hover{background:#86CB2E!important}
.slap .woocommerce :where(input.input-text,select,textarea){border:1.5px solid var(--line);border-radius:var(--r);padding:11px 13px;font:16px var(--font);color:var(--ink);background:#fff}
.slap .woocommerce :where(input.input-text,select,textarea):focus{border-color:var(--moss);outline:0;box-shadow:0 0 0 3px rgba(120,190,32,.25)}
.slap .woocommerce form .form-row label{font-weight:600;font-size:15px}
.slap .woocommerce .cart_totals h2,.slap .woocommerce #order_review_heading,.slap .woocommerce-billing-fields h3,.slap .woocommerce-additional-fields h3{font-size:1.35rem;margin-bottom:14px}
.slap .woocommerce-checkout #payment{background:var(--sand);border-radius:12px}
.slap .woocommerce-checkout #payment div.payment_box{background:var(--surface);color:var(--ink)}
.slap .woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--surface)}
.slap :where(.woocommerce-message,.woocommerce-info,.woocommerce-error){border-top-color:var(--moss);background:var(--surface);color:var(--ink);border-radius:var(--r)}
.slap .woocommerce-message::before,.slap .woocommerce-info::before{color:var(--moss)}
.slap .woocommerce ul#shipping_method li{margin-bottom:8px}
.slap .woocommerce ul#shipping_method input{accent-color:var(--moss)}
.slap .woocommerce .cart-collaterals .cart_totals{width:100%;max-width:520px}
.slap .woocommerce div.product .product_title{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.slap .woocommerce div.product p.price{color:var(--ink);font-weight:800;font-size:1.5rem}
.slap .woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--surface)}
.slap .woocommerce .quantity .qty{padding:10px;border:1.5px solid var(--line);border-radius:var(--r);width:4.5em}
.slap .woocommerce span.onsale{background:var(--accent);color:var(--ink)}

/* Pie */
.site-foot{background:var(--ink);color:#E9E0D2;padding-top:56px;font-size:.95rem}
.site-foot a{color:#F3ECE0;text-decoration:none}
.site-foot a:hover{text-decoration:underline}
.foot-grid{display:grid;gap:36px;padding-bottom:40px}
@media (min-width:860px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.foot-heart{width:44px;height:44px;margin-bottom:12px}
.foot-name{font-weight:800;color:#fff;font-size:1.1rem;margin-bottom:6px}
.foot-brand p:last-child{max-width:34ch;color:#D8CCB8}
.foot-h{font-weight:700;color:#fff;margin-bottom:10px}
.foot-col ul{list-style:none;display:grid;gap:8px}
.foot-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid rgba(243,236,224,.18);padding-block:18px;font-size:.85rem;color:#CDBFA8}

@media (max-width:600px){.sec{padding-block:52px}body.slap{font-size:16.5px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* WooCommerce agrega height:auto a todas las imagenes; el logo conserva su alto */
.slap.woocommerce-page .brand-logo,.slap.woocommerce .brand-logo{height:46px}
@media (max-width:600px){.slap.woocommerce-page .brand-logo,.slap.woocommerce .brand-logo{height:38px}}
.menu>ul>li>a{white-space:nowrap}
.slap .woocommerce #order_review_heading{margin-top:28px}
.slap .woocommerce-checkout .col2-set{margin-bottom:8px}

/* Visor del libro */
.reader{display:grid;gap:18px;padding-block:28px 48px}
.reader-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px}
.reader-frame{height:calc(100vh - 150px);min-height:520px;background:#4f4f4f;border-radius:12px;overflow:hidden}
.reader-frame iframe{width:100%;height:100%;border:0;display:block}
.read-teaser{display:block;max-width:300px;justify-self:center}
.read-teaser img{width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
@media (max-width:600px){.reader-frame{height:75vh;min-height:420px}}

/* Noticias */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.news-head{display:grid;gap:14px;padding-block:44px 32px;max-width:760px}
.news-grid{display:grid;gap:24px;padding-bottom:64px}
@media (min-width:720px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.news-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.news-card.no-img{border-top:6px solid var(--accent)}
.news-img{display:block;aspect-ratio:16/10;background:var(--sand)}
.news-img img{width:100%;height:100%;object-fit:cover}
.news-info{display:grid;gap:10px;padding:22px;align-content:start}
.news-info h2 a{color:var(--ink);text-decoration:none}
.news-info h2 a:hover{text-decoration:underline}
.news-date{font-size:.88rem;color:var(--ink-2);font-weight:600}
.news-excerpt{color:var(--ink-2);font-size:.97rem}
.news-more{font-weight:700}
.pager{padding-bottom:64px}
.pager ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.pager a,.pager span{display:inline-flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600}
.pager .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.post-head{display:grid;gap:14px;padding-block:44px 28px;max-width:860px;margin-inline:auto}
.post-title{font-size:clamp(2rem,4.2vw,3rem)}
.post-cover img{width:100%;height:auto;border-radius:var(--r);margin-top:8px}
.entry{max-width:70ch;margin-inline:auto;padding-bottom:28px;font-size:1.06rem}
.entry>*+*{margin-top:1em}
.entry :where(h2){font-size:clamp(1.5rem,2.8vw,2rem);margin-top:1.8em}
.entry :where(h3){font-size:1.2rem;margin-top:1.5em}
.entry :where(ul,ol){padding-left:1.3em}
.entry li+li{margin-top:.35em}
.entry img{max-width:100%;height:auto;border-radius:var(--r)}
.entry blockquote{border-left:4px solid var(--accent);padding-left:18px;color:var(--ink-2)}
.entry figure figcaption{text-align:left}
.demands{list-style:none;padding:0!important;counter-reset:d;display:grid;border-top:1px solid var(--line)}
.demands>li{counter-increment:d;position:relative;padding:20px 0 20px 56px;border-bottom:1px solid var(--line);margin:0!important}
.demands>li::before{content:counter(d);width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--ink);font-weight:800;display:grid;place-items:center;position:absolute;left:0;top:18px}
.demands h3{margin:0!important;font-size:1.12rem}
.demands p{margin-top:8px;color:var(--ink-2)}
.demands ul{margin-top:8px;color:var(--ink-2)}
.who{font-size:.94rem}
.who b{color:var(--ink)}
.allies{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:14px;list-style:none;padding:0!important}
.allies li{margin:0!important;background:#fff;border:1px solid var(--line);border-radius:var(--r);aspect-ratio:1;display:grid;place-items:center;padding:10px;overflow:hidden}
.allies img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}
.post-share{max-width:70ch;margin-inline:auto;display:flex;flex-wrap:wrap;gap:12px;padding-bottom:64px;border-top:1px solid var(--line);padding-top:24px}

/* Ejes */
.ejes-head{display:grid;gap:18px;padding-block:44px 24px}
.ejes-head .lead{max-width:68ch}
.ejes-nav{list-style:none;display:grid;gap:12px;margin-top:8px}
@media (min-width:860px){.ejes-nav{grid-template-columns:repeat(3,1fr)}}
.ejes-nav a{display:flex;gap:14px;align-items:center;height:100%;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;font-weight:700;line-height:1.3}
.ejes-nav a:hover{border-color:var(--moss)}
.ejes-nav span{font-weight:800;font-size:1.4rem;color:var(--moss);flex:none}
.eje{scroll-margin-top:90px}
.eje-n{font-weight:800;font-size:1rem;color:var(--moss);letter-spacing:.08em}
.eje-intro{max-width:68ch;margin-bottom:32px}
.eje-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r)}
.checks li{position:relative;padding-left:28px;color:var(--ink-2)}
.checks li::before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--accent)}
.eje-cards{display:grid;gap:24px}
@media (min-width:760px){.eje-cards.cols-2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.eje-cards.cols-3{grid-template-columns:repeat(3,1fr)}}
.eje-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.eje-card figure img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.eje-card .stack{padding:22px}
.eje-card p{color:var(--ink-2)}
.eje-link{font-weight:700;display:inline-block}
.sec-ink .eje-photo img{aspect-ratio:4/3}
.eje-card.no-img{grid-template-rows:1fr;border-top:6px solid var(--accent)}

/* Nosotras */
.subnav{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px}
.subnav a{padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
.subnav a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.jump{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px}
.jump a{font-weight:700}
.eje-photo.tall img{aspect-ratio:4/5}
.ejes-list{grid-template-columns:1fr!important;margin:0}
.ejes-list a{font-weight:600}
#mision .h2,#vision .h2{font-size:clamp(1.4rem,2.6vw,1.95rem);line-height:1.25}
.goals{display:grid;gap:20px;margin-top:28px}
@media (min-width:860px){.goals{grid-template-columns:1fr 1fr}}
.goals article{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}
.goals span{width:42px;height:42px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-weight:800;font-size:1.1rem}
.goals p{color:var(--ink-2)}
.goals-close{font-weight:700;font-size:1.15rem;margin:28px 0 22px;max-width:60ch}
.funders{display:grid;gap:16px;align-content:start}
.funders article{background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--accent);border-radius:12px;padding:22px}
.funders p{color:var(--ink-2);margin-top:6px;font-weight:600}

/* Inicio */
.home-hero{position:relative;min-height:min(78vh,720px);display:grid;align-items:end;color:#fff;overflow:hidden;background:var(--ink)}
.home-hero-img{position:absolute;inset:0;margin:0}
.home-hero-img img{width:100%;height:100%;object-fit:cover}
.home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,28,15,.15) 0%,rgba(40,28,15,.35) 40%,rgba(40,28,15,.88) 100%)}
.home-hero-copy{position:relative;z-index:1;display:grid;gap:20px;padding-block:120px 64px}
.home-hero-copy h1{color:#fff;max-width:16ch}
.home-hero-copy .lead{color:#F3ECE0;max-width:58ch}
.eyebrow.on-dark{color:#C7EC8F}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.chips li{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.95rem}
.bio-photos{display:grid;gap:16px;margin-top:36px;grid-template-columns:repeat(3,1fr)}
.bio-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r)}
@media (max-width:600px){.bio-photos{grid-template-columns:1fr 1fr}.bio-photos figure:last-child{display:none}}
#biodiversidad .split{align-items:start}
.ways-grid{display:grid;gap:16px}
@media (min-width:720px){.ways-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.ways-grid{grid-template-columns:repeat(4,1fr)}}
.way{display:grid;gap:8px;align-content:start;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)!important;border-top:6px solid var(--accent)}
.way:hover{border-color:var(--moss)}
.way b{font-size:1.35rem;font-weight:800}
.way span{color:var(--ink-2)}
.row-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}
.home-quote{padding-block:64px}
.big-quote{font-weight:800;font-size:clamp(1.9rem,4.4vw,3.2rem);line-height:1.1;letter-spacing:-.02em;color:#fff;max-width:22ch}
.ejes-nav{margin-top:8px}

/* =====================================================================
   Capa visual "versión Code": títulos musgo, etiquetas café con filete,
   More Sugar para frases cortas, patrones del manual, pie con logo redondo
   ===================================================================== */
@font-face{font-family:"More Sugar";src:url("accent/MoreSugar-Regular.ttf") format("truetype");font-display:swap}
.accent{font-family:"More Sugar","Archivo",sans-serif;font-weight:400;letter-spacing:0;text-transform:none}
.slap main :where(h1,h2){color:var(--moss);font-weight:900}
.slap main :where(h3){color:var(--bark)}
.slap main .sec-ink :where(h1,h2,h3),.slap main .home-hero :where(h1){color:#fff}
.slap .signup :where(h2,h3){color:#fff}
.site-head{background:var(--bg)}
.brand-logo,.slap.woocommerce-page .brand-logo,.slap.woocommerce .brand-logo{height:52px}
@media (max-width:600px){.brand-logo,.slap.woocommerce-page .brand-logo,.slap.woocommerce .brand-logo{height:40px}}

/* etiquetas de sección con filete café */
.eje-n,.eyebrow{display:flex;align-items:center;gap:14px;font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bark)}
.eje-n::after,.eyebrow::after{content:"";flex:1;height:1px;background:var(--bark);opacity:.55;max-width:360px}
.eyebrow.on-dark,.sec-ink .eje-n{color:#C7EC8F}
.sec-ink .eje-n::after{background:#C7EC8F}

/* cifras */
.facts dt{color:var(--moss);font-weight:900}
.facts-3,.facts-4{border-top:2px solid var(--ink)!important}
@media (min-width:880px){.facts-3>div,.facts-4>div{border-top:0!important;border-bottom:1px solid var(--line)!important;padding-right:18px}}

/* listas con punto verde y cita */
.ticks{list-style:none;display:grid;gap:12px}
.ticks li{display:grid;grid-template-columns:14px 1fr;gap:12px;color:var(--ink-2)}
.ticks li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:.55em}
.quote{font-style:italic;font-size:1.12rem;color:var(--ink);border-left:3px solid var(--accent);padding-left:16px}

/* franja con patrón */
.band{background:var(--bg) url("img/patron-organico.jpg") center/900px auto repeat;padding-block:72px}
.band .wrap{display:flex;justify-content:center}
.band p{background:var(--bg);padding:22px 30px;border-radius:12px;font-family:"More Sugar","Archivo",sans-serif;color:var(--moss);font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.15;text-align:center;max-width:22ch;box-shadow:var(--shadow)}
.band.lineas{background-image:url("img/patron-lineas.jpg");background-size:420px auto}

/* fotos */
.photo{margin:0;border-radius:var(--r);overflow:hidden;background:var(--sand)}
.photo img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}
.photo.tall img{aspect-ratio:4/5}
.mosaic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.mosaic .photo img{aspect-ratio:3/4}
@media (max-width:700px){.mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}.mosaic .photo:nth-child(n+4){display:none}}

/* tarjetas de acción con foto */
.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.act{display:grid;grid-template-rows:auto auto 1fr auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink)!important}
.act:hover{border-color:var(--ink)}
.act img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.act b{padding:16px 18px 6px;font-size:1.06rem;color:var(--bark)}
.act span{padding:0 18px 8px;font-size:.93rem;color:var(--ink-2)}
.act em{padding:4px 18px 18px;font-style:normal;font-weight:700;color:var(--accent-ink);font-size:.92rem}

/* boletín oscuro */
.signup-band{padding-block:48px}
.signup{border-radius:12px;background:var(--ink);color:#F3ECE0;padding:28px;display:grid;gap:18px}
@media (min-width:860px){.signup{grid-template-columns:1fr 1.1fr;gap:36px;align-items:center}}
.signup h2{font-size:1.5rem;font-weight:900}
.signup p{color:#E2D8C6;margin-top:8px;font-size:.95rem}
.slap .signup .fluentform .ff-el-input--label label,.slap .signup .fluentform .ff-el-form-check label{color:#F3ECE0}
.slap .signup .fluentform .ff-el-form-control{background:rgba(247,247,248,.08);border-color:rgba(247,247,248,.3);color:#fff}
.slap .signup .fluentform .ff-el-form-control::placeholder{color:rgba(247,247,248,.55)}
.slap .signup a{color:#C7EC8F}

/* pie */
.foot-logo{width:72px;height:72px;border-radius:50%;background:#fff;margin-bottom:12px}
.foot-accent{color:var(--accent)!important;font-size:1.25rem;line-height:1.3;margin-bottom:6px;max-width:20ch}

/* portada */
.hero2{padding-block:40px 56px}
.hero2 .wrap{display:grid;gap:36px;align-items:center}
@media (min-width:900px){.hero2 .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px}}
.hero2-text{display:grid;gap:20px;min-width:0}
.hero2-text h1{font-size:clamp(2.3rem,5.4vw,3.8rem);line-height:1.02;letter-spacing:-.025em}
.hero2-text .tag{font-size:clamp(1.5rem,3vw,2rem);color:var(--accent);line-height:1.1}
.hero2 .photo img{aspect-ratio:4/3.4}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:2px solid var(--ink)}
.stat{padding:18px 18px 18px 0;display:grid;gap:6px;align-content:start;border-bottom:1px solid var(--line)}
.stat b{font-size:clamp(2rem,4vw,2.6rem);font-weight:900;color:var(--moss);letter-spacing:-.03em;line-height:1}
.stat span{font-size:.92rem;color:var(--ink-2)}
.sec-head{display:grid;gap:10px;max-width:62ch;margin-bottom:28px}
.sec-head .accent{font-size:clamp(1.4rem,3vw,1.9rem);color:var(--accent)}
.post-strip{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips li,.chip{font-size:.85rem;padding:3px 11px;border:1px solid #c3baa8;border-radius:999px;color:var(--ink-2);background:transparent}

/* libro: escenario con frentes que giran */
.product{display:grid;gap:40px;padding-block:20px 56px;align-items:start}
@media (min-width:900px){.product{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px}}
.stage{display:grid;gap:16px;position:sticky;top:100px}
@media (max-width:899px){.stage{position:static}}
.book-wrap{background:var(--sand);border-radius:var(--r);padding:28px 20px 22px;display:grid;justify-items:center;gap:16px}
.book-wrap[hidden]{display:none}
.book3d{width:min(320px,72vw);aspect-ratio:2/3.1;position:relative;perspective:1600px;cursor:pointer}
.book-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.6,.05,.25,1)}
.book3d.flipped .book-inner{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:2px 5px 5px 2px;overflow:hidden;background:#fff;box-shadow:var(--shadow),inset 6px 0 10px -6px rgba(0,0,0,.25)}
.face img{width:100%;height:100%;object-fit:cover;display:block}
.face.back{transform:rotateY(180deg)}
.flip-ctrl{display:flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px}
.flip-ctrl button{border:0;background:transparent;padding:6px 14px;border-radius:999px;font:700 .88rem var(--font);cursor:pointer;color:var(--ink-2)}
.flip-ctrl button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.flip-note{font-size:.84rem;color:var(--ink-2);text-align:center;max-width:36ch}
.photo-view{border-radius:var(--r);overflow:hidden;background:#000}
.photo-view[hidden]{display:none}
.photo-view img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;max-height:540px}
.thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.thumbs button{padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:var(--sand);aspect-ratio:2/3}
.thumbs button[aria-pressed="true"]{border-color:var(--ink)}
.thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.info{display:grid;gap:22px;min-width:0}
.imprint{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pill{display:inline-block;font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#eaf1df;color:var(--moss)}
.book-title{font-size:clamp(2.2rem,5vw,3.3rem);letter-spacing:-.02em;line-height:1.02}
.authors{font-size:.92rem;color:var(--ink-2)}
.authors b{color:var(--ink)}
.formats{display:grid;gap:10px;border:0;padding:0;margin:0}
.formats legend{margin-bottom:10px}
.fmt{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:start;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);cursor:pointer}
.fmt input{margin:4px 0 0;accent-color:var(--moss);width:18px;height:18px}
.fmt:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.fmt-name{font-weight:700;font-size:1.02rem}
.fmt-desc{grid-column:2/4;font-size:.9rem;color:var(--ink-2)}
.fmt-price{font-weight:900;font-size:1.1rem;text-align:right;white-space:nowrap}
.fmt-price small{display:block;font-weight:400;font-size:.75rem;color:var(--ink-2)}
.fmt-price.free{color:var(--moss)}
.buy{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.qty{display:flex;align-items:center;border:1px solid #c3baa8;border-radius:var(--r);background:var(--surface)}
.qty[hidden]{display:none}
.qty button{border:0;background:transparent;width:40px;height:46px;cursor:pointer;font-size:1.1rem;color:var(--ink)}
.qty output{min-width:28px;text-align:center;font-weight:700}
.buy-note{font-size:.88rem;color:var(--ink-2);max-width:56ch}
.dual{display:grid;gap:20px}
@media (min-width:820px){.dual{grid-template-columns:1fr 1fr}}
.side{border-radius:var(--r);padding:26px 24px;display:grid;gap:14px;align-content:start}
.side.ciudad{background:#eaf1df}
.side.monte{background:#f1ebe2}
.side h3{font-weight:900;font-size:1.5rem}
.side.ciudad h3{color:var(--moss)}
.side.monte h3{color:var(--bark)}
.toc{list-style:none;display:grid}
.toc li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;border-top:1px solid rgba(74,53,31,.14);font-size:.96rem}
.toc li span{font-weight:800;font-size:1.05rem}
.side.ciudad .toc li span{color:var(--moss)}
.side.monte .toc li span{color:var(--bark)}
.toc li em{font-style:normal;display:block;font-size:.84rem;color:var(--ink-2)}
.pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.pg{display:grid;gap:8px;text-align:left;background:transparent;border:0;padding:0;cursor:zoom-in;font:inherit;color:inherit}
.pg img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:3px;background:#fff;display:block}
.pg.wide{grid-column:span 2}
.pg.wide img{aspect-ratio:3/2;object-position:center}
.pg span{font-size:.84rem;color:var(--ink-2);line-height:1.35}
.pg span b{display:block;color:var(--ink)}
dialog.lb{border:0;padding:0;background:transparent;max-width:min(92vw,900px);max-height:92vh}
dialog.lb::backdrop{background:rgba(15,10,5,.82)}
dialog.lb img{max-width:100%;max-height:84vh;display:block;margin:0 auto;border-radius:3px;background:#fff}
dialog.lb p{color:#f3ece0;text-align:center;font-size:.9rem;margin-top:10px}
dialog.lb button{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;border:0;border-radius:999px;width:38px;height:38px;cursor:pointer;font-size:1.1rem}
.ficha{display:grid;gap:32px}
@media (min-width:860px){.ficha{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
.rule{border:0;border-top:1px solid var(--line);margin:0}
@media (prefers-reduced-motion:reduce){.book-inner{transition:none}}
.give-head .tag{font-size:clamp(1.4rem,2.6vw,1.8rem);color:var(--accent);line-height:1.1}
.give-head h1 em{color:var(--accent-ink)}
.ways article h3{color:var(--bark)}
.petition-copy .tag{font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--accent);line-height:1.1}
.band-box{background:var(--bg);padding:24px 32px;border-radius:12px;box-shadow:var(--shadow);display:grid;gap:12px;justify-items:center;text-align:center;max-width:620px}
.band .band-box p{background:none;padding:0;box-shadow:none;max-width:none}
.band .band-phrase{font-family:"More Sugar","Archivo",sans-serif;color:var(--moss);font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.15}
.band .band-dato{font-family:var(--font);font-size:1rem;color:var(--ink-2);max-width:46ch}
.band .band-box .btn{margin-top:4px}
.band:not(.lineas){background-size:cover;background-repeat:no-repeat}

/* Redes */
.social{display:flex;gap:6px;align-items:center}
.social a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.social .ico{width:22px;height:22px;flex:none}
.social-head a{width:42px;height:42px;justify-content:center;border-radius:50%;color:var(--ink)!important}
.social-head a:hover{background:var(--sand)}
.social-head span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:1060px){.menu-cta{flex-wrap:wrap}.social-head{width:100%;gap:8px}.social-head span{position:static;width:auto;height:auto;clip:auto;font-weight:600}.social-head a{width:auto;border-radius:var(--r);padding:8px 10px}}
.social-foot{flex-wrap:wrap;gap:10px}
.social-foot a{color:#F3ECE0!important;border:1px solid rgba(243,236,224,.35);border-radius:999px;padding:8px 14px;font-weight:600}
.social-foot a:hover{background:rgba(243,236,224,.1);text-decoration:none!important}
.foot-handle{margin-top:12px;color:#F3ECE0;font-weight:700}
.social-big{gap:12px;flex-wrap:wrap;justify-content:center}
.social-big a{background:var(--accent);color:var(--ink)!important;font-weight:700;padding:12px 20px;border-radius:var(--r)}
.social-big a:hover{background:#86CB2E}
.band .band-dato b{color:var(--ink);font-size:1.15rem}
.contact-copy .tag{font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--accent);line-height:1.1}
.ejes-head .tag,.petition-copy .tag,.shop-head .tag,.faq-head .tag,.hero2-text .tag{font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--accent);line-height:1.1}

/* Aviso de privacidad */
.legal{max-width:760px;padding-block:44px 72px;display:grid;gap:22px}
.legal section{display:grid;gap:12px;scroll-margin-top:100px;padding-top:12px;border-top:1px solid var(--line)}
.legal p{color:var(--ink-2)}
.legal p b{color:var(--ink)}
.legal-nav{display:flex;flex-wrap:wrap;gap:8px}
.legal-nav a{border:1px solid var(--line);border-radius:999px;padding:5px 12px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem}
.legal-table{display:grid;border-top:1px solid var(--line)}
.legal-table>div{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}
@media (min-width:640px){.legal-table>div{grid-template-columns:200px 1fr;gap:16px}}
.legal-table span{color:var(--ink-2)}

/* 404 */
.lost{padding-block:48px 64px;background:var(--bg)}
.lost-grid{display:grid;gap:36px;align-items:center}
@media (min-width:900px){.lost-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px}}
.lost-copy{display:grid;gap:16px}
.lost-num{font-family:"More Sugar","Archivo",sans-serif;font-size:clamp(5rem,16vw,9.5rem);line-height:.9;color:var(--moss)}
.lost-num span{color:var(--accent);display:inline-block;transform:rotate(-12deg)}
.lost-copy .tag{font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--accent)}
.lost-photo img{width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:var(--r)}
.lost-search{display:grid;gap:8px;margin-top:8px;max-width:460px}
.lost-search label{font-weight:600}
.lost-search div{display:flex;gap:8px}
.lost-search input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:var(--r);padding:11px 13px;font:16px var(--font);color:var(--ink);background:#fff}
.lost-search input:focus{border-color:var(--moss);outline:0;box-shadow:0 0 0 3px rgba(120,190,32,.25)}
.ticks li{display:block;position:relative;padding-left:24px}
.ticks li::before{position:absolute;left:0;top:.05em}

.post-share .share-label{flex-basis:100%;margin:0;font-weight:600;color:var(--ink)}
.post-share .btn[hidden]{display:none}