/* lc-carro.css — carrito lateral + botón del header, igual en todas las páginas (2026-09-28).
   Autónomo: las páginas legales no cargan gt-0907.css, por eso cada color lleva su respaldo. */
.btn--carro{position:relative}
.carro-n{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#fff;color:#F00001;font-size:11px;font-weight:800;font-style:normal;line-height:18px;text-align:center;box-shadow:0 0 0 2px #F00001}
.carro-n[hidden]{display:none}

.carro{position:fixed;inset:0;z-index:1000;font-family:var(--font,inherit)}
.carro[hidden]{display:none}
html.carro-abierto{overflow:hidden}
.carro__fondo{position:absolute;inset:0;border:0;background:#00124d66;cursor:pointer}
.carro__panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;color:var(--tinta,#0E1B42);display:flex;flex-direction:column;box-shadow:-24px 0 48px -24px #00124d99;animation:carro-entra .22s ease-out}
@keyframes carro-entra{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.carro__panel{animation:none}}
.carro__top{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid var(--linea,rgba(5,106,220,.18))}
.carro__top h2{margin:0;font-size:20px;font-weight:800;color:var(--tinta,#0E1B42)}
.carro__top button{width:44px;height:44px;border:0;border-radius:10px;background:var(--bruma,#EAF2FD);color:var(--tinta,#0E1B42);font-size:22px;line-height:1;cursor:pointer}
.carro__lista{flex:1;overflow:auto;padding:8px 20px 16px;overscroll-behavior:contain}
.carro__vacio{margin:0;padding:28px 0;color:var(--tinta2,#455480);font-size:15px}
.carro__item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--linea,rgba(5,106,220,.18))}
.carro__item img{width:72px;height:72px;object-fit:contain;border-radius:12px;background:#f4f7fb}
.carro__item b{display:block;font-size:14px;font-weight:800;line-height:1.3;color:var(--tinta,#0E1B42)}
.carro__cant{display:inline-flex;align-items:center;margin:8px 0 0;border:1px solid var(--linea,rgba(5,106,220,.18));border-radius:999px}
.carro__item .carro__cant button{width:36px;height:36px;margin:0;padding:0;border:0;background:none;color:var(--tinta,#0E1B42);font:inherit;font-size:18px;font-weight:800;cursor:pointer}
.carro__cant output{min-width:24px;text-align:center;font-size:14px;font-weight:800;color:var(--tinta,#0E1B42)}
.carro__item strong{font-size:15px;font-weight:800;color:var(--tinta,#0E1B42)}
.carro__item .carro__quitar{display:block;margin-top:6px;border:0;background:none;padding:6px 0;color:#b42318;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.carro__pie{padding:16px 20px 22px;border-top:1px solid var(--linea,rgba(5,106,220,.18));display:grid;gap:8px;background:#fff;color:var(--tinta2,#455480)}
.carro__pie>div{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--tinta2,#455480)}
.carro__pie b{color:var(--tinta,#0E1B42);font-weight:800}
.carro__pie .btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:8px;min-height:52px;border-radius:999px;background:linear-gradient(135deg,#ff3b35,#f00001 46%,#c40003);color:#fff;font-weight:800;font-size:16px;text-decoration:none;text-align:center;box-shadow:0 14px 26px -14px #f00001bf}

/* «Agregar al carrito» en las fichas del transparente y la cinta: el mismo botón de borde blanco
   de las otras fichas (.fx-btn-carro de lc-fichas.css); acá solo el espacio */
.lc-btn-agregar{margin-top:10px;gap:10px}

/* Páginas legales (header .hd, otro diseño): botón redondo como el menú */
.hd-carro{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;border:0;background:var(--rojo,#F00001);color:#fff;cursor:pointer;box-shadow:0 10px 26px #f0000159}
.hd-carro svg{width:22px;height:22px}
.hd-carro__t{display:none}
@media(min-width:861px){.hd-carro{width:auto;padding:0 20px;gap:8px;border-radius:999px;font:inherit;font-weight:800;font-size:.9rem}.hd-carro__t{display:inline}}