/* Cmdelantales · Public site · 2026-09-05 */
:root{--ink:#20332e;--paper:#f6f4ef;--sand:#dde1d9;--red:#47705f;--wine:#536c78;--green:#2b564c;--muted:#68726d;--line:rgba(32,51,46,.16);--sans:Manrope,Arial,sans-serif;--serif:"Playfair Display",Georgia,serif;--mono:"DM Mono",monospace;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(100% - 2.5rem,1200px);margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--red);outline-offset:4px}.splash{position:fixed;inset:0;z-index:999;background:var(--ink);display:grid;place-items:center;animation:splash-safety .01s 4.5s forwards}.splash img{width:130px}.splash.is-out{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s var(--ease),visibility .55s}@keyframes splash-safety{to{opacity:0;visibility:hidden;pointer-events:none}}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line)}.site-header.is-scrolled{background:var(--paper);box-shadow:0 1px 0 rgba(20,26,23,.06)}.brand{flex:0 0 auto}.brand img{width:90px}.site-nav{display:flex;align-items:center;gap:.1rem;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.site-nav>a:not(.nav-whatsapp){position:relative;opacity:.72;padding:.7rem .55rem;transition:opacity .2s,color .2s,background .2s}.site-nav>a:not(.nav-whatsapp)::after{content:"";position:absolute;left:.55rem;right:.55rem;bottom:.42rem;height:2px;transform:scaleX(0);transform-origin:center;background:var(--red);transition:transform .22s var(--ease)}.site-nav>a:not(.nav-whatsapp):hover{opacity:1;color:var(--red)}.site-nav>a:not(.nav-whatsapp).is-active{opacity:1;color:var(--ink);background:var(--sand)}.site-nav>a:not(.nav-whatsapp).is-active::after{transform:scaleX(1)}.nav-whatsapp{display:inline-flex;align-items:center;gap:.4rem;background:var(--ink);color:#fff;padding:.7rem 1rem;margin-left:.5rem;border-radius:8px}.nav-whatsapp svg{width:15px;height:15px}.menu-toggle{display:none;background:none;border:0;color:var(--ink);width:40px;height:40px}.menu-toggle span{display:block;height:1px;background:currentColor;margin:6px}
/* ===================== HERO (rediseño 2 columnas) ===================== */
.hero{position:relative;background:var(--paper);color:var(--ink);padding:calc(82px + clamp(2rem,6vw,4rem)) 0 clamp(2.5rem,7vw,4.5rem)}
.hero-grid{position:relative;display:grid;gap:clamp(2rem,6vw,3rem);align-items:start}
.hero-content{position:relative;max-width:40rem}
.eyebrow,.overline,.section-number{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}
.hero .eyebrow{margin:0;color:var(--muted);letter-spacing:.18em}
.hero h1{font:600 clamp(2rem,calc(1.4rem + 3.4vw),3.9rem)/1.12 var(--serif);letter-spacing:-.02em;margin:.9rem 0 1.15rem;max-width:15ch;overflow-wrap:break-word;padding-bottom:.06em}
.hero h1 em,h2 em{font-weight:600}
.hero h1 em{color:var(--red);font-style:italic}
.hero-copy{max-width:42ch;margin:0;font-size:1.02rem;line-height:1.65;color:var(--muted)}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.9rem}
.hero-actions .button{border-radius:9px}
.button{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.2rem;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;transition:transform .25s var(--ease),background .25s}
.button:hover{transform:translateY(-3px)}
.button svg{width:16px;height:16px;flex:0 0 auto}
.button-primary{background:var(--ink);color:#fff}
.button-ghost{border:1px solid var(--ink);color:var(--ink)}
.button-dark{background:var(--ink);color:#fff;margin-top:1.5rem}
.hero-benes{list-style:none;display:flex;flex-wrap:wrap;gap:1.4rem 2.2rem;margin:2.4rem 0 0;padding:0}
.hero-benes li{display:flex;flex-direction:column;gap:.55rem;font-size:.83rem;font-weight:600;line-height:1.3;color:#4b544e}
.hero-bene-tx{max-width:8em}
.hero-bene-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e3ebe1;color:var(--red)}
.hero-bene-ic svg{width:18px;height:18px}
.hero-media{position:relative;border-radius:20px;background:var(--sand);aspect-ratio:4/3}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:20px;opacity:0;transition:opacity .6s var(--ease)}
.hero-image.is-current{opacity:1}
.hero-empty{width:100%;height:100%;border-radius:20px;background:linear-gradient(135deg,var(--sand),var(--paper))}
.hero-note{display:none;position:absolute;right:-1rem;top:.1rem;margin:0;font:italic 600 1.05rem/1.2 var(--serif);color:var(--muted);text-align:center;transform:rotate(-4deg);pointer-events:none}
.hero-note-arrow{display:block;font-style:normal;font-size:1.3rem;transform:rotate(14deg);margin-top:.05rem}
@media(min-width:900px){
  .hero-grid{grid-template-columns:1.02fr .98fr;column-gap:clamp(2.5rem,5vw,4.5rem);row-gap:1.6rem}
  .hero-content{grid-column:1;grid-row:1}
  .hero-benes{grid-column:1;grid-row:2;margin-top:.4rem}
  .hero-media{grid-column:2;grid-row:1 / span 2;align-self:center;aspect-ratio:5/4;max-height:62vh}
}
.section-number{color:var(--muted);margin:0}.overline{color:var(--red);margin:0 0 1rem}h2{font:600 clamp(2.5rem,5.5vw,5.4rem)/.96 var(--serif);letter-spacing:-.055em;margin:0}h2 em{color:var(--red)}
/* ===================== CATÁLOGO (rediseño) ===================== */
.catalog{padding:clamp(4rem,8vw,7rem) 0;background:#eeeae1;color:var(--ink)}
.cat-head{display:grid;gap:1.8rem;margin-bottom:clamp(2rem,5vw,3rem)}
.cat-head h2 em{color:var(--red)}
.cat-head-sub{margin:.9rem 0 0;color:var(--muted);font-size:1rem}
.cat-badges{list-style:none;display:flex;flex-wrap:wrap;gap:1.1rem 1.9rem;margin:0;padding:0}
.cat-badges li{display:flex;align-items:center;gap:.6rem;font-size:.84rem;font-weight:700;color:#4b544e}
.cat-badge-ic{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:var(--red)}
.cat-badge-ic svg{width:18px;height:18px}

.pgrid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.pcard{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(20,26,23,.05),0 20px 42px -24px rgba(20,26,23,.28);transition:transform .3s var(--ease),box-shadow .3s var(--ease);scroll-margin-top:96px}
.pcard:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(20,26,23,.06),0 30px 60px -26px rgba(20,26,23,.34)}
.pcard-media{position:relative;aspect-ratio:4/5;background:#fff}
.pcard-img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transition:transform .8s var(--ease)}
.pcard:hover .pcard-img{transform:scale(1.04)}
.pcard-badge{position:absolute;left:14px;top:14px;z-index:1;display:inline-flex;align-items:center;gap:.3rem;background:#8a6d2f;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.42rem .72rem;border-radius:999px}
.pcard-body{display:flex;flex-direction:column;flex:1;gap:0;padding:1.4rem 1.4rem 1.5rem;border-top:1px solid #ececec}
.pcard-name{margin:0;font:700 1.18rem/1.2 var(--sans);letter-spacing:-.01em}
.pcard-color{margin:.55rem 0 0;display:inline-flex;align-self:flex-start;font:600 .72rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#5c655d;background:#f1f1eb;padding:.4rem .6rem;border-radius:6px}
.pcard-price{margin:.4rem 0 0;font:800 1.4rem/1 var(--sans);color:var(--green)}
.pcard-price span{font:500 .66rem var(--mono);color:var(--muted);letter-spacing:.05em}
.pcard-desc{margin:1rem 0 0;color:#535b53;font-size:.9rem;line-height:1.55}
.pcard-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:.95rem 0 1rem;padding:0}
.pcard-tags li{font:600 .73rem/1 var(--sans);color:#454e47;background:#f1f1eb;padding:.46rem .64rem;border-radius:6px}
.pcard-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1rem;background:var(--red);color:#fff;border-radius:10px;font-size:.84rem;font-weight:800;letter-spacing:.02em;transition:background .2s var(--ease),transform .2s var(--ease)}
.pcard-cta:hover{background:#3c5f50;transform:translateY(-1px)}
.pcard-cta svg{flex:0 0 auto}

.cat-feats{list-style:none;display:grid;grid-template-columns:1fr;gap:1.1rem;margin:clamp(2.5rem,5vw,3.5rem) auto 0;padding:2rem 0 0;border-top:1px solid var(--line)}
.cat-feats li{display:flex;flex-direction:column;gap:.15rem}
.cat-feats strong{font-size:.95rem}
.cat-feats span{font-size:.85rem;color:var(--muted)}

.cat-notes{margin-top:2.4rem;display:grid;gap:1rem}
.catalog-aviso{padding:.95rem 1.15rem;background:#e7ddd0;border-left:3px solid var(--red);border-radius:0 6px 6px 0;font-size:.85rem;line-height:1.6;color:#54493d}
.catalog-desc{max-width:46rem;font-size:.9rem;line-height:1.65;color:#535b53}
.catalog-note{font-size:.82rem;color:var(--muted)}
.details{display:grid;gap:2.5rem;padding:6rem 0}.details-image img{width:100%;aspect-ratio:1/1.15;object-fit:cover}.details-content{align-self:center}.details-content>p:not(.warning){max-width:38rem}.details dl{margin:2rem 0;border-top:1px solid var(--line)}.details dl div{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);font-size:.87rem}.details dt{font-weight:800}.details dd{margin:0;color:var(--muted);text-align:right}.warning{background:#e7ddd1;border-left:3px solid var(--red);padding:1rem;font-size:.83rem;line-height:1.55;color:#463d34}
.shipping{padding:6rem 0;background:var(--sand)}.shipping-grid{display:grid;gap:2.5rem}.shipping h2 em{color:var(--wine)}.shipping-copy{max-width:32rem}.shipping-copy img{width:105px;mix-blend-mode:multiply;margin-bottom:1.5rem}.shipping-copy p{font-size:.94rem}.faq{padding:6rem 0}.faq-list{margin-top:3rem;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:1.1rem 0}summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;font-weight:800;font-size:.94rem}summary::-webkit-details-marker{display:none}summary span{color:var(--red);font-size:1.3rem;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{max-width:43rem;margin:1rem 2rem .2rem 0;color:var(--muted);font-size:.94rem;line-height:1.6}
.footer{background:var(--ink);color:#f2eee5;padding:4rem 0 1.5rem}.footer-top{display:grid;gap:2rem}.footer-brand{display:grid;gap:.7rem;align-content:start}.footer-brand img{width:115px}.footer-about{margin:0;max-width:32ch;font-size:.8rem;line-height:1.55;color:#bdb7ac}.footer-top>div{display:grid;gap:.45rem;font-size:.87rem}.socials a{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem;margin-top:2rem;color:#bdb7ac;font-size:.72rem}
.whatsapp-float{position:fixed;z-index:30;right:1rem;bottom:1rem;display:flex;align-items:center;gap:.55rem;background:#25d366;color:#102617;padding:.82rem 1.05rem;border-radius:99px;font-weight:800;font-size:.82rem;box-shadow:0 9px 25px rgba(0,0,0,.25);transition:transform .25s var(--ease)}.whatsapp-float:hover{transform:translateY(-4px)}.whatsapp-float svg{width:23px;height:23px}.empty-state{padding:3rem 0;color:var(--muted);text-align:center}.empty-state p{margin:.3rem 0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-revealed{opacity:1;transform:none}.reveal[data-split]{opacity:1;transform:none}
@media(min-width:600px){.pgrid{grid-template-columns:repeat(2,1fr);gap:1.8rem}.cat-feats{grid-template-columns:repeat(2,1fr);gap:1.4rem 2rem}}
@media(min-width:540px){.site-header{padding:0 2rem}.container{width:min(100% - 4rem,1200px)}}
@media(min-width:720px){.cat-head{grid-template-columns:1.5fr 1fr;align-items:end;gap:2.5rem}.details{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;padding:8rem 0}.shipping-grid{grid-template-columns:1fr 1fr;gap:5rem}.footer-top{grid-template-columns:1.2fr 1fr 1fr;align-items:start}.faq{padding:8rem 0}}
@media(min-width:960px){.site-header{padding:0 3rem}.container{width:min(100% - 6rem,1200px)}.pgrid{grid-template-columns:repeat(3,1fr);gap:2rem}.cat-feats{grid-template-columns:repeat(4,1fr);gap:2rem}.shipping{padding:8rem 0}}
@media(max-width:719px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:82px;left:0;right:0;padding:1.25rem;background:var(--ink);color:#fff;align-items:stretch;gap:.45rem}.site-nav.is-open{display:flex;flex-direction:column}.nav-whatsapp{justify-content:center;background:#fff;color:var(--ink);text-align:center;margin:.6rem 0 0}.site-nav>a:not(.nav-whatsapp){padding:.7rem .2rem}.site-nav>a:not(.nav-whatsapp).is-active{background:rgba(255,255,255,.12);color:#fff}.site-nav>a:not(.nav-whatsapp)::after{left:.2rem;right:auto;width:2.1rem;background:#b8d0bc}.hero-grid{gap:2rem}.hero-copy{font-size:.98rem}.hero-actions{gap:.6rem}.hero-actions .button{flex:1 1 100%;justify-content:center}.hero-benes{flex-direction:column;gap:.9rem;margin-top:2rem}.hero-benes li{flex-direction:row;align-items:center;gap:.7rem}.hero-bene-tx{max-width:none}}
@media(prefers-reduced-motion:reduce){.hero-image{animation:none}}

/* ================= Secciones dinámicas (detección por carpeta) ================= */
.section-lead{max-width:38rem;margin:.9rem 0 0;color:var(--muted);font-size:.98rem;line-height:1.6}
.details-note{max-width:38rem;font-size:.86rem;line-height:1.55;color:var(--muted);margin:.2rem 0 1.4rem}

/* Actividades recomendadas */
.cats{padding:clamp(4rem,8vw,7rem) 0;background:var(--paper)}
.cats h2 em{color:var(--red)}
.cats .section-lead{max-width:46rem}
.cats-nota{max-width:46rem;margin:2.4rem 0 0;padding:.95rem 1.15rem;background:var(--sand);border-left:3px solid var(--red);border-radius:0 6px 6px 0;font-size:.86rem;line-height:1.6;color:#464e47}

.act-group{margin-top:clamp(2.6rem,6vw,3.6rem)}
.act-group-head{display:flex;align-items:center;gap:.7rem;margin-bottom:1.3rem}
.act-group-emoji{font-size:1.1rem;line-height:1}
.act-group-head h3{margin:0;font:800 .83rem/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.act-rule{flex:1;height:1px;background:var(--line)}

.act-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.act-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;padding:1.5rem 1.4rem 1.4rem;box-shadow:0 1px 2px rgba(20,26,23,.04),0 16px 34px -22px rgba(20,26,23,.22);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.act-card:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(20,26,23,.05),0 24px 46px -22px rgba(20,26,23,.28)}
.act-ic{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--sand);font-size:1.7rem;line-height:1;margin-bottom:1rem}
.act-group:nth-of-type(odd) .act-card:nth-child(4n+1) .act-ic{background:#efe1e0}
.act-group:nth-of-type(odd) .act-card:nth-child(4n+2) .act-ic{background:#f0e7d3}
.act-group:nth-of-type(odd) .act-card:nth-child(4n+3) .act-ic{background:#e7e2da}
.act-group:nth-of-type(odd) .act-card:nth-child(4n)   .act-ic{background:#e2e6ec}
.act-group:nth-of-type(even) .act-card:nth-child(4n+1) .act-ic{background:#e3ebe1}
.act-group:nth-of-type(even) .act-card:nth-child(4n+2) .act-ic{background:#e9e8e5}
.act-group:nth-of-type(even) .act-card:nth-child(4n+3) .act-ic{background:#efe7dc}
.act-group:nth-of-type(even) .act-card:nth-child(4n)   .act-ic{background:#e8e4ef}
.act-card-name{margin:0;font:700 1.02rem/1.25 var(--sans);color:var(--ink)}
.act-card-desc{margin:.5rem 0 0;color:#535b53;font-size:.87rem;line-height:1.5}
.act-go{margin-top:1.1rem;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--red);color:#fff;font-size:1rem;transition:transform .2s var(--ease),background .2s}
.act-go:hover{transform:translateX(2px);background:#3c5f50}

.act-strip{margin-top:clamp(3rem,6vw,4rem);padding:1.8rem;background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(20,26,23,.04),0 16px 34px -24px rgba(20,26,23,.2);display:grid;gap:1.4rem}
.act-strip-lema{margin:0;font:600 1.05rem/1.35 var(--serif);font-style:italic;color:var(--ink)}
.act-benes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.act-benes li{display:flex;align-items:center;gap:.6rem;font-size:.86rem;font-weight:600;color:#454e47}
.act-bene-ic{flex:0 0 auto;font-size:1.05rem;line-height:1}

/* Promociones */
.promos{padding:6rem 0;background:var(--green);color:#f3efe6}
.promos h2 em{color:#d5d4a3}
.promo-grid{display:grid;grid-template-columns:1fr;gap:1.4rem;margin-top:2.5rem}
.promo-card{position:relative;display:block;overflow:hidden;background:rgba(255,255,255,.08)}
.promo-card img{width:100%;height:auto;display:block}
.promo-name{position:absolute;left:1rem;bottom:1rem;background:var(--ink);color:#fff;padding:.5rem .8rem;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}


/* Novedades / blog */
.blog{padding:6rem 0;background:var(--paper)}
.blog h2 em{color:var(--red)}
.post-grid{display:grid;grid-template-columns:1fr;gap:1.6rem;margin-top:2.5rem}
.post-card{display:block;overflow:hidden}
.post-card img{width:100%;height:auto;display:block;transition:transform .7s var(--ease)}
.post-card:hover img{transform:scale(1.03)}
.post-title{display:block;margin-top:.8rem;font-weight:800;font-size:.95rem}

/* Página legal (Política de privacidad) */
.legal-page{max-width:760px;padding-top:calc(82px + clamp(2.5rem,7vw,5rem));padding-bottom:5rem}
.legal-page .section-number{margin:0 0 1.4rem}
.legal-back{color:var(--muted);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.legal-back:hover{color:var(--red);border-color:currentColor}
.legal-page h1{font:600 clamp(2.3rem,6vw,3.4rem)/1.02 var(--serif);letter-spacing:-.04em;margin:0 0 .5rem}
.legal-updated{color:var(--muted);font:400 .78rem var(--mono);margin:0 0 2.6rem}
.legal-body h2{font:800 1.04rem/1.35 var(--sans);letter-spacing:.01em;margin:2.4rem 0 .45rem;color:var(--ink)}
.legal-body p{margin:0;color:#454e49;font-size:.97rem;line-height:1.7}
.legal-contact{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.93rem;color:var(--muted)}
.legal-contact a{color:var(--red);border-bottom:1px solid currentColor}

@media(min-width:560px){
  .act-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}
  .act-benes{grid-template-columns:repeat(4,1fr);gap:1rem 1.6rem}
}
@media(min-width:720px){
  .promo-grid{grid-template-columns:repeat(2,1fr)}
  .post-grid{grid-template-columns:repeat(3,1fr);gap:2rem}
  .cats,.promos,.blog{padding:8rem 0}
}
@media(min-width:960px){
  .act-grid{grid-template-columns:repeat(4,1fr);gap:1.4rem}
  .act-strip{grid-template-columns:minmax(180px,auto) 1fr;align-items:center;gap:2.6rem;padding:2rem 2.4rem}
}