/* =========================================================
   TRIUNŌ · Secciones del sitio, tienda y carrito
   ========================================================= */
[hidden]{display:none!important}
body.sin-scroll{overflow:hidden}

/* ---------- Encabezado: carrito y menú ---------- */
.cabecera__acciones{display:flex;align-items:center;gap:8px}
.carrito-btn{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 8px;background:none;border:0;color:var(--tinta);font:600 .75rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.carrito-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}
.carrito-btn__cuenta{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;background:var(--bronce);color:var(--carbon);font-size:.7rem;letter-spacing:0;border-radius:var(--r1)}
.carrito-btn__texto{display:none}
@media (min-width:880px){.carrito-btn__texto{display:inline}.cabecera__fila{gap:36px}.nav{margin-left:auto}}

.menu{position:fixed;inset:0;z-index:80;background:var(--carbon);display:flex;flex-direction:column;padding:16px var(--gutter) 32px}
.menu__cabeza{display:flex;justify-content:space-between;align-items:center;min-height:56px}
.menu__cabeza img{height:38px;width:auto}
.menu__cerrar{min-height:44px;padding:0 4px;background:none;border:0;color:var(--tinta);font:600 .75rem var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.menu__links{display:flex;flex-direction:column;gap:4px;margin-top:auto;margin-bottom:auto;overflow:hidden}
.menu__links a{display:block;font-size:2.6rem;font-weight:600;letter-spacing:-.03em;line-height:1.25;text-decoration:none;color:var(--tinta)}
.menu__links a[aria-current="page"]{color:var(--acento)}
.menu__pie{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--tinta-suave)}

/* ---------- Secciones ---------- */
.seccion{padding-block:clamp(72px,10vw,128px)}
.seccion--borde{border-top:1px solid var(--linea)}
.cabeza{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(36px,5vw,56px);max-width:40rem}
.cabeza h2{font-size:var(--t-h1)}
.cabeza p:not(.kicker){color:var(--tinta-suave);max-width:52ch}
.cabeza--fila{max-width:none}
@media (min-width:880px){.cabeza--fila{flex-direction:row;align-items:flex-end;justify-content:space-between}.cabeza--fila > div{max-width:36rem;display:flex;flex-direction:column;gap:14px}}
.traza{display:block;width:64px;height:1px;background:var(--acento);transform-origin:left}

/* Tema claro para leer con calma */
.tema-marfil{--fondo:var(--marfil);--superficie:#fff;--tinta:var(--carbon);--tinta-suave:var(--grafito);--tinta-tenue:var(--piedra-texto);--acento:var(--bronce-oscuro);--linea:var(--humo);--borde-control:var(--piedra-texto);--foco:var(--bronce-oscuro);--cta:var(--carbon);--cta-hover:var(--grafito);--sobre-cta:var(--marfil);background:var(--fondo);color:var(--tinta)}

/* ---------- Inicio: placas de los elegidos ---------- */
.placas{display:grid;gap:20px}
@media (min-width:760px){.placas{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}}
.placa{position:relative;display:flex;flex-direction:column;background:var(--carbon);overflow:hidden;border-radius:var(--r0)}
.placa__foto{position:relative;aspect-ratio:4/4.4;overflow:hidden}
.placa__foto img{width:100%;height:100%;object-fit:cover}
.placa__foto::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(to bottom,transparent,var(--carbon))}
.placa__foto img.placa__logo{position:absolute;top:18px;right:18px;z-index:2;height:12px;width:auto;object-fit:contain;opacity:.9}
.placa__franja{position:relative;margin-top:-64px;padding:0 22px 26px;display:flex;flex-direction:column;gap:10px}
.placa__franja h3{font-size:clamp(1.45rem,1.2rem + .8vw,1.75rem);line-height:1.15}
.placa__franja .desc{font-size:1.2rem}
.placa__pie{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding-top:14px;border-top:1px solid var(--linea)}

/* ---------- Inicio: Chequeo Triuno (tema marfil) ---------- */
.pasos{display:grid;gap:0;counter-reset:paso;border-top:1px solid var(--linea)}
@media (min-width:880px){.pasos{grid-template-columns:repeat(3,1fr);border-top:0}}
.paso{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--linea)}
@media (min-width:880px){.paso{grid-template-columns:1fr;padding:0 32px 0 0;border-bottom:0;border-left:1px solid var(--linea);padding-left:28px}.paso:first-child{border-left:0;padding-left:0}}
.paso__iso{position:relative;width:30px;height:auto;aspect-ratio:148/198}
.paso__iso .barra{background:var(--humo)}
.paso__iso .barra.activa{background:var(--carbon)}
.paso h3{font-size:var(--t-h3);margin:2px 0 8px}
.paso p{color:var(--tinta-suave);font-size:.98rem;max-width:40ch}
.paso__num{font-size:.72rem;font-weight:600;letter-spacing:.16em;color:var(--tinta-tenue);margin-top:14px;display:block}
.chequeo__pie{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:48px}

/* ---------- Inicio: concepto ---------- */
.concepto{display:grid;gap:36px;align-items:center}
@media (min-width:880px){.concepto{grid-template-columns:1fr 1fr;gap:72px}}
.concepto__cita{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(2.4rem,1.6rem + 3.4vw,4.4rem);line-height:1;letter-spacing:-.02em;color:var(--tinta)}
.concepto__cita em{color:var(--acento);font-style:italic}
.concepto__texto{display:flex;flex-direction:column;gap:20px}
.concepto__texto p:not(.kicker){color:var(--tinta-suave);max-width:46ch}
.concepto__foto{position:relative;aspect-ratio:4/3;overflow:hidden}
.concepto__foto img{width:100%;height:100%;object-fit:cover}

/* ---------- Inicio: casas ---------- */
.casas{display:flex;flex-wrap:wrap;gap:6px 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding-block:22px}
.casas a{display:inline-flex;align-items:baseline;gap:10px;min-height:44px;padding:4px 22px 4px 0;font-family:var(--serif);font-style:italic;font-size:clamp(1.7rem,1.3rem + 1.6vw,2.6rem);line-height:1.1;text-decoration:none;color:var(--tinta);transition:color var(--t-hover) var(--ease)}
.casas a sup{font-family:var(--sans);font-style:normal;font-size:.7rem;font-weight:600;letter-spacing:.08em;color:var(--tinta-tenue)}
.casas a:hover{color:var(--acento)}

/* ---------- Entregas ---------- */
.entregas{display:grid;gap:1px;background:var(--linea);border:1px solid var(--linea)}
@media (min-width:760px){.entregas{grid-template-columns:repeat(2,1fr)}}
.entrega{background:var(--fondo);padding:28px;display:flex;flex-direction:column;gap:10px}
.entrega h3{font-size:var(--t-h3)}
.entrega p{color:var(--tinta-suave)}

/* ---------- Cierre ---------- */
.cierre{position:relative;text-align:left;overflow:hidden}
.cierre__iso{position:absolute;right:max(-60px,-6vw);bottom:-1px;height:min(78%,420px);width:auto;opacity:.06;pointer-events:none}
.cierre h2{font-size:var(--t-display);max-width:12ch;letter-spacing:-.035em}
.cierre .serif-acento{display:block}
.cierre__acciones{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:32px}

/* ---------- Pie ---------- */
.pie{border-top:1px solid var(--linea);padding-block:56px 36px;font-size:.92rem}
.pie__fila{display:grid;gap:36px}
@media (min-width:880px){.pie__fila{grid-template-columns:1.4fr 1fr 1fr}}
.pie__marca img{height:56px;width:auto;margin-bottom:14px}
.pie__marca p{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--tinta-suave)}
.pie h2{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-tenue);font-weight:500;margin-bottom:12px}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pie ul a{display:inline-flex;align-items:center;min-height:40px;text-decoration:none;color:var(--tinta-suave)}
.pie ul a:hover{color:var(--tinta)}
.pie__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:44px;padding-top:22px;border-top:1px solid var(--linea);font-size:.8rem;color:var(--tinta-tenue)}

/* ---------- Encabezado de páginas internas ---------- */
.intro{padding-block:clamp(48px,8vw,104px) clamp(36px,5vw,64px);display:grid;gap:22px}
.intro h1{font-size:var(--t-display);letter-spacing:-.035em;max-width:13ch}
.intro h1 .serif-acento{display:block}
.intro p:not(.kicker){color:var(--tinta-suave);max-width:48ch;font-size:1.05rem}
.intro--con-arte{position:relative}
@media (min-width:880px){.intro--con-arte{grid-template-columns:1.2fr .8fr;align-items:end}}

/* ---------- Tienda ---------- */
.filtros{position:sticky;top:72px;z-index:20;background:rgba(18,18,20,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block:1px solid var(--linea);padding-block:10px;margin-bottom:28px}
.filtros__fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{min-height:40px;padding:0 14px;background:transparent;border:1px solid var(--grafito);border-radius:var(--r1);color:var(--tinta-suave);font:500 .8rem var(--sans);letter-spacing:.04em;cursor:pointer;transition:border-color var(--t-hover) var(--ease),color var(--t-hover) var(--ease),background-color var(--t-hover) var(--ease)}
.chip:hover{border-color:var(--piedra);color:var(--tinta)}
.chip[aria-pressed="true"]{background:var(--marfil);border-color:var(--marfil);color:var(--carbon)}
.orden{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--tinta-tenue)}
.orden select{min-height:40px;background:var(--carbon);color:var(--tinta);border:1px solid var(--borde-control);border-radius:var(--r1);padding:0 10px;font:500 .85rem var(--sans)}
.contador{font-size:.8rem;letter-spacing:.08em;color:var(--tinta-tenue)}
.grilla{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:700px){.grilla{grid-template-columns:repeat(3,1fr);gap:18px}}
@media (min-width:1100px){.grilla{grid-template-columns:repeat(4,1fr);gap:22px}}
.grilla .tarjeta__cuerpo{padding:14px 14px 16px;gap:6px}
.grilla .tarjeta h3{font-size:1.02rem;line-height:1.25}
.grilla .tarjeta .desc{font-size:1.05rem;line-height:1.25}
.grilla .tarjeta__pie{flex-direction:column;align-items:stretch;gap:10px}
@media (min-width:700px){.grilla .tarjeta__cuerpo{padding:18px 18px 20px}.grilla .tarjeta h3{font-size:1.15rem}.grilla .tarjeta__pie{flex-direction:row;align-items:center}}
.agregar{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;background:transparent;border:1px solid var(--acento);color:var(--acento);border-radius:var(--r1);font:600 .72rem var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color var(--t-hover) var(--ease),color var(--t-hover) var(--ease)}
.agregar:hover{background:var(--acento);color:var(--carbon)}
.agregar:active{transform:scale(.97)}
.no-js .agregar,.no-js [data-abrir-carrito]{display:none}
.tarjeta__sinfoto{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.tarjeta__foto .tarjeta__sinfoto img{width:22%;height:auto;object-fit:contain;opacity:.16;transform:none}
.tarjeta__sinfoto span{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-tenue)}
.tarjeta__foto[data-x] img{object-position:var(--x) 50%}
.nota-tienda{margin-top:40px;font-size:.88rem;color:var(--tinta-tenue);max-width:60ch}

/* ---------- Carrito ---------- */
.carrito-fondo{position:fixed;inset:0;z-index:95;background:rgba(8,8,9,.66)}
.carrito{position:fixed;z-index:96;top:0;right:0;bottom:0;width:min(100%,420px);display:flex;flex-direction:column;background:var(--carbon);border-left:1px solid var(--linea)}
.carrito__cabeza{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--linea)}
.carrito__cabeza h2{font-size:1.25rem}
.carrito__cerrar{position:relative;width:44px;height:44px;background:none;border:0;cursor:pointer;color:var(--tinta)}
.carrito__cerrar span::before,.carrito__cerrar span::after{content:"";position:absolute;left:12px;top:21px;width:20px;height:1.5px;background:currentColor;transform:rotate(45deg)}
.carrito__cerrar span::after{transform:rotate(-45deg)}
.carrito__vacio{padding:28px 20px;color:var(--tinta-suave);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.carrito__cuerpo{flex:1;overflow-y:auto;overscroll-behavior:contain}
.carrito__lista{list-style:none;margin:0;padding:0 20px}
.carrito__item{display:grid;grid-template-columns:64px 1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid var(--linea)}
.carrito__item > img,.carrito__sinfoto{width:64px;height:80px;object-fit:cover;background:var(--superficie);display:grid;place-items:center}
.carrito__sinfoto img{opacity:.3}
.carrito__info{display:flex;flex-direction:column;gap:4px;min-width:0}
.carrito__info .kicker{font-size:.65rem}
.carrito__nombre{font-weight:600;line-height:1.3}
.cantidad{display:inline-flex;align-items:center;margin-top:6px;border:1px solid var(--grafito);border-radius:var(--r1);width:max-content}
.cantidad button{width:40px;height:40px;background:none;border:0;color:var(--tinta);font-size:1.1rem;cursor:pointer}
.cantidad span{min-width:24px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}
.carrito__derecha{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}
.carrito__quitar{min-height:40px;background:none;border:0;padding:0;color:var(--tinta-tenue);font:500 .78rem var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.carrito__pie{padding:20px;border-top:1px solid var(--linea);display:flex;flex-direction:column;gap:14px}
.carrito__total{display:flex;justify-content:space-between;align-items:baseline;font-size:1.1rem}
.carrito__total strong{font-size:1.4rem}
.carrito__nota{font-size:.82rem;color:var(--tinta-suave);line-height:1.5}
.carrito__enviar{width:100%}
.carrito__aviso{font-size:.82rem;color:var(--tinta-suave)}
.aviso-agregado{position:fixed;z-index:70;left:50%;bottom:16px;transform:translate(-50%,calc(100% + 40px));visibility:hidden;width:min(calc(100% - 32px),440px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 18px;background:var(--marfil);color:var(--carbon);font-size:.9rem;border-radius:var(--r1);box-shadow:0 16px 40px -12px rgba(0,0,0,.6);transition:transform .5s var(--ease),visibility .5s;--acento:var(--bronce-oscuro)}
.aviso-agregado.visible{transform:translate(-50%,0);visibility:visible}
.aviso-agregado .enlace{background:none;border:0;cursor:pointer;font-family:var(--sans);white-space:nowrap}
.aviso-agregado .enlace::before{width:14px}

/* ---------- Nosotros ---------- */
.notas{display:grid;gap:36px;align-items:center}
@media (min-width:880px){.notas{grid-template-columns:.9fr 1.1fr;gap:72px}}
.notas__iso{position:relative;width:min(100%,260px);height:auto;aspect-ratio:148/198;margin-inline:auto}
.notas__iso .barra{background:var(--grafito)}
.notas__iso .barra.b2{background:var(--bronce)}
.notas__etq{position:absolute;bottom:-34px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-tenue);white-space:nowrap;transform:translateX(-50%)}
.notas__lista{display:grid;gap:0}
.nota-fila{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--linea)}
.nota-fila:last-child{border-bottom:1px solid var(--linea)}
.nota-fila b{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--acento);padding-top:4px}
.nota-fila h3{font-size:var(--t-h3);margin-bottom:6px}
.nota-fila p{color:var(--tinta-suave)}
.valores{display:grid;gap:0}
.valor{display:grid;gap:10px;padding:32px 0;border-top:1px solid var(--linea)}
@media (min-width:880px){.valor{grid-template-columns:1fr 1.4fr;gap:48px;align-items:baseline}}
.valor h3{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(2rem,1.5rem + 2vw,3rem);letter-spacing:-.01em}
.valor p{color:var(--tinta-suave);max-width:52ch}
.foto-ancha{position:relative;aspect-ratio:16/10;overflow:hidden}
@media (min-width:880px){.foto-ancha{aspect-ratio:21/9}}
.foto-ancha img{width:100%;height:100%;object-fit:cover}
.foto-ancha figcaption{position:absolute;left:0;bottom:0;padding:14px 18px;font-size:.75rem;color:var(--humo);background:linear-gradient(to top,rgba(18,18,20,.8),transparent)}
.socios{display:grid;gap:12px}
@media (min-width:760px){.socios{grid-template-columns:repeat(3,1fr)}}
.socio{padding:24px;border:1px solid var(--linea);display:flex;flex-direction:column;gap:12px;min-height:180px;justify-content:flex-end}
.socio .paso__iso{width:22px}
.socio .paso__iso .barra{background:var(--grafito)}
.socio .paso__iso .barra.activa{background:var(--bronce)}

/* ---------- Contacto ---------- */
.contacto{display:grid;gap:40px}
@media (min-width:880px){.contacto{grid-template-columns:1fr 1fr;gap:72px}}
.canales{display:grid;gap:0}
.canal{display:grid;gap:6px;padding:24px 0;border-top:1px solid var(--linea)}
.canal:last-child{border-bottom:1px solid var(--linea)}
.canal h3{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-tenue);font-weight:500}
.canal a,.canal p{font-size:1.3rem;font-weight:600;text-decoration:none;color:var(--tinta)}
.canal a:hover{color:var(--acento)}
.canal small{font-size:.9rem;color:var(--tinta-suave);font-weight:400}
.form{display:grid;gap:18px;padding:clamp(22px,4vw,36px);background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r2)}
.form h2{font-size:var(--t-h2)}
.campo{display:grid;gap:8px}
.campo label{font-size:.8rem;font-weight:600;letter-spacing:.06em;color:var(--tinta-suave)}
.campo input,.campo textarea,.campo select{width:100%;min-height:48px;padding:12px 14px;background:var(--carbon);color:var(--tinta);border:1px solid var(--borde-control);border-radius:var(--r1);font:400 1rem var(--sans)}
.campo textarea{min-height:120px;resize:vertical}
.campo input:focus,.campo textarea:focus,.campo select:focus{outline:2px solid var(--foco);outline-offset:1px;border-color:var(--foco)}
.form__error,.form__falta{font-size:.88rem;color:var(--tinta)}
.form__error{color:#E8B27A}
.preguntas{max-width:52rem}
.pregunta{border-top:1px solid var(--linea)}
.pregunta:last-child{border-bottom:1px solid var(--linea)}
.pregunta summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:16px 0;font-size:1.08rem;font-weight:600;cursor:pointer;list-style:none}
.pregunta summary::-webkit-details-marker{display:none}
.pregunta summary::after{content:"";flex:none;width:12px;height:12px;border-right:1.5px solid var(--acento);border-bottom:1.5px solid var(--acento);transform:rotate(45deg) translate(-3px,-3px);transition:transform var(--t-hover) var(--ease)}
.pregunta[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.pregunta__resp{padding:0 0 22px;color:var(--tinta-suave);max-width:62ch}
.pregunta__resp p + p{margin-top:10px}

/* ---------- Precios en pesos: lista y transferencia ---------- */
.precios{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.precios .precio{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--tinta)}
.precio-transf{font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--acento)}
.precio-transf small{display:block;font-size:.66rem;font-weight:500;letter-spacing:.06em;color:var(--tinta-tenue)}
.grilla .precios .precio{font-size:1.1rem}
@media (min-width:700px){.grilla .tarjeta__pie{flex-direction:column;align-items:stretch}}
.agregar[disabled]{opacity:.4;cursor:not-allowed}
.nota-pago{margin-top:14px;font-size:.88rem;color:var(--tinta-tenue);max-width:62ch}

/* ---------- Carrito: pago ---------- */
.carrito__transf{font-size:.9rem;color:var(--acento);font-weight:600;font-variant-numeric:tabular-nums;margin-top:-8px}
.carrito__mensaje{font-size:.88rem;line-height:1.5;color:var(--carbon);background:var(--marfil);padding:10px 12px;border-radius:var(--r1)}
.carrito__mensaje a{color:var(--bronce-oscuro);font-weight:600}
.carrito__pagar,.carrito__transfer{width:100%}
.carrito__despues{font-size:.76rem;line-height:1.5;color:var(--tinta-tenue)}
.carrito__item--agotado{opacity:.55}
.carrito__agotado{font-size:.78rem;color:#E8B27A}
.carrito__form{display:grid;gap:14px;padding:16px 20px 24px}
.carrito__form h3{font-size:1.1rem;margin-bottom:2px}
.carrito__volver{justify-self:start;min-height:40px;padding:0;background:none;border:0;color:var(--acento);font:600 .75rem var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.carrito__volver::before{content:"← "}
.campo__nota{font-weight:400;color:var(--tinta-tenue)}
.campo [aria-invalid="true"]{border-color:#E8B27A}
.opciones{border:0;padding:0;margin:0;display:grid;gap:8px}
.opciones legend{font-size:.8rem;font-weight:600;letter-spacing:.06em;color:var(--tinta-suave);margin-bottom:8px}
.opcion{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--grafito);border-radius:var(--r1);cursor:pointer}
.opcion:has(input:checked){border-color:var(--acento)}
.opcion input{accent-color:var(--bronce);margin-top:3px;width:18px;height:18px;flex:none}
.opcion b{display:block;font-size:.92rem}
.opcion small{display:block;font-size:.8rem;color:var(--tinta-suave);line-height:1.4}

/* ---------- Resultado del pago ---------- */
.resultado{padding-block:clamp(64px,10vw,120px);display:grid;gap:22px;max-width:44rem}
.resultado h1{font-size:var(--t-h1);letter-spacing:-.03em}
.resultado h1 .serif-acento{display:block}
.resultado p{color:var(--tinta-suave);max-width:52ch}
.resultado__pedido{display:inline-flex;flex-direction:column;gap:4px;padding:14px 18px;border:1px solid var(--acento);border-radius:var(--r1);width:max-content}
.resultado__pedido b{font-size:1.2rem;letter-spacing:.06em}
.resultado__acciones{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:8px}
.trampa{position:absolute;left:-9999px}

/* Carrito en celular: alto real de la pantalla y, en el paso de datos, pie compacto */
.carrito{height:100dvh;max-height:100dvh}
.carrito--datos .carrito__transf,.carrito--datos .carrito__nota,.carrito--datos .carrito__transfer,.carrito--datos .carrito__despues{display:none}
.carrito--datos .carrito__pie{gap:10px;padding-block:14px}
@media (max-width:480px){
  .carrito__pie{padding:16px;gap:10px}
  .carrito__nota{font-size:.76rem}
  .carrito__form{padding:14px 16px 20px;gap:12px}
  .carrito__lista{padding:0 16px}
}
.carrito__cuerpo{-webkit-overflow-scrolling:touch;touch-action:pan-y}