:root{--navy:#12235b;--teal:#01a9bc;--teal-dark:#016874;--orange:#f37c03;--orange-dark:#a65402;--violet:#5934a2;--sand:#fbf8f2;--ink:#1c1b18;--surface:#fff;--surface-variant:#f0e9de;--on-surface-variant:#4a443e;--outline:#d7cec2;--error:#b3261e;--ok:#1b7a4d;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #1c1b1814, 0 4px 14px #1c1b180f;--nav-h:60px}*{box-sizing:border-box}html,body{background:var(--sand);color:var(--ink);overscroll-behavior-y:none;-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}body{-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.5rem}h2{margin:0 0 .5rem;font-size:1.15rem}h3{margin:0 0 .35rem;font-size:1rem}p{margin:0 0 .75rem}a{color:var(--teal-dark)}.muted{color:var(--on-surface-variant);font-size:.875rem}.center{text-align:center}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top));background:var(--teal-dark);color:#fff;box-shadow:var(--shadow);align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.topbar h1,.topbar h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1.05rem;overflow:hidden}.topbar button{color:#fff;background:#ffffff29;border:none}.content{padding:1rem;padding-bottom:calc(1rem + var(--nav-h) + env(safe-area-inset-bottom));flex:1;width:100%;max-width:720px;margin:0 auto}.bottom-nav{z-index:20;background:var(--surface);border-top:1px solid var(--outline);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{text-align:center;color:var(--on-surface-variant);min-height:var(--nav-h);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:.5rem .25rem;font-size:.7rem;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--teal-dark);font-weight:600}.bottom-nav .ico{font-size:1.25rem;line-height:1}.nav-dot{background:var(--error);color:#fff;text-align:center;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:.62rem;font-weight:700;line-height:17px;position:absolute;top:-4px;left:60%}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:.85rem;padding:1rem}.card.tappable{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;border:none;display:block}.card.tappable:active{transform:scale(.995)}.stack{flex-direction:column;gap:.75rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row.tight{gap:.35rem}.spread{justify-content:space-between;align-items:center;gap:.5rem;display:flex}button,.btn{font:inherit;border-radius:var(--radius-sm);background:var(--surface-variant);color:var(--ink);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.7rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--teal-dark);color:#fff}.btn-accent{background:var(--orange-dark);color:#fff}.btn-ghost{border-color:var(--outline);background:0 0}.btn-danger{border-color:var(--error);color:var(--error);background:0 0}.btn-whatsapp{color:#06301a;background:#25d366}.btn-link{color:var(--teal-dark);background:0 0;font-weight:500;text-decoration:underline}.btn-block{width:100%}.btn-sm{min-height:36px;padding:.35rem .7rem;font-size:.85rem}label{color:var(--on-surface-variant);margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}input,textarea,select{border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);appearance:none;min-height:44px;padding:.65rem .75rem;font-family:inherit;font-size:16px}textarea{resize:vertical;min-height:110px}select{background-image:linear-gradient(45deg, transparent 50%, var(--on-surface-variant) 50%), linear-gradient(135deg, var(--on-surface-variant) 50%, transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--teal);outline-offset:-1px;border-color:var(--teal)}.field{margin-bottom:.9rem}.field .hint{color:var(--on-surface-variant);margin-top:.3rem;font-size:.8rem;font-weight:400}.check{color:var(--ink);cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.95rem;font-weight:400;display:flex}.check input{width:22px;height:22px;min-height:22px;accent-color:var(--teal-dark);flex:none;margin:0}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--outline);background:var(--surface);color:var(--on-surface-variant);cursor:pointer;border-radius:999px;min-height:34px;padding:.35rem .7rem;font-size:.8rem;font-weight:500}.chip.on{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}.chip.static{cursor:default}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-verified{color:var(--teal-dark);background:#d6ecef}.badge-founder{color:var(--orange-dark);background:#f3e6d9}.badge-barter{color:var(--violet);background:#ece5f6}.badge-state{background:var(--surface-variant);color:var(--on-surface-variant)}.notice{border-radius:var(--radius-sm);border:1px solid #0000;margin-bottom:.85rem;padding:.75rem .9rem;font-size:.9rem}.notice-error{color:#7f1d1a;background:#fdecea;border-color:#f3c4c0}.notice-ok{color:#14532d;background:#e4f3ea;border-color:#b9dcc7}.notice-info{color:var(--navy);background:#e8eaf2;border-color:#c6cbdd}.notice-warn{color:#6b4708;background:#fdf3e2;border-color:#f0dcb8}.aviso-edad{border:2px solid var(--orange-dark);border-radius:var(--radius);color:#5a3c06;background:#fdf3e2;margin-bottom:1rem;padding:.9rem 1rem}.aviso-edad .marca{background:var(--orange-dark);color:#fff;letter-spacing:.03em;border-radius:999px;margin:0 0 .4rem;padding:.1rem .5rem;font-size:.85rem;font-weight:800;display:inline-block}.aviso-edad h2{color:#5a3c06;margin:0 0 .5rem;font-size:1.05rem;line-height:1.3}.aviso-edad p{margin:0 0 .5rem;font-size:.9rem}.aviso-edad p:last-child{margin-bottom:0}.aviso-edad .letra-chica{color:#6b4708;font-size:.8rem}.aviso-edad-breve{color:var(--on-surface-variant);border-left:3px solid var(--orange-dark);margin:.75rem 0 0;padding-left:.6rem;font-size:.85rem}.empty{text-align:center;color:var(--on-surface-variant);padding:2.5rem 1rem}.empty .ico{margin-bottom:.5rem;font-size:2.5rem;display:block}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem;display:grid}.photo-grid img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-variant);width:100%}.photo-slot{position:relative}.photo-slot button{color:#fff;background:#0009;border-radius:999px;min-height:28px;padding:0 .5rem;font-size:.75rem;position:absolute;top:4px;right:4px}.hero-photo{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:var(--surface-variant);width:100%;margin-bottom:.85rem}.file-btn input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-btn{position:relative}.chat-page{flex-direction:column;height:100dvh;display:flex}.chat-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.bubble{border-radius:var(--radius);word-break:break-word;max-width:78%;padding:.5rem .75rem;font-size:.95rem}.bubble.mine{background:var(--teal-dark);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble.theirs{background:var(--surface);box-shadow:var(--shadow);border-bottom-left-radius:4px;align-self:flex-start}.bubble .when{opacity:.7;margin-top:2px;font-size:.68rem;display:block}.chat-composer{background:var(--surface);border-top:1px solid var(--outline);padding:.65rem;padding-bottom:calc(.65rem + env(safe-area-inset-bottom));gap:.5rem;display:flex}.chat-composer input{flex:1}.moderacion-panel{background:var(--surface-variant);border-radius:var(--radius-sm);margin-top:.5rem;padding:.85rem}.moderacion-panel p{font-size:.9rem}.moderacion-hecho>:last-child{margin-top:-.35rem}.moderacion-chat{background:var(--surface);border-bottom:1px solid var(--outline);flex-shrink:0;padding:.85rem}.moderacion-chat>*+*{margin-top:.5rem}.avisos{z-index:40;padding:.5rem;padding-top:calc(.5rem + env(safe-area-inset-top));pointer-events:none;flex-direction:column;gap:.4rem;max-width:720px;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}.aviso{pointer-events:auto;background:var(--surface);border-radius:var(--radius);border-left:4px solid var(--teal-dark);align-items:stretch;animation:.22s ease-out aviso-entra;display:flex;overflow:hidden;box-shadow:0 2px 6px #1c1b1824,0 10px 24px #1c1b1824}.aviso-recibida{border-left-color:var(--orange)}.aviso-aceptada{border-left-color:var(--ok)}.aviso-rechazada{border-left-color:var(--outline)}.aviso-cuerpo{text-align:left;min-width:0;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.6rem;min-height:48px;padding:.7rem .5rem .7rem .8rem;font-size:.92rem;font-weight:600;display:flex}.aviso-cuerpo .ico{flex:none;font-size:1.2rem;line-height:1}.aviso-x{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;min-width:44px;padding:0 .85rem;font-size:1.35rem;line-height:1}@keyframes aviso-entra{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.price{color:var(--teal-dark);font-size:1.15rem;font-weight:700}.stars{color:var(--orange);letter-spacing:1px}.star-picker{gap:.25rem;display:flex}.star-picker button{min-height:48px;color:var(--outline);background:0 0;border:none;padding:.15rem;font-size:2rem;line-height:1}.star-picker button.on{color:var(--orange)}.spinner{border:3px solid var(--outline);border-top-color:var(--teal-dark);border-radius:50%;width:22px;height:22px;margin:2rem auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.kv{grid-template-columns:auto 1fr;gap:.35rem .75rem;font-size:.9rem;display:grid}.kv dt{color:var(--on-surface-variant);font-weight:600}.kv dd{word-break:break-word;margin:0}.pin{letter-spacing:.4em;text-align:center;color:var(--navy);padding:.5rem 0;font-size:2rem;font-weight:800}code{background:var(--surface-variant);word-break:break-all;border-radius:4px;padding:.1rem .35rem;font-size:.85em}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}