html,body{margin:0;padding:0}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
img{max-width:100%}
/* Paleta del logo de LS Refrigeración: gris carbón (casa), naranja (sol) y azul (copo de nieve) */
:root{
  --bg:#F3F4F6; --surface:#FFFFFF; --surface-2:#F6F7F8; --ink:#222427; --ink-2:#3C4045; --muted:#62686F;
  --line:#DCDFE3; --line-2:#E9EBEE;
  --accent:#0068D4; --accent-hover:#0057B3; --accent-soft:#E3EEFB; --on-accent:#FFFFFF;
  --orange:#FC7400; --orange-ink:#B35200; --orange-soft:#FFF0E2; --on-orange:#1C0F02;
  --charcoal:#2B2B2D;
  --ok:#177A48; --ok-soft:#E2F3EA; --bad:#B3362A; --bad-soft:#FBEAE7; --on-bad:#FFFFFF;
  --warn:#7A5200; --warn-soft:#FFF3D6;
  --art:#0068D4; --art-bg:#E8F0FA;
  --show-light:block; --show-dark:none;
  --fondo-velo:rgba(244,247,251,.42);
  --glass-bg:rgba(255,255,255,.42); --glass-bg-2:rgba(255,255,255,.62); --glass-border:rgba(255,255,255,.7); --glass-ring:rgba(255,255,255,.55);
  --glass-ink:#132131; --glass-muted:#3A4A5B;
  --shadow:0 1px 2px rgba(20,22,25,.06),0 8px 22px rgba(20,22,25,.07);
  --font-display:"Outfit","Avenir Next","Segoe UI",system-ui,sans-serif;
  --font-body:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:12px; --r-sm:8px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#111315; --surface:#1A1D20; --surface-2:#212529; --ink:#ECEEF0; --ink-2:#C8CDD2; --muted:#9AA1A8;
    --line:#2E3338; --line-2:#25292D;
    --accent:#4F9BF0; --accent-hover:#74B0F4; --accent-soft:#16304F; --on-accent:#07121F;
    --orange-ink:#FF9A45; --orange-soft:#3A2410;
    --ok:#56C68E; --ok-soft:#10301F; --bad:#F08A7A; --bad-soft:#3A1914; --on-bad:#1E0A06;
    --warn:#E8B959; --warn-soft:#30250C;
    --art:#6FAEF5; --art-bg:#172636;
    --show-light:none; --show-dark:block;
    --fondo-velo:rgba(12,14,17,.74);
    --glass-bg:rgba(22,28,36,.5); --glass-bg-2:rgba(22,28,36,.72); --glass-border:rgba(255,255,255,.14); --glass-ring:rgba(22,28,36,.8);
    --glass-ink:#F2F4F6; --glass-muted:#B4BCC5;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 22px rgba(0,0,0,.28);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#111315; --surface:#1A1D20; --surface-2:#212529; --ink:#ECEEF0; --ink-2:#C8CDD2; --muted:#9AA1A8;
  --line:#2E3338; --line-2:#25292D;
  --accent:#4F9BF0; --accent-hover:#74B0F4; --accent-soft:#16304F; --on-accent:#07121F;
  --orange-ink:#FF9A45; --orange-soft:#3A2410;
  --ok:#56C68E; --ok-soft:#10301F; --bad:#F08A7A; --bad-soft:#3A1914; --on-bad:#1E0A06;
  --warn:#E8B959; --warn-soft:#30250C;
  --art:#6FAEF5; --art-bg:#172636;
  --show-light:none; --show-dark:block;
  --fondo-velo:rgba(12,14,17,.74);
  --glass-bg:rgba(22,28,36,.5); --glass-bg-2:rgba(22,28,36,.72); --glass-border:rgba(255,255,255,.14); --glass-ring:rgba(22,28,36,.8);
  --glass-ink:#F2F4F6; --glass-muted:#B4BCC5;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 22px rgba(0,0,0,.28);
}
.only-light{display:var(--show-light)}
.only-dark{display:var(--show-dark)}

*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;isolation:isolate}
/* Fondo azul con copos de nieve, con un velo para que el texto se lea bien */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--fondo-velo),var(--fondo-velo)),url("img/fondo.jpg");background-size:cover;background-position:center top;background-repeat:no-repeat}
.wrap{max-width:1120px;margin-inline:auto;padding-inline:16px}
@media (min-width:720px){.wrap{padding-inline:28px}}
p{margin:0}
a{color:var(--accent)}
.muted{color:var(--muted)}
.mono{font-family:var(--font-mono)}
.help{color:var(--muted);font-size:13px;line-height:1.45}

/* Barra de prueba y encabezado */
.top{background:transparent}
.top-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-block:14px 12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand-logo{width:54px;height:54px;flex:none}
.brand-logo img{width:100%;height:100%}
.brand-name{font-family:var(--font-display);font-weight:500;font-size:clamp(21px,3.6vw,26px);letter-spacing:-.01em;line-height:1}
.brand-name b{font-weight:800;color:var(--glass-ink)}
.brand-name span{color:var(--glass-ink);opacity:.8}
.brand-tag{color:var(--glass-muted);font-weight:500;font-size:13px;text-align:right;line-height:1.45}
@media (max-width:640px){.brand-tag{text-align:left}}

/* Pestañas */
.tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--glass-bg-2);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border-block:1px solid var(--glass-border)}
.tabs-in{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.tabs-in::-webkit-scrollbar{display:none}
.tab{appearance:none;border:0;background:none;color:var(--glass-muted);font-family:var(--font-display);font-weight:600;font-size:15.5px;line-height:1;padding:15px 12px 13px;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;display:inline-flex;gap:8px;align-items:center}
.tab:hover{color:var(--glass-ink)}
.tab[aria-selected="true"]{color:var(--glass-ink);border-bottom-color:var(--orange)}
.badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--bad);color:var(--on-bad);font:700 12px/20px var(--font-body);text-align:center}

main{padding-block:30px 60px}
.panel-head{max-width:68ch;margin-bottom:22px;display:grid;gap:10px}
h1{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4.4vw,40px);line-height:1.05;letter-spacing:-.02em;margin:0;text-wrap:balance}
h2{font-family:var(--font-display);font-weight:650;font-size:21px;line-height:1.2;letter-spacing:-.005em;margin:0;text-wrap:balance}
h3{margin:0}
.lead{font-size:16.5px;color:var(--ink-2);line-height:1.55}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--muted)}
.eyebrow.ok{color:var(--ok)}
.nota-prueba{display:inline-flex;gap:8px;align-items:flex-start;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-sm);padding:8px 12px;font-size:13.5px;line-height:1.45}

/* Botones */
.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--r-sm);border:1.5px solid transparent;font-family:var(--font-body);font-weight:650;font-size:15px;line-height:1.2;text-decoration:none;cursor:pointer;text-align:center}
.btn.primary,.btn.mp{background:var(--accent);color:var(--on-accent)}
.btn.primary:hover,.btn.mp:hover{background:var(--accent-hover)}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--accent);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--accent)}
.btn.danger{background:var(--bad);color:var(--on-bad)}
.btn.danger-line{background:transparent;color:var(--bad);border-color:var(--bad)}
.btn.small{padding:7px 12px;font-size:13.5px}
.btn.block{width:100%}
.btn.mp{padding:14px 18px;font-size:16px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btn:focus-visible,.slot:focus-visible,.tab:focus-visible,summary:focus-visible,a:focus-visible,.prod:focus-visible,.linkbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.linkbtn{appearance:none;background:none;border:0;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}
.nota-link{background:var(--warn-soft);color:var(--warn);border-radius:var(--r-sm);padding:10px 12px;font-size:13.5px}

/* Formularios */
.reserva{display:grid;gap:20px;align-items:start}
@media (min-width:920px){.reserva{grid-template-columns:minmax(0,1fr) 320px}}
.steps{display:grid;gap:16px;min-width:0}
.step{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:18px 18px 20px;margin:0;min-width:0}
.step legend{float:left;width:100%;padding:0;margin:0 0 14px;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:650;font-size:19px;line-height:1.2}
.step-body{clear:both;display:grid;gap:14px}
.n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--orange);color:var(--on-orange);font:600 13px/1 var(--font-mono);flex:none}
.grid2{display:grid;gap:14px}
@media (min-width:620px){.grid2{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:6px;min-width:0;align-content:start}
.lbl{font-size:13.5px;font-weight:600;color:var(--ink-2)}
input,select,textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;width:100%;min-width:0}
textarea{min-height:88px;resize:vertical}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
[aria-invalid="true"]{border-color:var(--bad)}
.err{color:var(--bad);font-size:13px;font-weight:600}
.err:empty{display:none}
.zona-out{min-height:46px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2);border:1px dashed var(--line);color:var(--muted);font-size:14px;align-self:end}
.zona-out.on{border-style:solid;border-color:transparent;background:var(--accent-soft);color:var(--ink)}
.zona-out.off{border-style:solid;border-color:transparent;background:var(--bad-soft);color:var(--bad)}
details.zonas summary{cursor:pointer;color:var(--accent);font-weight:600;font-size:14px;width:max-content;max-width:100%}
.zonas-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-top:12px}
.zg{display:grid;gap:6px;align-content:start;font-size:13.5px;color:var(--ink-2)}
.zchip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:12.5px;font-weight:650;color:var(--ink-2);white-space:nowrap;width:max-content}
.zchip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--zc,var(--muted))}

/* Días */
.dias{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dia{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px 14px;align-items:center;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface)}
.dia.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.dia-slots{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (min-width:640px){.dia{grid-template-columns:54px minmax(0,1fr) 270px}.dia-slots{grid-column:auto}}
.dia-fecha{display:grid;justify-items:center;line-height:1;gap:4px;padding:7px 0;border-radius:6px;background:var(--surface-2)}
.dow,.mon{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:650}
.dnum{font-family:var(--font-display);font-weight:700;font-size:23px;font-variant-numeric:tabular-nums}
.dia-info{display:grid;gap:5px;min-width:0}
.dia-zonas{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted)}
.dia-nota{font-size:13px;color:var(--bad)}
.slot{appearance:none;display:grid;gap:2px;text-align:left;padding:8px 12px;border-radius:var(--r-sm);border:1.5px solid var(--accent);background:var(--surface);color:var(--accent);cursor:pointer;font:inherit;min-width:0}
.slot-h{font-weight:700;font-size:14.5px;font-variant-numeric:tabular-nums}
.slot-s{font-size:12px}
.slot:hover:not(:disabled){background:var(--accent-soft)}
.slot[aria-pressed="true"]{background:var(--accent);color:var(--on-accent)}
.slot:disabled{cursor:not-allowed;border-color:var(--line);color:var(--muted);background:repeating-linear-gradient(135deg,var(--surface-2) 0 6px,var(--surface) 6px 12px)}

/* Resumen */
.resumen{position:sticky;top:calc(env(safe-area-inset-top,0px) + 62px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:14px;box-shadow:var(--shadow)}
@media (max-width:919px){.resumen{position:static}}
.dl{display:grid;gap:11px;margin:0}
.dl div{display:grid;gap:2px}
.dl dt{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:650}
.dl dd{margin:0;font-weight:600}
.dl dd.vacio{color:var(--muted);font-weight:400}
.msg{font-size:13.5px;font-weight:600;color:var(--bad)}
.msg:empty{display:none}

/* Confirmación y tarjetas */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.ok-card{max-width:700px;display:grid;gap:14px}
.code-box{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);border:1px dashed var(--line)}
.code-box .lbl{width:100%}
.code{font-family:var(--font-mono);font-weight:600;font-size:22px;letter-spacing:.06em}
.code.sm{font-size:13.5px;letter-spacing:.04em}
.mail{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2)}
.mail summary{cursor:pointer;padding:11px 14px;font-weight:600;font-size:14.5px}
.mail-body{padding:2px 16px 16px;display:grid;gap:10px;font-size:14.5px}
.mail-meta{font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:10px;display:grid;gap:2px}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.bad{background:var(--bad-soft);color:var(--bad)}
.pill.neutral{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}

/* Mis turnos */
.buscar{max-width:600px;display:grid;gap:14px}
.res{margin-top:18px;display:grid;gap:12px;max-width:600px}
.turno-card{display:grid;gap:8px}
.tc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.confirm-box{padding:14px;border-radius:var(--r-sm);background:var(--bad-soft);display:grid;gap:12px;color:var(--ink)}
.ok-line{padding:12px 14px;border-radius:var(--r-sm);background:var(--ok-soft);color:var(--ok);font-weight:600;font-size:14.5px}

/* Agenda */
.avisos{display:grid;gap:8px;margin-bottom:26px}
.aviso{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--r-sm);background:var(--bad-soft);color:var(--ink);font-size:14.5px}
.aviso b{color:var(--bad)}
.sec-title{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.ag-dia{margin-bottom:22px}
.ag-dia-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:10px}
.ag-dia-head h2{font-size:18px}
.ag-cols{display:grid;gap:12px}
@media (min-width:760px){.ag-cols{grid-template-columns:1fr 1fr}}
.ag-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:grid;gap:12px;align-content:start}
.ag-col h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;display:flex;justify-content:space-between;gap:10px}
.ag-item{display:grid;gap:3px;padding-top:12px;border-top:1px solid var(--line-2);font-size:14px}
.ag-item:first-of-type{border-top:0;padding-top:0}
.ag-item.cancelado{opacity:.62}
.ag-item.cancelado .ag-nombre{text-decoration:line-through}
.ag-top{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.ag-contact{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13.5px;margin-top:2px}
.ag-vacio{color:var(--muted);font-size:13.5px}

/* Membresía: estilo vidrio esmerilado, deja ver el fondo */
.mb{display:grid;gap:22px}
.mb-stage{position:relative;color:var(--glass-ink);padding:6px 0 10px;display:grid;justify-items:center;width:100%;max-width:760px;margin-inline:auto}
.mb-top{width:100%;max-width:680px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--glass-ink);margin-bottom:28px}
.mb-who{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--glass-ink)}
.mb-who img{width:36px;height:36px}
.mb-year{font-family:var(--font-display);font-weight:700;color:var(--glass-ink);font-size:15px}
.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:0 20px 50px rgba(8,40,90,.18),inset 0 1px 0 rgba(255,255,255,.35)}
.mb-card{position:relative;width:min(100%,400px);border-radius:28px;padding:34px 28px 70px;display:grid;gap:24px}
.mb-badge{position:absolute;top:-13px;right:-13px;width:32px;height:32px;border-radius:50%;background:var(--orange);color:var(--on-orange);display:grid;place-items:center;box-shadow:0 0 0 5px var(--glass-ring)}
.mb-badge svg{width:17px;height:17px}
.mb-head{display:grid;gap:8px;justify-items:center;text-align:center}
.mb-eyebrow{color:var(--glass-muted);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.mb-title{font-family:var(--font-display);font-weight:650;font-size:clamp(42px,9vw,56px);line-height:.98;letter-spacing:-.02em;margin:0;color:var(--glass-ink)}
.mb-list{list-style:none;margin:0;padding:0;display:grid;gap:13px;font-size:16px;color:var(--glass-ink);font-weight:500}
.mb-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:11px;align-items:start;line-height:1.4}
.ck{width:20px;height:20px;border-radius:50%;background:var(--orange);color:var(--on-orange);display:grid;place-items:center;margin-top:1px}
.ck svg{width:12px;height:12px}
.mb-list small{display:block;color:var(--glass-muted);font-size:13.5px;font-weight:400}
.mb-price{margin-top:-44px;position:relative;z-index:1;border-radius:18px;padding:12px 24px 12px;display:grid;justify-items:center;gap:4px;background:var(--glass-bg-2)}
.mb-amount{display:flex;align-items:flex-start;gap:4px;font-family:var(--font-display);line-height:1;color:var(--glass-ink)}
.mb-amount .cur{font-size:24px;font-weight:600;margin-top:5px}
.mb-amount strong{font-size:clamp(48px,10vw,62px);font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mb-amount .ars{font-size:19px;font-weight:600;align-self:flex-end;margin-bottom:6px;margin-left:4px}
.mb-price small{color:var(--orange-ink);font-weight:700;font-size:12.5px}
.mb-price small.mb-alt{color:var(--glass-muted);font-weight:600;font-size:11.5px;text-align:center}
.mb-pay{margin-top:30px;display:grid;justify-items:center;gap:14px;width:100%}
.mb-pay-lbl{display:flex;align-items:center;gap:12px;font-size:16.5px;color:var(--glass-ink);font-weight:500}
.mb-arrow{position:relative;width:46px;height:2px;background:var(--orange)}
.mb-arrow::after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-top:2px solid var(--orange);border-right:2px solid var(--orange);transform:translateY(-50%) rotate(45deg)}
.mb-medios{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px}
.mb-medios span{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--glass-ink);padding:7px 14px;border-radius:999px}
.mb-cta{width:min(100%,400px);display:grid;gap:10px;margin-top:6px}
.mb-cta .btn.mp{background:var(--orange);color:var(--on-orange);border-radius:999px;box-shadow:0 10px 24px rgba(252,116,0,.28)}
.mb-cta .btn.mp:hover{background:#FF8A26}
.mb-cta .btn.wa{background:var(--glass-bg-2);color:var(--glass-ink);border:1.5px solid var(--glass-border);border-radius:999px;padding:13px 18px;font-size:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.mb-cta .btn.wa:hover{border-color:var(--orange)}
.mb-foot{margin-top:26px;width:min(100%,680px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--glass-muted);padding:12px 18px;border-radius:16px}
.mb-foot a{color:var(--glass-ink);text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-weight:600}
.mb-foot a:hover{color:var(--accent)}
.mb-foot svg{width:17px;height:17px;color:var(--orange)}
.mb-steps{max-width:760px;margin-inline:auto;width:100%;display:grid;gap:14px}
.pasos{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:p}
@media (min-width:620px){.pasos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.pasos{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pasos li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;counter-increment:p;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.pasos li::before{content:counter(p);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--orange);color:var(--on-orange);font:600 13px/1 var(--font-mono)}
.pasos b{display:block;margin-bottom:2px}
.pasos span{color:var(--ink-2);font-size:14px}

/* Productos */
.filtros{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-bottom:18px}
.filtros::-webkit-scrollbar{display:none}
.filtro{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:9px 15px;font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1;cursor:pointer;white-space:nowrap;display:inline-flex;gap:7px;align-items:center}
.filtro:hover{border-color:var(--ink-2)}
.filtro .cnt{font-weight:500;opacity:.65;font-variant-numeric:tabular-nums}
.filtro[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.filtro:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.prod-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.prod-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
.prod{appearance:none;text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;min-width:0;height:100%;transition:box-shadow .15s,border-color .15s}
.prod-body{flex:1}
.prod:hover{box-shadow:var(--shadow);border-color:var(--accent)}
.prod-img{aspect-ratio:3/4;max-width:100%;width:100%;background:var(--surface-2);display:grid;place-items:center;color:var(--art);position:relative;overflow:hidden}
.prod-img svg{width:56%;height:auto}
.prod-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.prod-img .pill{position:absolute;top:8px;left:8px;z-index:1}
.prod-body{padding:12px 14px 14px;display:grid;gap:3px;align-content:start;border-top:1px solid var(--line-2);min-width:0}
.precio-antes{font-size:13.5px;color:var(--muted);text-decoration:line-through;font-variant-numeric:tabular-nums}
.precio{font-weight:600;font-size:clamp(20px,4.6vw,25px);line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.precio-nota{font-size:12.5px;color:var(--ink-2);font-weight:600}
.oferta{font-size:12.5px;color:var(--orange-ink);font-weight:700}
.beneficios{display:grid;gap:2px;margin-top:4px}
.beneficio{display:flex;align-items:center;gap:6px;color:var(--ok);font-weight:650;font-size:13.5px;line-height:1.3}
.beneficio svg{width:15px;height:15px;flex:none}
.prod-title{font-size:15px;color:var(--ink);line-height:1.35;margin-top:6px;font-weight:500}
.vacio-cat{padding:28px 20px;text-align:center;color:var(--muted)}
.pd{display:grid;gap:24px;align-items:start}
@media (min-width:860px){.pd{grid-template-columns:minmax(0,1fr) 380px}}
.pd-left{display:grid;gap:24px;min-width:0}
.pd-img{border-radius:var(--r);border:1px solid var(--line);overflow:hidden;background:var(--surface-2);max-width:620px}
.pd-img img{width:100%;height:auto;display:block}
.pd-buy{display:grid;gap:12px;align-content:start}
@media (min-width:860px){.pd-buy{position:sticky;top:calc(env(safe-area-inset-top,0px) + 62px)}}
.pd-buy h1{font-size:clamp(22px,3vw,28px)}
.pd-modelo{color:var(--muted);font-size:14px}
.pd-pills{display:flex;flex-wrap:wrap;gap:6px}
.pd-precio{display:grid;gap:2px}
.pd-precio .precio{font-size:34px}
.destacados{list-style:none;padding:0;margin:0;display:grid;gap:12px}
@media (min-width:560px){.destacados{grid-template-columns:repeat(2,minmax(0,1fr))}}
.destacados li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start}
.destacados .ck{margin-top:1px}
.destacados b{display:block;font-size:15px}
.destacados span span{color:var(--ink-2);font-size:14px}
.specs{list-style:none;padding:0;margin:0;display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;max-width:460px}
.specs li{display:flex;justify-content:space-between;gap:16px;padding:9px 14px;font-size:14.5px;background:var(--surface)}
.specs li:nth-child(odd){background:var(--surface-2)}
.specs span:first-child{color:var(--muted)}
.specs span:last-child{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.incluye{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.incluye li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;font-size:14.5px}
.incluye svg{width:20px;height:20px;color:var(--ok);margin-top:1px}
.incluye b{display:block}
.incluye small{color:var(--muted);font-size:13px}
.pd-desc{display:grid;gap:14px;max-width:72ch}
.pd-bajada{font-size:17px;color:var(--ink);font-weight:500}
.pd-desc h3{font-family:var(--font-display);font-weight:650;font-size:17px;margin-top:4px}
.divider{height:1px;background:var(--line)}
.back{margin-bottom:16px}

/* Socios */
.mb-nota{font-size:13px;color:var(--glass-muted);text-align:center;line-height:1.45}
.socios{margin-top:30px;display:grid;gap:14px}
.socio-form{display:grid;gap:14px}
.socio-form .grid4{display:grid;gap:14px}
@media (min-width:760px){.socio-form .grid4{grid-template-columns:1.2fr 1.4fr 1fr 1fr}}
.socios-lista{display:grid;gap:8px}
.socio-row{display:grid;gap:4px 16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;font-size:14px}
@media (min-width:760px){.socio-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1.5fr) minmax(0,1.3fr) auto}}
.socio-row .ag-top{gap:6px 8px}
.socio-uso{font-weight:650;font-variant-numeric:tabular-nums}
.socio-hint{padding:10px 12px;border-radius:var(--r-sm);background:var(--orange-soft);color:var(--ink);font-size:13.5px;line-height:1.45}
.precios-2{display:grid;gap:6px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line)}
.precios-2 div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}
.precios-2 b{font-variant-numeric:tabular-nums;font-size:16px}

/* Legales, vencimientos, clientes y pie */
.legal{display:grid;gap:10px;max-width:800px;margin-bottom:26px}
.legal h2{font-size:18px;margin-top:8px}
.legal ul{margin:0;padding-left:20px;display:grid;gap:6px}
.legal p,.legal li{line-height:1.6}
.legal-head{margin-top:10px}
.vencen-card{display:grid;gap:8px}
.vencen-card h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.vencen-card ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14.5px}
.clientes{margin-top:30px;display:grid;gap:10px}
.tabla-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.tabla{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}
.tabla th,.tabla td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line-2);vertical-align:top}
.tabla th{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:var(--surface-2);font-weight:700}
.tabla tr:last-child td{border-bottom:0}
.tabla td.num{font-variant-numeric:tabular-nums}
.foot{align-items:center}
.foot-info{display:grid;gap:6px}
.foot-legal{display:flex;flex-wrap:wrap;gap:4px 16px}
.foot-legal .linkbtn{font-size:13px;color:var(--glass-ink);text-decoration:underline}
.data-fiscal{display:grid;justify-items:center;gap:4px;text-decoration:none;color:var(--glass-muted);font-size:11px;font-weight:600}
.data-fiscal img{width:76px;height:76px;background:#FFFFFF;padding:4px;border-radius:6px;border:1px solid var(--line)}

/* Datos para transferir */
.transf{display:grid;gap:10px;padding:14px 16px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);text-align:left}
.transf h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.transf dl{margin:0;display:grid;gap:7px}
.transf dl div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14.5px}
.transf dt{color:var(--muted)}
.transf dd{margin:0;font-weight:650;text-align:right;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;justify-content:flex-end}
.transf .linkbtn{font-size:13px}
.transf-nota{font-size:13px;line-height:1.45;color:var(--ink-2);padding-top:8px;border-top:1px dashed var(--line)}
.transf-nota a{font-weight:700}
.mb-transf{width:min(100%,400px)}
.mb-stage .transf{background:var(--glass-bg-2);border-color:var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--glass-ink)}
.mb-stage .transf h4,.mb-stage .transf dt{color:var(--glass-muted)}
.mb-stage .transf-nota{color:var(--glass-ink);border-top-color:var(--glass-border)}

.pedido-txt{white-space:pre-wrap;font-family:var(--font-body);font-size:14.5px;line-height:1.55;background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--r-sm);padding:12px 14px;margin:0;overflow-wrap:anywhere}

/* Inicio */
.inicio{display:grid;gap:22px}
.hero{border-radius:22px;padding:28px 24px;display:grid;gap:20px;align-items:center;justify-items:start}
@media (min-width:760px){.hero{grid-template-columns:150px minmax(0,1fr);padding:38px 42px;gap:38px}}
.hero-logo{width:112px;height:112px}
@media (min-width:760px){.hero-logo{width:150px;height:150px}}
.hero-txt{display:grid;gap:12px;max-width:64ch}
.hero .eyebrow{color:var(--orange-ink)}
.hero h1{color:var(--glass-ink)}
.hero .lead{color:var(--glass-ink)}
.hero .row{margin-top:6px}
.hero .btn.ghost{background:var(--glass-bg-2);color:var(--glass-ink);border-color:var(--glass-border)}
.quienes{border-radius:22px;padding:26px 24px;display:grid;gap:22px}
@media (min-width:900px){.quienes{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:36px 42px;gap:36px;align-items:center}}
.quienes-txt{display:grid;gap:12px;color:var(--glass-ink);font-size:16.5px;line-height:1.6;max-width:60ch}
.quienes h2{font-size:clamp(26px,3.6vw,32px);color:var(--glass-ink)}
.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stats li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 18px;display:grid;gap:6px;align-content:start}
.stats strong{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,38px);line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.stats li:last-child strong{color:var(--orange-ink)}
.stats span{font-size:14px;color:var(--ink-2);line-height:1.35}
.visita{display:grid;gap:20px}
@media (min-width:760px){.visita{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
.visita > div{display:grid;gap:8px;align-content:start}
.visita h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.dir{font-size:17px;font-weight:650}
.visita a.mapa{font-weight:600;font-size:14px}
.horario{margin:0;display:grid;gap:6px;max-width:280px}
.horario div{display:flex;justify-content:space-between;gap:12px}
.horario dt{color:var(--ink-2)}
.horario dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}
.contacto-lista{display:grid;gap:8px}
.contacto-lista a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:600}
.contacto-lista a:hover{color:var(--accent)}
.contacto-lista svg{width:17px;height:17px;color:var(--orange)}

footer{border-top:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}
footer .wrap{padding-block:18px;color:var(--glass-muted);font-size:13px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;justify-content:space-between}
footer a{color:var(--glass-ink);text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-weight:600}
footer a:hover{color:var(--accent)}
footer svg{width:16px;height:16px;color:var(--orange)}
.contactos{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}

.art .body{fill:var(--surface)}
.art .none{fill:none}
/* Cambio de pestaña al deslizar */
@keyframes entraDer{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes entraIzq{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
.panel.entra-der{animation:entraDer .22s ease-out}
.panel.entra-izq{animation:entraIzq .22s ease-out}
main{overflow-x:clip}
/* Botón de WhatsApp en la Agenda */
.wa-btn{background:#1E8E4E;color:#FFFFFF}
.wa-btn:hover{background:#177A42}
.aviso.confirmar{background:var(--ok-soft)}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Días sin turnos (Agenda) */
.cerrados{display:flex;flex-wrap:wrap;gap:8px}
.cerrado{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:13.5px;font-weight:600}
.cerrado button{appearance:none;border:0;background:none;color:var(--bad);font:inherit;font-weight:700;cursor:pointer;padding:0 4px}
.aviso.info{background:var(--warn-soft)}
.aviso.info b{color:var(--warn)}
.cargando{color:var(--muted);font-size:13.5px}

/* ===== Fichas para imprimir (Agenda) ===== */
.ag-fichas{margin-left:auto}
#fichas{position:fixed;inset:0;z-index:1000;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#D9DEE6;padding-bottom:24px;--k:1}
#fichas[hidden]{display:none}
body.con-fichas{overflow:hidden}
.fichas-barra{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);font-weight:650;font-size:14.5px}
.ficha-hoja{width:calc(210mm * var(--k));height:calc(297mm * var(--k));margin:12px auto 0;background:#FFFFFF;box-shadow:0 2px 14px rgba(0,0,0,.2);overflow:hidden}
.ficha{position:relative;width:210mm;height:297mm;overflow:hidden;background:#FFFFFF;color:#111111;font-family:Arial,Helvetica,sans-serif;transform:scale(var(--k));transform-origin:0 0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.fi-banda{position:absolute;left:0;top:0;width:210mm;height:38mm;display:block}
.fi-marca{position:absolute;left:9mm;top:4.5mm;display:flex;align-items:center;gap:3mm;color:#FFFFFF}
.fi-marca img{width:24mm;height:24mm;display:block}
.fi-marca-txt{display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:700;line-height:1}
.fi-marca-txt b{font-size:25pt;font-weight:900;letter-spacing:.5px}
.fi-marca-txt span{font-size:13.5pt;font-weight:900;letter-spacing:.4px;margin-top:.6mm}
.fi-marca-txt small{font-size:6.3pt;font-weight:700;font-style:normal;letter-spacing:.3px;text-transform:uppercase;margin-top:1.8mm;color:#E6E9EE}
.fi-barra{position:absolute;left:187.5mm;top:23mm;width:3.6mm;height:80mm;background:#0068D4}
.fi-barra::before{content:"";position:absolute;left:0;top:0;width:100%;height:14mm;background:#FC7400}
.fi-titulo{position:absolute;right:35mm;top:41mm;font-size:17pt;font-weight:700;letter-spacing:.6px;line-height:1;color:#2B2B2D}
.fi-cuerpo{position:absolute;left:35mm;top:49mm;width:138mm}
.fi-sec{position:relative;font-family:"Segoe UI","Open Sans",Calibri,Arial,sans-serif;font-weight:400;font-size:15pt;line-height:1.15;letter-spacing:.2px;color:#2B2B2D;margin:6.5mm 0 0;padding:0 0 .8mm .8mm;border-bottom:1.1mm solid #0068D4}
.fi-sec::after{content:"";position:absolute;left:0;bottom:-1.1mm;width:18mm;height:1.1mm;background:#FC7400}
.fi-sec:first-child{margin-top:0}
.fi-campo{margin-top:3.3mm;min-width:0}
.fi-l{font-size:12pt;line-height:1.25;color:#000000}
.fi-v{font-size:8pt;line-height:4.4mm;min-height:4.4mm;border-bottom:.25mm solid #666666;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111111}
.fi-campo.medio .fi-v{width:58mm}
.fi-campo.min .fi-v{text-transform:none}
.fi-campo.destacado .fi-v{font-weight:700;font-size:9.5pt;color:#000000}
.fi-v.fi-rv{position:relative;white-space:normal;text-overflow:clip;border-bottom:0;min-height:0}
.fi-rv i{display:block;box-sizing:border-box;height:4.4mm;border-bottom:.25mm solid #666666}
.fi-txt{position:absolute;left:0;right:0;top:0;line-height:4.4mm;overflow:hidden}
.fi-campo.r2 .fi-txt{max-height:8.8mm}
.fi-campo.r4 .fi-txt{max-height:17.6mm}
.fi-campo.r3 .fi-txt{max-height:13.2mm}
.fi-titulo{max-width:120mm;text-align:right}
.fi-neq{position:absolute;right:35mm;top:46.5mm;font-size:9pt;font-weight:700;color:#FC7400;letter-spacing:.3px;text-transform:uppercase}
.fi-fila{display:grid;grid-template-columns:58mm 58mm;column-gap:21.5mm}
.fi-bien{display:flex;align-items:stretch}
.fi-bien-izq{width:58mm}
.fi-divisor{width:1.1mm;background:#0068D4;margin:9mm 0 1mm 7mm}
.fi-pie{position:absolute;left:0;right:0;top:257mm;text-align:center;color:#2B2B2D}
.fi-pie-nombre{font-size:12pt;font-weight:700;font-style:italic;letter-spacing:.4px}
.fi-pie-datos{font-size:8pt;color:#4A4F55;margin-top:1.5mm}
.fi-cuadros{display:flex;justify-content:center;gap:13mm;margin-top:4.5mm}
.fi-cuadros i{display:block;width:4.2mm;height:3.2mm;background:#2B2B2D}
.fi-cuadros i:nth-child(2){background:#FC7400}
.fi-cuadros i:nth-child(3){background:#0068D4}
.ficha-hoja.apaisada{width:calc(297mm * var(--k2,1));height:calc(210mm * var(--k2,1))}
/* Check list de recepción del bien (hoja apaisada) */
.checklist{position:relative;width:297mm;height:210mm;overflow:hidden;background:#FFFFFF;color:#111111;font-family:Calibri,Carlito,Arial,Helvetica,sans-serif;font-size:8.6pt;line-height:4.2mm;transform:scale(var(--k2,1));transform-origin:0 0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ck-titulo{position:absolute;left:9mm;top:8mm;font-size:11pt;font-weight:700;color:#2B2B2D;letter-spacing:.2px}
.ck-ref{position:absolute;right:35mm;top:8.5mm;font-size:8pt;color:#4A4F55}
.ck-izq{position:absolute;left:35mm;top:22mm;width:112mm;display:flex;flex-direction:column;gap:4mm}
.ck-der{position:absolute;left:155mm;top:22mm;width:107mm;border:.3mm solid #222222}
.ck-bloque{border:.3mm solid #222222}
.checklist h3{margin:0;padding:0 1.2mm;font-size:8.6pt;font-weight:700;line-height:4.4mm;background:#EEF1F5;color:#111111}
.ck-bloque h3 + *, .ck-bloque .ck-emp + h3{margin-top:0}
.ck-bloque h3:not(:first-child){border-top:.3mm solid #222222}
.ck-emp{display:flex;justify-content:space-between;align-items:center;padding:.4mm .4mm .4mm 1.2mm;border-bottom:.3mm solid #222222}
.ck-emp b{display:block;font-weight:700;line-height:4.2mm}
.ck-emp img{width:12.5mm;height:12.5mm;display:block}
.ck-emp + h3{border-top:0!important}
.ck-dato{display:flex;gap:1.5mm;padding:0 1.2mm;min-height:4.2mm}
.ck-dato b{font-weight:600;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ck-estado h3{display:flex;justify-content:space-between}
.ck-estado h3 span{margin-right:7mm}
.ck-fila{display:grid;grid-template-columns:28mm 1fr;padding:0 1.2mm}
.ck-op{display:flex;align-items:center;gap:1.4mm;min-height:4.4mm;padding:0 1.2mm}
.ck-fila .ck-op{padding:0}
.ck-op.sin{padding-left:0}
.ck-nota{min-height:12mm}
.ck-cierre p{margin:0;padding:0 1.2mm}
.ck-firma{display:grid;grid-template-columns:28mm 52mm;align-items:end;height:11mm;padding:0 1.2mm}
.ck-firma i{display:block;border-bottom:.25mm solid #222222;margin-bottom:1.2mm}
.ck-fecha{display:grid;grid-template-columns:57mm 1fr;padding:7mm 1.2mm 1mm}
.ck-box{display:inline-block;box-sizing:border-box;width:2.6mm;height:2.6mm;border:.25mm solid #333333;flex:none}
.ck-cab,.ck-item{display:grid;grid-template-columns:1fr 10mm 10mm 26mm;align-items:center;padding:0 1.2mm;min-height:4.2mm}
.ck-cab{font-weight:700}
.ck-cab span:not(:first-child){text-align:center}
.ck-item .ck-box{justify-self:center}
/* Orden de entrega (solo particulares) */
.orden .oe-dir{position:absolute;right:35mm;top:50mm;font-size:10.5pt;color:#2B2B2D}
.orden .oe-ref{position:absolute;right:35mm;top:56.5mm;font-size:8.5pt;color:#4A4F55}
.oe-cuerpo{position:absolute;left:28mm;top:66mm;width:147mm}
.oe-filas{display:grid;gap:1.7mm;margin-top:4mm}
.oe-fila{display:flex;align-items:center;gap:2.5mm;min-height:6.6mm}
.oe-l{flex:none;color:#8A9099;font-size:10.5pt}
.oe-v{flex:1;min-width:0;box-sizing:border-box;min-height:6.6mm;line-height:6.2mm;padding:0 2.2mm;background:#F4F7FB;border:.25mm solid #DCE3EC;border-radius:.8mm;font-size:9.5pt;color:#111111;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oe-fila.min .oe-v{text-transform:none}
.oe-fila.fuerte .oe-l{color:#2B2B2D;font-weight:700}
.oe-fila.fuerte .oe-v{font-weight:700;color:#000000}
.oe-fila.importe{margin-top:1.5mm}
.oe-fila.importe .oe-l{color:#2B2B2D;font-weight:700;font-size:11pt}
.oe-fila.importe .oe-v{font-weight:800;font-size:12.5pt;line-height:8.2mm;min-height:8.6mm;color:#000000;background:#FFF3E6;border-color:#FC7400}
.oe-articulo{white-space:pre-line;margin-top:4mm;min-height:24mm;box-sizing:border-box;padding:2mm 2.5mm;background:#F4F7FB;border:.25mm solid #DCE3EC;border-radius:.8mm;font-size:11pt;text-transform:uppercase;color:#111111}
.oe-texto{margin-top:8mm;text-align:center;font-size:10.5pt;line-height:1.45;color:#222222}
.oe-texto p{margin:0 0 4mm}
.oe-firmas{position:absolute;left:14mm;right:14mm;top:262mm;display:flex;justify-content:space-between}
.oe-firmas div{width:66mm;text-align:center}
.oe-firmas i{display:block;border-top:.3mm solid #5A7090;margin-bottom:1.2mm}
.oe-firmas span{font-size:8pt;color:#5A7090}
.oe-pie{position:absolute;left:0;right:0;top:283mm;text-align:center;font-size:7.5pt;color:#6A7078;letter-spacing:.2px}
/* Caja de orden de entrega en la Agenda */
.ag-entrega{margin-top:8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2)}
.ag-entrega summary{cursor:pointer;padding:7px 10px;font-size:13.5px;font-weight:650;color:var(--accent)}
.ag-entrega summary .muted{font-weight:500}
.ag-entrega-campos{display:grid;gap:8px;padding:2px 10px 8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.ag-entrega-campos input{padding:8px 10px}
.ag-entrega-acc{padding:0 10px 10px;gap:8px}
.ag-ruta{margin:0 0 12px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);display:grid;gap:12px}
.ag-ruta-franja{display:grid;gap:6px}
.ag-ruta-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ag-ruta-paradas{margin:0;padding-left:22px;display:grid;gap:3px;font-size:14px}
.buscar-cli{margin:6px 0 10px;max-width:520px}
.bus-res{display:grid;gap:10px;margin-bottom:14px}
.bus-item{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:12px 14px}
.ag-cargar{margin-bottom:18px;display:grid;gap:10px}
.ag-form summary{cursor:pointer;font-weight:700;color:var(--accent);font-size:15px}
.ag-form[open] summary{margin-bottom:12px}
.ag-form form{display:grid;gap:12px}
.ag-form .grid4{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.chk{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.chk input{width:18px;height:18px;margin:0}
.ag-entregas{margin:0 0 12px;padding:10px 12px;border:1px dashed var(--orange);border-radius:var(--r);background:var(--orange-soft);display:grid;gap:8px}
.ag-entregas h3{margin:0;font-size:15px}
.ent-item{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:14px}
.ent-item.hecha{opacity:.6}
.ent-item.hecha b{text-decoration:line-through}
.ag-pasados{margin-top:18px}
.ag-pasados > summary{cursor:pointer;font-family:var(--font-display);font-weight:650;font-size:19px;padding:6px 0;color:var(--ink)}
.ag-pasados > summary .muted{font-size:15px;font-weight:500}
.ag-pasados[open] > summary{margin-bottom:10px}
@media print{
  @page{size:A4;margin:0}
  @page apaisada{size:A4 landscape;margin:0}
  #fichas .ficha-hoja.apaisada{page:apaisada;width:297mm;height:209mm}
  #fichas .checklist{transform:none}
  #fichas.rotar .ficha-hoja.apaisada{page:auto;position:relative;width:210mm;height:296mm}
  #fichas.rotar .checklist{transform:translateX(210mm) rotate(90deg);transform-origin:0 0}
  body.con-fichas{background:#FFFFFF!important;overflow:visible}
  body.con-fichas::before{display:none!important}
  body.con-fichas>*:not(#fichas){display:none!important}
  body.con-fichas #fichas{position:static;overflow:visible;background:none;padding:0}
  #fichas .fichas-barra{display:none}
  #fichas .ficha-hoja{width:210mm;height:296mm;margin:0;box-shadow:none;break-after:page;page-break-after:always}
  #fichas .ficha-hoja:last-child{break-after:auto;page-break-after:auto}
  #fichas .ficha{transform:none;height:296mm}
}

/* Más de un equipo (formulario de turnos) */
.equipos-extra{display:grid;gap:12px;padding:4px 0 4px 14px;border-left:3px solid var(--orange)}
#equipos-lista{display:grid;gap:12px}
.eq-extra{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2)}
.eq-extra-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.eq-extra-head b{font-size:14px}
.eq-extra textarea{min-height:64px}
.ag-equipos{margin:0;padding-left:18px;display:grid;gap:2px}
/* Particular o asegurado (formulario de turnos) */
.cob{border:0;padding:0;margin:0;min-width:0;display:grid;gap:8px}
.cob legend{padding:0;margin:0 0 8px;float:left;width:100%}
.cob-opciones{clear:both;display:grid;gap:8px}
@media (min-width:620px){.cob-opciones{grid-template-columns:1fr 1fr}}
.cob-op{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);cursor:pointer;font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}
.cob-op input{width:18px;height:18px;margin:0;padding:0;flex:none;accent-color:var(--accent)}
.cob-op:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.cob-op:focus-within{outline:2px solid var(--accent);outline-offset:1px}
.seguro-datos{display:grid;gap:14px;margin-top:6px;padding:4px 0 4px 14px;border-left:3px solid var(--accent)}
.pill.seguro{background:var(--accent-soft);color:var(--accent)}