:root{--fondo:#f4ede2;--tarjeta:#fffdf9;--vino:#6e1f32;--vino-oscuro:#43101d;--ocre:#d9a03c;--ocre-texto:#9c6b1c;--ocre-fondo:#f6e9ce;--verde:#5a6a34;--verde-fondo:#edf1df;--verde-claro:#c7d0a6;--crema:#f8f1e8;--rosa-sobre-vino:#ddb0bb;--texto:#211a18;--texto-2:#554944;--texto-mono:#7c716a;--texto-3:#9e9184;--borde:#211a1817;--borde-solido:#ded3c4;--error:#b5563c;--radio-tarjeta:18px;--radio-pill:999px;--sombra-tarjeta:0 1px 2px #211a180d, 0 1px 3px #211a180a;--titulo:var(--font-outfit), sans-serif;--cuerpo:var(--font-instrument), system-ui, sans-serif;--mono:var(--font-dm-mono), monospace}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fondo);color:var(--texto);font:400 15px/1.5 var(--cuerpo);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--titulo);letter-spacing:-.03em;color:var(--texto);margin:0;font-weight:300}p{text-wrap:pretty;margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--vino);text-underline-offset:3px;text-decoration:none}a:hover{color:var(--vino-oscuro)}input,select,textarea{font:inherit;color:inherit}.mono{font:500 11px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--texto-mono)}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio-tarjeta);box-shadow:var(--sombra-tarjeta)}.boton{border-radius:var(--radio-pill);background:var(--vino);min-height:52px;color:var(--crema);font:600 17px/1 var(--cuerpo);letter-spacing:-.01em;text-align:center;border:0;justify-content:center;align-items:center;padding:15px 28px;text-decoration:none;transition:background .15s,opacity .15s;display:flex}.boton:hover{background:var(--vino-oscuro)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton--claro{background:var(--crema);color:var(--vino)}.boton--claro:hover{background:#fff}.boton--secundario{background:var(--tarjeta);color:var(--texto);border:1.5px solid var(--borde-solido)}.boton--secundario:hover{background:#fff}.campo{flex-direction:column;gap:7px;display:flex}.etiqueta{font:500 13px/1.2 var(--cuerpo);color:var(--texto)}.input{background:var(--tarjeta);border:1.5px solid var(--borde-solido);width:100%;min-height:48px;color:var(--texto);border-radius:12px;padding:0 16px;font-size:15px}.input::placeholder{color:var(--texto-3)}.input:focus{border-color:var(--vino);outline:none;box-shadow:0 0 0 3px #6e1f321f}.campoConIcono{align-items:center;display:flex;position:relative}.campoConIcono .input{padding-right:44px}.campoConIcono .iconoCampo{width:20px;height:20px;color:var(--texto-mono);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:14px}.campoConIcono .iconoCampo svg{width:18px;height:18px}.error{color:var(--error);font-size:13.5px;line-height:1.4}.divisor{align-items:center;gap:12px;display:flex}.divisor:before,.divisor:after{content:"";background:var(--borde-solido);flex:1;height:1px}.casilla{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.casilla input{appearance:none;border:1.5px solid var(--borde-solido);background:var(--tarjeta);border-radius:4px;flex:none;place-items:center;width:22px;height:22px;margin:0;display:grid}.casilla input:before{content:"";background:var(--crema);clip-path:polygon(9% 43%,0 55%,38% 92%,100% 22%,88% 12%,37% 68%);width:13px;height:13px;transition:transform .1s;transform:scale(0)}.casilla input:checked{border-color:var(--vino);background:var(--vino)}.casilla input:checked:before{transform:scale(1)}.casilla span{font:400 15px/1.5 var(--cuerpo);color:var(--texto)}.enlaceSutil{color:var(--vino);background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px;font-weight:600}.encabezado{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--borde);z-index:20;background:#f4ede2d1;align-items:center;gap:12px;min-height:56px;padding:12px 20px 8px;display:flex;position:sticky;top:0}.encabezadoVolver{border-radius:var(--radio-pill);width:44px;height:44px;color:var(--texto);background:0 0;border:0;flex:none;place-items:center;margin-left:-10px;padding:0;display:grid}.encabezadoVolver svg{width:20px;height:20px}.encabezadoTitulos{flex-direction:column;flex:1;min-width:0;display:flex}.encabezadoTitulo{font:600 17px/1.28 var(--cuerpo);color:var(--texto);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.encabezadoMeta{font:500 11px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--texto-mono)}.piePegado{border-top:1px solid var(--borde);background:#f4ede2d1;padding:14px 20px 32px}.chipsEnvoltorio{position:relative}.chips{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chipsIndicador{background:linear-gradient(to right, transparent, var(--fondo) 60%);pointer-events:none;justify-content:flex-end;align-items:center;width:34px;display:flex;position:absolute;top:0;bottom:0;right:0}.chipsIndicador svg{width:16px;height:16px;color:var(--texto-mono)}.filaAcciones{gap:8px;display:flex}.botonComunidad{background:var(--verde-fondo);border:1px solid var(--verde-claro);border-radius:var(--radio-pill);font:500 13px/1 var(--cuerpo);color:var(--verde);align-items:center;gap:6px;padding:9px 14px;text-decoration:none;display:inline-flex}.botonComunidad svg{width:15px;height:15px}.botonNuevaReco{background:var(--vino);border-radius:var(--radio-pill);font:600 13px/1 var(--cuerpo);color:var(--crema);border:0;align-items:center;gap:6px;padding:9px 14px 9px 12px;text-decoration:none;display:inline-flex}.botonNuevaReco svg{width:16px;height:16px}.botonCompartir{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio-pill);font:500 13px/1 var(--cuerpo);color:var(--texto);align-items:center;gap:6px;padding:9px 14px;display:inline-flex}.botonCompartir svg{width:15px;height:15px}.chipsSeleccion{flex-wrap:wrap;gap:7px;display:flex}.chip{background:var(--tarjeta);border:1px solid var(--borde-solido);border-radius:var(--radio-pill);font:500 12px/1 var(--cuerpo);color:var(--texto-2);white-space:nowrap;flex:none;align-items:center;gap:5px;padding:7px 10px 7px 12px;display:inline-flex}.chip svg{width:13px;height:13px}.chipActivo{background:var(--vino);border-color:var(--vino);color:var(--crema)}.grillaTarjetas{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tarjetaColor{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio-tarjeta);width:100%;box-shadow:var(--sombra-tarjeta);text-align:left;flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.fotoTarjeta{justify-content:center;align-items:center;height:92px;display:flex}.fotoTarjeta span{font:300 15px/1.15 var(--titulo);letter-spacing:-.03em;color:var(--crema);text-align:center;padding:0 10px}.infoTarjeta{flex-direction:column;gap:1px;padding:9px 12px 11px;display:flex}.nombreTarjeta{font:300 17px/1.15 var(--titulo);letter-spacing:-.03em;color:var(--texto)}.conteoTarjeta{font:500 11px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--texto-mono)}.nombreTarjetaCompacto{font:500 14px/1.25 var(--cuerpo);color:var(--texto)}.conteoTarjetaCompacto{font:400 11.5px/1.3 var(--cuerpo);color:var(--texto-mono)}.pantalla{flex-direction:column;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;display:flex}.pantallaCargando{background:var(--fondo);place-items:center;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;display:grid}.pantallaCargando span{font:500 11px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--texto-mono)}.hojaFondo{z-index:100;background:#211a1873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hoja{background:var(--fondo);width:100%;max-width:430px;max-height:85vh;padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;flex-direction:column;gap:16px;display:flex;overflow-y:auto}.hojaAgarre{border-radius:var(--radio-pill);background:var(--borde-solido);flex:none;align-self:center;width:36px;height:4px}.hojaCabecera{justify-content:space-between;align-items:center;display:flex}.hojaTitulo{font:300 22px/1.15 var(--titulo);letter-spacing:-.03em;color:var(--texto)}.hojaCerrar{border-radius:var(--radio-pill);width:32px;height:32px;color:var(--texto-mono);background:0 0;border:0;flex:none;place-items:center;display:grid}.hojaCerrar svg{width:18px;height:18px}.hojaPreview{align-items:center;gap:10px;display:flex}.hojaPreviewFoto{background:var(--tarjeta);border:1px solid var(--borde);width:40px;height:40px;color:var(--texto-3);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.hojaPreviewFoto img{object-fit:cover;width:100%;height:100%}.hojaPreviewFoto svg{width:16px;height:16px}.hojaPreviewInfo{flex-direction:column;gap:1px;min-width:0;display:flex}.hojaPreviewNombre{font:600 14px/1.3 var(--cuerpo);color:var(--texto);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hojaPreviewMeta{font:500 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--texto-mono)}.filasSeleccionables{flex-direction:column;gap:8px;display:flex}.filaSeleccionable{background:var(--tarjeta);border:1px solid var(--borde);text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.filaSeleccionableIcono{border-radius:var(--radio-pill);width:38px;height:38px;font:600 14px/1 var(--cuerpo);flex:none;place-items:center;display:grid}.filaSeleccionableIcono svg{width:17px;height:17px}.filaSeleccionableInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.filaSeleccionableNombre{font:600 14.5px/1.3 var(--cuerpo);color:var(--texto);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.filaSeleccionableMeta{font:500 10.5px/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--texto-mono)}.casillaMulti{border:1.5px solid var(--borde-solido);background:var(--tarjeta);border-radius:8px;flex:none;place-items:center;width:24px;height:24px;display:grid}.casillaMulti svg{width:14px;height:14px;color:var(--crema)}.casillaMultiActiva{background:var(--vino);border-color:var(--vino)}.filaCrear{border:1.5px dashed var(--borde-solido);width:100%;font:600 14px/1.3 var(--cuerpo);color:var(--vino);background:0 0;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.filaCrear svg{width:16px;height:16px}