/* La cuenta del usuario, con el lenguaje de la zona pública (cuenta.md): se carga sobre
   publico.css en Ingresar, Crear cuenta, Mi espacio y Mi cuenta. Usa sus tokens. */

/* ---------- Campos ---------- */
.fld{display:grid;gap:8px;align-content:start;min-width:0}
.fld > label{font-weight:600;font-size:15px}
.fld-opt{font-weight:500;font-size:13.5px;color:var(--muted);margin-left:4px}
.fld-in{position:relative}
.fld input:not([type=checkbox]):not([type=radio]):not([type=file]),.fld select,.fld textarea{width:100%;height:54px;padding:0 18px;border:0;border-radius:var(--r-sm);background:var(--bg-2);font-size:16.5px;color:var(--ink);transition:background-color .2s,box-shadow .2s}
.fld textarea{height:auto;min-height:112px;padding:14px 18px;line-height:1.5;resize:vertical}
.fld select{appearance:none;padding-right:48px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 26px) 50%,calc(100% - 20px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.fld input::placeholder,.fld textarea::placeholder{color:#8F8A84}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;background-color:var(--card);box-shadow:0 0 0 2px var(--ink)}
.fld.bad input,.fld.bad select,.fld.bad textarea{box-shadow:0 0 0 2px var(--accent)}
.fld-in:has(.fld-eye) input{padding-right:58px}
.fld-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;color:var(--muted);transition:background-color .2s,color .2s}
.fld-eye:hover{background:var(--bg-3);color:var(--ink)}
.fld-help{font-size:14px;color:var(--muted)}
.fld-help a{color:var(--ink)}
.fld-err{font-size:14px;font-weight:600;color:var(--accent-ink)}
.chk{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.45;cursor:pointer}
.chk input{margin-top:1px}
input[type=checkbox]{appearance:none;flex:none;display:grid;place-items:center;width:22px;height:22px;margin:0;border-radius:7px;background:var(--card);box-shadow:inset 0 0 0 2px #B8B1A9;cursor:pointer;transition:background-color .2s,box-shadow .2s}
input[type=checkbox]::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg) scale(.4);opacity:0;transition:transform .25s var(--spring),opacity .15s}
input[type=checkbox]:checked{background:var(--ink);box-shadow:none}
input[type=checkbox]:checked::after{opacity:1;transform:translateY(-1px) rotate(45deg)}
input[type=checkbox]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* ---------- Ingresar, Crear cuenta y recuperar la contraseña ---------- */
/* La foto queda fija mientras el formulario largo (Crear cuenta) se desplaza. */
.auth{--auth-h:clamp(520px,calc(100dvh - var(--island) - 72px),780px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.auth-photo{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--island) + 24px);height:var(--auth-h);margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-2);view-transition-name:auth-photo}
.auth-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.auth-photo .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / 0) 40%,rgb(0 0 0 / .72))}
.auth-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:clamp(24px,3.2vw,44px);color:#fff}
.auth-photo h2{font:700 clamp(40px,4.4vw,66px)/.94 var(--f-display);letter-spacing:-.04em;max-width:12ch}
.auth-photo p{margin-top:14px;font-size:18px;color:rgb(255 255 255 / .86);max-width:32ch}
.auth-photo small{position:absolute;top:16px;right:18px;font-size:12.5px;color:rgb(255 255 255 / .72)}
.auth-panel{display:grid;align-content:center;gap:26px;width:100%;max-width:440px;min-height:var(--auth-h);justify-self:center;padding-block:8px;view-transition-name:auth-panel}
.seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:var(--bg-2)}
.seg a{display:grid;place-items:center;height:44px;border-radius:999px;font-weight:600;color:var(--muted);text-decoration:none;transition:color .2s,background-color .2s}
.seg a:hover{color:var(--ink)}
.seg a[aria-current="page"]{background:var(--card);color:var(--ink);box-shadow:0 2px 10px -4px rgb(46 24 12 / .28)}
.auth-head h1{font:700 clamp(40px,4vw,56px)/.95 var(--f-display);letter-spacing:-.04em}
.auth-head p{margin-top:12px;font-size:17px;color:var(--muted)}
.auth-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:20px;border-radius:50%;background:var(--bg-2)}
.auth-icon .ic{width:28px;height:28px}
.auth-icon.ok{background:#E3F2E9;color:var(--ok)}
.auth-form{display:grid;gap:18px}
.auth-form .btn{margin-top:4px}
.auth-link{justify-self:center;padding:6px 8px;font-weight:600;color:var(--ink);text-underline-offset:4px}
.auth-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-sm);background:var(--bg-2);font-size:14.5px;color:var(--muted)}
.auth-note .ic{flex:none;margin-top:1px;color:var(--ink)}
@media (max-width:899px){
  .auth{grid-template-columns:1fr;gap:24px;min-height:0}
  .auth-photo{position:relative;top:auto;height:190px;border-radius:var(--r-md)}
  .auth-photo h2{font-size:34px}
  .auth-photo p,.auth-photo small{display:none}
  .auth-panel{max-width:520px;min-height:0;align-content:start}
}

/* Mientras se envía: el botón muestra que está trabajando y no se manda dos veces. */
form.busy [type=submit]{pointer-events:none;opacity:.75}

/* ---------- Marco de la cuenta: Mi espacio, pedidos, favoritos, direcciones y datos ---------- */
.acc{display:grid;gap:clamp(28px,4vw,44px)}
.acc-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
.acc-nav::-webkit-scrollbar{display:none}
.acc-nav .chip{display:inline-flex;align-items:center;text-decoration:none;color:var(--ink);font-weight:600}
.acc-nav .chip[aria-current="page"]{background:var(--ink);color:#fff}
.acc-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px}
.acc-hero h1{font:700 clamp(44px,6vw,84px)/.92 var(--f-display);letter-spacing:-.045em}
.acc-hero .sub{margin-top:14px;font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:44ch}
.acc-panel{margin:0;min-width:280px}
.acc-notes{display:grid;gap:10px}
.acc-notes .note{background:var(--bg-2)}
.acc-notes .note.warn{background:#FBF1DD}
.acc-notes .note .link{display:inline-block;margin-top:4px}
.acc-sec{display:grid;gap:16px}
.acc-sh{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.acc-sh h2,.od-h2{font:700 clamp(26px,2.6vw,34px)/1 var(--f-display);letter-spacing:-.03em}
.acc-back{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:8px 14px 8px 10px;margin-bottom:-12px;border-radius:999px;font-weight:600;text-decoration:none;color:var(--muted);transition:background-color .2s,color .2s}
.acc-back:hover{background:var(--bg-2);color:var(--ink)}
.acc-back .ic{width:18px;height:18px}
.acc-foot{font-size:14.5px;color:var(--muted)}
.acc-foot a{color:var(--muted)}
.acc-empty{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;padding:clamp(22px,3vw,32px);border-radius:var(--r-md);background:var(--bg-2)}
.acc-empty > .ic{width:40px;height:40px;color:var(--muted)}
.acc-empty > div{flex:1 1 260px}
.acc-empty h3{font:700 24px/1.1 var(--f-display);letter-spacing:-.025em}
.acc-empty p{margin-top:6px;color:var(--muted)}

/* El estado de un pedido, con su punto de color. */
.st{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--muted);white-space:nowrap}
.st::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--dot,#B3ACA4)}
.st.received{--dot:#E0A12B;color:var(--warn)}
.st.accepted{--dot:var(--accent);color:var(--accent-ink)}
.st.ready{--dot:#2FA863;color:var(--ok)}
.st.rejected,.st.cancelled{--dot:#D9B3AA}

/* Pedidos en curso: arriba de todo, grandes. */
.live-orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:12px}
.live-order{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--r-md);background:var(--card);box-shadow:inset 0 0 0 2px var(--ink);text-decoration:none;color:var(--ink);transition:transform .3s var(--ease)}
.live-order:hover{transform:translateY(-2px)}
.live-order .rlogo{width:56px;height:56px}
.lo-text{flex:1;min-width:0;display:grid;gap:2px}
.lo-text small{font-size:13.5px;color:var(--muted)}
.lo-text b{font:700 22px/1.1 var(--f-display);letter-spacing:-.02em}
.lo-go{color:var(--muted)}

/* Fila de pedido: logo, local y fecha, estado y total. */
.olist{display:grid}
/* La fila y, al lado, «Volver a pedir» (presentacion-cuenta.md, C2.2). */
.orow-item{display:flex;align-items:center;gap:8px}
.orow-item + .orow-item{box-shadow:0 -1px 0 var(--line)}
.orow{flex:1;min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px 12px;margin-inline:-12px;border-radius:var(--r-sm);text-decoration:none;color:var(--ink);transition:background-color .2s}
.orow:hover{background:var(--bg-2)}
.olist-striped .orow-item{padding-inline:12px;border-radius:var(--r-sm);background:var(--card)}
.olist-striped .orow-item:nth-child(odd){background:var(--bg-2)}
.olist-striped .orow:hover{background:var(--bg-3)}
.orow:has(+ .orow-again){margin-right:0}
.orow-again{flex:none;min-height:44px;padding-inline:16px;font-size:14.5px}
.orow-again .ic{width:18px;height:18px}
.orow .rlogo{width:48px;height:48px}
.orow-main{display:grid;min-width:0}
.orow-main b{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orow-main small{font-size:14px;color:var(--muted)}
.orow-total{font-weight:600;min-width:92px;text-align:right}
@media (max-width:620px){
  .orow{grid-template-columns:44px minmax(0,1fr) auto;row-gap:2px}
  .orow .rlogo{grid-row:span 2;width:44px;height:44px}
  .orow .st{grid-column:2;font-size:13.5px}
  .orow-total{grid-column:3;grid-row:1;min-width:0}
}
@media (max-width:620px){
  .orow-again{width:44px;padding:0}
  .orow-again span{display:none}
}
.pager{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:12px;color:var(--muted);font-size:15px}

/* Accesos: direcciones, cuenta y privacidad. */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.tile{display:grid;gap:4px;padding:20px;border-radius:var(--r-md);background:var(--bg-2);text-decoration:none;color:var(--ink);transition:background-color .2s,transform .3s var(--ease)}
.tile:hover{background:var(--bg-3);transform:translateY(-2px)}
.tile .ic{width:26px;height:26px;margin-bottom:10px}
.tile b{font-size:17px}
.tile small{font-size:14.5px;color:var(--muted)}
@media (max-width:620px){
  .tiles{gap:8px}
  .tile{grid-template-columns:auto 1fr;column-gap:14px;row-gap:0;align-items:center;padding:14px 16px}
  .tile .ic{grid-row:span 2;margin:0}
}

/* Detalle de un pedido. */
.od{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:899px){.od{grid-template-columns:1fr}}
.od-main,.od-progress,.od-products{display:grid;gap:22px}
.od-head{display:flex;align-items:center;gap:18px}
.od-head .rlogo{width:72px;height:72px}
.od-head .mono{font-size:24px}
.od-head small{font-size:14.5px;color:var(--muted)}
.od-head h1{font:700 clamp(38px,4.6vw,64px)/.95 var(--f-display);letter-spacing:-.04em}
.od-label{font-size:17px}
.od-main .tl{margin:0}
.od-tracking{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card)}
.od-tracking[hidden]{display:none}
.od-tracking-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.od-tracking-head h2{font-size:18px;font-weight:700}
.od-tracking-head .btn{min-height:44px}
.od-map{display:block;width:100%;height:clamp(320px,55vh,460px);border:0;border-radius:var(--r-sm);background:var(--bg-2)}
.od-h2{margin-top:10px}
.od-lines{list-style:none;margin:0;padding:0;display:grid}
.od-lines li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:14px 0}
.od-lines li + li{border-top:1px solid var(--line)}
.od-lines .q{font-weight:700;color:var(--muted)}
.od-lines b{font-weight:600;font-size:16.5px}
.od-lines small{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.od-main .sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.od-main .sum.total{padding-top:14px;border-top:2px solid var(--ink);font-size:20px;font-weight:700}
.od-side{display:grid;gap:12px;position:sticky;top:calc(var(--island) + 28px)}
@media (max-width:899px){.od-side{position:static}}
.od-box{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--r-md);background:var(--bg-2)}
.od-box > .ic{flex:none;margin-top:2px;color:var(--muted)}
.od-box h3{font-size:16px;font-weight:700}
.od-box p{margin-top:2px}
.od-box small{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
/* Pedido terminado: el comprobante destacado, con su resumen (presentacion-cuenta.md, C2.6). */
.rc-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:18px 20px;border-radius:var(--r-md);background:var(--card);box-shadow:inset 0 0 0 2px var(--ink);text-decoration:none;color:var(--ink);transition:transform .3s var(--ease)}
.rc-card:hover{transform:translateY(-2px)}
.rc-card > .ic{width:28px;height:28px}
.rc-card > span:nth-child(2){flex:1 1 220px;display:grid;gap:2px}
.rc-card b{font-size:17px}
.rc-card small{font-size:14px;color:var(--muted)}
.rc-go{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--accent-ink)}
.rc-go .ic{width:18px;height:18px}
.od-side .btn .ic{width:18px;height:18px}

/* ---------- Mi cuenta, direcciones y preferencias ---------- */
.pf{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:899px){.pf{grid-template-columns:1fr}}
.pf-card{display:grid;gap:18px;align-content:start;padding:clamp(20px,2.6vw,32px);border-radius:var(--r-md);background:var(--card);box-shadow:0 0 0 1px var(--line)}
.pf-card.narrow{max-width:640px}
.pf-card h2{font:700 26px/1.05 var(--f-display);letter-spacing:-.025em}
.pf-help{color:var(--muted);font-size:15.5px;margin-top:-8px}
.pf-form{display:grid;gap:18px}
.pf-form > .btn{justify-self:start}
.pf-actions{display:flex;flex-wrap:wrap;gap:10px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}
.fgrid > .note{grid-column:1 / -1}
.pf-side{display:grid;gap:12px}

/* La foto: tocarla la cambia. */
.pf-who{display:flex;align-items:center;gap:clamp(16px,2.4vw,28px)}
.pf-who h1{font-size:clamp(38px,5vw,68px)}
.pf-who .sub{margin-top:10px}
.pf-photo{position:relative;flex:none}
.pf-photo input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pf-av{position:relative;display:block;cursor:pointer;border-radius:50%}
.pf-av .av{width:clamp(88px,10vw,124px);height:clamp(88px,10vw,124px);font-size:clamp(34px,4vw,48px)}
.pf-cam{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--card);box-shadow:0 4px 14px -6px rgb(0 0 0 / .45);transition:transform .3s var(--spring)}
.pf-av:hover .pf-cam{transform:scale(1.1)}
.pf-photo:focus-within .pf-av{outline:2px solid var(--ink);outline-offset:4px}
.pf-save{margin-top:10px}
.pf-remove{margin-top:6px}

/* Contraseña: se despliega en el lugar. */
.pw{gap:0;padding:0}
.pw summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}
.pw summary::-webkit-details-marker{display:none}
.pw summary > span:nth-child(2){flex:1;display:grid;line-height:1.3}
.pw summary small,.pf-link small{font-size:14px;color:var(--muted)}
.pw-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--bg-2)}
.pw-caret{color:var(--muted);transition:transform .3s var(--ease)}
.pw[open] .pw-caret{transform:rotate(180deg)}
.pw .pf-form{padding:4px 20px 22px}
.pw::details-content{height:0;overflow:clip;transition:height .35s var(--ease),content-visibility .35s allow-discrete}
.pw[open]::details-content{height:auto}
.pf-link{display:flex;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;color:var(--ink);transition:background-color .2s}
.pf-link:hover{background:var(--bg-2)}
.pf-link > span{flex:1;display:grid;line-height:1.3}
.pf-link > .ic:first-child{color:var(--muted)}

/* Direcciones */
.dlg.addr-dialog{width:min(720px,calc(100% - 32px))}
.addr-list{display:grid;gap:10px}
.addr{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:var(--r-md);background:var(--bg-2);text-decoration:none;color:var(--ink);transition:background-color .2s,box-shadow .2s}
.addr:hover{background:var(--bg-3)}
.addr.on{background:var(--card);box-shadow:inset 0 0 0 2px var(--ink)}
.addr > span{flex:1;display:grid;gap:2px;min-width:0}
.addr > .ic:first-child{margin-top:2px;color:var(--muted)}
.addr b{font-size:17px}
.addr small{font-size:14px;color:var(--muted)}
.addr-edit{color:var(--muted)}
.addr small.loc{display:inline-flex;align-items:center;gap:6px;color:var(--warn)}
.addr small.loc.on{color:var(--ok)}
.addr small.loc .ic{width:15px;height:15px}
/* Ubicación de la dirección: el botón del navegador va bajo el campo (entregas.md). */
.geo-btn{justify-self:start;min-height:44px;padding-inline:18px}
.geo-btn .ic{width:18px;height:18px}
.tag{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;vertical-align:2px}
.addr-more{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px solid var(--line)}
.addr-more .link{display:inline-flex;align-items:center;gap:6px}
.addr-more .ic{width:18px;height:18px}
.link.danger{color:var(--accent-ink)}

/* Eliminar la cuenta: la zona en Mi cuenta y su diálogo (presentacion-cuenta.md, C2.3). */
.del-zone{gap:14px}
.del-zone h2{font-size:20px}
.del-zone .pf-help{margin-top:6px}
.del-zone .btn{justify-self:start}
.del-info{display:grid;gap:8px;padding:14px 16px;border-radius:var(--r-sm);background:var(--bg-2);font-size:15px}
.dlg{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:var(--r-lg);background:var(--bg);color:var(--ink);box-shadow:var(--shadow)}
.dlg::backdrop{background:rgb(20 14 10 / .42)}
.dlg-in{display:grid;gap:18px;padding:clamp(20px,4vw,28px)}
.dlg h2{font:700 28px/1.05 var(--f-display);letter-spacing:-.03em}

/* Términos */
.docs{display:grid;gap:8px}
.doc{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r-sm);background:var(--bg-2);text-decoration:none;color:var(--ink);transition:background-color .2s}
.doc:hover{background:var(--bg-3)}
.doc > span{flex:1;display:grid;line-height:1.3}
.doc small{font-size:14px;color:var(--muted)}
.legal-doc{max-width:70ch;font-size:17px;line-height:1.7}
.legal-doc p + p{margin-top:1em}

/* ---------- Favoritos ---------- */
.fav-dishes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:12px}
.fav-dish{position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px 10px 10px;border-radius:var(--r-md);background:var(--card);box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s}
.fav-dish:hover{box-shadow:0 0 0 1px var(--line),0 12px 28px -18px rgb(46 24 12 / .45)}
.fd-link{flex:1;display:flex;align-items:center;gap:16px;min-width:0;text-decoration:none;color:var(--ink)}
.fd-pic,.fd-pic img,.fd-pic .noimg{width:88px;height:88px;flex:none;border-radius:var(--r-sm);object-fit:cover}
.fd-pic .noimg{font-size:13px}
.fd-text{display:grid;gap:2px;min-width:0}
.fd-text b{font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-text small{font-size:14.5px;color:var(--muted)}
.fd-foot{display:flex;gap:10px;align-items:center;margin-top:4px}
.fav-dish.sold .fd-pic{filter:grayscale(1);opacity:.55}
.fav-local{position:relative}
.fav-local form{position:absolute;top:12px;right:12px;z-index:2}
.fav-local .fav{background:rgb(255 255 255 / .92);box-shadow:0 6px 18px -8px rgb(0 0 0 / .45)}

/* ---------- Beneficios (beneficios.md) ---------- */
.gcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}
.gc{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:10px;aspect-ratio:1.6;padding:22px 24px;border-radius:var(--r-md);background:radial-gradient(120% 90% at 100% 0%,#2e2a26 0%,var(--ink) 60%);color:#fff;text-decoration:none;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.gc:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.gc-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.gc-top b{font-size:17px}
.gc-top span{font-size:13.5px;color:rgb(255 255 255 / .7)}
.gc-amount{align-self:center;font:700 clamp(34px,4vw,44px)/1 var(--f-display);letter-spacing:-.03em}
.gc-foot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13.5px;color:rgb(255 255 255 / .72)}
.gc-code{font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap}
.gc .gc-code{color:#fff}
.cps{display:grid;gap:10px}
.cp{display:flex;align-items:center;gap:18px;padding:16px 20px;border-radius:var(--r-md);background:var(--bg-2);text-decoration:none;color:var(--ink);transition:background-color .2s}
a.cp:hover{background:var(--bg-3)}
.cp-off{flex:none;min-width:88px;font:700 30px/1 var(--f-display);letter-spacing:-.03em;color:var(--accent-ink)}
.cp-text{flex:1;min-width:0;display:grid;gap:2px}
.cp-text b{font-size:17px}
.cp-text small{font-size:14px;color:var(--muted)}
.cp .gc-code{padding:6px 12px;border-radius:999px;background:var(--card);font-size:14px}
@media (max-width:560px){.cp{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px}.cp-off{min-width:0;grid-row:span 2;align-self:center}.cp .gc-code{grid-column:2;justify-self:start}}
/* ---------- Dirección en el mapa: buscador, pin y confirmación (envios.md) ---------- */
.addr-map{display:grid;gap:12px}
.addr-map-head{display:grid;gap:4px}
.addr-map-head b{font-size:15px;font-weight:600}
.addr-search gmp-place-autocomplete{width:100%}
.addr-canvas{height:clamp(260px,42vh,380px);border-radius:var(--r-md);overflow:hidden;background:var(--bg-2)}
.addr-map-acts{display:flex;flex-wrap:wrap;gap:10px}
.addr-map-acts .btn{min-height:44px;padding-inline:18px}
.addr-map-acts .ic{width:18px;height:18px}
.addr-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;border-radius:var(--r-sm);background:var(--bg-2);font-size:15px}
.addr-suggest p{flex:1 1 220px}