@font-face{font-family:Balsamiq Sans;src:url(/fonts/BalsamiqSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Balsamiq Sans;src:url(/fonts/BalsamiqSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fonts/PermanentMarker-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--ink:#241913;--cocoa:#84543c;--caramel:#b47c4c;--taupe:#917b70;--sand:#cdbdab;--cream:#ece4cc;--white:#fff;--danger:#a6402a;--danger-tint:#f4e4dd;--bg-page:var(--cream);--bg-card:var(--white);--bg-topbar:var(--ink);--bg-sunken:#f6f0e1;--text-primary:var(--ink);--text-secondary:var(--taupe);--text-onaccent:#2c1b0f;--border:var(--sand);--border-strong:#bba787;--radius-lg:20px;--radius-md:12px;--radius-sm:9px;--shadow-sm:0 1px 2px rgba(36,25,19,.05);--shadow-md:0 6px 20px rgba(36,25,19,.09);--shadow-pop:0 20px 55px rgba(36,25,19,.24);--font-brand:"Balsamiq Sans","Poppins",sans-serif;--font-accent:"Permanent Marker",cursive;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--dur-fast:0.12s;--dur-base:0.2s;--ease:cubic-bezier(0.2,0.8,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer}button,input,select,textarea{font-family:inherit}a{color:inherit}::selection{background:var(--caramel);color:var(--text-onaccent)}.pantalla-centrada{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 12% 15%,rgba(180,124,76,.16),transparent 45%),radial-gradient(circle at 88% 85%,rgba(132,84,60,.14),transparent 45%),var(--cream)}.login-card{width:100%;max-width:860px;display:grid;grid-template-columns:1fr 1fr;background:var(--bg-card);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-pop);min-height:460px;animation:entrada .45s var(--ease)}@keyframes entrada{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.login-card__brand{background:linear-gradient(160deg,var(--cocoa),var(--ink));padding:44px 40px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-card__brand:after{content:"";position:absolute;right:-70px;bottom:-70px;width:240px;height:240px;border-radius:50%;background:rgba(180,124,76,.14)}.logo-chip{display:inline-flex;align-items:center;background:var(--white);padding:10px 16px;border-radius:14px;box-shadow:var(--shadow-sm);width:-moz-fit-content;width:fit-content;position:relative;z-index:1}.logo-chip img{height:30px;width:auto;display:block}.login-card__tagline{font-size:.95rem;color:hsla(45,46%,86%,.82);max-width:280px;position:relative;z-index:1}.login-card__form{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}.login-card__form h1{font-family:var(--font-brand);font-size:1.5rem;font-weight:700;margin:0 0 4px}.login-card__form .subtitle{color:var(--text-secondary);font-size:.88rem;margin:0 0 26px}.portal-wrap{width:100%;max-width:460px}@media (max-width:720px){.login-card{grid-template-columns:1fr;min-height:auto}.login-card__brand,.login-card__form{padding:32px 28px}}.field{margin-bottom:18px}.field label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}input[type=date],input[type=email],input[type=file],input[type=number],input[type=password],input[type=tel],input[type=text],select{width:100%;padding:12px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--white);font-size:.95rem;color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}input::placeholder{color:#b7a896}input:focus,select:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px rgba(180,124,76,.28)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.94rem;padding:12px 20px;transition:transform var(--dur-fast) var(--ease),background var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),color var(--dur-base);font-family:var(--font-brand)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%}.btn-lg{padding:15px 24px;font-size:1rem}.btn-sm{padding:8px 12px;font-size:.82rem;border-radius:8px}.btn-primary{background:var(--ink);color:var(--cream)}.btn-primary:hover{background:#382418}.btn-accent{background:var(--caramel);color:var(--text-onaccent)}.btn-accent:hover{background:#a66e3f}.btn-secondary{background:var(--white);color:var(--ink);border:1.5px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg-sunken)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1.5px solid transparent}.btn-ghost:hover{background:rgba(36,25,19,.06);color:var(--ink)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger-ghost{background:transparent;color:var(--danger);border:1.5px solid var(--danger)}.alert{border-radius:var(--radius-sm);padding:11px 14px;font-size:.86rem;margin-bottom:16px}.alert-error{background:var(--danger-tint);color:var(--danger);border:1px solid rgba(166,64,42,.25)}.alert-success{background:#efe6d3;color:var(--cocoa);border:1px solid rgba(132,84,60,.25)}.alert-warning{background:#faf1de;color:#8a5a1f;border:1px solid rgba(180,124,76,.35)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--bg-topbar);color:var(--cream);padding:0 16px}.topbar__inner{max-width:1480px;margin:0 auto;justify-content:space-between;height:68px}.topbar__brand,.topbar__inner{display:flex;align-items:center}.topbar__brand{gap:12px}.topbar__brand .logo-chip{padding:6px 12px}.topbar__brand .logo-chip img{height:20px}.topbar__brand-text .sub{font-size:.72rem;color:hsla(45,46%,86%,.6)}.topbar__right{display:flex;align-items:center;gap:10px;position:relative}.topbar__admin-chip{display:flex;align-items:center;gap:8px;font-size:.82rem;color:hsla(45,46%,86%,.85);padding:7px 12px;border-radius:999px;background:hsla(0,0%,100%,.06)}.topbar__admin-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--caramel)}.icon-btn{background:hsla(0,0%,100%,.06);border:none;color:hsla(45,46%,86%,.9);width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:hsla(0,0%,100%,.15)}.menu-pop{position:absolute;top:56px;right:0;background:var(--white);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);min-width:230px;padding:6px;z-index:60;border:1px solid var(--border)}.menu-pop button{width:100%;text-align:left;background:none;border:none;padding:10px 12px;border-radius:var(--radius-sm);font-size:.87rem;color:var(--text-primary);display:flex;align-items:center;gap:10px}.menu-pop button:hover{background:var(--bg-sunken)}.menu-pop button.danger{color:var(--danger)}.menu-pop hr{border:none;border-top:1px solid var(--border);margin:6px 2px}.resumen-bar{background:var(--bg-card);border-bottom:1px solid var(--border)}.resumen-bar__inner{max-width:1480px;margin:0 auto;padding:16px 24px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.metric-card{background:var(--bg-sunken);border-radius:var(--radius-md);padding:14px 16px}.metric-card .label{font-size:.72rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600;margin-bottom:5px}.metric-card .valor{font-family:var(--font-brand);font-weight:700;font-size:1.5rem;color:var(--ink)}.metric-card .sub{font-size:.78rem;color:var(--text-secondary);margin-top:3px}.metric-card--frase .valor{font-size:1rem;font-weight:600;line-height:1.3}@media (max-width:800px){.resumen-bar__inner{grid-template-columns:repeat(2,1fr)}}.resumen-bar__inner--5{grid-template-columns:repeat(5,1fr)}@media (max-width:1000px){.resumen-bar__inner--5{grid-template-columns:repeat(2,1fr)}}.tabbar{background:var(--bg-card);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.tabbar__inner{max-width:1480px;margin:0 auto;display:flex;gap:4px;padding:0 16px;overflow-x:auto}.tab{background:none;padding:14px 18px;font-size:.9rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;display:flex;align-items:center;gap:8px;border:none;border-bottom:3px solid transparent;font-family:var(--font-brand);text-decoration:none}.tab.activo,.tab:hover{color:var(--ink)}.tab.activo{border-bottom-color:var(--caramel)}main.content{flex:1 1;max-width:1480px;width:100%;margin:0 auto;padding:22px 16px 50px}.page-head{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head h1{font-family:var(--font-brand);font-size:1.5rem;font-weight:700;margin:0 0 4px}.page-head p{color:var(--text-secondary);font-size:.92rem;margin:0}.page-head__actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 22px}.card+.card{margin-top:14px}.card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px;flex-wrap:wrap}.card__head h2{font-family:var(--font-brand);font-size:1.08rem;font-weight:700;margin:0}.card__head .eyebrow{display:block;font-family:var(--font-accent);font-size:.85rem;color:var(--cocoa);margin-bottom:2px}.card__desc{color:var(--text-secondary);font-size:.86rem;margin:-10px 0 18px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:0 16px}.grid-2,.grid-3{display:grid;gap:0 16px}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:0 16px}@media (max-width:720px){.grid-2,.grid-3{grid-template-columns:1fr}}.grid-cliente-historial{display:grid;grid-template-columns:1fr 280px;grid-gap:16px;gap:16px;align-items:start}@media (max-width:720px){.grid-cliente-historial{grid-template-columns:1fr}}.panel-historial-cliente{background:var(--ink);color:var(--cream)}.panel-historial-cliente h3{color:var(--white)}.panel-historial-cliente__seccion{margin-top:14px}.panel-historial-cliente__seccion:first-of-type{margin-top:4px}.panel-historial-cliente__seccion strong{color:var(--sand)}.panel-historial-cliente__item{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;padding:6px 0;border-bottom:1px solid hsla(0,0%,100%,.12)}.panel-historial-cliente__item:last-child{border-bottom:none}.panel-historial-cliente__cantidad,.panel-historial-cliente__fecha{color:var(--taupe);white-space:nowrap}.panel-historial-cliente .card__desc{color:var(--taupe)}.mostrador{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:860px){.mostrador{grid-template-columns:1fr}}.buscador-wrap{position:relative}.buscador-grande input{font-size:1.15rem;padding:16px 18px}.buscador-dropdown{position:absolute;top:calc(100% - 12px);left:0;right:0;z-index:30;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);max-height:260px;overflow-y:auto;padding:6px}.buscador-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);background:none;border:none;text-align:left}.buscador-item.activo,.buscador-item:hover{background:var(--bg-sunken)}.buscador-item .avatar{width:30px;height:30px;border-radius:50%;background:#f3e7d2;color:var(--cocoa);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.72rem;flex-shrink:0}.buscador-item .info{flex:1 1;min-width:0}.buscador-item .info strong{display:block;font-size:.86rem}.buscador-item .info span{font-size:.76rem;color:var(--text-secondary)}.buscador-item .pts{font-size:.76rem;font-weight:700;color:var(--cocoa)}.buscador-vacio{padding:14px 10px;font-size:.84rem;color:var(--text-secondary);text-align:center}.cliente-activo__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.cliente-activo__id{display:flex;align-items:center;gap:14px}.lookup-avatar{width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--caramel);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.cliente-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:22px}@media (max-width:860px){.cliente-stats{grid-template-columns:repeat(2,1fr)}}.stat-item{background:var(--bg-sunken);border-radius:var(--radius-md);padding:13px 15px}.stat-item .label{font-size:.7rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600;margin-bottom:4px}.stat-item .valor{font-family:var(--font-brand);font-weight:700;font-size:1.15rem;color:var(--ink)}.stat-item .valor.chico{font-size:.92rem;font-weight:600}.cliente-acciones{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:600px){.cliente-acciones{grid-template-columns:1fr}}.accion-grande{padding:20px;font-size:1.08rem}.panel-accion{margin-top:22px;padding-top:22px;border-top:1px solid var(--border)}.panel-accion__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-accion__head h3{font-family:var(--font-brand);font-size:1.05rem;margin:0}.preview-puntos{background:var(--ink);color:var(--cream);border-radius:var(--radius-md);padding:22px;text-align:center}.preview-puntos .label{font-size:.75rem;text-transform:uppercase;color:hsla(45,46%,86%,.6);margin-bottom:6px}.preview-puntos .valor{font-family:var(--font-brand);font-size:2.7rem;font-weight:700;color:var(--caramel);line-height:1}.preview-puntos .detalle{margin-top:10px;font-size:.8rem;color:hsla(45,46%,86%,.72);min-height:16px}.promo-chip{display:inline-block;margin-top:8px;background:rgba(180,124,76,.2);color:var(--caramel);padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.tabla-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}thead th{text-align:left;font-size:.71rem;text-transform:uppercase;color:var(--text-secondary);font-weight:700;background:var(--bg-sunken)}tbody td,thead th{padding:12px 16px;border-bottom:1px solid var(--border)}tbody td{color:var(--text-primary)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:rgba(180,124,76,.06)}.cell-cliente{display:flex;align-items:center;gap:10px}.cell-cliente .avatar{width:32px;height:32px;border-radius:50%;background:#f3e7d2;color:var(--cocoa);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.cell-cliente .info strong{display:block;font-size:.88rem}.cell-cliente .info span{font-size:.78rem;color:var(--text-secondary)}.nivel-progreso{width:110px;height:5px;background:var(--border);border-radius:99px;overflow:hidden;margin-top:5px}.nivel-progreso__fill{height:100%;background:var(--caramel);border-radius:99px}.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:.75rem;font-weight:700}.badge-bronce{background:#efe1d0;color:#8a5a2b}.badge-plata{background:#e4e0d8;color:#6b5d4f}.badge-oro{background:#f6e7c8;color:#9c6a1e}.badge-nivel-1{background:#efe1d0;color:#8a5a2b}.badge-nivel-2{background:#e4e0d8;color:#6b5d4f}.badge-nivel-3{background:#e9dcc3;color:#6b4a22}.badge-nivel-4{background:#f6e7c8;color:#9c6a1e}.badge-granos,.badge-nivel-5,.badge-tipo-compra{background:#efe6d3;color:var(--cocoa)}.badge-tipo-canje{background:#e8e0d5;color:var(--taupe)}.badge-tipo-correccion{background:#f6e7c8;color:#9c6a1e}.badge-tipo-premio{background:#e9dcc3;color:#6b4a22}.badge-activa{background:#efe6d3;color:var(--cocoa)}.badge-pausada{background:#ede6d8;color:var(--text-secondary)}.badge-vencido{background:#f0e6dc;color:var(--taupe)}.badge-premio-gratis{background:#f6e7c8;color:#9c6a1e}.badge-premio-descuento{background:#efe6d3;color:var(--cocoa)}.badge-premio-producto{background:#e4e0d8;color:#6b5d4f}.acciones-fila{display:flex;gap:6px}.icon-btn-tabla{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--white);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.icon-btn-tabla:hover{background:var(--bg-sunken);color:var(--ink)}.icon-btn-tabla.danger:hover{background:var(--danger-tint);color:var(--danger)}.empty-state{text-align:center;padding:48px 20px;color:var(--text-secondary)}.empty-state h3{font-family:var(--font-brand);font-size:1rem;color:var(--text-primary);margin:0 0 4px}.empty-state p{font-size:.86rem;margin:0}.promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;gap:14px}.promo-grid--compacto{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.premio-canje-card,.promo-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;background:var(--bg-sunken)}.premio-canje-card.premio-disabled{opacity:.55}.premio-canje-card__img{width:100%;height:110px;object-fit:cover;border-radius:8px;margin-bottom:10px;background:var(--sand)}.premio-canje-card--compacto{padding:10px}.premio-canje-card--compacto .premio-canje-card__img{height:64px;margin-bottom:6px}.premio-canje-card--compacto h3{font-size:.85rem}.premio-tabla-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;background:var(--sand)}.premio-canje-card__top,.promo-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.premio-canje-card h3,.promo-card h3{font-size:.95rem;margin:0;font-family:var(--font-brand)}.premio-canje-card p,.promo-card p{font-size:.82rem;color:var(--text-secondary);margin:6px 0 10px}.premio-canje-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.premio-canje-card__costo{font-family:var(--font-brand);font-weight:700;color:var(--ink)}.premio-canje-card__costo span{font-size:.72rem;color:var(--text-secondary);font-weight:400;display:block}.niveles-strip{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.nivel-pill{flex:1 1;min-width:140px;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;background:var(--bg-sunken)}.nivel-pill .n{font-family:var(--font-brand);font-weight:700}.nivel-pill .p{font-size:.78rem;color:var(--text-secondary)}.search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-sunken);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:18px}.search-bar input{border:none;background:none;padding:0;flex:1 1;font-size:.92rem}.search-bar input:focus{outline:none;box-shadow:none}.modal-overlay{position:fixed;inset:0;background:rgba(36,25,19,.45);display:flex;align-items:center;justify-content:center;padding:20px;z-index:150}.modal-box{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);width:100%;max-width:440px;max-height:90vh;overflow-y:auto;padding:26px}.modal-box--ancho{max-width:920px}.modal-box--xl{max-width:1320px}.venta-layout{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:22px;gap:22px;align-items:start}.venta-layout__carrito{position:-webkit-sticky;position:sticky;top:0;max-height:88vh;overflow-y:auto;padding-bottom:4px}@media (max-width:900px){.venta-layout{grid-template-columns:1fr}.venta-layout__carrito{position:static;max-height:none;overflow-y:visible}}.modal-box h2{font-family:var(--font-brand);font-size:1.15rem;margin:0 0 6px}.modal-desc{font-size:.86rem;color:var(--text-secondary);margin:0 0 18px}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn{flex:1 1}.toast-wrap{position:fixed;top:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{background:var(--ink);color:var(--cream);padding:13px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-pop);font-size:.87rem;min-width:250px;max-width:340px}.toast.error{background:var(--danger)}.toast.success{background:var(--cocoa)}.shortcuts-hint{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-secondary);flex-wrap:wrap;justify-content:center}.kbd{font-size:.72rem;color:var(--cocoa);background:var(--bg-sunken);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-weight:700}footer.app-footer{text-align:center;padding:18px;border-top:1px solid var(--border)}.portal-saldo{text-align:center;padding:8px 0 2px}.portal-saldo__num{font-family:var(--font-brand);font-size:3rem;font-weight:700;color:var(--ink);line-height:1}.portal-saldo__label{font-size:.78rem;color:var(--text-secondary);text-transform:uppercase}.portal-nivel-chip{display:inline-block;margin-top:10px;padding:5px 16px;border-radius:999px;background:var(--caramel);color:var(--text-onaccent);font-weight:700;font-size:.82rem}.portal-progreso{height:8px;background:var(--border);border-radius:99px;overflow:hidden;margin-top:16px}.portal-progreso__fill{height:100%;background:var(--caramel);border-radius:99px;transition:width .6s var(--ease)}.portal-link{display:block;text-align:center;margin-top:18px;font-size:.85rem;color:var(--text-secondary);text-decoration:none}.portal-link:hover{color:var(--cocoa)}.portal-salir{font-size:.82rem;color:var(--text-secondary);text-decoration:underline;cursor:pointer;background:none;border:none}.portal-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.portal-item:last-child{border-bottom:none}.portal-item__titulo{font-weight:700;font-size:.92rem}.portal-item__sub{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.portal-instalar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:18px}.portal-instalar__pasos{width:100%;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;font-size:.82rem;color:var(--text-secondary);line-height:1.6}.portal-carrito-flotante{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border:none;border-radius:999px;padding:14px 22px;font-weight:700;box-shadow:var(--shadow-pop);cursor:pointer;width:calc(100% - 32px);max-width:420px;justify-content:space-between}.portal-carrito-flotante__badge{background:var(--caramel);color:var(--ink);border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;padding:0 6px}.portal-barra-fija{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--ink);display:flex;justify-content:center;gap:6px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px rgba(36,25,19,.15)}.portal-barra-fija__item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--cream);text-decoration:none;font-size:.68rem;padding:4px 10px;border-radius:var(--radius-sm);border:none;background:none;min-width:56px}.portal-barra-fija__item span.icono{font-size:1.15rem}.portal-barra-fija__item:hover{background:hsla(0,0%,100%,.08)}.portal-con-barra-fija{padding-bottom:76px}.portal-logo-img{height:42px;width:auto;display:block}.portal-cta-pedir{display:flex;align-items:center;gap:14px;width:100%;background:var(--caramel);color:var(--text-onaccent);border:none;border-radius:var(--radius-lg,16px);padding:16px 18px;margin-bottom:16px;cursor:pointer;box-shadow:var(--shadow-sm);text-align:left}.portal-cta-pedir:hover{background:#a66e3f}.portal-cta-pedir__icono{font-size:2rem;line-height:1}.portal-cta-pedir__textos{display:flex;flex-direction:column;flex:1 1}.portal-cta-pedir__titulo{font-family:var(--font-brand);font-weight:700;font-size:1.05rem}.portal-cta-pedir__sub{font-size:.82rem;opacity:.9}.portal-cta-pedir__flecha{font-size:1.3rem}.portal-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:18px}.portal-tab{flex-shrink:0;background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:8px 14px;border-radius:999px;white-space:nowrap}.portal-tab.activo{background:var(--ink);color:var(--cream);border-color:var(--ink)}.qr-preview-box{display:flex;justify-content:center;padding:18px;background:var(--bg-sunken);border-radius:var(--radius-md);margin:14px 0}.qr-variantes{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:480px){.qr-variantes{grid-template-columns:1fr}}@media (max-width:600px){.card{padding:20px}main.content{padding:20px 16px 50px}.tabbar__inner,.topbar{padding:0 16px}.resumen-bar__inner{padding:14px 16px}}.landing{min-height:100vh;min-height:100dvh;justify-content:center;padding:32px 24px 28px;background:radial-gradient(120% 90% at 50% 0,var(--cream) 0,var(--sand) 100%);text-align:center}.landing,.landing__marca{display:flex;flex-direction:column;align-items:center}.landing__marca{position:relative;margin-bottom:22px}.landing__vapor{position:absolute;top:-34px;left:50%;width:46px;height:60px;pointer-events:none}.landing__vapor svg{width:100%;height:100%;overflow:visible}.landing__vapor path{fill:none;stroke:var(--taupe);stroke-width:3;stroke-linecap:round;opacity:0}.landing__vapor path:first-child{animation:vapor-sube 4.5s ease-in-out infinite}.landing__vapor path:nth-child(2){animation:vapor-sube 4.5s ease-in-out 1.5s infinite}.landing__vapor path:nth-child(3){animation:vapor-sube 4.5s ease-in-out 3s infinite}@keyframes vapor-sube{0%{opacity:0;transform:translateY(6px) scaleY(.85)}25%{opacity:.55}75%{opacity:.25}to{opacity:0;transform:translateY(-22px) scaleY(1.1)}}@media (prefers-reduced-motion:reduce){.landing__vapor path{animation:none!important;opacity:.3}}.landing__logo-chip{display:inline-flex;align-items:center;justify-content:center;background:var(--white);padding:16px 26px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.landing__logo{height:46px;width:auto;display:block}.landing__eyebrow{font-family:var(--font-accent);color:var(--cocoa);font-size:1.05rem;margin:16px 0 2px}.landing__nombre{font-family:var(--font-brand);font-weight:700;font-size:2.4rem;color:var(--ink);margin:0;line-height:1.05}.landing__sub{color:var(--text-secondary);font-size:.98rem;margin:8px 0 0;max-width:320px}.landing__cta{width:100%;max-width:340px;margin-top:30px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:var(--white);font-family:var(--font-brand);font-weight:700;font-size:1.08rem;padding:17px 22px;border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);text-decoration:none;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.landing__cta:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(36,25,19,.3)}.landing__cta:active{transform:translateY(0)}.landing__cta span.flecha{transition:transform var(--dur-base) var(--ease)}.landing__cta:hover span.flecha{transform:translateX(3px)}.landing__contacto{display:flex;gap:14px;margin-top:22px}.landing__contacto-link{display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);color:var(--ink);font-size:.92rem;font-weight:600;text-decoration:none;transition:border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.landing__contacto-link:hover{border-color:var(--cocoa);transform:translateY(-1px)}.landing__contacto-link svg{width:18px;height:18px;flex-shrink:0}.landing__pie{margin-top:34px;color:var(--taupe);font-size:.82rem}.landing__pie a{color:var(--taupe);text-decoration:underline;text-underline-offset:2px}.landing__staff{margin-top:10px}.landing__staff a{color:var(--taupe);font-size:.76rem;text-decoration:none;opacity:.7}.landing__staff a:hover{opacity:1;text-decoration:underline}@media (min-width:480px){.landing__nombre{font-size:2.8rem}}