/* SIA Alimentos — página Colección SIA */
.nav a[aria-current="page"]{border-bottom-color:var(--green)}
.btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
.btn-ghost:hover{background:#fff;color:var(--graphite)}

/* ---------- Libro en 3D ---------- */
.book{--bw:170px;position:relative;display:block;width:var(--bw);aspect-ratio:1650/2550;flex:none;perspective:900px;text-decoration:none}
.book-3d{position:absolute;inset:0;display:block;transform:rotateY(12deg);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.8,.2,1);border-radius:2px 5px 5px 2px;
  box-shadow:1px 0 0 #e9e9e9,3px 2px 0 #f4f4f4,5px 4px 0 #d9d9d9,12px 16px 22px rgba(0,0,0,.3)}
.book-3d::before{content:"";position:absolute;inset:0;border-radius:2px 5px 5px 2px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.4) 0,rgba(255,255,255,.28) 2.6%,rgba(0,0,0,.14) 5%,rgba(0,0,0,0) 13%)}
.book img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:2px 5px 5px 2px}
a.book:hover .book-3d,a.book:focus-visible .book-3d{transform:rotateY(0) translateY(-8px) scale(1.04)}
@media (prefers-reduced-motion:reduce){.book-3d{transition:none}a.book:hover .book-3d{transform:rotateY(12deg)}}

/* ---------- Hero ---------- */
.col-hero{padding:72px 0 56px}
.col-hero-copy{max-width:780px;display:grid;gap:22px}
.col-hero h1{font-size:46px;line-height:1.1;font-weight:700;color:#fff;letter-spacing:-.015em}
.col-msg{font-size:19px;line-height:1.5;color:#E4E6E8}
.col-author{font-size:15px;line-height:1.5;color:#C5CAD0}
.col-author strong{color:#fff}
.col-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}
.shelf{list-style:none;margin:56px 0 0;padding:0;display:flex;justify-content:center;gap:clamp(12px,2.6vw,36px)}
.shelf .book{--bw:clamp(72px,11.4vw,150px)}
.route{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:40px 0 0;font-size:14px;color:#C5CAD0;text-align:center}
.route span{font-weight:600;color:#fff}
.route i{font-style:normal;color:var(--green-light)}

/* ---------- Etapas ---------- */
.etapa-head{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:end;margin-bottom:44px}
.etapa-copy{display:grid;gap:18px}
.etapa-copy .h2{font-size:34px}
.pack{background:var(--graphite);color:#fff;border-radius:16px;padding:24px;display:grid;gap:8px}
.pack-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-light)}
.pack-price{margin:0}
.pack-price strong{font-size:40px;font-weight:700}
.pack-price span{font-size:15px;color:#C5CAD0}
.pack-save{font-size:14px;color:#E4E6E8;margin:0 0 8px}

.book-list{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.book-card{display:flex;gap:30px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 28px;box-shadow:0 8px 24px rgba(31,37,43,.07);scroll-margin-top:calc(var(--header-h) + 16px)}
.book-card .book{margin:6px 6px 0 4px}
.book-info{display:grid;gap:12px;min-width:0;flex:1}
.book-kicker{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin:0}
.book-info h3{font-size:24px;line-height:1.2;font-weight:700;color:var(--graphite)}
.book-sub{font-size:15px;line-height:1.4;font-weight:600;color:var(--steel);margin:0}
.hook{margin:2px 0;padding:10px 14px;border-left:3px solid var(--green);background:var(--bg);border-radius:0 8px 8px 0;font-size:15px;line-height:1.45;font-style:italic;color:var(--graphite)}
.book-syn{font-size:15px;line-height:1.55;margin:0}
.book-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
.book-facts li{font-size:13px;font-weight:600;color:var(--graphite);background:var(--bg);border:1px solid var(--line);padding:5px 11px;border-radius:999px}
.book-more summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--green);padding:4px 0;list-style:none;display:inline-flex;gap:8px;align-items:center}
.book-more summary::-webkit-details-marker{display:none}
.book-more summary::before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--green);font-size:15px;line-height:1}
.book-more[open] summary::before{content:"–"}
.book-more dl{margin:8px 0 0;display:grid;gap:2px}
.book-more dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-top:10px}
.book-more dd{margin:0;font-size:14.5px;line-height:1.5}
.book-buy{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}
.price{margin:0;line-height:1.1}
.price strong{font-size:32px;font-weight:700;color:var(--graphite)}
.price span{font-size:14px;font-weight:600;color:var(--steel)}
.price small{display:block;margin-top:4px;font-size:12.5px;font-weight:500;color:var(--steel)}

/* ---------- Colección completa ---------- */
.offer-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:center}
.offer-copy{display:grid;gap:18px}
.offer-box{background:#fff;border-radius:18px;padding:30px;display:grid;gap:10px;color:var(--graphite);border-top:6px solid var(--green)}
.offer-price{margin:0}
.offer-price strong{font-size:52px;font-weight:700;line-height:1}
.offer-price span{font-size:16px;font-weight:600;color:var(--steel)}
.offer-save{font-size:15px;color:var(--text);margin:0 0 6px}
.offer-note{font-size:13px;color:var(--steel);text-align:center;margin:0}

/* ---------- ¿Por cuál empiezo? ---------- */
.choose{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.choose li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 24px}
.choose .q{margin:0;font-size:18px;line-height:1.35;font-weight:700;color:var(--graphite)}
.choose .r{margin:0;font-size:15px;line-height:1.45}
.choose .r span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:2px}
.choose .r a{font-weight:600;color:var(--graphite);text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:3px}
.choose-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:28px;background:var(--graphite);color:#fff;border-radius:16px;padding:24px 28px}
.choose-cta p{font-size:18px;font-weight:600;margin:0}
.fine{font-size:13px;line-height:1.5;color:var(--steel);margin:22px 0 0}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .etapa-head{grid-template-columns:1fr;gap:28px;align-items:start}
  .pack{max-width:420px}
  .book-list{grid-template-columns:1fr}
  .offer-grid{grid-template-columns:1fr;gap:32px}
  .offer-box{max-width:460px}
}
@media (max-width:900px){
  .col-hero{padding:44px 0 40px}
  .col-hero h1{font-size:32px}
  .col-msg{font-size:17px}
  .shelf{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:26px 14px;margin-top:40px}
  .shelf .book{--bw:clamp(84px,27vw,140px)}
  .route{flex-direction:column;gap:6px}
  .route i{transform:rotate(90deg)}
  .etapa-copy .h2{font-size:26px}
  .book-card{flex-direction:column;align-items:center;gap:22px;padding:26px 20px}
  .book-card .book{--bw:150px;margin:6px 0 0}
  .book-info{width:100%}
  .book-info h3{font-size:22px}
  .choose li{grid-template-columns:1fr;gap:8px;padding:16px 18px}
  .choose-cta{flex-direction:column;align-items:stretch;text-align:center;padding:22px}
  .offer-price strong{font-size:44px}
}

/* texto de apoyo legible sobre fondos oscuros */
.on-dark .lead{color:#E0E3E6}

/* ---------- Muestra gratuita ---------- */
.book-sample{width:100%;margin-top:12px;text-align:center}
.col-sample{margin:18px 0 0;font-size:15px;color:#E0E3E6}
.col-sample a{color:#4CC27E;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.col-sample a:hover{color:#fff}

/* ---------- Banner de muestra con ZUNO ---------- */
.sample-band{padding-block:8px 56px}
.sample-card{position:relative;display:grid;display:block;min-height:340px;background:var(--graphite);border-radius:24px;padding:0 48px 0 24px;overflow:hidden;border-left:8px solid var(--green)}
.sample-zuno{position:absolute;left:24px;top:22px;width:390px;max-width:none;height:auto}
.sample-copy{padding:48px 0 48px 430px;min-height:340px;align-content:center;display:grid;gap:14px;justify-items:start}
.sample-copy h2{margin:0;font-size:clamp(26px,3.2vw,38px);line-height:1.15;color:#fff}
.sample-copy p{margin:0;color:#E0E3E6;font-size:17px}
.sample-copy .eyebrow{color:#4CC27E;font-size:13px;margin:0}
.sample-chips{list-style:none;margin:4px 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sample-chips a{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);transition:background .2s,color .2s}
.sample-chips a b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#4CC27E;color:var(--graphite);font-size:12px}
.sample-chips a:hover{background:#fff;color:var(--graphite)}
.sample-cta{font-size:17px;padding:18px 32px}
@media (max-width:900px){
  .sample-card{display:flex;flex-direction:column;padding:0 24px;border-left:0;border-top:8px solid var(--green);min-height:0}
  .sample-zuno{position:static;width:210px;margin:20px auto -80px;order:2}
  .sample-copy{order:1;padding:32px 0 0;min-height:0}
  .sample-cta{width:100%;text-align:center}
}

/* ---------- ZUNO en la portada (plano medio) ---------- */
.col-hero .container{position:relative}
.hero-zuno{display:none}
@media (min-width:1260px){
  .hero-zuno{display:flex;align-items:flex-end;gap:6px;position:absolute;right:0;top:-8px}
  .hero-zuno img{width:250px;height:auto;display:block;-webkit-mask-image:linear-gradient(#000 62%,transparent 98%);mask-image:linear-gradient(#000 62%,transparent 98%);max-height:215px;object-fit:cover;object-position:top}
  .hero-zuno-cta{display:grid;gap:8px;justify-items:start;width:220px;padding:18px 20px;margin-bottom:34px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1.5px rgba(76,194,126,.7)}
  .hero-zuno-cta .eyebrow{margin:0;font-size:11.5px;color:#4CC27E}
  .hero-zuno-cta .hz-text{margin:0;font-size:17px;line-height:1.35;font-weight:600;color:#fff}
  .col-sample{display:none}
}

/* ---------- Beneficio para clientes SIA ---------- */
.client-band{padding-block:40px}
.client-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 28px;border-radius:16px;border:1.5px solid var(--green);background:#fff}
.client-strip p{margin:0;font-size:19px;color:var(--graphite)}
.client-strip strong{color:var(--green)}
@media (max-width:700px){.client-strip{padding:20px}.client-strip .btn{width:100%}}