:root{--bg: #f0ebe0;--card: #faf7f2;--card2: #f5f0e8;--stroke: rgba(138, 143, 122, .22);--text: #1a1a1a;--muted: rgba(26, 26, 26, .65);--muted2: #8a8f7a;--accent: #C9A55A;--accent-hover: #b8943e;--accent-light: rgba(201, 165, 90, .15);--accent-border: rgba(201, 165, 90, .35);--olive: #8a8f7a;--shadow: 0 2px 24px rgba(12, 12, 12, .07);--radius: 22px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}.page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 0 40px;position:relative;overflow:hidden}.bg{position:absolute;inset:0;pointer-events:none}.grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");opacity:.12;mix-blend-mode:overlay}.card{width:min(520px,100%);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.header{padding:32px 28px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:999px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text);background:transparent;border:1px solid rgba(138,143,122,.4);margin-bottom:20px}.badgeDot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.logoImg{width:min(220px,70%);height:auto;display:block;margin:0 auto 14px;mix-blend-mode:multiply}.subtitle{margin:0 0 10px;font-size:clamp(17px,4vw,22px);font-style:italic;color:var(--text);font-weight:400}.meta{margin:4px 0 0;color:var(--muted2);font-size:14px;line-height:1.6;display:flex;flex-direction:column;align-items:center;gap:1px}.meta svg{display:inline;vertical-align:middle;margin-right:4px;color:var(--accent);position:relative;top:-1px}.metaCity{color:var(--muted2)}.content{padding:4px 28px 28px}.sectionLabel{margin:0 0 10px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--olive);font-weight:600}.listGroup{display:flex;flex-direction:column;gap:8px}.listRow{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:999px;border:1px solid var(--stroke);background:var(--card);transition:border-color .18s ease,background .18s ease;cursor:pointer}.listRow:hover{border-color:var(--accent);background:var(--accent);color:#fff}.listRow:hover .listRow__icon,.listRow:hover .listRow__label,.listRow:hover .listRow__arrow{color:#fff}.listRow--active{background:var(--accent);border-color:var(--accent);color:#fff}.listRow--active .listRow__icon,.listRow--active .listRow__label,.listRow--active .listRow__arrow{color:#fff}.listRow__icon{color:var(--olive);display:flex;align-items:center;flex-shrink:0}.listRow__label{flex:1;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--text)}.listRow--active .listRow__label{color:#fff}.listRow__arrow{color:var(--olive);display:flex;align-items:center;flex-shrink:0}.comunidadGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comunidadPill{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;border:1px solid var(--stroke);background:var(--card);transition:border-color .18s ease,background .18s ease;cursor:pointer}.comunidadPill:hover{border-color:var(--accent);background:var(--accent);color:#fff}.comunidadPill:hover .listRow__icon,.comunidadPill:hover .comunidadPill__label,.comunidadPill:hover .listRow__arrow{color:#fff}.comunidadPill__label{flex:1;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--text)}.divider{height:1px;margin:20px 0;background:linear-gradient(90deg,transparent,var(--stroke),transparent)}.ctaRow{display:flex;gap:12px;margin-bottom:20px}.btn{appearance:none;border:1.5px solid var(--stroke);background:var(--card);color:var(--text);padding:13px 20px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px);background:var(--card2);border-color:var(--olive)}.btn:active{transform:translateY(0) scale(.99)}.btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 14px #c9a55a4d}.form{display:grid;gap:10px}.label{font-weight:500;font-size:15px;color:var(--text);text-align:center}.inputRow{display:grid;grid-template-columns:1fr auto;gap:0;background:var(--card);border:1.5px solid var(--stroke);border-radius:999px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.inputRow:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input{width:100%;padding:13px 18px;border:none;background:transparent;color:var(--text);outline:none;font-size:14px}.inputRow .btn.primary{border-radius:999px;border:none;margin:3px;padding:10px 18px;font-size:13px;flex:none}.hint{margin:0;font-size:13px;color:transparent;transition:color .25s ease;text-align:center}.hint.show{color:var(--olive)}.hint.error{color:var(--accent)}.footer{padding:14px 28px 24px;color:var(--olive);font-size:12px;text-align:center;border-top:1px solid var(--stroke)}@media(max-width:540px){.page{padding:0;background:var(--card)}.card{min-height:100vh;width:100%}.ctaRow{flex-direction:row}}