/* adresles.css — estilos específicos de la página Adresles (checkout sin dirección) */
.adx-chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem; list-style:none; margin:1.6rem 0 0; padding:0; }
.adx-chips li{ display:inline-flex; align-items:center; gap:.4em; font-size:.85rem; font-weight:500; color:var(--fg-muted); background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius-pill); padding:.35rem .85rem; }
.adx-chips li svg{ color:var(--brand-green); }
.adx-ico--coral{ background:color-mix(in srgb, var(--brand-coral) 12%, white); color:var(--brand-coral); }

/* ---- Marca Adresles (logotipo oficial: negro sobre fondo claro, verde sobre fondo oscuro) ---- */
.adx-logo{ height:46px; width:auto; display:block; }
.adx-logo--sm{ height:22px; }
.adx-logo--dark{ height:40px; }
.adx-brand{ display:flex; align-items:center; justify-content:center; gap:.9rem; margin:1rem 0 .3rem; }
.adx-brand__tag{ font-weight:500; font-size:.9rem; color:var(--fg-subtle); }
.adx-brand--dark{ justify-content:flex-start; margin:1.6rem 0 0; }
.adx-brand--dark .adx-brand__tag{ color:var(--gray-400); }
.adx-dark .cw-tick--light svg{ color:#DBFF36; }
.adx-info__title{ display:flex; align-items:center; justify-content:center; gap:.55rem; }

/* ---- Stats destacadas ---- */
.adx-stats{ gap:1.6rem; }
.adx-stats .cw-stat{ gap:.55rem; background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius-md); padding:1.6rem 1.2rem; box-shadow:var(--shadow-xs); }
.adx-stats .cw-stat strong{ font-size:clamp(2.3rem, 1.6rem + 2.4vw, 3.4rem); }
.adx-stats .cw-stat span{ font-size:.92rem; }

/* ---- Infografía «así funciona» ---- */
.adx-info{ display:flex; flex-direction:column; gap:.45rem; background:linear-gradient(160deg, var(--green-50), var(--gray-50)); border:1px solid var(--green-100); border-radius:var(--radius-lg); padding:1.6rem; }
.adx-info__title{ text-align:center; font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--brand-orange); margin-bottom:.5rem; }
.adx-info__step{ display:flex; align-items:center; gap:.9rem; background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius-md); padding:.95rem 1.1rem; box-shadow:var(--shadow-xs); }
.adx-info__step b{ display:block; font-size:.95rem; color:var(--fg); }
.adx-info__step div > span{ font-size:.82rem; color:var(--fg-muted); }
.adx-info__ico{ flex:none; display:grid; place-items:center; width:42px; height:42px; border-radius:50%; color:#fff; }
.adx-info__ico--orange{ background:var(--brand-orange); }
.adx-info__ico--green{ background:var(--brand-green); }
.adx-info__ico--ink{ background:var(--ink-900); }
.adx-info__arrow{ display:flex; justify-content:center; color:var(--gray-400); line-height:0; }
.adx-info__foot{ text-align:center; font-size:.8rem; color:var(--fg-subtle); margin-top:.6rem; }

.adx-cta-row{ display:flex; justify-content:center; margin-top:2.4rem; }
.adx-guarantee .btn{ margin-top:1rem; }

/* ---- Simulador antes/después ---- */
/* El atributo hidden pierde contra cualquier display de autor (p. ej. el flex
   de .adx-check__fields): forzarlo para los paneles conmutables del simulador. */
[data-adx-show][hidden]{ display:none !important; }
.adx-toggle{ display:flex; justify-content:center; gap:4px; width:max-content; margin:0 auto 2.2rem; padding:5px; background:var(--gray-100); border:1px solid var(--gray-200); border-radius:var(--radius-pill); }
.adx-toggle button{ font-family:var(--font-sans); font-size:.95rem; font-weight:500; color:var(--fg-muted); background:transparent; border:none; border-radius:var(--radius-pill); padding:.55rem 1.3rem; cursor:pointer; transition:all var(--dur) var(--ease-out); }
.adx-toggle button.is-on{ background:var(--ink-900); color:#fff; box-shadow:var(--shadow-sm); }
.adx-sim{ display:grid; grid-template-columns:minmax(320px, 460px) 1fr; gap:2.4rem; align-items:start; max-width:960px; margin:0 auto; }
.adx-check{ padding:0; overflow:hidden; }
.adx-check__bar{ display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:.85rem 1.2rem; background:var(--gray-100); border-bottom:1px solid var(--gray-200); }
.adx-check__dom{ font-size:.85rem; font-weight:500; color:var(--fg-muted); }
.adx-pill{ font-size:.72rem; font-weight:700; letter-spacing:.02em; background:#DBFF36; color:#000; border-radius:var(--radius-pill); padding:.22rem .7rem; }
.adx-check__fields{ display:flex; flex-direction:column; gap:.6rem; padding:1.2rem; }
.adx-field{ display:flex; align-items:center; gap:.5em; font-size:.88rem; color:var(--fg-subtle); background:var(--white); border:1px solid var(--gray-300); border-radius:10px; padding:.6rem .85rem; }
.adx-field--tel{ color:var(--fg); border-color:var(--ink-900); box-shadow:0 0 0 3px color-mix(in srgb, #DBFF36 45%, transparent); }
.adx-note{ display:flex; gap:.5em; align-items:flex-start; margin:0; font-size:.82rem; line-height:1.5; color:var(--fg-muted); background:var(--mint-050, #ECF8F1); border-radius:10px; padding:.7rem .85rem; }
.adx-note svg{ flex:none; margin-top:.15em; color:var(--brand-green); }
.adx-buy{ margin-top:.4rem; text-align:center; font-weight:700; font-size:.95rem; color:#fff; background:var(--gray-400); border-radius:10px; padding:.75rem; }
.adx-buy--adx{ background:#000; color:#DBFF36; }
.adx-sim__info p{ margin:.5rem 0 1rem; color:var(--fg-muted); }
.adx-big{ font-size:clamp(3rem, 2rem + 4vw, 4.6rem); font-weight:700; line-height:1; color:var(--brand-coral); }
.adx-big--green{ color:var(--brand-green); }
.adx-mini{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.4rem; }
.adx-mini li{ font-size:.88rem; font-weight:500; color:var(--fg); padding-left:1.1em; position:relative; }
.adx-mini li::before{ content:""; position:absolute; left:0; top:.5em; width:.45em; height:.45em; border-radius:50%; background:var(--brand-orange); }
.adx-fine{ max-width:760px; margin:1.6rem auto 0; text-align:center; font-size:.8rem; color:var(--fg-subtle); }
.adx-fine a{ color:var(--brand-orange); }

/* ---- Pasos ---- */
.adx-steps{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1.4rem; counter-reset:paso; }
.adx-step{ position:relative; }
.adx-step__n{ display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--brand-orange); color:#fff; font-weight:700; font-size:1.15rem; margin-bottom:1rem; box-shadow:var(--shadow-brand, var(--shadow-sm)); }
.adx-step p{ color:var(--fg-muted); margin:.4rem 0 0; }

/* ---- Precios ---- */
.adx-tiers{ display:grid; grid-template-columns:repeat(4, 1fr); gap:1.4rem; max-width:900px; margin:0 auto 2rem; }
.adx-tier{ text-align:center; padding:1.6rem 1rem; }
.adx-tier strong{ display:block; font-size:clamp(1.8rem, 1.4rem + 1.4vw, 2.6rem); font-weight:700; color:var(--brand-orange); line-height:1.1; }
.adx-tier span{ font-size:.88rem; color:var(--fg-muted); }
.adx-guarantee{ display:flex; gap:1.2rem; align-items:flex-start; max-width:760px; margin:0 auto; background:var(--mint-050, #ECF8F1); border:1px solid var(--brand-mint); border-radius:var(--radius-lg); padding:1.6rem 1.8rem; }
.adx-guarantee__ico{ flex:none; display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:var(--brand-green); color:#fff; }
.adx-guarantee p{ margin:.3rem 0 0; color:var(--fg-muted); }

/* ---- Calculadora ---- */
.adx-calc{ display:grid; grid-template-columns:1fr 1fr; gap:1.6rem; max-width:900px; margin:0 auto; }
.adx-calc__in{ display:flex; flex-direction:column; gap:1.4rem; }
.adx-calc__in label{ display:block; font-weight:500; font-size:.95rem; }
.adx-calc__in output{ float:right; font-weight:700; color:var(--brand-orange); font-variant-numeric:tabular-nums; }
.adx-calc__in input[type="range"]{ width:100%; margin-top:.7rem; accent-color:var(--brand-orange); }
.adx-calc__in .adx-fine{ text-align:left; margin:0; }
.adx-calc__out{ display:flex; flex-direction:column; margin:0; gap:0; }
.adx-calc__out > div{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; padding:.85rem 0; border-bottom:1px solid var(--gray-200); }
.adx-calc__out dt{ font-size:.92rem; color:var(--fg-muted); }
.adx-calc__out dd{ margin:0; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
.adx-calc__out .is-total{ border-bottom:none; margin-top:auto; }
.adx-calc__out .is-total dt{ font-weight:700; color:var(--fg); }
.adx-calc__out .is-total dd{ font-size:1.5rem; color:var(--brand-green); }
.adx-calc__out .adx-calc__cta{ border-bottom:none; padding:1.2rem 0 0; }
.adx-calc__out .adx-calc__cta a{ flex:1; }

@media (max-width: 900px){
  .adx-sim{ grid-template-columns:1fr; }
  .adx-steps{ grid-template-columns:1fr; }
  .adx-tiers{ grid-template-columns:1fr 1fr; }
  .adx-calc{ grid-template-columns:1fr; }
}
@media (max-width: 520px){
  .adx-guarantee{ flex-direction:column; }
}