:root{--convida-orange:#f15a24;--convida-orange-strong:#d94a18;--convida-orange-soft:#fdeee6;--convida-black:#1a1a1a;--convida-white:#fff;--color-brand:var(--convida-orange);--color-brand-strong:var(--convida-orange-strong);--color-brand-soft:var(--convida-orange-soft);--color-ink:var(--convida-black);--color-surface:var(--convida-white);--color-bg:#f7f7f8;--color-muted:#6b7280;--color-border:#ededed;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:19px;--fs-xl:26px;--fs-2xl:34px;--fw-regular:400;--fw-medium:600;--fw-bold:700;--fw-black:800;--lh-tight:1.2;--lh-normal:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:32px;--space-8:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 2px 6px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 0 40px rgba(0,0,0,.04);--naranja:var(--color-brand);--naranja-claro:var(--color-brand-soft);--negro:var(--color-ink);--gris:var(--color-muted);--gris-claro:var(--color-border);--fondo:var(--color-surface);--radio:var(--radius-lg);--sombra:var(--shadow-md)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#f7f7f8;color:var(--negro);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{max-width:1100px;margin:0 auto;min-height:100vh;background:var(--fondo);padding-bottom:84px;box-shadow:0 0 40px rgba(0,0,0,.04)}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:var(--negro);color:#fff}.logo{font-size:24px;font-weight:800;letter-spacing:.5px}.logo span{color:var(--naranja)}.header .tagline{font-size:12px;color:#c9c9c9}.hero{padding:26px 22px 8px}.hero h1{font-size:26px;line-height:1.2;margin-bottom:6px}.hero h1 .acento{color:var(--naranja)}.hero p{color:var(--gris);font-size:14px}.seccion{padding:20px 22px}.seccion h2{font-size:19px;margin-bottom:4px}.seccion .sub{color:var(--gris);font-size:13px;margin-bottom:16px}.mapa-wrap{position:relative;height:360px;margin:0 22px;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra)}.mapa{width:100%;height:100%}.mapboxgl-popup-content,.maplibregl-popup-content{border-radius:12px;padding:12px 14px;font-family:inherit}.popup-titulo{font-weight:700;font-size:14px}.popup-barrio{color:var(--gris);font-size:12px;margin-bottom:4px}.popup-promo{color:var(--naranja);font-weight:600;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:#fff;border:1px solid var(--gris-claro);border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);transition:transform .12s ease}.card:hover{transform:translateY(-3px)}.card-img{height:130px;background-size:cover;background-position:50%;background-color:#eee}.card-body{padding:14px}.card-body h3{font-size:16px;display:flex;align-items:center;gap:6px}.card-meta{color:var(--gris);font-size:12px;margin:2px 0 10px}.promo-tag{display:inline-block;background:var(--naranja-claro);color:var(--naranja);font-size:12px;font-weight:600;padding:6px 10px}.badge,.promo-tag{border-radius:999px}.badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;background:var(--negro);color:#fff;letter-spacing:.4px}.badge.premium{background:var(--naranja)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{border:1px solid var(--gris-claro);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer}.chip.activo{background:var(--naranja);color:#fff;border-color:var(--naranja)}.momento{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--gris-claro);border-left:4px solid var(--naranja);border-radius:var(--radio);padding:16px;margin-bottom:12px;box-shadow:var(--sombra)}.momento .emoji{font-size:32px}.momento h3{font-size:16px}.momento p{color:var(--gris);font-size:13px}.momento .fecha{margin-left:auto;color:var(--naranja);font-weight:700;font-size:13px;white-space:nowrap}.evento{background:#fff;border:1px solid var(--gris-claro);border-radius:var(--radio);padding:18px;margin-bottom:14px;box-shadow:var(--sombra)}.evento h3{font-size:17px}.evento .lugar{color:var(--gris);font-size:13px;margin:2px 0 10px}.beneficio{display:flex;gap:8px;align-items:flex-start;background:var(--naranja-claro);border-radius:12px;padding:12px 14px;font-size:13px;color:#8a3415}.beneficio b{color:var(--naranja)}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;justify-content:space-around;max-width:1100px;margin:0 auto;background:#fff;border-top:1px solid var(--gris-claro);padding:8px 0 10px}.navitem{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--gris);padding:4px 10px}.navitem .ic{font-size:20px;line-height:1}.navitem.activo{color:var(--naranja);font-weight:700}.footer{padding:26px 22px;color:var(--gris);font-size:12px;border-top:1px solid var(--gris-claro);text-align:center}.aviso{margin:0 22px 16px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:12px 14px;font-size:13px}