body{background:var(--fondo)}h1{font-family:var(--titulo);color:var(--malva);font-size:clamp(2.25rem,5vw,3.25rem);font-weight:500;line-height:1.05}.panel-aviso{text-align:center;justify-items:center;gap:16px;padding:72px 16px;display:grid}.panel-error{color:var(--error);font-weight:500}.acceso{place-items:center;min-height:100svh;padding:16px;display:grid}.acceso__caja{background:var(--blanco);gap:18px;width:min(420px,100%);padding:clamp(24px,5vw,40px);display:grid}.panel{width:min(860px, 100% - 2 * var(--margen));margin-inline:auto;padding-block:clamp(24px,4vw,48px) 72px}.panel__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.panel__sesion{color:var(--gris);gap:14px;font-size:.9375rem;display:flex}.panel__barra{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.panel__barra input{min-height:54px;font:inherit;background:var(--blanco);border:0;flex:220px;padding:0 14px;font-size:16px}.panel__enlace{min-height:44px;color:var(--malva);text-underline-offset:3px;align-items:center;padding-inline:4px;font-size:.9375rem;text-decoration:underline;display:inline-flex}.panel__boton{background:var(--malva);min-height:44px;color:var(--blanco);padding:8px 18px;font-weight:500;transition:background .2s}.panel__boton:hover{background:var(--rosa-profundo)}.pestanas{padding:8px var(--margen);background:var(--blanco);flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.pestanas button{min-height:44px;color:var(--malva);padding:8px 18px;font-weight:500;transition:background .2s}.pestanas button:hover{background:var(--fondo)}.pestanas button[aria-current]{background:var(--malva);color:var(--blanco)}.panel__vacio{margin-top:16px}.tarjetas-panel{gap:8px;margin-top:20px;display:grid}.pedido-panel{background:var(--blanco);overflow-wrap:anywhere;gap:4px;padding:14px 16px;display:grid}.pedido-panel>strong,.pedido-panel__head strong{color:var(--malva)}.pedido-panel__head{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.pedido-panel__head div{display:grid}.pedido-panel select{font:inherit;background:var(--blanco);min-height:44px;color:var(--texto);border:1px solid #4a253640;padding:0 10px;font-size:16px}.panel__grupo{margin-top:36px}.panel__grupo h2{margin-bottom:10px;font-size:1.875rem}.panel__grupo ul{gap:4px;display:grid}.fila{background:var(--blanco);grid-template-columns:52px 1fr auto auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:grid}.fila--oculta .fila__datos,.fila--oculta .fila__foto{opacity:.55}.fila__foto{background:var(--fondo-2);width:52px;height:64px;overflow:hidden}.fila__foto img{object-fit:cover;object-position:top;width:100%;height:100%}.fila__datos{min-width:0;line-height:1.3;display:grid}.fila__datos strong{color:var(--malva);overflow-wrap:anywhere}.fila__datos span{font-size:.9375rem}.panel--form{max-width:640px}.form-producto{background:var(--blanco);gap:18px;margin-top:20px;padding:clamp(18px,4vw,32px);display:grid}.form-producto__par{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-producto select,.form-producto textarea{font:inherit;color:var(--texto);background:var(--blanco);border:1px solid #4a253640;min-height:46px;padding:10px 12px;font-size:16px}.form-producto textarea{resize:vertical}.form-producto small{font-size:.9375rem}.fotos{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin-bottom:12px;display:grid}.fotos img{aspect-ratio:3/4;object-fit:cover;object-position:top;background:var(--fondo-2);width:100%}.fotos div{background:var(--fondo);grid-template-columns:repeat(3,1fr);display:grid}.fotos button{min-height:44px;color:var(--malva);place-items:center;display:grid}.fotos button:disabled{opacity:.3;cursor:default}.form-producto__subir{background:var(--fondo);cursor:pointer;width:fit-content}.form-producto__subir input{opacity:0;width:1px;height:1px;position:absolute}.form-producto__subir:focus-within{outline:2px solid var(--rosa-profundo);outline-offset:2px}.form-producto__acciones{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form-producto__acciones .panel__enlace{color:var(--error);margin-left:auto}.btn:disabled{opacity:.6;cursor:default}@media (width<=640px){.fila{grid-template-columns:52px 1fr auto}.fila .panel__enlace{grid-area:2/2;justify-self:start}.fila .panel__boton{grid-area:1/3/span 2}}
