/* Paquetes de webs · usa los tokens de styles.css (--plum, --ivory, --sage, --ink, --muted, --line) */
.webs{--gold:#D3A24C;--deep:#3A3144;--wa:#177A42;--sombra:0 1px 2px #2923311a,0 10px 28px -12px #29233159;--ease:cubic-bezier(.23,1,.32,1)}
.webs .nav-links a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
.wb-ceja{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.wb-ceja.oscura{color:var(--muted)}
.wb-hero{background:var(--plum);color:var(--ivory);padding:72px 0 56px}
.wb-hero h1{font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 20px;font-weight:800;max-width:17ch}
.wb-hero h1 em{font-style:normal;box-shadow:inset 0 -.14em 0 var(--sage)}
.wb-lead{font-size:1.1rem;color:#d6cfdc;max-width:56ch;margin:0 0 26px}
.wb-acciones{display:flex;flex-wrap:wrap;gap:10px}
.wb-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:13px 22px;border-radius:999px;font-weight:800;font-size:14px;text-decoration:none;box-shadow:var(--sombra);transition:transform .2s var(--ease),background-color .2s ease}
.wb-btn:hover{transform:translateY(-2px)}
.wb-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.wb-btn.wa{background:var(--wa);color:#fff}
.wb-btn.claro{background:var(--ivory);color:var(--plum)}
.wb-btn.oscuro{background:var(--plum);color:var(--ivory)}
.wb-confianza{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;list-style:none;font-size:13px;font-weight:700;color:var(--sage)}
.wb-confianza li::before{content:"✓";margin-right:8px;color:var(--gold)}
.wb-seccion{padding:72px 0}
.wb-seccion.suave{background:#EDE8DE}
.wb-seccion h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1;letter-spacing:-.015em;margin:0 0 12px;max-width:22ch}
.wb-sub{color:var(--muted);max-width:60ch;margin:0 0 36px;font-size:1.04rem}
.wb-paquetes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.wb-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 26px;box-shadow:var(--sombra)}
.wb-card.destacado{border:2px solid var(--plum);background:#fffdf9}
.wb-etiqueta{position:absolute;top:-14px;left:26px;background:var(--plum);color:var(--ivory);font-size:12px;font-weight:800;letter-spacing:.04em;padding:6px 14px;border-radius:999px}
.wb-card h3{font-size:1.45rem;margin:0 0 4px;letter-spacing:-.01em}
.wb-ideal{margin:0 0 18px;color:var(--muted);font-size:.95rem;min-height:3em}
.wb-precio{margin:0;font-size:2.7rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.wb-precio small{font-size:.9rem;font-weight:700;color:var(--muted);letter-spacing:0;margin-right:6px}
.wb-mensual{margin:8px 0 4px;font-weight:800;font-size:1rem}
.wb-mensual span{font-weight:600;color:var(--muted)}
.wb-ano{margin:0 0 20px;font-size:.88rem;color:var(--muted)}
.wb-lista{list-style:none;margin:0 0 24px;padding:18px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;font-size:.96rem}
.wb-lista li{position:relative;padding-left:26px}
.wb-lista li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:7px;border-left:2.5px solid var(--sage);border-bottom:2.5px solid var(--sage);transform:rotate(-45deg)}
.wb-lista li.mas{font-weight:800;padding-left:0}
.wb-lista li.mas::before{display:none}
.wb-card .wb-btn{margin-top:auto;justify-content:center}
.wb-nota{margin:26px 0 0;font-size:.9rem;color:var(--muted);max-width:75ch}
.wb-planes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wb-plan{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.wb-plan h3{margin:0 0 2px;font-size:1.15rem}
.wb-plan .p{margin:0 0 12px;font-size:1.6rem;font-weight:800;letter-spacing:-.02em}
.wb-plan .p span{font-size:.85rem;font-weight:700;color:var(--muted);letter-spacing:0}
.wb-plan ul{margin:0;padding-left:18px;display:grid;gap:7px;font-size:.93rem}
.wb-pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none;counter-reset:paso}
.wb-pasos li{counter-increment:paso;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.wb-pasos li::before{content:counter(paso);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--plum);color:var(--ivory);font-weight:800;margin-bottom:12px}
.wb-pasos b{display:block;margin-bottom:4px}
.wb-pasos span{color:var(--muted);font-size:.93rem}
.wb-garantias{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wb-garantia{border-left:3px solid var(--sage);padding:4px 0 4px 16px}
.wb-garantia b{display:block;margin-bottom:4px}
.wb-garantia span{color:var(--muted);font-size:.93rem}
.wb-ejemplos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 20px}
.wb-ejemplos figure{margin:0}
.wb-ejemplos img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
.wb-ejemplos figcaption{font-size:.88rem;font-weight:700;margin-top:8px}
.wb-extras{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.wb-extras li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-weight:700;font-size:.92rem}
.wb-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.wb-faq summary{cursor:pointer;font-weight:800;font-size:1.04rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.wb-faq summary::-webkit-details-marker{display:none}
.wb-faq summary::after{content:"+";font-size:1.4rem;line-height:1}
.wb-faq details[open] summary::after{content:"–"}
.wb-faq summary:focus-visible{outline:3px solid var(--plum);outline-offset:4px;border-radius:6px}
.wb-faq p{margin:10px 0 0;color:var(--muted);max-width:70ch}
.wb-cierre{background:var(--plum);color:var(--ivory);padding:72px 0;text-align:center}
.wb-cierre h2{margin:0 auto 12px;max-width:20ch;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1}
.wb-cierre p{color:#d6cfdc;margin:0 auto 26px;max-width:52ch}
.wb-cierre .wb-acciones{justify-content:center}
@media (max-width:980px){
  .wb-paquetes,.wb-planes{grid-template-columns:1fr}
  .wb-pasos,.wb-garantias,.wb-ejemplos{grid-template-columns:repeat(2,1fr)}
  .wb-ideal{min-height:0}
}
@media (max-width:600px){
  .wb-hero{padding:48px 0 40px}
  .wb-seccion,.wb-cierre{padding:52px 0}
  .wb-pasos,.wb-garantias{grid-template-columns:1fr}
  .wb-precio{font-size:2.3rem}
  .wb-btn{width:100%;justify-content:center}
  .whatsapp-float{min-height:52px;width:52px;padding:0;justify-content:center;right:14px}
  .whatsapp-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.wb-btn{transition:none}.wb-btn:hover{transform:none}}