/* TuWebLocal · bloque «precio cerrado» (a1, 2026-10-05)
   Web + agenda de citas + reseñas en tarjetas, comparativa con la cuota de un marketplace y CTA.
   Funciona igual dentro de landings Astro y dentro de .twl-articulo (por eso los !important en tipografía). */
.twl-pack-sec{padding:3.4rem 0;background:linear-gradient(180deg,#f4f9fc 0%,#fff 100%)}
.twl-pack{max-width:1080px;margin:0 auto;padding:0 1.1rem;font-family:inherit;color:#41545f}
.twl-articulo .twl-pack{padding:0;margin:2.6rem auto}
.twl-pack *{box-sizing:border-box}
.twl-pack__head{text-align:center;max-width:740px;margin:0 auto 2rem}
.twl-pack .twl-pack__kicker{display:inline-block;font-size:.76rem!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#176be0;background:#e6f1fd;border-radius:999px;padding:.32rem .85rem;margin:0 0 .8rem!important;line-height:1.3}
.twl-pack .twl-pack__h2{font-size:clamp(1.45rem,1.1rem + 1.4vw,2.05rem)!important;line-height:1.2!important;color:#102a43;margin:0 0 .7rem!important;font-weight:800;letter-spacing:-.01em}
.twl-pack .twl-pack__lede{font-size:1.04rem!important;line-height:1.6;margin:0!important;color:#41545f}
.twl-pack__grid{display:grid;gap:1.15rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin:0 0 1.4rem}
.twl-pack__card{background:#fff;border:1px solid #dbe8f1;border-radius:18px;padding:1.6rem 1.35rem 1.35rem;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 14px rgba(16,42,67,.05);min-width:0}
.twl-pack__card--rec{border:2px solid #176be0;box-shadow:0 16px 38px rgba(23,107,224,.17)}
.twl-pack__badge{position:absolute;top:-.82rem;left:50%;transform:translateX(-50%);background:#176be0;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:.3rem .8rem;white-space:nowrap;line-height:1.2}
.twl-pack__ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#eef6fb;font-size:1.45rem;margin:0 0 .8rem;line-height:1}
.twl-pack .twl-pack__name{font-size:1.12rem!important;line-height:1.3!important;color:#102a43;margin:0 0 .25rem!important;font-weight:800}
.twl-pack .twl-pack__for{font-size:.92rem!important;line-height:1.5;color:#5c6f7b;margin:0 0 1rem!important}
.twl-pack .twl-pack__price{font-size:1.9rem!important;font-weight:800;color:#176be0;line-height:1.1;margin:0 0 .15rem!important;letter-spacing:-.01em}
.twl-pack__price small{font-size:.95rem;font-weight:700;color:#176be0}
.twl-pack .twl-pack__plus{font-size:.95rem!important;font-weight:700;color:#102a43;margin:0 0 .15rem!important;line-height:1.4}
.twl-pack .twl-pack__iva{font-size:.82rem!important;color:#7a8b96;margin:0 0 1rem!important;line-height:1.4}
.twl-pack ul.twl-pack__list{list-style:none!important;padding:0!important;margin:0 0 1.1rem!important;display:grid;gap:.5rem}
.twl-pack ul.twl-pack__list li{position:relative;padding:0 0 0 1.45rem!important;margin:0!important;font-size:.93rem!important;color:#41545f;line-height:1.45;list-style:none!important}
.twl-pack ul.twl-pack__list li::before{content:"✓";position:absolute;left:0;top:0;color:#1f7a4d;font-weight:800}
.twl-pack .twl-pack__extra{margin:auto 0 0!important;padding:.75rem .85rem;border-radius:12px;background:#f4f9fc;font-size:.86rem!important;line-height:1.45;color:#41545f}
.twl-pack .twl-pack__extra strong{color:#102a43!important}
.twl-pack a.twl-pack__link,.twl-pack .twl-pack__extra a{color:#176be0!important;font-weight:700;text-decoration:underline!important;border:0!important}
/* Comparativa */
.twl-pack__vs{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch;background:#102a43;border-radius:18px;padding:1.3rem;margin:0 0 1.4rem;color:#d9e6f2}
.twl-pack__vscol{background:rgba(255,255,255,.06);border-radius:14px;padding:1rem 1.1rem;min-width:0}
.twl-pack__vscol--ok{background:#fff;color:#41545f}
.twl-pack .twl-pack__vst{font-size:.78rem!important;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin:0 0 .45rem!important;color:#9fc3e6;line-height:1.3}
.twl-pack__vscol--ok .twl-pack__vst{color:#1f7a4d}
.twl-pack .twl-pack__vsn{font-size:1.45rem!important;font-weight:800;line-height:1.15;margin:0 0 .35rem!important;color:#fff}
.twl-pack__vscol--ok .twl-pack__vsn{color:#102a43}
.twl-pack .twl-pack__vsd{font-size:.88rem!important;line-height:1.5;margin:0!important;color:inherit}
.twl-pack__vsx{align-self:center;font-weight:800;font-size:.85rem;color:#fff;background:#176be0;border-radius:999px;width:42px;height:42px;display:flex;align-items:center;justify-content:center}
/* CTA */
.twl-pack__cta{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;align-items:center;margin:0 0 .8rem}
.twl-pack a.twl-pack__btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:12px;padding:.82rem 1.2rem;font-weight:800;text-decoration:none!important;min-height:48px;font-size:.97rem;line-height:1.2;border:0!important;text-align:center}
.twl-pack a.twl-pack__btn--wa{background:#25D366;color:#08361b!important}
.twl-pack a.twl-pack__btn--wa:hover{background:#1fb457}
.twl-pack a.twl-pack__btn--sec{background:#fff;color:#0d4ba0!important;border:2px solid #cfe1f3!important}
.twl-pack a.twl-pack__btn--sec:hover{border-color:#176be0!important}
.twl-pack .twl-pack__nota{text-align:center;font-size:.85rem!important;color:#5c6f7b;margin:0!important;line-height:1.5}
.twl-pack .twl-pack__nota a{color:#176be0!important;font-weight:700;text-decoration:underline!important;border:0!important}
@media (max-width:920px){
  .twl-pack__grid{grid-template-columns:1fr;max-width:540px;margin-left:auto;margin-right:auto}
  .twl-pack__card--rec{order:-1}
  .twl-pack__vs{grid-template-columns:1fr;max-width:540px;margin-left:auto;margin-right:auto}
  .twl-pack__vsx{justify-self:center}
}
@media (max-width:420px){
  .twl-pack-sec{padding:2.6rem 0}
  .twl-pack__card{padding:1.5rem 1.1rem 1.15rem}
  .twl-pack__vs{padding:1rem}
  .twl-pack a.twl-pack__btn{width:100%}
}