:root{--sel:var(--ag-tiffany);--link:var(--ag-tiffany-texto);--sel-l:var(--ag-seleccion-fondo);--ink:var(--ag-navy);--ink-2:var(--ag-texto-2);--muted:var(--ag-tenue);--paper:var(--ag-fondo);--card:#fff;--line:var(--ag-linea);--err:var(--ag-error);--err-l:var(--ag-error-fondo);--ok:var(--ag-ok);--ok-l:var(--ag-ok-fondo);--warn:var(--ag-pendiente);--warn-l:var(--ag-pendiente-fondo);--info:var(--ag-violeta);--info-l:var(--ag-violeta-fondo);--acento:var(--ag-rosa);--prim:var(--ag-navy);--prim-h:var(--ag-violeta);--r:var(--ag-radio);--sh:var(--ag-sombra);--f-t:var(--ag-f-titulos);--f-b:var(--ag-f-texto);--f-m:var(--ag-f-mono)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--f-b);-webkit-font-smoothing:antialiased}
a{color:var(--link)}h1,h2,h3{font-family:var(--f-t);font-weight:800;line-height:1.12;margin:0 0 .4em;letter-spacing:-.02em}
h1{font-size:clamp(30px,4.4vw,52px)}h2{font-size:24px}h3{font-size:19px}h1 em{font-style:normal;color:var(--acento)}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}.angosto{max-width:560px;padding-top:48px;padding-bottom:64px}
.muted{color:var(--muted)}.chico{font-size:13.5px}.mono{font-family:var(--f-m);font-size:.92em}.ok{color:var(--ok);font-weight:600}
.env{background:var(--ink);color:#fff;font-size:12.5px;text-align:center;padding:6px 10px;letter-spacing:.02em}.env b{color:var(--ag-tiffany-tinte)}
.top{background:rgba(248,248,250,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top-in{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.marca{font-family:var(--f-t);font-size:21px;font-weight:800;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px;white-space:nowrap}
.marca-punto{width:12px;height:12px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 4px var(--ag-rosa-fondo)}
.nav{display:flex;gap:20px;align-items:center;font-weight:600;font-size:14.5px}.nav a{color:var(--ink);text-decoration:none}.nav a:hover{color:var(--link)}
.nav-carrito{border:1px solid var(--line);background:#fff;padding:7px 14px;border-radius:999px}
.pill{display:inline-block;min-width:20px;text-align:center;background:var(--acento);color:var(--ink);font-weight:700;border-radius:999px;font-size:12px;padding:0 6px;margin-left:4px}
.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--link);font-weight:700;margin:0 0 8px}
.hero{padding:72px 22px 48px}.hero h1{max-width:820px}.bajada{font-size:19px;color:var(--ink-2);max-width:620px}
.hero-cta{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--prim);color:#fff;border:0;border-radius:999px;padding:13px 22px;font:700 15px var(--f-b);cursor:pointer;text-decoration:none;transition:background .15s}
.btn:hover{background:var(--prim-h)}.btn:focus-visible{outline:3px solid var(--info);outline-offset:2px}.btn:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}
.btn-sec{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-sec:hover{background:var(--sel-l)}
.link{background:none;border:0;padding:0;color:var(--link);font:600 14px var(--f-b);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sec{margin:56px 0 18px;font-size:28px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card,.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--sh);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-2px);border-color:var(--info)}.card h3{font-size:18px}
.card-precio{margin:0;font-size:15px}.card-precio b{font-family:var(--f-t);font-size:22px}
.card-eta{font-size:13.5px;color:var(--ink-2);margin:4px 0 0;padding-top:10px;border-top:1px dashed var(--line)}
.card-cta{margin-top:auto;font-weight:700;color:var(--link);font-size:14px}
.plan-precio{font-family:var(--f-t);font-size:26px;margin:4px 0}.plan form{margin-top:auto}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;font-size:14px;cursor:pointer}
.chip-s{padding:3px 10px;font-size:12px;cursor:default;background:var(--paper)}
.chip:has(input:checked){border-color:var(--sel);background:var(--sel-l)}.chip input{accent-color:var(--sel)}
.badge{display:inline-block;font:700 10.5px var(--f-b);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:2px 7px;vertical-align:middle}
.badge-ok{background:var(--ok-l);color:var(--ok)}.badge-pend{background:var(--warn-l);color:var(--warn)}.badge-info{background:var(--info-l);color:var(--info)}
.lista{padding-left:18px;margin:6px 0}.lista li{margin:3px 0}.lista-no li{color:var(--muted)}
.como .pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding:0;list-style:none;counter-reset:p}
.como .pasos li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;counter-increment:p}
.como .pasos li::before{content:counter(p);display:block;font-family:var(--f-t);font-size:30px;color:var(--sel)}
.svc{padding-top:44px;padding-bottom:64px}.svc-intro{max-width:760px}.svc-intro h1{font-size:clamp(28px,3.6vw,42px)}
.svc-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:14px 0}
.svc-form{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;margin-top:28px}
.svc-form>.paso{grid-column:1}.svc-form>.resumen{grid-column:2;grid-row:1/span 6;position:sticky;top:84px}
.paso{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh)}
.paso h2{font-size:21px;display:flex;align-items:center;gap:10px}
.num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sel-l);color:var(--link);font:700 15px var(--f-b)}
.plazos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}
.plazo{border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;display:grid;gap:4px;position:relative;background:#fff}
.plazo input{position:absolute;opacity:0}.plazo:has(input:checked){border-color:var(--sel);background:var(--sel-l);box-shadow:0 0 0 3px rgba(10,186,181,.22)}
.plazo:has(input:focus-visible){outline:2px solid var(--info);outline-offset:2px}
.plazo-off{opacity:.55;cursor:not-allowed;background:var(--paper)}.plazo-precio{font-family:var(--f-t);font-size:22px}.plazo-eta{font-size:13.5px}
.campo{display:grid;gap:5px;margin:14px 0;border:0;padding:0}.lbl{font-weight:700;font-size:14.5px}
.campo input:not([type=radio]):not([type=checkbox]),.campo textarea,.fila input{font:15px var(--f-b);padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);width:100%}
.campo input:focus,.campo textarea:focus{outline:2px solid var(--sel);border-color:var(--sel)}
.campo input[type=file]{padding:10px;background:var(--paper);border-style:dashed}
.err{color:var(--err);font-size:13px;font-weight:600}
.campo-grupo{border:1px dashed var(--line);border-radius:14px;padding:14px}
.rep-fila{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:10px 0;background:var(--paper)}.rep-fila legend{font-weight:700;font-size:13.5px;padding:0 6px}
.resumen{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--sh);display:grid;gap:8px}
.resumen .total{font-family:var(--f-t);font-size:34px;margin:0}.resumen p{margin:0}
.resumen-lineas,.det{list-style:none;padding:0;margin:0;font-size:13.5px}.resumen-lineas li,.det li{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px dotted var(--line)}
.carrito{padding-top:44px;padding-bottom:64px}.carrito-cols{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.carrito-cols>aside{position:sticky;top:84px}
.linea{display:flex;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:14px;box-shadow:var(--sh)}
.linea>div:first-child{flex:1}.linea-err{border-color:var(--err)}.linea-der{text-align:right;display:grid;align-content:space-between;gap:10px}
.monto{font-family:var(--f-t);font-size:22px;margin:0;white-space:nowrap}.eta{font-size:14px;margin:8px 0 0}
.check{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;margin:6px 0}.check input{margin-top:3px;accent-color:var(--sel)}
.aviso{border-radius:12px;padding:11px 14px;font-size:14px;margin:10px 0}.aviso-error{background:var(--err-l);color:var(--err)}.aviso-ok{background:var(--ok-l);color:var(--ok)}.aviso-info{background:var(--info-l);color:var(--info)}
.estado{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;border-radius:999px;padding:3px 10px;background:var(--sel-l);color:var(--link)}
.estado-rechazado,.estado-cancelado{background:var(--err-l);color:var(--err)}.estado-entregado,.estado-cerrado{background:var(--ok-l);color:var(--ok)}
.fila{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:10px 0}.inline{display:inline-flex;gap:6px;align-items:center;margin-right:10px}
.form{display:grid;gap:6px}.codigo{font-size:30px;letter-spacing:.08em;background:#fff;border:1px dashed var(--sel);border-radius:12px;padding:12px;text-align:center}
.cuenta{padding-top:44px;padding-bottom:64px}.saldos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.saldo{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh)}.saldo-n{font-family:var(--f-t);font-size:36px;margin:0;line-height:1}.saldo p{margin:0}
.tabla{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:14px}
.tabla th{text-align:left;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:11px 14px;border-bottom:1px solid var(--line);background:var(--paper)}
.tabla td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}.tabla td.num,.tabla th.num{display:table-cell;width:auto;height:auto;border-radius:0;background:none;color:inherit;font:inherit;text-align:right}.tabla tr.off td{color:var(--muted);text-decoration:line-through}
.tabla input{font:13px var(--f-b);padding:4px 8px;border:1px solid var(--line);border-radius:8px;width:120px}
.lista-pedidos{list-style:none;padding:0}.lista-pedidos li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:8px}
.panel{padding-top:36px;padding-bottom:64px}.legal{padding-top:36px;padding-bottom:64px;max-width:780px}.nota{background:#fff;border-left:3px solid var(--sel);padding:10px 14px}
mark{background:var(--warn-l);color:var(--warn);padding:0 3px;border-radius:3px}
.pie{border-top:1px solid var(--line);background:#fff;margin-top:40px}.pie-in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 22px}
.pie-marca{font-family:var(--f-t);font-weight:800;font-size:18px;margin:0}.pie p{margin:2px 0;font-size:13.5px}
.pie-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:14px}.pie-links a{color:var(--ink-2)}
.btn-arr{background:var(--ink);color:#fff!important;text-decoration:none;border-radius:999px;padding:9px 16px;font-weight:700}
@media (max-width:860px){.svc-form,.carrito-cols{grid-template-columns:1fr}.svc-form>.resumen{grid-column:1;grid-row:auto;position:static}.carrito-cols>aside{position:static}.saldos{grid-template-columns:repeat(2,1fr)}.svc-cols{grid-template-columns:1fr}.nav{gap:12px;font-size:13.5px}}

.campo-casilla span { display:flex; gap:.5rem; align-items:flex-start; font-weight:500 }
.campo-colores .fila { display:flex; gap:.5rem; align-items:center }
.campo-colores input[type=color] { width:2.6rem; height:2.4rem; padding:0; border:1px solid var(--line); border-radius:8px; background:none }
.chip-off { opacity:.55; cursor:not-allowed }
.chip-nota { color:var(--muted); font-weight:400 }
form.entregar { display:grid; gap:.3rem; min-width:16rem; margin:.3rem 0 }
form.entregar textarea { font:inherit; font-size:.85rem }

.archivos{list-style:none;padding:0;margin:6px 0;display:grid;gap:6px}
.archivo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:var(--ag-radio-chico);padding:8px 12px;background:#fff;font-size:14px}
.archivo-valido{border-left:4px solid var(--ok)}.archivo-rechazado{border-left:4px solid var(--err);background:var(--err-l)}.archivo-validando{border-left:4px solid var(--warn)}
.estado-archivo{font-family:var(--f-m);font-size:12.5px}.archivo-rechazado .estado-archivo{color:var(--err)}
.problemas{margin:6px 0 0;padding-left:18px}.aviso-borrado{background:var(--warn-l);color:var(--warn);border-radius:var(--ag-radio-chico);padding:8px 12px}
.num{font-family:var(--f-m)}
@media (max-width:480px){.marca{font-size:18px}header nav{gap:10px}}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);padding:7px 12px;border-radius:999px;color:var(--ink);font-weight:600}
.menu summary::-webkit-details-marker{display:none}
.menu summary:focus-visible{outline:3px solid var(--ag-violeta);outline-offset:2px}
.menu-ico{width:14px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
.menu-ico::after{content:"";position:absolute;left:0;right:0;top:2px;border-top:2px solid currentColor}
.menu[open] summary{border-color:var(--ag-violeta)}
.menu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:var(--ag-radio-chico,12px);box-shadow:var(--ag-sombra,0 10px 30px rgba(10,15,74,.12));padding:6px;display:flex;flex-direction:column;z-index:20}
.menu-panel a{padding:12px 14px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:15px}
.menu-panel a:hover,.menu-panel a:focus-visible{background:var(--ag-violeta-fondo);color:var(--ink)}
@media (max-width:860px){.nav .nav-l{display:none}.nav .nav-l:first-child{display:inline}.menu{display:block}.nav-carrito{padding:7px 12px}}
@media (max-width:360px){.nav .nav-l:first-child{display:none}}
@media (max-width:480px){.top-in{gap:8px}.nav{gap:8px}.marca{font-size:17px;gap:7px}.menu summary{padding:8px 11px}.menu-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.nav-carrito{padding:7px 10px}}

.marca-prov{font:600 10px var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--ag-pendiente);background:var(--ag-pendiente-fondo);border-radius:6px;padding:2px 6px;margin-left:8px;vertical-align:middle}
@media (max-width:480px){.marca-prov{display:none}}