/* ==========================================================================
   porta-paginas.css — carrito, checkout, confirmación, cuenta, Quiénes somos,
   FAQ, Ayuda, Privacidad y 404 (maquetas checkout y nosotros). Se suma a
   porta.css. Mismos tokens; formularios y opciones propios (sin controles
   nativos a la vista).
   ========================================================================== */

/* ---------- comunes ---------- */
.pm-pg-crumbs{padding-block:24px 0}
.pm-pg-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-block:20px 8px}
.pm-pg-h1{font-size:clamp(22px,2.4vw,30px);font-weight:500;letter-spacing:.01em;line-height:1.2}
.pm-pg-h1--grande{font-size:clamp(26px,3vw,40px);font-weight:400;letter-spacing:-.01em;margin:6px 0 0}
.pm-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pm-mute)}
.pm-u{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.pm-u:hover{color:var(--pm-mute)}
.pm-ok{color:var(--pm-ok)}
.pm-mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px;letter-spacing:.02em;overflow-wrap:anywhere}

/* buscador de página (/buscar y 404) */
.pm-buscar{display:flex;width:100%;align-items:center;gap:14px;border-bottom:1px solid var(--pm-ink);padding:8px 0;margin-top:24px;max-width:720px}
.pm-buscar input{flex:1;min-width:0;width:0;border:0;background:transparent;font-size:18px;padding:8px 0;outline:none}
.pm-buscar input::-webkit-search-cancel-button{-webkit-appearance:none}
.pm-buscar__cuenta{display:block;margin-top:24px}
.pm-buscar__ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.pm-buscar__ideas ul{list-style:none;display:grid;gap:8px;margin-top:12px}
.pm-buscar__ideas a:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- campos ---------- */
.pm-form{display:grid;gap:14px}
.pm-f{display:grid;gap:6px;min-width:0;align-content:start}
.pm-f label,.pm-f__l{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pm-mute)}
.pm-f label .pm-mute{text-transform:none;letter-spacing:0}
.pm-f input{height:46px;width:100%;border:1px solid var(--pm-line);border-radius:0;padding:0 14px;background:var(--pm-bg);font-size:15px;appearance:none;-webkit-appearance:none;transition:border-color var(--pm-t2) var(--pm-ease)}
.pm-f input:focus{border-color:var(--pm-ink);outline:none}
.pm-f input:focus-visible{outline:none}
.pm-f input[readonly],.pm-f input:disabled{background:var(--pm-studio);color:var(--pm-mute)}
.pm-f input::placeholder{color:#a3a3a0}
.pm-f__e{display:none;font-size:12px;color:var(--pm-sale)}
.pm-f.is-error input,.pm-f.is-error .pm-sel__btn{border-color:var(--pm-sale)}
.pm-f.is-error .pm-f__e,.pm-f__e--suelto.is-on{display:block}
.pm-form__msg{font-size:13px;color:var(--pm-sale);min-height:1em}
.pm-form__msg.is-ok{color:var(--pm-ok)}
.pm-form__pie{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pm-grid3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.pm-grid3--loc.is-personal{grid-template-columns:1fr}

/* opciones tipo tarjeta (los radios nativos quedan ocultos: sólo se ve esto) */
.pm-ros{display:grid;gap:8px}
.pm-ro{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--pm-line);padding:16px;cursor:pointer;transition:border-color var(--pm-t2) var(--pm-ease),opacity var(--pm-t2) var(--pm-ease)}
.pm-ro:hover{border-color:#bdbdba}
.pm-ro__in{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.pm-ro.is-on,.pm-ro:has(.pm-ro__in:checked){border-color:var(--pm-ink)}
.pm-ro:has(.pm-ro__in:focus-visible){outline:1px solid var(--pm-ink);outline-offset:3px}
.pm-ro__l{display:flex;gap:14px;align-items:center;min-width:0}
.pm-ro__l b{display:block;font-weight:500;font-size:14px}
.pm-ro__l small{display:block;color:var(--pm-mute);font-size:12px}
.pm-ro__l small.pm-ok{color:var(--pm-ok)}
.pm-ro__dot{width:16px;height:16px;border-radius:50%;border:1px solid var(--pm-mute);flex:none;transition:border-width var(--pm-t1) var(--pm-ease),border-color var(--pm-t1) var(--pm-ease)}
.pm-ro.is-on .pm-ro__dot,.pm-ro:has(.pm-ro__in:checked) .pm-ro__dot{border:5px solid var(--pm-ink)}
.pm-ro__p{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pm-ro.is-off{opacity:.45;cursor:not-allowed}

/* ---------- checkout (maqueta checkout) ---------- */
.pm-co{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding-block:28px 72px;align-items:start}
.pm-co__volver{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--pm-mute);margin-bottom:18px}
.pm-co__volver .pm-ico{width:14px;height:14px}
.pm-co__volver:hover{color:var(--pm-ink)}
.pm-co__h1{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin-bottom:8px}
.pm-co__nota{font-size:12px;color:var(--pm-mute)}
.pm-co__nota a{color:var(--pm-ink);text-decoration:underline;text-underline-offset:3px}
.pm-step{padding-block:28px;border-bottom:1px solid var(--pm-line);display:grid;gap:16px}
.pm-step--ult{border-bottom:0}
.pm-step__hd{display:flex;align-items:center;gap:12px}
.pm-step__n{width:24px;height:24px;border-radius:50%;background:var(--pm-ink);color:#fff;font-size:12px;display:grid;place-items:center;font-weight:500;flex:none}
.pm-step__hd h2{font-size:15px;font-weight:500}
.pm-co__dir{display:grid;gap:12px}
.pm-co__aviso{background:var(--pm-studio);padding:18px;display:grid;gap:12px;justify-items:start;font-size:13px}
.pm-co__aviso .pm-btn .pm-ico{width:16px;height:16px}
/* entrega por código postal (el calculador de la ficha, elegible) y la tarjeta (Stripe) — Gonza, 7-nov */
.pm-co__cpfila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.pm-co__cpfila .pm-btn{min-height:46px;padding:0 18px;white-space:nowrap}
.pm-co__zona{font-size:12px;color:var(--pm-mute);margin-top:-4px}
.pm-co__zona.is-error{color:var(--pm-sale)}
.pm-co__marcas{display:flex;gap:4px}
.pm-co__marcas img{display:block;width:34px;height:22px}
.pm-co__stripe{display:grid;gap:14px;border:1px solid var(--pm-ink);padding:18px 16px}
.pm-co__stripe-hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.pm-co__stripe-hd .pm-lnk{background:none;border:0;border-bottom:1px solid currentColor;color:var(--pm-ink);cursor:pointer;padding:0 0 2px;font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.pm-co__stripe-el{min-height:110px}
.pm-co.is-bloqueado .pm-step:not(.pm-step--ult),.pm-co.is-bloqueado [data-pm-co-medios]{opacity:.5;transition:opacity var(--pm-t2) var(--pm-ease)}
@media (max-width:420px){.pm-co__marcas img{width:28px;height:18px}}
.pm-co__side{position:sticky;top:calc(var(--pm-hd-h) + 24px);display:grid;gap:14px}
.pm-sum{background:var(--pm-studio);padding:28px;display:grid;gap:18px}
.pm-sum__toggle{display:none}
.pm-sum__body{display:grid;gap:18px}
.pm-sum__t{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;display:flex;justify-content:space-between;gap:12px}
.pm-sum__t .pm-mute{letter-spacing:.04em;text-transform:none;font-weight:400}
.pm-sum__its{list-style:none;display:grid;gap:14px}
.pm-sum__it{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:start;font-size:13px}
.pm-sum__it--sin-foto{grid-template-columns:minmax(0,1fr) auto}
.pm-sum__img{aspect-ratio:4/5;background:#fff;overflow:hidden}
.pm-sum__img img{width:100%;height:100%;object-fit:cover}
.pm-sum__n{display:grid;gap:2px;min-width:0}
.pm-sum__br{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--pm-mute)}
.pm-sum__rows{display:grid;gap:8px;border-top:1px solid #dcdcd8;padding-top:16px;font-size:13px;font-variant-numeric:tabular-nums;margin:0}
.pm-sum__rows>div{display:flex;justify-content:space-between;gap:12px}
.pm-sum__rows dt{min-width:0}
.pm-sum__rows dd{margin:0;text-align:right;white-space:nowrap}
.pm-sum__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid #dcdcd8;padding-top:16px;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}
.pm-sum__total small{font-size:11px;font-weight:400}
.pm-sum__nota{font-size:12px;color:var(--pm-mute)}
.pm-sum__nota--aviso{color:var(--pm-sale)}
.pm-sum__editar{justify-self:start}
.pm-sum__bloque{display:grid;gap:4px;font-size:13px;border-top:1px solid #dcdcd8;padding-top:14px}
.pm-co__cta{display:grid;gap:10px}
.pm-co__pay{min-height:54px;justify-content:space-between;padding:0 22px}
.pm-co__pay-monto{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.pm-co__msg{font-size:13px;color:var(--pm-sale);min-height:1em}
.pm-co__msg.is-aviso{color:#8a5a00}
.pm-co__trust{list-style:none;display:grid;gap:8px;font-size:12px;color:var(--pm-mute)}
.pm-co__trust li{display:flex;gap:8px;align-items:flex-start}
.pm-co__trust .pm-ico{width:14px;height:14px;margin-top:1px}
.pm-co-vacio{padding-block:56px}

/* ---------- carrito ---------- */
.pm-carro__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start;padding-block:16px 24px}
.pm-carro__lista{list-style:none;border-top:1px solid var(--pm-line)}
.pm-carro__fila{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:20px;padding-block:20px;border-bottom:1px solid var(--pm-line)}
.pm-carro__img{display:block;aspect-ratio:4/5;background:var(--pm-studio);overflow:hidden}
.pm-carro__img img{width:100%;height:100%;object-fit:cover}
.pm-carro__info{display:grid;gap:4px;align-content:start;font-size:13px;min-width:0}
.pm-carro__br{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--pm-mute)}
.pm-carro__n{font-size:14px}
.pm-carro__n:hover{text-decoration:underline;text-underline-offset:3px}
.pm-carro__aviso{font-size:12px;color:var(--pm-sale)}
.pm-carro__ctrl{display:flex;align-items:center;gap:18px;margin-top:10px}
.pm-carro__tope{font-size:12px}
.pm-carro__p{font-size:14px;white-space:nowrap}
.pm-qty{display:inline-flex;align-items:center;border:1px solid var(--pm-line);height:38px}
.pm-qty button{width:38px;height:36px;display:grid;place-items:center;transition:background-color var(--pm-t1) var(--pm-ease)}
.pm-qty button:hover:not(:disabled){background:var(--pm-studio)}
.pm-qty button:disabled{opacity:.3;cursor:not-allowed}
.pm-qty .pm-ico{width:14px;height:14px}
.pm-qty span{min-width:28px;text-align:center;font-variant-numeric:tabular-nums;font-size:13px}
.pm-carro__res{position:sticky;top:calc(var(--pm-hd-h) + 24px);background:var(--pm-studio);padding:28px;display:grid;gap:14px}

/* ---------- confirmación y pagar ---------- */
.pm-done{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding-block:56px 72px;align-items:start}
.pm-done__main{display:grid;gap:16px;justify-items:start;max-width:640px}
.pm-done__h1{font-size:clamp(22px,2.4vw,28px);font-weight:500;letter-spacing:.01em;line-height:1.25}
.pm-done__aviso{background:#fbf3e6;color:#6b4a10;padding:12px 14px;font-size:13px}
.pm-done__cuenta{font-size:13px;color:var(--pm-mute)}
.pm-done__cuenta a{color:var(--pm-ink);text-decoration:underline;text-underline-offset:3px}
.pm-done__acc{display:flex;gap:24px;flex-wrap:wrap;margin-top:8px}
.pm-done__res{position:sticky;top:calc(var(--pm-hd-h) + 24px)}
.pm-box{border:1px solid var(--pm-line);padding:22px;display:grid;gap:12px;justify-items:start;width:100%}
.pm-box__t{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.pm-box__nota{font-size:13px;color:var(--pm-ink-2)}
.pm-box .pm-btn .pm-ico{width:16px;height:16px}
.pm-kv{display:grid;gap:10px;width:100%;margin:0}
.pm-kv>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:6px 16px;align-items:baseline;font-size:13px}
.pm-kv dt{color:var(--pm-mute)}
.pm-kv dd{margin:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.pm-kv dd b{font-weight:500;font-size:15px}
.pm-copiar{font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;line-height:1.3;min-height:24px}
.pm-copiar:hover{color:var(--pm-mute)}
.pm-pasos{padding-left:18px;display:grid;gap:6px;font-size:13px}
.pm-stripe{width:100%;min-height:120px}

/* ---------- Quiénes somos (maqueta nosotros) ---------- */
.pm-ab-hero{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(440px,70vh,720px);background:var(--pm-studio)}
.pm-ab-hero__img{position:relative;overflow:hidden;background:#dedcd7;margin:0}
.pm-ab-hero__img img,.pm-ab-hero__img picture{position:absolute;inset:0;width:100%;height:100%}
.pm-ab-hero__img img{object-fit:cover}
.pm-ab-hero__txt{display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:clamp(28px,5vw,72px)}
.pm-ab-hero__txt>nav{margin-bottom:auto}
.pm-ab-hero h1{font-size:clamp(26px,3.2vw,44px);line-height:1.12;font-weight:400;letter-spacing:-.01em;max-width:16ch}
.pm-ab-hero__txt>p.pm-mute{max-width:44ch}
.pm-ab-sec{padding-block:clamp(56px,8vw,112px);border-bottom:1px solid var(--pm-line)}
.pm-ab-sec>h2,.pm-ab-two>h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.pm-ab-two{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(28px,6vw,96px);align-items:start}
.pm-ab-lead{font-size:clamp(18px,1.6vw,22px);line-height:1.5;margin:0 0 18px;max-width:40ch}
.pm-ab-p{margin:0 0 14px;max-width:60ch;color:var(--pm-ink-2)}
.pm-ab-p p{margin:0 0 10px}
.pm-ab-p a{text-decoration:underline;text-underline-offset:3px}
.pm-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--pm-line);margin:28px 0 0}
.pm-fact{padding:22px 22px 0 0;display:grid;gap:4px}
.pm-fact dt{font-size:clamp(24px,2.4vw,32px);font-weight:400;font-variant-numeric:tabular-nums}
.pm-fact dd{font-size:12px;color:var(--pm-mute);margin:0}
.pm-steps4{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:36px}
.pm-st{display:grid;gap:12px;align-content:start}
.pm-st__img{position:relative;display:block;aspect-ratio:4/5;background:var(--pm-studio);overflow:hidden}
.pm-st__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pm-st__img--ruta{display:flex;align-items:center;justify-content:center;gap:14px;font-size:clamp(18px,2vw,26px);letter-spacing:.2em;font-weight:500}
.pm-st__img--ruta i{display:block;width:clamp(40px,5vw,80px);height:1px;background:var(--pm-ink)}
.pm-st__n{font-size:11px;letter-spacing:.14em;color:var(--pm-mute)}
.pm-st h3{font-weight:500;font-size:15px}
.pm-st p{font-size:13px;color:var(--pm-mute);max-width:32ch}
.pm-ab-cierre{border-bottom:0;display:grid;gap:8px;justify-items:start}

/* ---------- FAQ ---------- */
.pm-doc-wrap{padding-bottom:24px}
.pm-doc-wrap>.pm-eyebrow{margin-top:28px}
.pm-faq-tabs{display:flex;gap:22px;flex-wrap:wrap;margin:28px 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.pm-faq-tabs button{padding-bottom:6px;border-bottom:1px solid transparent;color:var(--pm-mute);min-height:32px;transition:color var(--pm-t2) var(--pm-ease),border-color var(--pm-t2) var(--pm-ease)}
.pm-faq-tabs button[aria-pressed="true"]{color:var(--pm-ink);border-color:var(--pm-ink)}
.pm-faq-tabs button:hover{color:var(--pm-ink)}
.pm-faq{max-width:860px}
.pm-faq details{border-bottom:1px solid var(--pm-line)}
.pm-faq details:first-of-type{border-top:1px solid var(--pm-line)}
.pm-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;cursor:pointer}
.pm-faq summary::-webkit-details-marker{display:none}
.pm-faq summary h2{font-size:15px;font-weight:400}
.pm-faq summary .pm-ico{width:16px;height:16px;transition:transform var(--pm-t3) var(--pm-ease)}
.pm-faq details[open] summary .pm-ico{transform:rotate(45deg)}
.pm-faq__a{padding:0 0 24px;color:var(--pm-ink-2);max-width:64ch;display:grid;gap:10px;justify-items:start}
.pm-faq__a a:not(.pm-lnk){text-decoration:underline;text-underline-offset:3px}
.pm-help{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--pm-studio);padding:28px;margin-top:40px;max-width:860px}

/* ---------- Ayuda y Privacidad ---------- */
.pm-doc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(28px,6vw,96px);padding-block:28px 24px;align-items:start}
.pm-doc__lado{position:sticky;top:calc(var(--pm-hd-h) + 24px);display:grid;gap:12px}
.pm-doc__nav{display:grid;gap:2px}
.pm-doc__nav a{font-size:13px;padding:6px 0 6px 12px;border-left:1px solid var(--pm-line);color:var(--pm-mute);transition:color var(--pm-t2) var(--pm-ease),border-color var(--pm-t2) var(--pm-ease)}
.pm-doc__nav a:hover{color:var(--pm-ink)}
.pm-doc__nav a[aria-current]{color:var(--pm-ink);border-left-color:var(--pm-ink)}
.pm-doc__cuerpo{max-width:720px;display:grid;gap:8px}
.pm-doc__bajada{font-size:16px;color:var(--pm-ink-2);margin:8px 0 12px}
.pm-doc__sec{padding-block:24px;border-top:1px solid var(--pm-line)}
.pm-doc__sec h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;margin-bottom:12px}
.pm-prosa{color:var(--pm-ink-2);display:grid;gap:10px;max-width:68ch}
.pm-prosa p,.pm-prosa ul{margin:0}
.pm-prosa ul{padding-left:18px;display:grid;gap:6px}
.pm-prosa a{text-decoration:underline;text-underline-offset:3px}
.pm-doc__pie{margin-top:16px;font-size:13px;color:var(--pm-mute)}
.pm-tabla-scroll{overflow-x:auto;max-width:100%}
.pm-tabla{width:100%;border-collapse:collapse;font-size:13px}
.pm-tabla th,.pm-tabla td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--pm-line);vertical-align:top}
.pm-tabla th{font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pm-mute)}
.pm-tabla code{font-size:12px}
.pm-legal{font-size:12px;color:var(--pm-mute)}

/* ---------- cuenta ---------- */
.pm-login{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - var(--pm-hd-h) - 32px)}
.pm-login__img{position:relative;background:var(--pm-studio);overflow:hidden}
.pm-login__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pm-login__panel{display:grid;gap:14px;align-content:center;max-width:520px;padding-block:48px}
.pm-tabs{display:flex;gap:24px;border-bottom:1px solid var(--pm-line);margin-top:8px}
.pm-tabs__b{padding:10px 0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid transparent;margin-bottom:-1px;color:var(--pm-mute)}
.pm-tabs__b[aria-selected="true"]{color:var(--pm-ink);border-bottom-color:var(--pm-ink)}
.pm-login__o{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--pm-mute)}
.pm-login__o::before,.pm-login__o::after{content:"";flex:1;height:1px;background:var(--pm-line)}
.pm-login__olvido{justify-self:start;font-size:12px}
.pm-login__nota{font-size:12px}
.pm-reset{max-width:520px;padding-block:56px;display:grid;gap:14px}
.pm-cuenta__top{padding-top:32px}
.pm-cuenta__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start;padding-block:24px}
.pm-cuenta__lado{display:grid;gap:24px}
.pm-pedidos{list-style:none;width:100%}
.pm-pedidos a{display:grid;grid-template-columns:auto auto 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--pm-line);font-size:13px}
.pm-pedidos a:hover .pm-num:first-child{text-decoration:underline;text-underline-offset:3px}
.pm-estado{justify-self:start;font-size:11px;letter-spacing:.06em;padding:3px 8px;background:var(--pm-studio)}
.pm-estado--ok{color:var(--pm-ok)}
.pm-estado--off{color:var(--pm-sale)}
.pm-dirs{list-style:none;display:grid;width:100%}
.pm-dir{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--pm-line);font-size:13px}

/* ---------- 404 ---------- */
.pm-404{padding-block:72px 24px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;justify-items:start;max-width:760px}
.pm-404__links{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:20px}
.pm-404__links a{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:2px}
.pm-404__links .pm-ico{width:14px;height:14px}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .pm-co{grid-template-columns:1fr;gap:0;padding-top:0;grid-template-areas:"sum" "main" "cta"}
  .pm-co__side{display:contents}
  .pm-co .pm-sum{grid-area:sum;margin-inline:calc(-1 * var(--pm-gut)) calc(-1 * var(--pm-gutR));padding:16px var(--pm-gutR) 16px var(--pm-gut)}
  .pm-done .pm-sum{padding:22px}
  .pm-co__main{grid-area:main;padding-top:20px}
  .pm-co__cta{grid-area:cta;padding-bottom:8px}
  .pm-sum__toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:40px;font-size:13px}
  .pm-sum__toggle b{font-weight:500;margin-left:auto;font-variant-numeric:tabular-nums}
  .pm-sum__toggle .pm-ico{width:14px;height:14px;transition:transform var(--pm-t2) var(--pm-ease)}
  .pm-sum__toggle[aria-expanded="true"] .pm-ico{transform:rotate(180deg)}
  .pm-sum.is-cerrado .pm-sum__body{display:none}
  .pm-sum:not(.is-cerrado) .pm-sum__body{padding-top:12px}
  .pm-grid3{grid-template-columns:1fr 1fr}
  .pm-grid3>.pm-f:first-child{grid-column:1/-1}
  .pm-done{grid-template-columns:1fr;padding-top:36px}
  .pm-done__res{position:static}
  .pm-carro__grid{grid-template-columns:1fr}
  .pm-carro__res{position:static}
  .pm-ab-hero{grid-template-columns:1fr}
  .pm-ab-hero__img{aspect-ratio:4/5;max-height:70svh}
  .pm-ab-two{grid-template-columns:1fr}
  .pm-steps4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-doc{grid-template-columns:1fr}
  .pm-doc__lado{position:static}
  .pm-doc__nav{display:flex;gap:6px 18px;flex-wrap:wrap}
  .pm-doc__nav a{border-left:0;padding:4px 0;border-bottom:1px solid transparent}
  .pm-doc__nav a[aria-current]{border-bottom-color:var(--pm-ink)}
  .pm-login{grid-template-columns:1fr;min-height:0}
  .pm-login__panel{align-content:start;padding-block:32px 48px}
  .pm-login__img{display:none}
  .pm-cuenta__grid{grid-template-columns:1fr}
  .pm-buscar__ideas{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .pm-f input{font-size:16px}
  .pm-grid2{grid-template-columns:1fr}
  .pm-carro__fila{grid-template-columns:88px minmax(0,1fr);gap:14px}
  .pm-carro__p{grid-column:2;font-size:13px}
  .pm-facts{grid-template-columns:1fr 1fr}
  .pm-kv>div{grid-template-columns:1fr}
  .pm-pedidos a{grid-template-columns:1fr auto;row-gap:6px}
  .pm-help{padding:20px}
  .pm-buscar__ideas{grid-template-columns:1fr}
}