body{background:var(--cielo1-a);min-height:100dvh;color:var(--blanco);font-family:var(--f-texto);margin:0}.cielo{z-index:0;background:linear-gradient(180deg, var(--cielo1-a) 0%, #3d3868 34%, var(--cielo1-b) 70%, var(--cielo1-c) 100%);pointer-events:none;position:fixed;inset:0;overflow:hidden}.palma{bottom:calc(-40 * var(--u));height:auto;position:absolute}.palma--1{right:calc(-34 * var(--u));width:calc(170 * var(--u))}.palma--2{left:calc(-18 * var(--u));width:calc(112 * var(--u));scale:-1 1}.palma--3{left:calc(110 * var(--u));width:calc(78 * var(--u));bottom:calc(-24 * var(--u))}.banda{z-index:1;max-width:520px;min-height:100dvh;margin:0 auto;position:relative}.banda__cargando{padding:calc(120 * var(--u)) calc(22 * var(--u));font:400 calc(12 * var(--u)) / 1.5 var(--f-datos);letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:0;animation:.3s ease-out .4s both banda-aparece}@keyframes banda-aparece{0%{opacity:0}}[hidden]{display:none!important}.etiqueta{--chaflan:calc(18 * var(--u));padding:calc(18 * var(--u)) calc(20 * var(--u));background:var(--blanco);color:var(--negro);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--chaflan)), calc(100% - var(--chaflan)) 100%, 0 100%);margin:0}.etiqueta__dato{margin:0 0 calc(10 * var(--u));font:700 calc(12 * var(--u)) / 1.3 var(--f-datos);letter-spacing:.14em;display:block}.etiqueta__texto{font-size:calc(15 * var(--u));margin:0;line-height:1.45}.etiqueta__ayuda{margin:calc(10 * var(--u)) 0 0;font:400 calc(11.5 * var(--u)) / 1.5 var(--f-datos)}.etiqueta__error{color:var(--rojo);font:700 calc(12.5 * var(--u)) / 1.4 var(--f-texto);margin:0}.etiqueta__error:not(:empty){margin-top:calc(8 * var(--u))}.etiqueta--reglas{gap:calc(8 * var(--u));font:400 calc(11.5 * var(--u)) / 1.45 var(--f-datos);letter-spacing:.06em;list-style:none;display:grid}.etiqueta--reglas li{padding-left:calc(14 * var(--u));position:relative}.etiqueta--reglas li:before{content:"·";font-weight:700;position:absolute;left:0}.entrar{gap:calc(14 * var(--u));padding:calc(34 * var(--u) + env(safe-area-inset-top)) calc(18 * var(--u)) calc(150 * var(--u) + env(safe-area-inset-bottom));display:grid}.entrar__logo{width:calc(150 * var(--u));height:auto;margin:0 calc(4 * var(--u)) calc(14 * var(--u));display:block}.entrar__titulo{margin:0 calc(4 * var(--u));font:900 calc(60 * var(--u)) / .88 var(--f-display);letter-spacing:-.01em;font-stretch:75%}.entrar__bajada{margin:0 calc(4 * var(--u)) calc(6 * var(--u));font:400 calc(14 * var(--u)) / 1.45 var(--f-datos)}.apodo{align-items:center;gap:calc(4 * var(--u));min-height:calc(50 * var(--u));padding:0 calc(12 * var(--u));border:1.5px solid var(--negro);border-radius:calc(6 * var(--u));font-size:calc(18 * var(--u));display:flex}.apodo:focus-within{outline:3px solid var(--negro);outline-offset:2px}.apodo span{font-weight:600}.apodo input{min-width:0;color:var(--negro);font:inherit;background:0 0;border:0;outline:none;flex:1}.apodo:has(input[aria-invalid=true]){border-color:var(--rojo)}.boton{justify-content:center;align-items:center;gap:calc(10 * var(--u));min-height:calc(58 * var(--u));margin-top:calc(4 * var(--u));border-radius:calc(4 * var(--u));background:var(--negro);color:var(--blanco);font:900 calc(21 * var(--u)) / 1 var(--f-display);letter-spacing:.03em;cursor:pointer;transition:scale .2s var(--resorte);border:0;font-stretch:80%;text-decoration:none;display:flex}.boton:active{scale:.97}.boton:focus-visible{outline:3px solid var(--blanco);outline-offset:3px}.boton[data-cargando]{opacity:.6;pointer-events:none}.boton svg{width:calc(22 * var(--u));height:calc(22 * var(--u));fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linejoin:round}.chat{flex-direction:column;min-height:100dvh;display:flex}.arriba{z-index:3;padding-top:env(safe-area-inset-top);background:var(--cielo1-a);position:sticky;top:0}.arriba:after{content:"";height:calc(16 * var(--u));background:linear-gradient(180deg, var(--cielo1-a), transparent);pointer-events:none;position:absolute;inset:100% 0 auto}.arriba__fila{align-items:center;gap:calc(6 * var(--u));padding:calc(10 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u));grid-template-columns:44px 1fr 44px;display:grid}.arriba__volver,.arriba__reglas{width:44px;height:44px;color:var(--blanco);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.arriba__volver svg,.arriba__reglas svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.arriba__titulo{font:900 calc(38 * var(--u)) / .9 var(--f-display);margin:0;font-stretch:75%}.arriba__dato{margin:calc(4 * var(--u)) 0 0;font:400 calc(12 * var(--u)) / 1 var(--f-datos);letter-spacing:.14em}.arriba__modera{padding:calc(9 * var(--u)) calc(16 * var(--u));background:var(--negro);font:700 calc(12 * var(--u)) / 1.2 var(--f-datos);letter-spacing:.14em;text-align:center;margin:0}.fijado{padding:calc(8 * var(--u)) calc(12 * var(--u)) calc(10 * var(--u)) calc(34 * var(--u));position:relative}.fijado__chinche{top:calc(16 * var(--u));left:calc(10 * var(--u));width:calc(20 * var(--u));height:calc(20 * var(--u));fill:var(--blanco);stroke:var(--blanco);stroke-width:1.6px;stroke-linejoin:round;position:absolute;rotate:30deg}.fijado__etiqueta{--chaflan:calc(16 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u));background:var(--blanco);color:var(--negro);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--chaflan)), calc(100% - var(--chaflan)) 100%, 0 100%)}.fijado__cabeza{justify-content:space-between;align-items:flex-start;gap:calc(10 * var(--u));display:flex}.fijado__logo{width:calc(118 * var(--u));height:auto;display:block}.fijado__id{gap:calc(3 * var(--u));font:700 calc(10.5 * var(--u)) / 1 var(--f-datos);letter-spacing:.06em;justify-items:end;display:grid}.fijado__id svg{width:calc(78 * var(--u));height:calc(14 * var(--u));fill:var(--negro)}.fijado__titulo{margin:calc(10 * var(--u)) 0 calc(4 * var(--u));font:700 calc(11.5 * var(--u)) / 1.3 var(--f-datos);letter-spacing:.14em}.fijado__titulo:empty{display:none}.fijado__texto{font-size:calc(14.5 * var(--u));white-space:pre-line;margin:0;line-height:1.4}.fijado__pie{justify-content:space-between;align-items:center;gap:calc(10 * var(--u));margin-top:calc(10 * var(--u));display:flex}.fijado__encoger{min-height:36px;color:var(--negro);font:700 calc(10.5 * var(--u)) / 1 var(--f-datos);letter-spacing:.12em;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.fijado__boton{min-height:calc(40 * var(--u));padding:0 calc(16 * var(--u));background:var(--negro);color:var(--blanco);font:900 calc(16 * var(--u)) / 1 var(--f-display);letter-spacing:.04em;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);align-items:center;font-stretch:80%;text-decoration:none;display:inline-flex}.fijado[data-encogido] .fijado__cabeza,.fijado[data-encogido] .fijado__texto{display:none}.fijado[data-encogido] .fijado__etiqueta{align-items:center;gap:calc(10 * var(--u));padding-block:calc(6 * var(--u));display:flex}.fijado[data-encogido] .fijado__titulo{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;display:block;overflow:hidden}.fijado[data-encogido] .fijado__pie{margin:0}.fijado__encoger svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;display:none}.fijado[data-encogido] .fijado__encoger{place-items:center;width:36px;text-decoration:none;display:grid}.fijado[data-encogido] .fijado__encoger span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.fijado[data-encogido] .fijado__encoger svg{display:block}.fijado[data-encogido] .fijado__chinche{top:calc(14 * var(--u))}.anteriores,.nuevos{min-height:40px;padding:0 calc(16 * var(--u));border:1.5px solid var(--blanco);background:color-mix(in srgb, var(--negro) 55%, transparent);color:var(--blanco);font:700 calc(11 * var(--u)) / 1 var(--f-datos);letter-spacing:.12em;cursor:pointer;border-radius:999px;align-self:center}.anteriores{margin:calc(10 * var(--u)) 0 0}.nuevos{bottom:calc(86 * var(--u) + env(safe-area-inset-bottom));z-index:3;background:var(--blanco);color:var(--negro);border-color:var(--blanco);margin-top:-40px;position:sticky}.mensajes{gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u)) calc(16 * var(--u));flex-direction:column;flex:1;margin:0;list-style:none;display:flex}.mensajes>li{flex-direction:column;display:flex}.vacio{margin:0 calc(22 * var(--u)) auto;font:400 calc(12 * var(--u)) / 1.5 var(--f-datos);letter-spacing:.08em;text-align:center;text-transform:uppercase}.dia{margin:calc(8 * var(--u)) 0 calc(2 * var(--u));padding:calc(5 * var(--u)) calc(10 * var(--u));background:color-mix(in srgb, var(--negro) 45%, transparent);font:700 calc(10 * var(--u)) / 1 var(--f-datos);letter-spacing:.14em;border-radius:999px;align-self:center}.burbuja{max-width:82%;padding:calc(9 * var(--u)) calc(13 * var(--u)) calc(7 * var(--u));border-radius:calc(16 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u)) calc(4 * var(--u));background:var(--blanco);color:var(--negro);text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;position:relative}.burbuja:focus-visible{outline:3px solid var(--blanco);outline-offset:2px}.burbuja[data-mio]{border-radius:calc(16 * var(--u)) calc(16 * var(--u)) calc(4 * var(--u)) calc(16 * var(--u));background:var(--negro);color:var(--blanco);align-self:flex-end}.burbuja[data-seguido]{margin-top:calc(-4 * var(--u))}.burbuja__de{margin-bottom:calc(3 * var(--u));font:700 calc(11.5 * var(--u)) / 1.2 var(--f-datos);letter-spacing:.02em;display:block}.burbuja[data-seguido] .burbuja__de{display:none}.burbuja__texto{font-size:calc(15.5 * var(--u));white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.38;display:block}.burbuja__pie{justify-content:flex-end;align-items:center;gap:calc(8 * var(--u));margin-top:calc(4 * var(--u));font:400 calc(10 * var(--u)) / 1 var(--f-datos);opacity:.75;display:flex}.marca{padding:calc(4 * var(--u)) calc(7 * var(--u));border-radius:calc(3 * var(--u));background:var(--rojo);color:var(--blanco);font:700 calc(10 * var(--u)) / 1 var(--f-datos);letter-spacing:.1em;opacity:1}.burbuja__marcas{gap:calc(6 * var(--u));margin-top:calc(7 * var(--u));flex-wrap:wrap;display:flex}.marca--oculto{background:var(--negro)}.tienda{--chaflan:calc(14 * var(--u));max-width:none;padding:calc(11 * var(--u)) calc(14 * var(--u)) calc(10 * var(--u));clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--chaflan)), calc(100% - var(--chaflan)) 100%, 0 100%);border-radius:0;align-self:stretch}.tienda__logo{width:calc(96 * var(--u));height:auto;margin-bottom:calc(8 * var(--u));display:block}.tienda__titulo{margin-bottom:calc(4 * var(--u));font:700 calc(11 * var(--u)) / 1.3 var(--f-datos);letter-spacing:.14em;display:block}.tienda__boton{min-height:calc(38 * var(--u));margin-top:calc(8 * var(--u));padding:0 calc(14 * var(--u));background:var(--negro);color:var(--blanco);font:900 calc(15 * var(--u)) / 1 var(--f-display);letter-spacing:.04em;align-items:center;font-stretch:80%;text-decoration:none;display:inline-flex}.escribir{z-index:3;padding:calc(10 * var(--u)) calc(12 * var(--u)) calc(12 * var(--u) + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--negro) 70%, transparent) 38%, color-mix(in srgb, var(--negro) 82%, transparent) 100%);position:sticky;bottom:0}.escribir__fila{align-items:flex-end;gap:calc(8 * var(--u));padding:calc(5 * var(--u));border:1.5px solid color-mix(in srgb, var(--blanco) 70%, transparent);border-radius:calc(26 * var(--u));background:color-mix(in srgb, var(--negro) 70%, transparent);display:flex}.escribir__fila:focus-within{border-color:var(--blanco)}.escribir textarea{min-width:0;min-height:40px;max-height:calc(130 * var(--u));padding:10px calc(10 * var(--u));color:var(--blanco);font:400 16px / 1.3 var(--f-texto);resize:none;background:0 0;border:0;outline:none;flex:1}.escribir textarea::placeholder{color:color-mix(in srgb, var(--blanco) 62%, transparent)}.escribir__mandar{min-height:40px;padding:0 calc(16 * var(--u));border:1.5px solid var(--blanco);background:var(--blanco);color:var(--negro);font:900 calc(15 * var(--u)) / 1 var(--f-display);letter-spacing:.05em;cursor:pointer;border-radius:999px;flex:none;font-stretch:80%}.escribir__mas{min-height:34px;margin:0 0 calc(8 * var(--u)) calc(4 * var(--u));padding:0 calc(12 * var(--u));border:1.5px solid color-mix(in srgb, var(--blanco) 70%, transparent);color:var(--blanco);font:700 calc(11 * var(--u)) / 1 var(--f-datos);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:999px}.escribir__mas[aria-expanded=true]{background:var(--blanco);color:var(--negro)}.escribir:has([data-anuncio]:not([hidden])){background:var(--negro)}.escribir__mandar:disabled{opacity:.45;cursor:default}.escribir__mandar:focus-visible,.escribir__mas:focus-visible{outline:3px solid var(--blanco);outline-offset:2px}.escribir__error{color:#ffb3b6;font:700 calc(12.5 * var(--u)) / 1.4 var(--f-texto);margin:0}.escribir__error:not(:empty){margin:0 calc(8 * var(--u)) calc(8 * var(--u))}.escribir__error[data-bien]{color:var(--blanco)}.tienda__opciones{min-height:36px;margin-top:calc(6 * var(--u));color:var(--negro);font:700 calc(10.5 * var(--u)) / 1 var(--f-datos);letter-spacing:.12em;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.escribir__pausa{margin:0 0 calc(8 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));background:var(--negro);font:700 calc(11.5 * var(--u)) / 1.4 var(--f-datos);letter-spacing:.1em;text-align:center}.escribir__anuncio{gap:calc(8 * var(--u));margin-bottom:calc(8 * var(--u));display:grid}.escribir__anuncio input[type=text]{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:0 calc(12 * var(--u));border:1.5px solid color-mix(in srgb, var(--blanco) 70%, transparent);border-radius:calc(6 * var(--u));background:color-mix(in srgb, var(--negro) 70%, transparent);color:var(--blanco);font:400 15px / 1 var(--f-datos)}.escribir__anuncio input[type=text]:focus-visible{border-color:var(--blanco);outline:2px solid var(--blanco);outline-offset:1px}.escribir__par{gap:calc(8 * var(--u));grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.escribir__fijar{align-items:center;gap:calc(8 * var(--u));min-height:36px;font:700 calc(11.5 * var(--u)) / 1 var(--f-datos);letter-spacing:.12em;display:flex}.escribir__fijar input{width:20px;height:20px;accent-color:var(--blanco)}.hoja{z-index:10;align-items:end;display:grid;position:fixed;inset:0}.hoja__fondo{background:color-mix(in srgb, var(--negro) 55%, transparent);position:absolute;inset:0}.hoja__caja{--chaflan:calc(22 * var(--u));width:min(100%,520px);padding:calc(10 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u) + env(safe-area-inset-bottom));background:var(--blanco);color:var(--negro);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--chaflan)), calc(100% - var(--chaflan)) 100%, 0 100%);animation:sube .32s var(--sal-expo);margin:0 auto;position:relative}@keyframes sube{0%{opacity:0;translate:0 40%}}.hoja__titulo{margin:calc(6 * var(--u)) 0 calc(4 * var(--u));font:700 calc(11 * var(--u)) / 1.4 var(--f-datos);letter-spacing:.12em;text-align:center;opacity:.7}.hoja__reglas{gap:calc(10 * var(--u));margin:calc(10 * var(--u)) 0 calc(14 * var(--u));padding-left:calc(18 * var(--u));font-size:calc(14.5 * var(--u));line-height:1.4;display:grid}.hoja__opciones{display:grid}.hoja__opcion{min-height:calc(58 * var(--u));border:0;border-bottom:1px solid color-mix(in srgb, var(--negro) 14%, transparent);color:var(--negro);font:700 calc(15 * var(--u)) / 1 var(--f-datos);letter-spacing:.1em;cursor:pointer;background:0 0}.hoja__opcion[data-grave]{color:var(--rojo)}.hoja__opcion:focus-visible,.hoja__cancelar:focus-visible{outline:3px solid var(--negro);outline-offset:-3px}.hoja__cancelar{width:100%;min-height:calc(56 * var(--u));margin-top:calc(12 * var(--u));background:var(--negro);color:var(--blanco);font:900 calc(20 * var(--u)) / 1 var(--f-display);letter-spacing:.04em;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);border:0;font-stretch:80%}@media (prefers-reduced-motion:reduce){.hoja__caja{animation:none}.boton{transition:none}}@media (width>=600px){.palma--1{right:calc(50% - 420px)}.palma--2{left:calc(50% - 400px)}.palma--3{left:calc(50% - 200px)}}
