/* Planes - 3 caminos (Gratis / Biblioteca / Premium). Aislado: solo afecta a #planes y .hero-com__plans-link. */
.anchor-compat{display:block;height:0;overflow:hidden}
#planes{scroll-margin-top:84px}
.hero-com__plans-link{margin:.9rem 0 0;text-align:center;font-size:.95rem}
.hero-com__plans-link a{color:inherit;opacity:.85;text-decoration:underline;text-underline-offset:3px}
.hero-com__plans-link a:hover{opacity:1}

.plans-flow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .8rem;margin:0 auto 1.6rem;font-size:.95rem;color:var(--ink-soft,#5b6070)}
.plans-flow span strong{display:block;color:var(--ink,#1c2030);font-size:1rem}
.plans-flow i{font-style:normal;font-size:1.4rem;opacity:.5}

.plans-grid{display:grid;grid-template-columns:1fr;gap:1.1rem;max-width:1080px;margin:0 auto}
@media (min-width:980px){.plans-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}}

.plan{display:flex;flex-direction:column;background:#fff;color:#1c2030;border:1px solid rgba(20,24,40,.12);border-top-width:6px;border-radius:16px;padding:1.4rem 1.3rem 1.3rem;box-shadow:0 6px 20px rgba(20,24,40,.06)}
.plan--gratis{border-top-color:#2f9e6e}
.plan--biblioteca{border-top-color:#3b6fd4}
.plan--premium,.plan--pago{border-top-color:#c9962b}
.plan--solo{max-width:560px;margin:0 auto}
.plan__tag{margin:0 0 .5rem;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700}
.plan--gratis .plan__tag{color:#1f7a53}
.plan--biblioteca .plan__tag{color:#2a55a8}
.plan--premium .plan__tag,.plan--pago .plan__tag{color:#8a6414}
.plan__head{margin:0 0 .5rem;font-size:1.28rem;line-height:1.25}
.plan__who{margin:0 0 .6rem;font-size:.92rem;color:#4a5065;font-weight:600}
.plan__txt{margin:0 0 .8rem;font-size:.98rem;line-height:1.45}
.plan__list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.4rem;font-size:.95rem}
.plan__list li{position:relative;padding-left:1.4rem;line-height:1.35}
.plan__list li::before{content:"";position:absolute;left:0;top:.35em;width:.9em;height:.9em;border-radius:50%;background:currentColor;opacity:.9;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12 5 5L20 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12 5 5L20 6'/%3E%3C/svg%3E") center/contain no-repeat}
.plan--gratis .plan__list li::before{color:#2f9e6e}
.plan--biblioteca .plan__list li::before{color:#3b6fd4}
.plan--premium .plan__list li::before,.plan--pago .plan__list li::before{color:#c9962b}
.plan__price{margin:auto 0 .8rem;display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem}
.plan__price strong{font-size:2.2rem;line-height:1}
.plan__price small{font-size:.9rem;color:#4a5065}
.plan__cta{width:100%;text-align:center;justify-content:center}
.plan__cta[disabled]{opacity:.55;cursor:not-allowed}
.plan__alt{margin:.6rem 0 0;text-align:center;font-size:.85rem;color:#4a5065}
.plan__alt a{color:inherit}
.plans-note{max-width:720px;margin:1.4rem auto 0;text-align:center;font-size:.85rem;color:var(--ink-soft,#5b6070)}

@media (prefers-color-scheme:dark){
  .plan{background:#fff;color:#1c2030}
}

/* ===== Landing V4 (2026-09-24): navegacion, Elige como empezar (2 opciones), transicion y cierre ===== */
.mini-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.15rem .9rem;font-size:.9rem}
.mini-nav a{color:inherit;text-decoration:none;opacity:.85;padding:.25rem 0;white-space:nowrap}
.mini-nav a:hover,.mini-nav a:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.mini-header__inner{flex-direction:column;align-items:flex-start;gap:.35rem}.mini-nav{justify-content:flex-start;gap:.1rem .7rem;font-size:.82rem}}
.trans-plan{text-align:center}
.trans-plan .container{max-width:760px}
.trans-plan h2{margin:0 0 .8rem}
.trans-plan p{color:var(--ink-soft,#5b6070);margin:0 0 1.3rem}
#plan-30-dias,#empieza-gratis,#comunidad,#faq,#mapa-personal,#recursos{scroll-margin-top:84px}
.plans-duo{display:grid;grid-template-columns:1fr;gap:1.2rem;max-width:960px;margin:0 auto;align-items:stretch}
@media (min-width:860px){.plans-duo{grid-template-columns:1fr 1.15fr}}
.plans-duo .plan{max-width:none;margin:0}
.plan--destacado{border-top-width:8px;box-shadow:0 14px 38px rgba(201,150,43,.28);outline:2px solid rgba(201,150,43,.55);outline-offset:-2px}
@media (min-width:860px){.plan--destacado{transform:translateY(-6px)}}
.plan--destacado .plan__head{font-size:1.4rem}
.offer__mapa-link{margin:.9rem 0 0;font-size:.9rem;text-align:center}
.offer__mapa-link a{color:inherit;opacity:.85;text-decoration:underline;text-underline-offset:3px}

/* Sprint A (2026-10-17): amplitud del catalogo (3 cifras, una sola vez) */
.stats-band__grid--three{grid-template-columns:repeat(3,1fr);max-width:760px;margin-inline:auto}
.catalogo-nota{max-width:640px;margin:1.4rem auto 0;text-align:center;color:var(--ink-soft);font-size:.98rem}
@media (max-width:560px){
  .stats-band__grid--three{gap:.6rem}
  .stats-band__grid--three .stat{padding:1rem .35rem}
  .stats-band__grid--three .stat__num{font-size:1.3rem}
  .stats-band__grid--three .stat__label{font-size:.76rem}
}
