:root {
  --navy: #0d2a35;
  --navy-2: #173e4c;
  --ink: #14252b;
  --muted: #66767d;
  --line: #dfe7e9;
  --soft: #f3f7f7;
  --white: #ffffff;
  --coral: #f25f3a;
  --coral-dark: #d94425;
  --teal: #0aa69a;
  --teal-dark: #087d75;
  --yellow: #ffc857;
  --green: #18a45b;
  --shadow: 0 12px 36px rgba(13, 42, 53, .10);
  --shadow-soft: 0 5px 18px rgba(13, 42, 53, .08);
  --radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
 body { margin: 0; overflow-x: hidden; background: #f8fafa; color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.45; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, .btn { cursor: pointer; }
img { display: block; max-width: 100%; }
.shell { width: min(1180px, calc(100% - 36px)); margin-inline: auto; }
.narrow { max-width: 720px; }
.muted-pad { color: var(--muted); padding: 24px; }

.topbar { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(223,231,233,.9); backdrop-filter: blur(16px); }
.topbar-inner { display: grid; grid-template-columns: auto minmax(280px, 520px) auto; align-items: center; gap: 28px; min-height: 72px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--navy); font-size: 18px; font-weight: 650; letter-spacing: -.02em; white-space: nowrap; }
.brand strong { color: var(--coral); }
.brand-mark { display: grid; width: 37px; aspect-ratio: 1; place-items: center; color: white; background: var(--coral); border-radius: 11px 11px 4px 11px; font-weight: 900; box-shadow: 0 7px 16px rgba(242,95,58,.28); }
.top-search { display: flex; align-items: center; overflow: hidden; height: 44px; background: var(--soft); border: 1px solid transparent; border-radius: 13px; transition: .2s; }
.top-search:focus-within { background: white; border-color: var(--teal); box-shadow: 0 0 0 3px rgba(10,166,154,.1); }
.top-search > span { color: var(--muted); padding-left: 15px; font-size: 22px; }
.top-search input { min-width: 0; flex: 1; height: 100%; border: 0; outline: 0; background: transparent; padding: 0 12px; color: var(--ink); }
.top-search button { align-self: stretch; border: 0; padding: 0 17px; background: var(--navy); color: white; font-weight: 700; }
.desktop-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.account-chip { display: flex; align-items: center; gap: 8px; padding-left: 5px; font-size: 14px; font-weight: 700; }
.account-chip img { width: 34px; height: 34px; object-fit: cover; border-radius: 50%; border: 2px solid white; box-shadow: 0 0 0 1px var(--line); }
.mobile-search-wrap, .mobile-nav { display: none; }

.btn { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 7px; border: 1px solid transparent; border-radius: 12px; padding: 10px 17px; font-weight: 750; transition: transform .18s, box-shadow .18s, background .18s; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { color: white; background: var(--coral); box-shadow: 0 7px 18px rgba(242,95,58,.22); }
.btn-primary:hover { background: var(--coral-dark); }
.btn-outline { color: var(--navy); background: white; border-color: var(--line); }
.btn-outline:hover { border-color: #a9bec4; box-shadow: var(--shadow-soft); }
.btn-light { color: var(--navy); background: white; }
.btn-dark { color: white; background: var(--navy); }
.btn-muted { color: var(--navy); background: #e9f0f1; }
.btn-whatsapp { color: white; background: var(--green); box-shadow: 0 7px 18px rgba(24,164,91,.18); }
.btn-small { min-height: 36px; padding: 7px 12px; border-radius: 10px; font-size: 14px; }
.btn-large { min-height: 50px; padding: 12px 21px; }
.btn-icon-large { min-width: 50px; min-height: 50px; border: 1px solid var(--line); background: white; border-radius: 13px; color: var(--coral); font-size: 24px; }
.icon-button { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px; background: white; color: var(--navy); font-size: 21px; }
.icon-button.saved { color: var(--coral); background: #fff2ef; border-color: #ffd0c4; }

.flash { position: relative; z-index: 10; margin-top: 14px; padding: 13px 16px; border: 1px solid #bce8d0; border-radius: 12px; background: #edfbf3; color: #14653a; font-weight: 650; }
.flash.error { border-color: #f2c3b8; background: #fff1ed; color: #9d341d; }
.form-error { margin-top: 14px; padding: 12px; border-radius: 10px; background: #fff1ed; color: #a63f25; font-size: 14px; }

.home-intro { position: relative; overflow: hidden; color: white; background: var(--navy); }
.home-intro::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 15% 10%, rgba(10,166,154,.22), transparent 30%), radial-gradient(circle at 80% 70%, rgba(242,95,58,.18), transparent 26%); }
.intro-grid { position: relative; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 70px; min-height: 510px; padding-block: 58px; }
.eyebrow, .section-kicker { display: block; margin-bottom: 10px; color: var(--teal); font-size: 13px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.home-intro .eyebrow { color: #6fe1d6; }
.home-intro h1 { max-width: 650px; margin: 0; font-size: clamp(42px, 5vw, 67px); line-height: .99; letter-spacing: -.055em; }
.home-intro h1 em { color: var(--yellow); font-family: Georgia, serif; font-weight: 500; }
.home-intro p { max-width: 590px; margin: 22px 0; color: #c9d8dc; font-size: 19px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 26px; margin-top: 34px; color: #a9c1c6; font-size: 13px; }
.trust-row span { display: flex; flex-direction: column; }
.trust-row strong { color: white; font-size: 20px; }
.local-card { position: relative; min-height: 390px; padding: 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; background: rgba(255,255,255,.06); box-shadow: 0 26px 70px rgba(0,0,0,.22); }
.local-card::after { content: ""; position: absolute; inset: 8px; pointer-events: none; border: 1px dashed rgba(255,255,255,.13); border-radius: 23px; }
.local-card-top { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 4px 5px 14px; font-weight: 750; }
.local-card-top small { color: #9fbdc3; }
.local-card > img { width: 100%; height: 298px; object-fit: cover; border-radius: 18px; background: #e7f2f1; }
.floating-result { position: absolute; z-index: 3; right: -22px; bottom: 32px; display: flex; align-items: center; gap: 11px; width: 260px; padding: 14px; color: var(--ink); background: white; border-radius: 15px; box-shadow: var(--shadow); }
.result-icon { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; color: white; background: var(--teal); border-radius: 50%; font-weight: 900; }
.floating-result div { display: flex; flex-direction: column; }
.floating-result small { color: var(--muted); font-size: 11px; }
.map-dots span { position: absolute; width: 8px; height: 8px; border: 2px solid var(--yellow); border-radius: 50%; }
.map-dots span:nth-child(1) { left: -24px; top: 25%; }.map-dots span:nth-child(2) { right: -38px; top: 12%; }.map-dots span:nth-child(3) { left: -38px; bottom: 18%; }.map-dots span:nth-child(4) { right: -28px; bottom: 36%; }

.category-section, .featured-section, .recent-section { padding-block: 52px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.section-heading h2 { margin: 0; color: var(--navy); font-size: clamp(24px, 3vw, 34px); letter-spacing: -.035em; }
.section-heading > a { color: var(--teal-dark); font-weight: 750; }
.section-heading.spaced { margin-top: 42px; }
.category-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 11px; }
.category-pill { display: flex; min-height: 92px; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 7px; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: white; font-size: 13px; font-weight: 750; transition: .2s; }
.category-pill:hover { transform: translateY(-3px); border-color: #a8c5c8; box-shadow: var(--shadow-soft); }
.category-pill span { font-size: 25px; }

.content-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, .85fr); align-items: start; gap: 28px; padding-bottom: 34px; }
.feed-tabs { display: flex; gap: 8px; margin-bottom: 14px; border-bottom: 1px solid var(--line); }
.feed-tabs a { padding: 11px 14px; color: var(--muted); font-weight: 750; }
.feed-tabs a.active { color: var(--coral); border-bottom: 3px solid var(--coral); }
.quick-publish { display: flex; align-items: center; gap: 11px; margin-bottom: 16px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow-soft); }
.quick-publish img { width: 42px; height: 42px; border-radius: 50%; }
.quick-publish > a:not(.btn,.quick-action) { flex: 1; padding: 10px 15px; color: var(--muted); background: var(--soft); border-radius: 999px; }
.quick-publish div { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.quick-publish small { color: var(--muted); }
.quick-logo { display: grid; width: 42px; height: 42px; place-items: center; color: white; background: var(--coral); border-radius: 12px; font-weight: 900; }
.quick-action { color: var(--teal-dark); font-weight: 750; }
.post-card { overflow: hidden; margin-bottom: 17px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow-soft); }
.post-head { display: flex; align-items: center; gap: 11px; padding: 16px 17px 8px; }
.post-head > a img, .comment img, .comment-form img { width: 42px; height: 42px; object-fit: cover; border-radius: 13px; }
.post-head > div { display: flex; min-width: 0; flex: 1; flex-wrap: wrap; align-items: center; gap: 6px; }
.post-head strong { font-size: 15px; }
.post-head small { width: 100%; color: var(--muted); font-size: 12px; }
.more-button { border: 0; background: transparent; color: var(--muted); }
.post-copy { margin: 5px 17px 14px; white-space: pre-wrap; }
.post-image { width: 100%; max-height: 470px; object-fit: cover; background: var(--soft); }
.post-stats { display: flex; justify-content: space-between; padding: 10px 17px; color: var(--muted); font-size: 13px; }
.post-actions { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 17px; padding: 6px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.post-actions button { border: 0; padding: 8px; color: var(--muted); background: transparent; font-weight: 700; }
.comments { padding: 12px 17px 0; }
.comment { display: flex; gap: 9px; margin-bottom: 9px; }
.comment img, .comment-form img { width: 32px; height: 32px; border-radius: 50%; }
.comment > div { padding: 7px 11px; background: var(--soft); border-radius: 5px 13px 13px; }
.comment strong { font-size: 13px; }.comment p { margin: 2px 0 0; font-size: 14px; }
.comment-form { display: flex; align-items: center; gap: 8px; padding: 12px 17px 16px; }
.comment-form input { min-width: 0; flex: 1; padding: 9px 12px; border: 1px solid transparent; outline: 0; background: var(--soft); border-radius: 999px; }
.comment-form input:focus { border-color: var(--teal); }
.comment-form button { border: 0; color: var(--teal-dark); background: transparent; font-weight: 800; }
.login-nudge { margin: 12px 17px 16px; padding: 10px 12px; color: var(--muted); background: var(--soft); border-radius: 10px; font-size: 14px; }
.login-nudge a { color: var(--teal-dark); font-weight: 800; }
.aside-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }.aside-heading h2 { margin: 0; font-size: 19px; }.aside-heading a { color: var(--teal-dark); font-size: 13px; font-weight: 750; }
.discovery-column { position: sticky; top: 92px; }
.free-business-card { margin-top: 18px; padding: 25px; color: white; background: linear-gradient(140deg, var(--teal-dark), var(--navy)); border-radius: var(--radius); box-shadow: var(--shadow); }
.free-business-card > span { color: #88e5db; font-size: 12px; font-weight: 850; text-transform: uppercase; }.free-business-card h3 { margin: 8px 0; font-size: 25px; line-height: 1.1; }.free-business-card p { color: #d1e0e3; font-size: 14px; }

.listing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.listing-grid.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.listing-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: 0 4px 14px rgba(13,42,53,.055); transition: .2s; }
.listing-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.listing-image { position: relative; display: block; overflow: hidden; aspect-ratio: 1.2; background: var(--soft); }
.listing-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }.listing-card:hover .listing-image img { transform: scale(1.035); }
.type-chip { position: absolute; left: 10px; top: 10px; padding: 5px 8px; color: var(--navy); background: rgba(255,255,255,.9); border-radius: 7px; box-shadow: 0 3px 10px rgba(0,0,0,.08); font-size: 11px; font-weight: 800; }
.listing-content { padding: 13px; }.listing-price { color: var(--coral-dark); font-size: 20px; font-weight: 900; letter-spacing: -.025em; }.listing-content h3 { min-height: 42px; margin: 4px 0 8px; font-size: 15px; line-height: 1.35; }.listing-meta { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 4px; color: var(--muted); font-size: 11px; }.listing-meta a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.listing-actions { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; }.listing-actions .btn { flex: 1; }
.compact .listing-content { padding: 10px; }.compact .listing-price { font-size: 17px; }.compact .listing-content h3 { min-height: 38px; font-size: 13px; }.compact .listing-actions .btn { font-size: 12px; }

.business-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.business-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow-soft); }.business-card.is-verified { border-color: #91d8d1; box-shadow: 0 8px 26px rgba(10,166,154,.13); }
.business-cover { position: relative; display: block; height: 118px; background: var(--soft); }.business-cover > img { width: 100%; height: 100%; object-fit: cover; }.business-logo { position: absolute; left: 15px; bottom: -26px; overflow: hidden; width: 58px; height: 58px; padding: 3px; background: white; border-radius: 15px; box-shadow: 0 3px 12px rgba(0,0,0,.15); }.business-logo img { width: 100%; height: 100%; object-fit: cover; border-radius: 11px; }
.business-card-body { padding: 34px 15px 15px; }.business-heading { display: flex; justify-content: space-between; gap: 8px; }.business-heading h3 { margin: 0 0 4px; font-size: 17px; }.business-card-body > p { min-height: 60px; margin: 10px 0; color: var(--muted); font-size: 13px; }.rating-mini { height: fit-content; padding: 4px 7px; color: #765200; background: #fff3ce; border-radius: 7px; font-size: 12px; font-weight: 850; }.business-actions { display: flex; gap: 8px; margin-top: 13px; }.business-actions > * { flex: 1; }.business-actions .btn { width: 100%; }
.verified-badge { display: inline-flex; width: fit-content; align-items: center; gap: 4px; color: var(--teal-dark); font-size: 11px; font-weight: 850; white-space: nowrap; }.verified-badge span { display: grid; width: 16px; height: 16px; place-items: center; color: white; background: var(--teal); border-radius: 50%; font-size: 10px; }.verified-badge.compact { font-size: 10px; }.verified-badge.compact span { width: 14px; height: 14px; }

.search-page { min-height: 70vh; padding-block: 44px 65px; }.search-header { max-width: 720px; margin-bottom: 20px; }.search-header h1 { margin: 0; color: var(--navy); font-size: clamp(34px,5vw,54px); line-height: 1.05; letter-spacing: -.05em; }.search-header p { color: var(--muted); font-size: 17px; }.search-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-bottom: 14px; }.search-toolbar > a { color: var(--teal-dark); font-size: 13px; font-weight: 800; }.filter-toggle,.location-button { min-height: 40px; padding: 0 13px; color: var(--navy); border: 1px solid var(--line); border-radius: 10px; background: white; font-weight: 800; cursor: pointer; }.filter-toggle:hover,.location-button:hover { border-color: var(--teal); color: var(--teal-dark); }.location-status { color: var(--muted); font-size: 12px; }.recent-intents { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-bottom: 15px; }.recent-intents > span { color: var(--muted); font-size: 12px; }.recent-intents > div { display: flex; flex-wrap: wrap; gap: 6px; }.recent-intents a { padding: 5px 8px; color: var(--teal-dark); background: #eef8f7; border-radius: 999px; font-size: 12px; }.filters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) auto; align-items: end; gap: 10px; margin-bottom: 28px; padding: 15px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-soft); }.filters.filters-drawer { display: none; }.filters.filters-drawer.is-open { display: grid; }.filters label,.creation-form label,.stack-form label,.review-form label,.settings-form label { display: flex; flex-direction: column; gap: 6px; color: var(--navy); font-size: 13px; font-weight: 750; }.filters input,.filters select,.creation-form input,.creation-form select,.creation-form textarea,.stack-form input,.stack-form select,.review-form select,.review-form textarea,.settings-form input { width: 100%; min-height: 44px; border: 1px solid var(--line); border-radius: 10px; background: white; padding: 9px 11px; outline: 0; color: var(--ink); }.filters input:focus,.filters select:focus,.creation-form input:focus,.creation-form select:focus,.creation-form textarea:focus,.stack-form input:focus,.stack-form select:focus,.review-form textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(10,166,154,.1); }.search-results { grid-template-columns: repeat(4,minmax(0,1fr)); }.category-hero { display: flex; align-items: center; gap: 18px; margin-bottom: 35px; padding: 30px; color: white; background: linear-gradient(130deg,var(--navy),var(--navy-2)); border-radius: 24px; }.category-hero > span { display: grid; width: 78px; height: 78px; place-items: center; background: rgba(255,255,255,.1); border-radius: 20px; font-size: 38px; }.category-hero small { color: #8fdcd5; text-transform: uppercase; font-weight: 800; letter-spacing: .1em; }.category-hero h1 { margin: 2px 0; font-size: 37px; }.category-hero p { margin: 0; color: #bdd0d4; }

.detail-page { padding-block: 28px 60px; }.breadcrumbs { display: flex; gap: 8px; margin-bottom: 18px; color: var(--muted); font-size: 13px; }.detail-grid { display: grid; grid-template-columns: 1.18fr .82fr; gap: 34px; align-items: start; }.detail-media { position: relative; overflow: hidden; min-height: 520px; background: white; border: 1px solid var(--line); border-radius: 22px; }.detail-media > img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; }.detail-info { padding: 16px 0; }.detail-location { color: var(--teal-dark); font-size: 13px; font-weight: 750; }.detail-info h1 { margin: 9px 0; color: var(--navy); font-size: clamp(32px,4vw,48px); line-height: 1.04; letter-spacing: -.045em; }.detail-price { margin: 17px 0; color: var(--coral-dark); font-size: 33px; font-weight: 900; }.detail-info > p { color: var(--muted); white-space: pre-wrap; }.seller-box { display: flex; align-items: center; gap: 12px; margin: 24px 0; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: white; }.seller-box > img { width: 50px; height: 50px; object-fit: cover; border-radius: 13px; }.seller-box > span { display: flex; min-width: 0; flex: 1; flex-direction: column; }.seller-box small { color: var(--muted); }.seller-box b { font-size: 24px; }.detail-actions { display: flex; flex-wrap: wrap; gap: 9px; }.safety-note { display: flex; flex-direction: column; margin-top: 19px; padding: 14px; border-left: 4px solid var(--yellow); background: #fffae9; border-radius: 5px 12px 12px 5px; }.safety-note span { color: var(--muted); font-size: 13px; }

.business-profile { min-height: 80vh; padding-bottom: 60px; }.business-profile-cover { position: relative; height: 320px; background: var(--navy); }.business-profile-cover > img { width: 100%; height: 100%; object-fit: cover; }.cover-overlay { position: absolute; inset: 0; background: linear-gradient(transparent 45%,rgba(6,24,30,.55)); }.business-profile-main { position: relative; }.profile-identity { display: flex; align-items: end; gap: 20px; margin-top: -76px; padding: 0 22px 22px; border-bottom: 1px solid var(--line); }.profile-logo { width: 144px; height: 144px; object-fit: cover; border: 6px solid white; border-radius: 30px; box-shadow: var(--shadow); }.profile-identity > div:nth-child(2) { min-width: 0; flex: 1; padding-bottom: 4px; }.profile-name-line { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }.profile-name-line h1 { margin: 0; color: white; text-shadow: 0 2px 10px rgba(0,0,0,.35); font-size: clamp(30px,4vw,44px); letter-spacing: -.04em; }.profile-identity > div:nth-child(2) > p { margin: 18px 0 4px; color: var(--muted); }.profile-rating { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 13px; }.profile-rating > span { color: var(--muted); }.stars { color: #f4b400; letter-spacing: 1px; }.profile-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 5px; }.verified-profile .profile-name-line .verified-badge { color: #78e1d8; }.verified-explainer { display: flex; align-items: center; gap: 14px; margin: 18px 0; padding: 18px 21px; color: #064f49; border: 1px solid #9bddd7; background: linear-gradient(90deg,#e9fbf8,#f5fffd); border-radius: 15px; }.verified-explainer > span { display: grid; width: 43px; height: 43px; flex: 0 0 auto; place-items: center; color: white; background: var(--teal); border-radius: 50%; font-size: 22px; font-weight: 900; }.verified-explainer p { margin: 2px 0 0; color: #47746f; font-size: 13px; }.status-banner { margin: 18px 0; padding: 12px 15px; background: #fff5d7; border-radius: 12px; color: #765500; }.profile-tabs { display: flex; gap: 5px; overflow-x: auto; border-bottom: 1px solid var(--line); }.profile-tabs a { padding: 15px 17px; color: var(--muted); font-weight: 750; white-space: nowrap; }.profile-tabs a:hover { color: var(--teal-dark); }.profile-tabs span { padding: 2px 6px; background: #e9f0f1; border-radius: 999px; font-size: 11px; }.profile-layout { display: grid; grid-template-columns: 320px minmax(0,1fr); align-items: start; gap: 25px; padding-top: 25px; }.profile-sidebar { position: sticky; top: 94px; }.info-card,.owner-stats { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow-soft); }.info-card h2 { margin-top: 0; }.info-card > p { color: var(--muted); font-size: 14px; }.info-card ul { margin: 20px 0 0; padding: 0; list-style: none; }.info-card li { display: flex; gap: 10px; padding: 11px 0; border-top: 1px solid var(--line); }.info-card li > span { width: 24px; }.info-card li div { display: flex; flex-direction: column; font-size: 13px; }.info-card small { color: var(--muted); }.owner-stats { display: flex; flex-direction: column; margin-top: 14px; color: white; background: var(--navy); }.owner-stats small { color: #9fb8be; }.owner-stats strong { color: var(--yellow); font-size: 38px; }.owner-stats a { margin-top: 12px; color: #87dfd6; font-size: 13px; font-weight: 750; }.profile-listings { grid-template-columns: repeat(3,minmax(0,1fr)); }.profile-content .post-card { max-width: 700px; }.review-form { display: grid; grid-template-columns: 190px 1fr auto; align-items: end; gap: 10px; margin-bottom: 17px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: white; }.review-form textarea { min-height: 70px; resize: vertical; }.review-list { display: grid; gap: 10px; }.review { display: flex; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: white; }.review > img { width: 44px; height: 44px; border-radius: 50%; }.review > div { display: flex; flex: 1; flex-direction: column; }.review p { margin: 5px 0; }.review small { color: var(--muted); }

.auth-page { display: grid; grid-template-columns: 1fr 1fr; min-height: calc(100vh - 72px); }.auth-visual { position: relative; display: grid; place-items: center; overflow: hidden; padding: 70px; color: white; background: var(--navy); }.auth-visual::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 25% 25%,rgba(10,166,154,.3),transparent 28%),radial-gradient(circle at 75% 70%,rgba(242,95,58,.25),transparent 30%); }.auth-visual > div { position: relative; max-width: 560px; }.auth-brand { margin-bottom: 70px; color: white; }.auth-visual h1 { margin: 0; font-size: clamp(40px,5vw,68px); line-height: 1; letter-spacing: -.055em; }.auth-visual p { color: #bfd2d6; font-size: 18px; }.auth-panel { display: grid; place-items: center; padding: 45px; background: white; }.auth-box { width: min(440px,100%); }.auth-box h2 { margin: 0; color: var(--navy); font-size: 34px; letter-spacing: -.035em; }.auth-box > p { margin: 6px 0 24px; color: var(--muted); }.stack-form { display: grid; gap: 14px; }.auth-switch { margin-top: 20px; text-align: center; color: var(--muted); }.auth-switch a { color: var(--teal-dark); font-weight: 800; }.terms { display: block; margin-top: 17px; color: #8b989d; text-align: center; }.mobile-auth-brand { display: none; }

.account-page,.admin-page,.form-page,.person-page,.about-page { min-height: 75vh; padding-block: 42px 65px; }.account-header { display: flex; align-items: center; gap: 17px; padding: 25px; color: white; background: var(--navy); border-radius: 22px; }.account-header > img { width: 82px; height: 82px; border: 4px solid rgba(255,255,255,.25); border-radius: 22px; }.account-header > div:nth-child(2) { min-width: 0; flex: 1; }.account-header h1 { margin: 0; font-size: 34px; }.account-header p { margin: 2px 0; color: #b8cdd2; }.account-header-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }.dashboard-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin: 18px 0 34px; }.dashboard-stats > div { display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: white; }.dashboard-stats strong { color: var(--navy); font-size: 28px; }.dashboard-stats span { color: var(--muted); font-size: 13px; }.account-section { margin-top: 36px; }.verify-inline { display: flex; gap: 7px; margin-top: -5px; padding: 10px; border: 1px solid var(--line); border-radius: 0 0 14px 14px; background: white; }.verify-inline input { min-width: 0; flex: 1; border: 1px solid var(--line); border-radius: 8px; padding: 7px; }.status-line { padding: 8px 12px; color: var(--muted); font-size: 12px; }
.form-page { display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: 55px; }.form-intro { position: sticky; top: 100px; padding-top: 20px; }.form-intro h1 { margin: 0; color: var(--navy); font-size: clamp(36px,5vw,54px); line-height: 1.03; letter-spacing: -.05em; }.form-intro p { color: var(--muted); font-size: 18px; }.form-intro ul { padding: 0; list-style: none; color: var(--teal-dark); font-weight: 650; }.form-intro li { margin: 9px 0; }.creation-form { display: grid; gap: 17px; padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: white; box-shadow: var(--shadow); }.creation-form h2 { margin: 0 0 5px; color: var(--navy); }.creation-form textarea { min-height: 130px; resize: vertical; }.two-cols,.three-cols { display: grid; grid-template-columns: repeat(2,1fr); gap: 13px; }.three-cols { grid-template-columns: repeat(3,1fr); }.limit-card,.upload-note { display: flex; flex-direction: column; margin-top: 24px; padding: 17px; border: 1px solid #b7dedb; background: #ecfaf8; border-radius: 14px; }.limit-card small,.upload-note { color: var(--muted); font-size: 13px; }.upload-note { margin-top: 0; }
.messages-page { display: grid; grid-template-columns: 330px minmax(0,1fr); min-height: calc(100vh - 150px); margin-block: 22px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: var(--shadow); }.conversation-list { border-right: 1px solid var(--line); background: white; }.messages-title { padding: 20px; border-bottom: 1px solid var(--line); }.messages-title h1 { margin: 0; }.conversation-item { display: flex; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--line); }.conversation-item:hover { background: #f4fbfa; }.conversation-item.active { background: #eaf8f6; border-left: 4px solid var(--teal); }.conversation-item img,.chat-head img { width: 44px; height: 44px; border-radius: 50%; }.conversation-item div { display: flex; min-width: 0; flex: 1; flex-direction: column; }.conversation-item strong { color: var(--navy); font-size: 13px; }.conversation-item span,.conversation-item small { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.chat-panel { display: flex; min-width: 0; flex-direction: column; background: #f2f7f7; }.chat-head { position: sticky; z-index: 2; top: 0; display: flex; align-items: center; gap: 11px; padding: 13px 18px; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); }.chat-head div { display: flex; min-width: 0; flex: 1; flex-direction: column; }.chat-head strong { color: var(--navy); font-size: 14px; }.chat-head small { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.online-dot { display: inline-block; width: 7px; height: 7px; margin-right: 3px; background: var(--teal); border-radius: 50%; }.chat-head-actions button,.message-tool { display: grid; width: 34px; height: 34px; place-items: center; color: var(--teal-dark); border: 0; border-radius: 50%; background: #e7f8f5; cursor: pointer; }.message-stream { display: flex; flex: 1; flex-direction: column; gap: 9px; overflow-y: auto; padding: 22px; }.message { max-width: 72%; align-self: flex-start; padding: 10px 12px; background: white; border-radius: 5px 15px 15px; box-shadow: 0 2px 9px rgba(0,0,0,.05); }.message.mine { align-self: flex-end; color: #073f3a; background: #d8f5ef; border-radius: 15px 5px 15px 15px; }.message p { margin: 0; white-space: pre-wrap; }.message small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }.chat-empty { margin: auto; color: var(--muted); }.message-form { position: sticky; z-index: 2; bottom: 0; display: flex; gap: 8px; align-items: end; padding: 11px 13px; background: rgba(255,255,255,.97); border-top: 1px solid var(--line); backdrop-filter: blur(12px); }.message-form textarea { min-height: 44px; max-height: 100px; flex: 1; resize: vertical; border: 1px solid var(--line); border-radius: 18px; padding: 11px 13px; }.message-send { display: grid; width: 44px; height: 44px; flex: 0 0 auto; place-items: center; color: white; border: 0; border-radius: 50%; background: var(--teal); cursor: pointer; font-size: 17px; }.message-send:hover { background: var(--teal-dark); }

.admin-header { display: flex; align-items: end; justify-content: space-between; margin-bottom: 22px; }.admin-header h1 { margin: 0; color: var(--navy); font-size: 44px; letter-spacing: -.04em; }.admin-header p { color: var(--muted); }.admin-role { padding: 8px 12px; color: white; background: var(--navy); border-radius: 9px; font-size: 12px; font-weight: 800; }.admin-grid { display: grid; grid-template-columns: 1.5fr .8fr; align-items: start; gap: 18px; }.admin-card { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow-soft); }.admin-card .section-heading { align-items: center; }.admin-card .section-heading h2 { font-size: 22px; }.admin-table article { display: grid; grid-template-columns: 1fr 1.1fr; gap: 12px; padding: 14px 0; border-top: 1px solid var(--line); }.admin-table article > div { display: flex; flex-direction: column; }.admin-table span,.admin-table small { color: var(--muted); font-size: 12px; }.admin-table form { display: grid; grid-template-columns: 120px 1fr auto; gap: 7px; }.admin-table select,.admin-table input { min-width: 0; border: 1px solid var(--line); border-radius: 8px; padding: 7px; }.settings-form { display: grid; gap: 10px; }.settings-form label { display: grid; grid-template-columns: 1fr 100px; align-items: center; }.payments-off { display: flex; flex-direction: column; margin-top: 18px; padding: 13px; border-left: 4px solid var(--yellow); background: #fffae9; border-radius: 6px 10px 10px 6px; }.payments-off span { color: var(--muted); font-size: 12px; }
.person-header { display: flex; gap: 20px; align-items: center; padding: 30px; color: white; background: linear-gradient(130deg,var(--navy),var(--navy-2)); border-radius: 22px; }.person-header img { width: 110px; height: 110px; border: 4px solid rgba(255,255,255,.25); border-radius: 27px; }.person-header small { color: #8dded6; text-transform: uppercase; font-weight: 800; letter-spacing: .08em; }.person-header h1 { margin: 2px 0; font-size: 38px; }.person-header p,.person-header span { color: #c3d4d7; }.about-page > h1 { max-width: 800px; margin: 0 0 35px; color: var(--navy); font-size: 53px; line-height: 1.02; letter-spacing: -.05em; }.about-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.about-grid article { padding: 23px; border: 1px solid var(--line); border-radius: var(--radius); background: white; }.about-grid article > span { display: grid; width: 42px; height: 42px; place-items: center; color: white; background: var(--coral); border-radius: 13px; font-weight: 900; }.about-grid h2 { font-size: 19px; }.about-grid p { color: var(--muted); }
.community-section { padding-block: 18px 32px; }.community-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.community-grid.full { grid-template-columns: repeat(3,minmax(0,1fr)); }.community-card { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 12px; align-items: start; padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: var(--shadow-soft); }.community-card > form,.community-card > .btn { grid-column: 2; justify-self: start; margin-top: 2px; }.community-icon { display: grid; width: 52px; height: 52px; place-items: center; color: var(--navy); background: #e8f7f5; border-radius: 16px; font-size: 25px; }.community-icon.large { width: 78px; height: 78px; flex: 0 0 auto; border-radius: 23px; font-size: 36px; }.community-card small,.community-card > div > span { color: var(--teal-dark); font-size: 11px; font-weight: 800; }.community-card h3 { margin: 3px 0; color: var(--navy); font-size: 17px; }.community-card p { display: -webkit-box; overflow: hidden; margin: 0 0 9px; color: var(--muted); font-size: 13px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.communities-page,.live-page { min-height: 72vh; padding-block: 44px 65px; }.communities-hero,.live-hero { max-width: 840px; margin-bottom: 28px; }.communities-hero h1,.live-hero h1 { max-width: 720px; margin: 4px 0 10px; color: var(--navy); font-size: clamp(37px,5vw,58px); line-height: 1.02; letter-spacing: -.055em; }.communities-hero p,.live-hero p { max-width: 700px; color: var(--muted); font-size: 17px; }.community-detail { min-height: 75vh; padding-block: 32px 65px; }.community-detail-head { display: flex; align-items: center; gap: 18px; padding: 24px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(120deg,#f1fbfa,#fff); box-shadow: var(--shadow-soft); }.community-detail-head > div:nth-child(2) { min-width: 0; flex: 1; }.community-detail-head > div:nth-child(2) > span { color: var(--teal-dark); font-size: 12px; font-weight: 850; }.community-detail-head h1 { margin: 4px 0; color: var(--navy); font-size: clamp(28px,4vw,43px); letter-spacing: -.04em; }.community-detail-head p { margin: 0 0 5px; color: var(--muted); }.community-detail-head small { color: var(--muted); }.community-feed { max-width: 760px; margin-top: 30px; }.post-community { display: inline-flex; align-items: center; gap: 5px; margin: 2px 18px 0 76px; color: var(--teal-dark); font-size: 11px; font-weight: 800; }.post-kind { margin-left: auto; padding: 4px 7px; color: var(--teal-dark); background: #e7f8f5; border-radius: 999px; font-size: 10px; font-weight: 850; white-space: nowrap; }.live-preview-card { display: flex; flex-direction: column; gap: 5px; margin: 16px 0; padding: 16px; color: white; background: linear-gradient(135deg,#0d2a35,#126c66); border-radius: 15px; }.live-preview-card > span { color: #ffb2a0; font-size: 10px; font-weight: 900; letter-spacing: .08em; }.live-preview-card.is-live > span { color: #ff8b73; }.live-preview-card small { color: #c3e7e2; }.live-hero > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }.live-hero > div span { padding: 7px 10px; color: var(--teal-dark); background: #e8f7f5; border-radius: 999px; font-size: 12px; font-weight: 750; }.live-events { display: grid; gap: 14px; }.live-event { display: grid; grid-template-columns: minmax(210px,.7fr) 1.3fr; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow-soft); }.live-stage { display: flex; min-height: 210px; flex-direction: column; justify-content: space-between; padding: 18px; color: white; background: linear-gradient(135deg,#203b50,#0d2a35); }.live-stage > span { width: fit-content; padding: 5px 7px; color: #cbeae6; background: rgba(255,255,255,.12); border-radius: 5px; font-size: 10px; font-weight: 900; letter-spacing: .07em; }.live-event.is-live .live-stage > span { color: #fff; background: #df4e31; }.live-stage strong { font-size: 22px; }.live-event > div:last-child { display: flex; align-items: flex-start; flex-direction: column; padding: 22px; }.live-event > div:last-child > small { color: var(--teal-dark); font-size: 12px; font-weight: 800; }.live-event h2 { margin: 5px 0; color: var(--navy); }.live-event p { margin: 0 0 12px; color: var(--muted); }.live-event > div:last-child > span { color: var(--muted); font-size: 13px; }.live-event .btn { margin-top: 14px; }.live-note { margin-top: 22px; padding: 17px; color: #54666a; border-left: 4px solid var(--yellow); background: #fffae9; border-radius: 5px 12px 12px 5px; }
.empty-state { display: flex; min-height: 230px; flex-direction: column; align-items: center; justify-content: center; padding: 30px; text-align: center; border: 1px dashed #b7c7ca; border-radius: var(--radius); background: white; }.empty-state > span { font-size: 38px; }.empty-state h2 { margin: 9px 0 3px; }.empty-state p { max-width: 450px; margin: 0 0 15px; color: var(--muted); }.error-page { min-height: 65vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }.error-page > span { color: var(--coral); font-size: 76px; font-weight: 900; }.error-page h1 { margin: 0; font-size: 42px; }.error-page p { color: var(--muted); }

.site-footer { margin-top: 40px; padding: 52px 0 90px; color: white; background: var(--navy); }.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; }.footer-grid > div { display: flex; flex-direction: column; gap: 8px; }.footer-grid a:not(.brand) { color: #b9cdd1; font-size: 14px; }.footer-brand { color: white; }.footer-grid p { color: #9db5ba; }

@media (max-width: 1050px) {
  .topbar-inner { grid-template-columns: auto 1fr auto; gap: 14px; }.desktop-actions .btn-outline { display: none; }
  .intro-grid { gap: 34px; }.category-strip { grid-template-columns: repeat(4,1fr); }.listing-grid,.search-results { grid-template-columns: repeat(3,1fr); }.business-grid { grid-template-columns: repeat(2,1fr); }
  .profile-listings { grid-template-columns: repeat(2,1fr); }.filters { grid-template-columns: repeat(2,1fr); }.filters .btn { align-self: stretch; }.admin-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  body { padding-bottom: 67px; }.shell { width: min(100% - 24px,1180px); }
  .topbar-inner { min-height: 58px; grid-template-columns: 1fr auto; }.topbar .top-search,.desktop-actions > .btn { display: none; }.brand { font-size: 16px; }.brand-mark { width: 33px; }.account-chip span { display: none; }
  .mobile-search-wrap { display: block; padding: 8px 12px; background: white; border-bottom: 1px solid var(--line); }.mobile-search { height: 42px; }.mobile-search button { padding-inline: 12px; }
  .mobile-nav { position: fixed; z-index: 60; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(5,1fr); padding: 7px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left)); background: rgba(255,255,255,.97); border-top: 1px solid var(--line); box-shadow: 0 -5px 24px rgba(13,42,53,.08); backdrop-filter: blur(12px); }.nav-link { display: flex; flex-direction: column; align-items: center; gap: 1px; color: var(--muted); font-size: 10px; }.nav-link > span:first-child { font-size: 21px; line-height: 1.25; }.nav-link.active { color: var(--coral); font-weight: 800; }
  .home-intro { border-radius: 0 0 28px 28px; }.intro-grid { grid-template-columns: 1fr; min-height: auto; padding-block: 38px; }.home-intro h1 { font-size: 42px; }.home-intro p { font-size: 16px; }.local-card { min-height: 290px; }.local-card > img { height: 240px; }.floating-result { right: 8px; bottom: 16px; width: 235px; }.trust-row { gap: 18px; }
  .category-section,.featured-section,.recent-section { padding-block: 34px; }.section-heading { align-items: center; }.section-heading h2 { font-size: 25px; }.section-heading > a { font-size: 12px; }.category-strip { display: flex; overflow-x: auto; margin-right: -12px; padding-right: 12px; scroll-snap-type: x mandatory; }.category-pill { min-width: 130px; scroll-snap-align: start; }
  .content-layout { grid-template-columns: 1fr; }.discovery-column { position: static; }.discovery-column .compact { grid-template-columns: repeat(2,1fr); }.free-business-card { margin-bottom: 8px; }
  .listing-grid,.search-results,.profile-listings { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.listing-content { padding: 10px; }.listing-price { font-size: 17px; }.listing-content h3 { font-size: 13px; }.listing-actions .btn { padding-inline: 7px; font-size: 12px; }.listing-meta .verified-badge { display: none; }
  .business-grid { grid-template-columns: 1fr; }.business-card-body > p { min-height: 0; }.featured-section .business-grid .business-card:nth-child(n+4) { display: none; }
  .filters { grid-template-columns: 1fr 1fr; padding: 12px; }.filters label:first-child { grid-column: 1/-1; }.filters .btn { grid-column: 1/-1; }.search-header h1 { font-size: 37px; }.search-page { padding-block: 28px; }.category-hero { padding: 20px; }.category-hero h1 { font-size: 28px; }.category-hero > span { width: 60px; height: 60px; font-size: 30px; }
  .detail-grid { grid-template-columns: 1fr; gap: 18px; }.detail-media,.detail-media > img { min-height: 320px; }.detail-info { padding: 0; }.detail-info h1 { font-size: 34px; }.detail-price { font-size: 28px; }.detail-actions .btn-whatsapp { width: 100%; }.breadcrumbs { overflow: hidden; white-space: nowrap; }
  .business-profile-cover { height: 225px; }.profile-identity { display: grid; grid-template-columns: 96px 1fr; align-items: end; gap: 12px; margin-top: -54px; padding: 0 4px 17px; }.profile-logo { width: 96px; height: 96px; border-width: 4px; border-radius: 22px; }.profile-name-line h1 { font-size: 27px; }.profile-identity > div:nth-child(2)>p { margin-top: 12px; }.profile-rating { font-size: 11px; }.profile-actions { grid-column: 1/-1; padding-top: 4px; }.profile-actions > * { flex: 1; }.profile-actions .btn { width: 100%; padding-inline: 10px; }.verified-explainer { margin-top: 13px; }.profile-tabs { margin-inline: -12px; padding-inline: 8px; }.profile-layout { grid-template-columns: 1fr; }.profile-sidebar { position: static; }.review-form { grid-template-columns: 1fr; }.profile-content .post-card { max-width: none; }
  .auth-page { grid-template-columns: 1fr; min-height: calc(100vh - 108px); }.auth-visual { display: none; }.auth-panel { padding: 34px 20px; }.mobile-auth-brand { display: inline-flex; margin-bottom: 35px; }.auth-box h2 { font-size: 30px; }
  .account-page,.admin-page,.form-page,.person-page,.about-page { padding-block: 26px; }.account-header { align-items: flex-start; flex-wrap: wrap; padding: 18px; }.account-header > img { width: 64px; height: 64px; }.account-header h1 { font-size: 26px; }.account-header-actions { width: 100%; justify-content: stretch; }.account-header-actions > * { flex: 1; }.account-header-actions .btn { width: 100%; padding-inline: 8px; font-size: 12px; }.dashboard-stats { grid-template-columns: repeat(2,1fr); }.form-page { grid-template-columns: 1fr; gap: 20px; }.form-intro { position: static; }.form-intro h1 { font-size: 39px; }.creation-form { padding: 18px; }.two-cols,.three-cols { grid-template-columns: 1fr; }
  .messages-page { grid-template-columns: 1fr; min-height: auto; margin-block: 12px; }.conversation-list { border-right: 0; }.chat-panel { min-height: 520px; }.conversation-list:has(+ .chat-panel .chat-head) { max-height: 230px; overflow-y: auto; }
  .admin-header { align-items: flex-start; }.admin-header h1 { font-size: 34px; }.admin-table article { grid-template-columns: 1fr; }.admin-table form { grid-template-columns: 1fr; }.settings-form label { grid-template-columns: 1fr 90px; }.person-header { align-items: flex-start; padding: 20px; }.person-header img { width: 75px; height: 75px; }.person-header h1 { font-size: 27px; }.about-page > h1 { font-size: 39px; }.about-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }.footer-grid > div:first-child { grid-column: 1/-1; }.site-footer { padding-top: 40px; padding-bottom: 40px; }
}

@media (max-width: 390px) {
  .listing-grid,.search-results { grid-template-columns: 1fr; }.discovery-column .compact { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-intro h1 { font-size: 37px; }.profile-identity { grid-template-columns: 82px 1fr; }.profile-logo { width: 82px; height: 82px; }
}

@media (max-width: 760px) {
  .filters.filters-drawer.is-open { grid-template-columns: 1fr; }
  .filters.filters-drawer.is-open label,.filters.filters-drawer.is-open .btn { grid-column: auto; }
  .location-status { width: 100%; }
  .community-grid,.community-grid.full { grid-template-columns: 1fr; }
  .community-detail-head { align-items: flex-start; flex-wrap: wrap; padding: 18px; }
  .community-detail-head > form,.community-detail-head > .btn { width: 100%; }
  .community-detail-head > form .btn { width: 100%; }
  .community-feed { margin-top: 22px; }
  .post-community { margin-left: 67px; }
  .live-event { grid-template-columns: 1fr; }
  .live-stage { min-height: 155px; }
}

@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition: none !important; } }

/* Base compacta: navegación oscura y conversación comunitaria tipo grupo */
.dark-chrome { color: #fff; background: var(--navy); border-color: rgba(255,255,255,.12); }
.dark-chrome .brand { color: #fff; }.dark-chrome .brand strong { color: #ff9177; }
.dark-chrome .top-search { background: rgba(255,255,255,.10); }.dark-chrome .top-search input,.dark-chrome .top-search > span { color: #fff; }
.dark-chrome .top-search input::placeholder { color: #bbced2; }.dark-chrome .top-search button { background: var(--teal); }
.dark-chrome .account-chip { color: #fff; }.dark-chrome .btn-outline { color: #fff; background: transparent; border-color: rgba(255,255,255,.3); }
.compact-heading h1 { font-size: clamp(29px,4vw,43px); }.compact-heading p { margin-block: 6px 0; font-size: 14px; }
.browse-categories { display: flex; gap: 7px; align-items: center; overflow-x: auto; margin: 0 0 15px; padding: 2px 0 8px; scrollbar-width: thin; }
.browse-categories > span { color: var(--muted); font-size: 12px; font-weight: 800; white-space: nowrap; }.browse-categories a { flex: 0 0 auto; padding: 7px 10px; color: var(--navy); background: white; border: 1px solid var(--line); border-radius: 999px; font-size: 12px; font-weight: 750; }
.post-head { padding: 13px 14px 6px; }.post-head strong { font-size: 13px; }.post-copy { margin: 4px 14px 11px; font-size: 14px; }.post-stats { padding: 8px 14px; font-size: 12px; }.post-actions { margin: 0 14px; }.post-actions button { font-size: 12px; }.post-community { margin-left: 68px; font-size: 10px; }
.flash { padding: 9px 12px; font-size: 13px; }.site-footer { padding-top: 38px; }.footer-grid { gap: 25px; }.footer-grid p,.footer-grid a:not(.brand) { font-size: 12px; }
.community-chat { max-width: 780px; margin-top: 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #edf5f4; box-shadow: var(--shadow-soft); }.community-chat-title { padding: 14px 17px; background: #fff; border-bottom: 1px solid var(--line); }.community-chat-title .section-kicker { margin-bottom: 2px; font-size: 10px; }.community-chat-title h2 { margin: 0; color: var(--navy); font-size: 19px; }.community-chat-title small { color: var(--muted); font-size: 11px; }
.community-message-stream { display: flex; min-height: 380px; max-height: 62vh; flex-direction: column; gap: 10px; overflow-y: auto; padding: 16px; }.community-message { display: flex; align-items: flex-start; gap: 8px; max-width: 82%; }.community-message.mine { align-self: flex-end; flex-direction: row-reverse; }.community-message > img { width: 32px; height: 32px; flex: 0 0 auto; object-fit: cover; border-radius: 50%; }.community-message > div { min-width: 0; padding: 8px 10px; background: #fff; border-radius: 4px 13px 13px 13px; box-shadow: 0 2px 7px rgba(13,42,53,.07); }.community-message.mine > div { background: #d8f5ef; border-radius: 13px 4px 13px 13px; }.community-message header { display: flex; gap: 7px; align-items: baseline; }.community-message strong { color: var(--navy); font-size: 12px; }.community-message small { color: var(--muted); font-size: 10px; }.community-message p { margin: 3px 0 4px; white-space: pre-wrap; font-size: 14px; }.community-message button { border: 0; padding: 0; color: var(--teal-dark); background: transparent; font-size: 11px; font-weight: 750; }.reply-preview { overflow: hidden; margin: 2px 0 5px; padding: 4px 6px; color: #45676a; border-left: 2px solid var(--teal); background: rgba(10,166,154,.08); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.community-chat-empty { margin: auto; color: var(--muted); font-size: 13px; }.community-composer { display: flex; align-items: end; gap: 8px; padding: 10px; background: #fff; border-top: 1px solid var(--line); }.community-composer textarea { min-height: 42px; max-height: 100px; flex: 1; resize: vertical; border: 1px solid var(--line); border-radius: 16px; padding: 10px 12px; }.community-composer [data-community-reply-label] { position: absolute; max-width: 260px; margin-bottom: 48px; padding: 4px 7px; color: var(--teal-dark); background: #e8f7f5; border-radius: 7px; font-size: 10px; cursor: pointer; }
@media (max-width:760px) { .dark-chrome.mobile-nav { background: rgba(13,42,53,.98); border-color: rgba(255,255,255,.14); }.dark-chrome .nav-link { color: #b9cdd1; }.dark-chrome .nav-link.active { color: #ff9d86; }.mobile-search-wrap { background: var(--navy); border-color: rgba(255,255,255,.12); }.mobile-search { background: rgba(255,255,255,.12); }.mobile-search input,.mobile-search > span { color: #fff; }.mobile-search input::placeholder { color: #bbced2; }.mobile-search button { background: var(--teal); }.community-message { max-width: 91%; }.community-message-stream { min-height: 340px; padding: 12px; }.community-detail-head h1 { font-size: 27px; }.browse-categories { margin-right: -12px; }.section-heading h2 { font-size: 22px; }.quick-publish { padding: 10px; }.quick-publish > a:not(.btn,.quick-action) { padding: 8px 10px; font-size: 12px; }.quick-action { font-size: 11px; }.site-footer { padding-bottom: 32px; } }

/* v0.4: Aurora Local — navegación oscura, acentos violeta/cian y movimiento progresivo */
:root {
  --navy: #11122b;
  --navy-2: #29245f;
  --ink: #1b2035;
  --muted: #687086;
  --line: #e3e5f0;
  --soft: #f3f4fb;
  --coral: #6d5dfc;
  --coral-dark: #5545e8;
  --teal: #14b8c8;
  --teal-dark: #087f8c;
  --yellow: #ffc857;
  --green: #20ad74;
  --shadow: 0 18px 46px rgba(25,27,67,.13);
  --shadow-soft: 0 7px 22px rgba(25,27,67,.085);
}

html, body { width: 100%; max-width: 100%; overflow-x: clip; }
body { background: radial-gradient(circle at 8% 2%, rgba(109,93,252,.065), transparent 22rem), #f8f9fd; font-size: 14px; }
main, section, article, div, nav, form { min-width: 0; }
.dark-chrome { background: linear-gradient(112deg,#101128 0%,#1b1844 60%,#102f4a 135%); }
.dark-chrome .brand strong { color: #9b91ff; }
.dark-chrome .top-search { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.08); }
.dark-chrome .top-search:focus-within { background: rgba(255,255,255,.14); border-color: rgba(77,224,236,.8); box-shadow: 0 0 0 3px rgba(20,184,200,.16); }
.dark-chrome .top-search button { background: linear-gradient(135deg,var(--coral),#8f5de7); }
.brand-mark { background: linear-gradient(145deg,#826fff,#4c3bdd); box-shadow: 0 9px 22px rgba(109,93,252,.34); }
.notification-chip { position: relative; display: grid; width: 36px; height: 36px; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: rgba(255,255,255,.08); font-size: 19px; }
.notification-chip b { position: absolute; right: -5px; top: -5px; display: grid; min-width: 18px; height: 18px; place-items: center; padding-inline: 4px; color: #fff; background: #f05278; border: 2px solid var(--navy); border-radius: 999px; font-size: 9px; }
.btn-primary { background: linear-gradient(135deg,var(--coral),#875bea); box-shadow: 0 8px 22px rgba(109,93,252,.25); }
.btn-primary:hover { background: linear-gradient(135deg,var(--coral-dark),#7449d8); }
.icon-button.saved { color: var(--coral); background: #f1efff; border-color: #cfc9ff; }
.home-intro { background: linear-gradient(145deg,#0f1027 0%,#211d50 58%,#103c52 120%); }
.home-intro::before { background: radial-gradient(circle at 12% 8%,rgba(109,93,252,.42),transparent 30%),radial-gradient(circle at 82% 70%,rgba(20,184,200,.25),transparent 27%); }
.home-intro .eyebrow { color: #78e9f1; }
.home-intro h1 em { color: #ffd675; text-shadow: 0 8px 28px rgba(255,200,87,.2); }
.home-intro p { color: #d4d6ed; }
.local-card { transform-style: preserve-3d; background: linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035)); box-shadow: 0 30px 90px rgba(0,0,0,.31); }
.floating-result { border: 1px solid rgba(109,93,252,.15); }
.result-icon,.message-send { background: linear-gradient(145deg,var(--teal),#087fbd); }
.section-kicker,.eyebrow { color: var(--teal-dark); font-size: 11px; }
.section-heading h2 { font-size: clamp(22px,2.7vw,31px); }
.search-header h1,.communities-hero h1,.live-hero h1 { font-size: clamp(32px,4.6vw,51px); }
.detail-info h1 { font-size: clamp(29px,3.8vw,43px); }
.post-card,.listing-card,.business-card,.community-card,.admin-card,.creation-form,.info-card { border-color: rgba(216,219,235,.95); }
.post-card,.listing-card,.business-card,.community-card,.live-event,.category-pill { transform-style: preserve-3d; will-change: transform; }
.post-actions form { display: contents; }
.post-actions a,.post-actions button { display: grid; place-items: center; min-width: 0; border: 0; padding: 8px 4px; color: var(--muted); background: transparent; text-align: center; font-weight: 700; }
.post-actions button.liked { color: var(--coral); }
.post-card:hover,.business-card:hover,.community-card:hover { border-color: #cbc6ff; box-shadow: 0 18px 40px rgba(42,38,102,.12); }
.listing-price,.detail-price { color: var(--coral-dark); }
.category-pill:hover { border-color: #bdb6ff; }
.category-pill span { filter: drop-shadow(0 6px 10px rgba(109,93,252,.18)); }
.category-hero,.person-header { background: linear-gradient(130deg,#151633,#302768 68%,#116176 130%); }
.free-business-card,.live-preview-card { background: linear-gradient(140deg,#25205c,#0d7180); }
.verified-badge span { background: linear-gradient(145deg,var(--teal),#087fbd); }
.verified-badge { color: #08737e; }
.quick-logo { background: linear-gradient(145deg,var(--coral),#8a5ee5); }
.conversation-item:hover { background: #f5f3ff; }
.conversation-item.active { background: #efedff; border-left-color: var(--coral); }
.message.mine,.community-message.mine > div { color: #272057; background: #e8e4ff; }
.chat-panel,.community-panel { background: linear-gradient(150deg,#f4f4fa,#eef8fa); }
.mobile-search-wrap { background: linear-gradient(112deg,#101128,#1d1948); }
.mobile-search { background: rgba(255,255,255,.1); }
.mobile-search button { background: linear-gradient(135deg,var(--coral),#875bea); }

/* Pantalla de carga 3D */
.app-loader { position: fixed; z-index: 999; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 9px; color: #fff; background: radial-gradient(circle at 50% 35%,#31286e 0%,#151630 42%,#0e1025 100%); opacity: 1; visibility: visible; transition: opacity .45s ease,visibility .45s ease; }
.app-loader strong { margin-top: 24px; font-size: 18px; letter-spacing: -.02em; }
.app-loader span { color: #9feaf0; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.loader-cube { position: relative; width: 46px; height: 46px; transform-style: preserve-3d; animation: cube-spin 1.45s cubic-bezier(.5,.05,.35,1) infinite; }
.loader-cube i { position: absolute; inset: 0; display: block; border: 1px solid rgba(255,255,255,.38); background: linear-gradient(145deg,rgba(142,123,255,.95),rgba(20,184,200,.72)); box-shadow: 0 0 30px rgba(109,93,252,.35); }
.loader-cube i:nth-child(1) { transform: translateZ(23px); }
.loader-cube i:nth-child(2) { transform: rotateY(90deg) translateZ(23px); filter: brightness(.8); }
.loader-cube i:nth-child(3) { transform: rotateX(90deg) translateZ(23px); filter: brightness(1.18); }
body.is-ready .app-loader { opacity: 0; visibility: hidden; pointer-events: none; }
body.page-leaving #page-content { opacity: .25; transform: translateY(7px) scale(.996); }
#page-content { transition: opacity .18s ease,transform .18s ease; }
@keyframes cube-spin { 0% { transform: rotateX(-22deg) rotateY(0deg); } 50% { transform: rotateX(28deg) rotateY(180deg) scale(1.08); } 100% { transform: rotateX(-22deg) rotateY(360deg); } }

/* Aparición de contenido por intensidad */
body.reveal-ready [data-reveal] { opacity: 0; transform: translateY(13px); transition: opacity .58s ease,transform .58s cubic-bezier(.2,.75,.25,1); transition-delay: var(--reveal-delay,0ms); }
body.reveal-ready [data-reveal="medium"] { transform: translateY(22px) scale(.985); }
body.reveal-ready [data-reveal="strong"] { transform: translateY(32px) scale(.965) rotateX(4deg); transform-origin: 50% 100%; }
body.reveal-ready [data-reveal].is-visible { opacity: 1; transform: none; }
.hero-title-line { display: inline-block; animation: title-arrive .85s cubic-bezier(.16,.9,.2,1) both; animation-delay: var(--title-delay,0ms); }
@keyframes title-arrive { from { opacity: 0; transform: translateY(26px) rotateX(16deg); filter: blur(7px); } to { opacity: 1; transform: none; filter: none; } }

/* Chat individual y comunidades comparten una sola navegación */
.chat-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-top: 12px; padding: 4px; background: var(--soft); border-radius: 11px; }
.chat-tabs a { padding: 7px 8px; color: var(--muted); border-radius: 8px; text-align: center; font-size: 11px; font-weight: 800; }
.chat-tabs a.active { color: #fff; background: linear-gradient(135deg,var(--coral),#7755df); box-shadow: 0 5px 12px rgba(109,93,252,.22); }
.community-mini-icon { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; color: #332c78; background: #e9e6ff; border-radius: 13px; font-size: 20px; }
.community-mini-icon.large { width: 48px; height: 48px; font-size: 24px; }
.community-conversation > b { color: var(--teal-dark); font-size: 11px; }
.community-head { gap: 10px; }
.community-head > form,.community-head > .btn { flex: 0 0 auto; }
.community-description { padding: 7px 18px; color: var(--muted); background: rgba(255,255,255,.82); border-bottom: 1px solid var(--line); font-size: 11px; }
.community-panel .community-message-stream { flex: 1; min-height: 390px; }
.community-message-actions { display: flex; gap: 9px; margin-top: 4px; }
.community-message-actions form { display: inline-flex; }
.community-message-image { width: min(310px,100%); max-height: 320px; margin: 6px 0; object-fit: cover; border-radius: 11px; }
.community-composer { position: relative; }
.community-composer textarea { width: 100%; flex: none; }
.community-composer [data-community-reply-label] { z-index: 2; left: 50px; bottom: 57px; margin-bottom: 0; }
.community-attachment { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; color: var(--coral); background: #efedff; border-radius: 50%; cursor: pointer; font-size: 19px; }
.community-attachment input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.community-compose-main { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 4px; }
.community-image-status { width: fit-content; max-width: 100%; overflow: hidden; padding: 4px 8px; color: #3c347e; background: #ece9ff; border-radius: 999px; cursor: pointer; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.community-join-note { padding: 13px; color: var(--muted); background: #fff; border-top: 1px solid var(--line); text-align: center; font-size: 12px; }
.interest-status { display: inline-flex; padding: 2px 6px; color: #40378c; background: #ebe8ff; border-radius: 999px; font-size: 9px; font-weight: 850; }

/* Coordinaciones, seguridad y notificaciones */
.direct-sale-note,.launch-plan-note { display: flex; gap: 5px; flex-direction: column; margin-top: 16px; padding: 12px 14px; color: #414963; background: linear-gradient(120deg,#f0efff,#eefafb); border-left: 4px solid var(--coral); border-radius: 6px 12px 12px 6px; }
.direct-sale-note strong,.launch-plan-note strong { color: var(--navy); font-size: 12px; }
.direct-sale-note span,.launch-plan-note span { font-size: 11px; }
.inline-report { margin-top: 12px; }.inline-report button { padding: 0; color: var(--muted); border: 0; background: transparent; font-size: 11px; text-decoration: underline; }
.interest-list { display: grid; gap: 10px; }
.interest-card { display: flex; align-items: center; gap: 12px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-soft); }
.interest-card > div { display: flex; min-width: 0; flex: 1; flex-direction: column; }.interest-card small { color: var(--muted); font-size: 10px; }.interest-card form { display: flex; gap: 6px; }.interest-card select { min-height: 36px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.notifications-page { min-height: 70vh; padding-block: 34px 65px; }.notifications-head { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 20px; }.notifications-head h1 { margin: 0; font-size: clamp(30px,4vw,45px); }.notifications-head p { margin: 5px 0 0; color: var(--muted); }.notification-list { display: grid; gap: 8px; max-width: 780px; }.notification-row { display: flex; align-items: flex-start; gap: 11px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }.notification-row.unread { border-color: #cbc6ff; background: #f4f2ff; }.notification-row > span { display: grid; width: 40px; height: 40px; place-items: center; color: var(--coral); background: #ece9ff; border-radius: 12px; }.notification-row img { width: 40px; height: 40px; object-fit: cover; border-radius: 12px; }.notification-row div { min-width: 0; }.notification-row p { margin: 2px 0; color: var(--muted); }.notification-row small { color: var(--muted); font-size: 10px; }

@media (hover:hover) and (pointer:fine) {
  [data-tilt] { transition: transform .18s ease,box-shadow .18s ease; transform: perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--tilt-lift,0px)); }
  [data-tilt]:hover { --tilt-lift: -3px; }
}

@media (max-width:760px) {
  body { font-size: 13px; }
  .dark-chrome.mobile-nav { background: rgba(15,16,39,.97); border-color: rgba(255,255,255,.13); }
  .dark-chrome .nav-link { color: #bfc0d5; }.dark-chrome .nav-link.active { color: #a99fff; }
  .topbar-inner { min-height: 55px; }.mobile-search-wrap { padding-block: 7px; }
  .nav-link > span:first-child { font-size: 19px; }.nav-link { font-size: 9px; }
  .home-intro h1 { font-size: 38px; }.home-intro p { font-size: 15px; }
  .section-heading h2 { font-size: 20px; }.search-header h1 { font-size: 33px; }
  .account-header-actions { display: grid; grid-template-columns: 1fr 1fr; }.account-header-actions > * { width: auto; }
  .account-header-actions form .btn { width: 100%; }
  .interest-card { align-items: flex-start; flex-wrap: wrap; }.interest-card form { width: 100%; }.interest-card select { flex: 1; }
  .messages-page { width: calc(100% - 16px); border-radius: 15px; }
  .conversation-list:has(+ .chat-panel .chat-head) { max-height: 220px; }
  .messages-title { padding: 13px; }.messages-title h1 { font-size: 23px; }
  .conversation-item { padding: 10px 12px; }
  .chat-panel { min-height: min(560px,calc(100vh - 176px)); }
  .chat-head { padding: 10px 12px; }.community-head { flex-wrap: wrap; }.community-head > form,.community-head > .btn { margin-left: auto; }
  .message-stream,.community-message-stream { padding: 11px; }
  .message,.community-message { max-width: 91%; }
  .community-description { padding-inline: 12px; }
  .community-composer { position: sticky; bottom: 0; }
  .notifications-head { align-items: flex-start; flex-direction: column; }
  .site-footer { font-size: 12px; }
}

/* Consentimiento opcional y privacidad */
.marketing-consent { display:grid; gap:10px; margin:4px 0; padding:14px; border:1px solid #e5c9d8; border-radius:13px; background:#fff8fb; }
.marketing-consent legend { padding:0 5px; color:#86235d; font-size:13px; font-weight:850; }.marketing-consent>small { color:var(--muted); font-size:11px; }
.consent-check { display:flex!important; align-items:flex-start; gap:8px!important; color:var(--ink)!important; font-size:12px!important; font-weight:650!important; }.consent-check input { width:auto!important; min-height:0!important; margin-top:3px; }
.privacy-page { min-height:70vh; padding-block:42px 70px; }.privacy-page .compact-heading { max-width:760px; }.privacy-page .compact-heading p { color:var(--muted); font-size:16px; }.privacy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin:24px 0; }.privacy-grid article,.privacy-callout { padding:18px; border:1px solid var(--line); border-radius:17px; background:#fff; box-shadow:var(--shadow-soft); }.privacy-grid h2 { margin:0 0 7px; color:var(--navy); font-size:18px; }.privacy-grid p { margin:0; color:var(--muted); font-size:13px; }.privacy-preferences { max-width:680px; }.privacy-preferences h2 { margin:0; color:var(--navy); }.privacy-preferences>p { margin:0 0 7px; color:var(--muted); font-size:13px; }.privacy-callout { display:flex; align-items:center; gap:12px; max-width:680px; }.privacy-callout span { flex:1; color:var(--muted); font-size:13px; }.privacy-footnote { max-width:800px; margin:24px 0 0; color:var(--muted); font-size:12px; }
@media (max-width:760px) { .privacy-page { padding-block:27px; }.privacy-grid { grid-template-columns:1fr; gap:9px; }.privacy-callout { align-items:stretch; flex-direction:column; }.privacy-callout .btn { width:100%; } }

/* Anuncios locales, apoyo voluntario y panel de administración */
.sponsored-card { position:relative; display:grid; grid-template-columns:56px minmax(0,1fr) auto; align-items:center; gap:12px; margin:0 0 17px; padding:27px 14px 14px; border:1px solid #ead1db; border-radius:17px; background:linear-gradient(120deg,#fff,#fff7f9); box-shadow:var(--shadow-soft); }.sponsored-card>img,.sponsored-icon { width:56px; height:56px; object-fit:cover; border-radius:14px; }.sponsored-icon { display:grid; place-items:center; color:#a92968; background:#f6e2ee; font-size:24px; }.sponsored-card>div { min-width:0; }.sponsored-card strong,.sponsored-card p,.sponsored-card small { display:block; }.sponsored-card strong { color:var(--navy); }.sponsored-card p { margin:2px 0; color:var(--muted); font-size:12px; }.sponsored-card small,.sponsored-label { color:#9d2764; font-size:10px; font-weight:850; }.sponsored-label { position:absolute; top:9px; left:14px; margin:0; text-transform:uppercase; letter-spacing:.08em; }
.admin-image-upload { position:relative; display:grid; grid-template-columns:76px minmax(0,1fr); align-items:center; gap:10px; min-height:76px; padding:7px; border:1px dashed #d799bc; border-radius:12px; background:#fff8fb; cursor:pointer; }.admin-image-upload img { width:76px; height:60px; object-fit:cover; border-radius:8px; background:#f4eaf1; }.admin-image-upload span { display:flex; flex-direction:column; color:#7d2458; font-size:12px; }.admin-image-upload small { color:var(--muted); font-size:10px; }.admin-image-upload input[type=file] { position:absolute; inset:0; width:100%; min-height:100%; opacity:0; cursor:pointer; }.support-config-form textarea,.ad-create-form textarea { min-height:80px; resize:vertical; }.billing-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:14px 0; }.billing-status>div { min-width:0; padding:10px 7px; border:1px solid var(--line); border-radius:11px; background:#fff8fb; text-align:center; }.billing-status strong,.billing-status span { display:block; }.billing-status strong { color:#9a2965; font-size:19px; }.billing-status span { color:var(--muted); font-size:10px; }.billing-admin-card>p,.marketing-admin-card>p,.admin-empty-note { color:var(--muted); font-size:12px; }.ad-list form { display:flex; align-items:center; gap:7px; }.ad-list select { flex:1; }
.support-teaser { position:fixed; z-index:65; right:15px; bottom:calc(73px + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:7px; padding:10px 13px; color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:linear-gradient(135deg,#4b1d55,#a52d67); box-shadow:0 14px 34px rgba(55,15,51,.28); font-weight:800; opacity:0; pointer-events:none; transform:translateY(12px); transition:opacity .25s,transform .25s; }.support-teaser.is-visible { opacity:1; pointer-events:auto; transform:none; }.support-teaser span { color:#ffb3cb; font-size:16px; }.support-modal[hidden] { display:none; }.support-modal { position:fixed; z-index:90; inset:0; display:grid; place-items:center; padding:20px; }.support-modal-backdrop { position:absolute; inset:0; background:rgba(18,6,28,.65); backdrop-filter:blur(5px); }.support-modal-card { position:relative; z-index:1; width:min(390px,100%); padding:27px; border:1px solid rgba(255,255,255,.28); border-radius:23px; background:linear-gradient(145deg,#fff,#fff6f9); box-shadow:0 30px 90px rgba(0,0,0,.38); text-align:center; }.support-close { position:absolute; top:10px; right:10px; display:grid; width:32px; height:32px; place-items:center; color:var(--navy); border:0; border-radius:50%; background:#f5e7ef; font-size:23px; }.support-modal-kicker { color:#a12b68; font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.support-modal-card h2 { margin:7px 0; color:var(--navy); }.support-modal-card p { margin:0 auto 15px; color:var(--muted); font-size:13px; }.support-modal-card img { width:min(225px,78%); margin:0 auto 12px; border-radius:14px; box-shadow:0 8px 25px rgba(91,28,67,.16); }.support-modal-card small { color:var(--muted); font-size:11px; }body.support-open { overflow:hidden; }
@media (max-width:760px) { .sponsored-card { grid-template-columns:48px minmax(0,1fr); gap:9px; padding:25px 12px 12px; }.sponsored-card>img,.sponsored-icon { width:48px; height:48px; }.sponsored-card .btn { grid-column:2; justify-self:start; min-height:33px; padding:6px 10px; font-size:11px; }.sponsored-label { top:8px; left:12px; margin:0; font-size:9px; }.billing-status { grid-template-columns:repeat(2,minmax(0,1fr)); }.ad-list form { display:grid; grid-template-columns:1fr auto; }.support-teaser { right:10px; bottom:calc(70px + env(safe-area-inset-bottom)); font-size:12px; } }

@media (max-width:390px) {
  .account-header-actions { grid-template-columns: 1fr; }
  .detail-actions { gap: 7px; }.detail-actions > * { min-width: 0; }.detail-actions .btn { padding-inline: 10px; font-size: 12px; }
  .community-message > img { width: 27px; height: 27px; }
}

@media (prefers-reduced-motion:reduce) {
  .app-loader { display: none; }
  body.reveal-ready [data-reveal],.hero-title-line { opacity: 1; transform: none; filter: none; animation: none; }
}

/* v0.6: móvil primero, catálogo separado y transporte beta */
html,body { overflow-x: clip; }
.form-guide { display:flex; flex-direction:column; gap:4px; margin-top:20px; padding:13px 14px; color:#50314f; border:1px solid #f2bfd0; border-radius:14px; background:linear-gradient(135deg,#fff4f8,#fff); font-size:12px; }.form-guide strong { color:#8b2862; }.form-guide span { color:var(--muted); }
.guided-form { gap:18px; }.form-group { display:grid; gap:14px; padding:17px; border:1px solid var(--line); border-radius:16px; }.required-group { border-color:#f0bfd0; background:linear-gradient(135deg,#fffafd,#fff); }.optional-group { background:#fcfcff; }.form-group-heading { display:flex; gap:10px; align-items:flex-start; }.form-group-heading>span { display:grid; width:28px; height:28px; flex:0 0 auto; place-items:center; color:#fff; background:linear-gradient(135deg,#e1306c,#ef3d4d); border-radius:10px; font-size:12px; font-weight:900; }.form-group-heading h2 { margin:0; font-size:18px; }.form-group-heading p { margin:2px 0 0; color:var(--muted); font-size:12px; }.creation-form label { gap:5px; }.creation-form label>small { color:var(--muted); font-size:10px; }.required-mark { display:inline-block; width:fit-content; margin-left:5px; padding:2px 5px; color:#a12761; background:#ffebf3; border-radius:999px; font-size:9px; font-weight:850; vertical-align:middle; }.peru-phone-field { display:flex; align-items:center; overflow:hidden; min-height:44px; border:1px solid var(--line); border-radius:10px; background:#fff; }.peru-phone-field b { align-self:stretch; display:flex; align-items:center; padding:0 10px; color:#49334e; background:#f7eef4; border-right:1px solid var(--line); font-size:12px; white-space:nowrap; }.peru-phone-field input { min-width:0; flex:1; border:0; border-radius:0; box-shadow:none; }.peru-phone-field input:focus { outline:0; }
.account-stats { margin:12px 0 24px; gap:8px; }.account-stats>div { padding:11px 12px; border-radius:12px; }.account-stats strong { font-size:20px; line-height:1.05; }.account-stats span { font-size:10px; }.coordination-preview { margin-top:23px; }.coordination-preview .section-heading>div { display:flex; flex-direction:column; gap:1px; }.coordination-preview .section-heading span,.catalog-products .section-heading span { color:var(--muted); font-size:11px; }.compact-empty { padding:14px; border:1px solid var(--line); border-radius:14px; background:#fff; }.compact-empty p { margin:0; color:var(--muted); font-size:12px; }.managed-business-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:8px; }.managed-business-actions .btn { width:100%; padding-inline:8px; font-size:11px; }.transport-owner-card { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px; border:1px solid #dac9fc; border-radius:15px; background:linear-gradient(135deg,#f8f5ff,#fff); }.transport-owner-card h3 { margin:5px 0 3px; color:var(--navy); }.transport-owner-card p { margin:0; color:var(--muted); font-size:12px; }.transport-owner-card small { color:#6040a8; font-size:11px; }.transport-beta-chip { display:inline-flex; width:fit-content; padding:3px 7px; color:#4f2b8c; background:#ece5ff; border-radius:999px; font-size:9px; font-weight:900; letter-spacing:.08em; }
.interest-card .interest-actions { align-items:flex-end; gap:7px; }.interest-card .interest-actions form { max-width:100%; }.interest-card .interest-actions select { min-width:0; max-width:190px; }.interest-card .interest-actions .btn { white-space:nowrap; }
.manager-tabs,.segmented-nav { display:flex; flex-wrap:wrap; gap:7px; margin:13px 0 18px; }.manager-tabs a,.manager-tabs button,.segmented-nav a { padding:8px 11px; color:#535d6a; border:1px solid var(--line); border-radius:999px; background:#fff; font-size:12px; font-weight:800; }.manager-tabs .active,.segmented-nav .active { color:#fff; border-color:#8b2862; background:#8b2862; }.manager-tabs button { cursor:pointer; }.single-panel { grid-template-columns:minmax(0,760px); }.catalog-dashboard-grid { display:grid; grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr); align-items:start; gap:18px; }.catalog-products { min-width:0; padding:20px; border:1px solid var(--line); border-radius:18px; background:#fff; }.catalog-context { display:flex; align-items:center; gap:7px; min-height:44px; padding:0 11px; border:1px solid var(--line); border-radius:10px; background:#f9f7ff; font-size:12px; }.catalog-context span { color:var(--muted); }.catalog-context a { margin-left:auto; color:#8b2862; font-weight:800; }.catalog-tip .btn { margin-top:4px; }.coordinations-page { min-height:70vh; padding-block:35px 65px; }.full-interest-list { max-width:820px; }
.transport-page { min-height:72vh; padding-block:35px 65px; }.transport-hero { max-width:820px; padding:26px; color:#fff; border-radius:22px; background:radial-gradient(circle at 90% 10%,rgba(255,155,175,.4),transparent 35%),linear-gradient(135deg,#1d1642,#59206f 57%,#cf3c62); }.transport-hero .section-kicker { display:block; margin-top:7px; color:#ffd7e5; }.transport-hero h1 { margin:5px 0; font-size:clamp(34px,5vw,54px); letter-spacing:-.05em; }.transport-hero p { max-width:660px; margin:0; color:#f7dce7; }.transport-hero-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }.transport-filter { display:flex; align-items:end; gap:9px; margin:16px 0; }.transport-filter label { display:grid; gap:5px; color:var(--navy); font-size:12px; font-weight:800; }.transport-filter select { min-width:210px; }.transport-safety-note { display:flex; flex-direction:column; gap:3px; margin:15px 0; padding:12px 14px; color:#4b536b; border-left:4px solid #a26af2; border-radius:6px 12px 12px 6px; background:#f6f2ff; font-size:12px; }.transport-safety-note strong { color:#46317d; }.transport-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.transport-grid>.empty-state { grid-column:1/-1; }.transport-card { overflow:hidden; border:1px solid var(--line); border-radius:17px; background:#fff; box-shadow:var(--shadow-soft); }.transport-card-photo { position:relative; display:block; height:175px; background:#ede8f5; }.transport-card-photo img { width:100%; height:100%; object-fit:cover; }.transport-card-photo span { position:absolute; left:9px; bottom:9px; padding:4px 7px; color:#fff; background:rgba(28,77,74,.9); border-radius:999px; font-size:9px; font-weight:850; }.transport-card>div { display:flex; flex-direction:column; align-items:flex-start; padding:13px; }.transport-card small { color:#6730a1; font-size:10px; font-weight:850; }.transport-card h3 { margin:4px 0; color:var(--navy); font-size:17px; }.transport-card p { margin:0 0 4px; color:var(--muted); font-size:12px; }.transport-card>div>span { min-height:32px; color:#69717c; font-size:11px; }.transport-card .btn { margin-top:10px; }.transport-media-editor { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.transport-media-editor label { position:relative; display:grid; min-height:145px; overflow:hidden; border:1px dashed #ad84dd; border-radius:13px; background:#fbf8ff; cursor:pointer; }.transport-media-editor label>span,.transport-media-editor label>small { position:absolute; z-index:2; left:7px; padding:3px 6px; color:#fff; background:rgba(34,24,65,.75); border-radius:7px; font-size:9px; }.transport-media-editor label>span { top:7px; }.transport-media-editor label>small { top:31px; color:#f1dcff; }.transport-media-editor img { width:100%; height:145px; object-fit:cover; }.transport-media-editor input[type=file] { position:absolute; inset:0; opacity:0; cursor:pointer; }.transport-media-editor>p { grid-column:1/-1; margin:0; color:#6c4a8e; font-size:11px; }.transport-photo-note { color:#73526f; font-size:11px; }.transport-media-lock { display:flex; flex-direction:column; gap:3px; padding:13px; color:#5a5270; border:1px solid #d9d3e9; border-radius:12px; background:#f9f8fc; font-size:11px; }.transport-media-lock strong { color:#4d3975; }.transport-terms,.transport-delete-request { display:flex; gap:8px; flex-direction:column; padding:13px; border:1px solid #d9d3e9; border-radius:13px; background:#f9f8fc; font-size:12px; }.transport-terms span,.transport-delete-request span { color:var(--muted); }.transport-delete-request { flex-direction:row; align-items:center; justify-content:space-between; margin-top:18px; }.transport-delete-request>div { display:flex; min-width:0; flex-direction:column; gap:3px; }.transport-status-panel { display:flex; flex-direction:column; gap:3px; margin:15px 0; padding:13px 15px; color:#4a4560; border-left:4px solid #a26af2; border-radius:6px 13px 13px 6px; background:#f5f1ff; font-size:12px; }.transport-status-panel.status-verified { border-color:#17856e; background:#effaf7; }.transport-status-panel.status-rejected,.transport-status-panel.status-suspended { border-color:#d34b5c; background:#fff1f3; }.transport-status-panel small { color:#6b536d; }.transport-profile-page { min-height:72vh; padding-block:35px 65px; }.transport-profile-cover { display:flex; align-items:flex-start; justify-content:space-between; min-height:175px; padding:20px; color:#fff; border-radius:22px 22px 0 0; background:radial-gradient(circle at 80% 20%,rgba(238,90,145,.45),transparent 34%),linear-gradient(135deg,#181335,#52235e); }.transport-profile-cover>span { padding:5px 8px; color:#f8dced; border-radius:999px; background:rgba(255,255,255,.13); font-size:10px; font-weight:800; }.transport-profile-head { display:grid; grid-template-columns:112px minmax(0,1fr) auto; align-items:end; gap:16px; margin-top:-60px; padding:0 22px 22px; border:1px solid var(--line); border-top:0; border-radius:0 0 20px 20px; background:#fff; }.transport-profile-head>img { width:112px; height:112px; border:4px solid #fff; border-radius:24px; object-fit:cover; box-shadow:var(--shadow); }.transport-profile-head h1 { margin:4px 0; color:var(--navy); font-size:clamp(29px,4vw,44px); }.transport-profile-head p { margin:0 0 6px; color:var(--muted); }.transport-profile-actions { display:flex; flex-wrap:wrap; gap:7px; justify-content:flex-end; }.transport-public-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr); align-items:start; gap:18px; margin-top:18px; }.transport-photo-gallery { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.transport-photo-gallery img { width:100%; min-height:245px; object-fit:cover; border-radius:16px; }.transport-photo-gallery img:only-child { grid-column:1/-1; }.transport-info-card { padding:19px; border:1px solid var(--line); border-radius:17px; background:#fff; }.transport-info-card h2 { margin:0; color:var(--navy); }.transport-info-card p { color:var(--muted); }.transport-info-card ul { display:grid; gap:10px; padding:0; list-style:none; }.transport-info-card li { display:flex; flex-direction:column; gap:2px; padding-top:9px; border-top:1px solid var(--line); }.transport-info-card li strong { color:var(--navy); font-size:11px; }.transport-info-card li span { color:var(--muted); font-size:12px; }.admin-photo-links { display:flex; flex-wrap:wrap; gap:6px; margin-top:5px; }.admin-photo-links a { color:#752c9b; font-size:10px; font-weight:800; }
@media (min-width:761px) { .hero-v05 .intro-grid { grid-template-columns:.94fr 1.06fr; }.hero-video-stage video { width:min(470px,100%); } }
@media (max-width:760px) {
  .home-intro.hero-v05 { min-height:590px; overflow:hidden; border-radius:0 0 28px 28px; background:#271237; }.hero-v05 .intro-grid { display:block; width:100%; min-height:590px; padding:0 20px 25px; }.hero-v05 .hero-video-stage { position:absolute; z-index:0; inset:0; display:block; min-height:0; margin:0; overflow:hidden; pointer-events:none; }.hero-v05 .hero-video-stage::before { z-index:1; inset:0; width:auto; height:auto; aspect-ratio:auto; border:0; border-radius:0; background:linear-gradient(90deg,rgba(20,9,31,.91) 0%,rgba(31,10,39,.72) 47%,rgba(33,8,38,.38) 100%),linear-gradient(0deg,rgba(17,6,27,.86) 0%,transparent 56%); box-shadow:none; transform:none; animation:none; }.hero-v05 .hero-video-stage video { position:absolute; z-index:0; inset:0; width:100%; max-width:none; height:100%; object-fit:cover; object-position:58% center; opacity:.82; filter:none; transform:scale(1.04); mix-blend-mode:screen; }.hero-v05 .hero-video-glow { z-index:0; right:-10%; top:16%; width:78%; height:54%; opacity:.2; }.hero-v05 .hero-copy { position:relative; z-index:2; max-width:310px; padding-top:58px; }.hero-v05 .eyebrow { font-size:10px; }.hero-v05 h1 { margin-top:8px; font-size:clamp(39px,12vw,51px); line-height:.98; }.hero-v05 p { max-width:290px; margin-top:14px; color:#f7e6f0; font-size:14px; }.hero-v05 .hero-actions { flex-wrap:wrap; gap:8px; margin-top:19px; }.hero-v05 .hero-actions .btn { padding:10px 13px; font-size:12px; }.hero-v05 .trust-row { position:absolute; z-index:2; left:20px; right:20px; bottom:22px; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:0; padding:9px; border:1px solid rgba(255,255,255,.15); border-radius:14px; background:rgba(23,10,36,.58); backdrop-filter:blur(8px); }.hero-v05 .trust-row span { min-width:0; color:#e9d9ea; font-size:9px; line-height:1.18; }.hero-v05 .trust-row strong { display:block; color:#fff; font-size:14px; }.hero-v05 .hero-video-badge { z-index:3; right:16px; bottom:112px; padding:7px 9px; border-radius:11px; }.hero-v05 .hero-video-badge small { display:none; }.hero-v05 .hero-video-badge strong { font-size:10px; }
  .account-stats { grid-template-columns:repeat(4,1fr); gap:5px; margin-top:10px; }.account-stats>div { min-width:0; padding:9px 5px; text-align:center; }.account-stats strong { font-size:17px; }.account-stats span { overflow:hidden; display:block; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.coordination-preview .section-heading { align-items:flex-start; }.coordination-preview .section-heading>a { padding-top:4px; font-size:11px; white-space:nowrap; }.interest-card { gap:8px; padding:11px; }.interest-card .interest-actions { width:100%; align-items:stretch; }.interest-card .interest-actions>a { align-self:flex-start; }.interest-card .interest-actions form { display:grid; grid-template-columns:minmax(0,1fr) auto; width:100%; }.interest-card .interest-actions select { width:100%; max-width:none; font-size:11px; }.interest-card .interest-actions .btn { min-height:36px; padding-inline:9px; font-size:11px; }.managed-business-actions { grid-template-columns:1fr; }.transport-owner-card { align-items:flex-start; flex-direction:column; }.transport-owner-card .btn { width:100%; }.manager-tabs,.segmented-nav { flex-wrap:nowrap; overflow-x:auto; padding-bottom:2px; }.manager-tabs a,.manager-tabs button,.segmented-nav a { flex:0 0 auto; font-size:11px; }.dashboard-hero { align-items:flex-start; flex-direction:column; padding:18px; }.dashboard-hero>div:last-child { width:100%; }.dashboard-hero>div:last-child .btn { flex:1; padding-inline:9px; font-size:11px; }.catalog-dashboard-grid { grid-template-columns:1fr; }.catalog-products { padding:14px; }.catalog-manager { order:2; }.transport-filter { align-items:stretch; flex-direction:column; }.transport-filter select,.transport-filter .btn { width:100%; }.transport-grid { grid-template-columns:1fr; }.transport-card { display:grid; grid-template-columns:112px minmax(0,1fr); }.transport-card-photo { height:100%; min-height:145px; }.transport-card>div { padding:12px; }.transport-card>div>span { min-height:0; }.transport-media-editor { grid-template-columns:1fr 1fr; }.transport-media-editor label:last-of-type { grid-column:1/-1; min-height:120px; }.transport-media-editor img { height:128px; }.transport-delete-request { align-items:stretch; flex-direction:column; }.transport-delete-request .btn { width:100%; }.transport-profile-page { width:100%; padding:0 0 35px; }.transport-profile-cover { min-height:145px; border-radius:0; }.transport-profile-head { grid-template-columns:80px minmax(0,1fr); gap:11px; margin-top:-41px; padding:0 14px 16px; border-radius:0 0 17px 17px; }.transport-profile-head>img { width:80px; height:80px; border-radius:19px; }.transport-profile-head h1 { font-size:25px; }.transport-profile-head p { font-size:12px; }.transport-profile-actions { grid-column:1/-1; justify-content:stretch; }.transport-profile-actions>* { flex:1; }.transport-profile-actions .btn { width:100%; padding-inline:8px; font-size:11px; }.transport-public-grid { grid-template-columns:1fr; gap:12px; margin:13px 12px; }.transport-photo-gallery { grid-template-columns:1fr 1fr; }.transport-photo-gallery img { min-height:160px; border-radius:12px; }.transport-info-card { padding:15px; }
}

/* v0.5 — Conexión Viva: violeta, magenta, naranja y rojo local */
:root {
  --navy: #171225;
  --navy-2: #35214f;
  --ink: #241b2d;
  --muted: #716879;
  --line: #eadfe8;
  --soft: #fff4f7;
  --coral: #e1306c;
  --coral-dark: #c51f58;
  --teal: #833ab4;
  --teal-dark: #6d2b99;
  --red: #ef3d4d;
  --orange: #f77737;
  --yellow: #ffd166;
  --green: #16a765;
  --shadow: 0 20px 52px rgba(73,35,74,.15);
  --shadow-soft: 0 8px 25px rgba(73,35,74,.09);
}

body { background: radial-gradient(circle at 5% 1%,rgba(225,48,108,.07),transparent 23rem),radial-gradient(circle at 97% 18%,rgba(131,58,180,.06),transparent 20rem),#fffaf8; }
.dark-chrome { background: linear-gradient(112deg,#171225 0%,#2b163b 54%,#4b1833 112%); }
.brand-mark,.btn-primary,.dark-chrome .top-search button,.chat-tabs a.active { background: linear-gradient(135deg,#833ab4 0%,#c13584 38%,#e1306c 67%,#ef3d4d 100%); }
.brand-mark { box-shadow: 0 9px 24px rgba(225,48,108,.35); }
.dark-chrome .brand strong,.dark-chrome .nav-link.active { color: #ff7480; }
.btn-primary { box-shadow: 0 9px 24px rgba(225,48,108,.25); }
.btn-primary:hover { background: linear-gradient(135deg,#7532a2,#b82c79,#d82260,#df3144); }
.listing-price,.detail-price { color: #d72858; }
.section-kicker,.eyebrow { color: #b02c76; }
.app-loader { background: radial-gradient(circle at 42% 30%,#71328f 0%,#351637 35%,#171225 75%); }
.loader-cube i { background: linear-gradient(145deg,#9b45c8,#e1306c 55%,#ef3d4d); box-shadow: 0 0 34px rgba(225,48,108,.42); }
.app-loader span { color: #ff9ca5; }

/* Portada con video 3D */
.hero-v05 { isolation: isolate; background: linear-gradient(135deg,#171225 0%,#351541 48%,#6f1a45 100%); }
.hero-v05::before { z-index: -2; background: radial-gradient(circle at 10% 15%,rgba(131,58,180,.7),transparent 32%),radial-gradient(circle at 78% 60%,rgba(239,61,77,.38),transparent 31%),linear-gradient(115deg,transparent,rgba(247,119,55,.11)); }
.hero-orb { position: absolute; z-index: -1; width: 260px; aspect-ratio: 1; border-radius: 50%; filter: blur(35px); opacity: .34; animation: hero-drift 8s ease-in-out infinite alternate; }
.hero-orb-a { right: 17%; top: -100px; background: #e1306c; }
.hero-orb-b { right: -80px; bottom: -100px; background: #f77737; animation-delay: -3s; }
.hero-v05 .intro-grid { grid-template-columns: 1.08fr .92fr; min-height: 535px; }
.hero-v05 .eyebrow { color: #ffabb4; }
.hero-v05 h1 { text-wrap: balance; text-shadow: 0 14px 45px rgba(0,0,0,.35); }
.hero-v05 h1 em { color: #fff; font-family: inherit; font-style: normal; background: linear-gradient(90deg,#ffb0d0,#ff8e75,#fff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-v05 p { color: #f3dfe9; }
.hero-video-stage { position: relative; isolation: isolate; display: grid; min-height: 410px; place-items: center; perspective: 1000px; }
.hero-video-stage::before { content:""; position:absolute; z-index:-2; width:78%; aspect-ratio:1; border:1px solid rgba(255,255,255,.2); border-radius:34% 66% 62% 38%/43% 38% 62% 57%; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.01)); box-shadow:inset 0 0 55px rgba(255,255,255,.05),0 35px 90px rgba(0,0,0,.35); transform:rotate(-8deg) rotateY(-12deg); animation:shape-float 7s ease-in-out infinite; }
.hero-video-stage video { width:min(420px,100%); aspect-ratio:1; object-fit:cover; mix-blend-mode:screen; filter:drop-shadow(0 24px 45px rgba(0,0,0,.45)); transform:rotateY(-7deg) translateZ(20px); }
.hero-video-glow { position:absolute; z-index:-1; width:72%; height:72%; border-radius:50%; background:conic-gradient(from 60deg,#833ab4,#e1306c,#ef3d4d,#f77737,#833ab4); filter:blur(42px); opacity:.33; animation:glow-spin 10s linear infinite; }
.hero-video-badge { position:absolute; right:0; bottom:35px; display:flex; align-items:center; gap:10px; padding:12px 15px; border:1px solid rgba(255,255,255,.2); border-radius:15px; background:rgba(23,18,37,.7); box-shadow:0 18px 50px rgba(0,0,0,.3); backdrop-filter:blur(14px); }
.hero-video-badge > span { color:#ff5867; animation:pulse-live 1.5s ease-in-out infinite; }.hero-video-badge div { display:flex; flex-direction:column; }.hero-video-badge small { color:#d7c4d6; font-size:10px; }
@keyframes hero-drift { to { transform:translate3d(35px,20px,0) scale(1.12); } }
@keyframes shape-float { 50% { transform:rotate(4deg) rotateY(8deg) translateY(-10px); } }
@keyframes glow-spin { to { transform:rotate(360deg); } }
@keyframes pulse-live { 50% { opacity:.35; transform:scale(.8); } }

/* Selector de publicación */
.publish-hub { min-height:75vh; padding-block:42px 70px; }.publish-hub .compact-heading { max-width:680px; margin-bottom:25px; }.publish-hub h1 { margin:0; color:var(--navy); font-size:clamp(34px,5vw,54px); letter-spacing:-.05em; }.publish-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }.publish-choice { display:grid; grid-template-columns:58px 1fr auto; align-items:center; gap:15px; min-height:150px; padding:22px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:var(--shadow-soft); transition:transform .2s,border-color .2s,box-shadow .2s; }.publish-choice:hover { transform:translateY(-4px); border-color:#e6a6c4; box-shadow:var(--shadow); }.publish-choice > span { display:grid; width:58px; aspect-ratio:1; place-items:center; border-radius:18px; background:#f8e8f5; font-size:27px; }.publish-choice small { color:#b12b72; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.publish-choice h2 { margin:2px 0; color:var(--navy); font-size:21px; }.publish-choice p { margin:0; color:var(--muted); font-size:13px; }.publish-choice > b { color:var(--coral); font-size:30px; }.choice-business { background:linear-gradient(145deg,#fff,#fff3f6); }.choice-create { color:#fff; border-color:transparent; background:linear-gradient(135deg,#342044,#6e2050); }.choice-create h2,.choice-create p,.choice-create small,.choice-create>b { color:#fff; }.choice-create>span { background:rgba(255,255,255,.13); }.publish-note { max-width:780px; margin-top:20px; }

/* Multimedia, catálogo y panel de negocio */
.media-uploader { display:grid; gap:10px; margin:0; padding:16px; border:1px solid var(--line); border-radius:15px; }.media-uploader legend { padding:0 7px; color:var(--navy); font-weight:850; }.media-uploader>p { margin:0; color:var(--muted); font-size:12px; }.upload-drop { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:95px; border:1.5px dashed #d79abb; border-radius:13px; background:#fff8fb; cursor:pointer; text-align:center; }.upload-drop span { color:#a7286b; font-weight:850; }.upload-drop small { color:var(--muted); font-size:10px; }.upload-drop input { position:absolute; inset:0; opacity:0; cursor:pointer; }.video-drop { min-height:72px; background:#faf5ff; }.media-preview { display:flex; flex-wrap:wrap; gap:8px; }.media-preview>span { position:relative; width:76px; height:76px; overflow:hidden; border-radius:11px; background:var(--soft); }.media-preview img { width:100%; height:100%; object-fit:cover; }.media-preview button { position:absolute; right:3px; top:3px; display:grid; width:23px; height:23px; place-items:center; color:#fff; border:0; border-radius:50%; background:rgba(23,18,37,.8); }.upload-progress { min-height:16px; color:#8b2862; font-size:11px; }.check-row { display:flex; flex-wrap:wrap; gap:10px; }.check-row label { display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid var(--line); border-radius:11px; background:#fff; }.check-row input { width:auto; }
.business-dashboard { min-height:80vh; padding-block:35px 70px; }.dashboard-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; color:#fff; border-radius:22px; background:linear-gradient(130deg,#2e183d,#8f285f 65%,#ef3d4d); }.dashboard-hero h1 { margin:0; font-size:clamp(28px,4vw,43px); }.dashboard-hero p { margin:3px 0;color:#f5dce7; }.dashboard-hero>div:last-child { display:flex; gap:8px; }.dashboard-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr); align-items:start; gap:18px; margin-top:24px; }.compact-form { box-shadow:var(--shadow-soft); }.catalog-manager { display:grid; gap:14px; }.catalog-manager .admin-card { padding:18px; }.catalog-manager h2 { margin-top:0; }.catalog-manager p { color:var(--muted); font-size:12px; }.inline-create { display:flex; gap:7px; }.inline-create input { min-width:0; flex:1; }.catalog-section-list { display:grid; gap:7px; margin-top:14px; }.catalog-section-list>div { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px; border:1px solid var(--line); border-radius:10px; }.catalog-section-list span { display:flex; min-width:0; flex-direction:column; }.catalog-section-list small { color:var(--muted); }.managed-card,.managed-listing { min-width:0; }.managed-listing .listing-card { height:auto; }.manage-business { width:100%; margin-top:8px; }.edit-listing-link { display:block; margin-top:-1px; padding:9px; color:#8d2865; border:1px solid var(--line); border-top:0; border-radius:0 0 12px 12px; background:#fff; text-align:center; font-size:11px; font-weight:800; }
.business-media-editor { display:grid; grid-template-columns:140px minmax(0,1fr); gap:10px; }.business-media-editor label { position:relative; overflow:hidden; min-height:110px; border:1px dashed #d79abb; border-radius:13px; background:#fff7fb; cursor:pointer; }.business-media-editor label>span { position:absolute; z-index:2; left:7px; top:7px; padding:3px 7px; color:#fff; border-radius:999px; background:rgba(23,18,37,.75); font-size:9px; font-weight:800; }.business-media-editor img { width:100%; height:100%; min-height:110px; object-fit:cover; }.business-media-editor input[type=file] { position:absolute; inset:0; opacity:0; cursor:pointer; }.business-media-editor>small { grid-column:1/-1; color:#982869; }
.save-search-form { display:inline-flex; }.save-search-form button { height:40px; }.saved-search-list { display:flex; flex-wrap:wrap; gap:8px; }.saved-search-list a { padding:9px 12px; color:#8f2866; border:1px solid #e7bfd3; border-radius:999px; background:#fff; font-size:12px; font-weight:750; }
.business-status { width:fit-content; margin:14px 0 -2px auto; padding:6px 11px; color:#a32563; background:#fff0f6; border-radius:999px; font-size:11px; font-weight:800; }.social-links,.catalog-nav { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }.social-links a,.catalog-nav a { padding:6px 9px; color:var(--store-accent,#952a6b); border:1px solid currentColor; border-radius:999px; font-size:10px; font-weight:800; }.catalog-nav { margin:0 0 15px; padding-bottom:12px; border-bottom:1px solid var(--line); }.catalog-section { scroll-margin-top:90px; margin-bottom:30px; }.catalog-section .section-heading h3 { margin:0; color:var(--navy); }.business-profile { --store-accent:#9e2a6f; }.business-profile.theme-coral { --store-accent:#e44756; }.business-profile.theme-oceano { --store-accent:#147ea0; }.business-profile.theme-bosque { --store-accent:#2e8153; }.business-profile.theme-cafe { --store-accent:#95613d; }.business-profile.theme-noche { --store-accent:#29233e; }.business-profile .profile-tabs a:hover,.business-profile .owner-stats a { color:var(--store-accent); }

/* Galería de producto */
.detail-media-gallery { min-width:0; }.detail-media-main { position:relative; overflow:hidden; min-height:520px; border:1px solid var(--line); border-radius:22px; background:#fff; }.detail-media-main>img,.detail-media-main>video { width:100%; height:520px; object-fit:cover; }.detail-thumbs { display:flex; gap:8px; overflow-x:auto; padding-top:9px; }.detail-thumbs button { width:74px; height:66px; flex:0 0 auto; overflow:hidden; padding:0; border:2px solid transparent; border-radius:10px; background:#fff; }.detail-thumbs button:hover { border-color:var(--coral); }.detail-thumbs img { width:100%; height:100%; object-fit:cover; }.availability-line { display:flex; align-items:center; gap:8px; }.availability-line span { padding:5px 9px; color:#176b45; background:#e8f8ef; border-radius:999px; font-size:11px; font-weight:850; }.availability-line small { color:var(--muted); }.media-chip,.availability-chip { position:absolute; right:8px; top:8px; padding:5px 8px; color:#fff; background:rgba(23,18,37,.8); border-radius:999px; font-size:9px; font-weight:800; }.availability-chip { top:auto; bottom:8px; background:var(--red); }

/* Chat sin pantallas de carga */
.chat-route .site-footer { display:none; }.chat-back { display:none; width:34px; height:34px; place-items:center; color:var(--navy); border-radius:50%; background:var(--soft); font-size:28px; }.chat-route #page-content { opacity:1!important; transform:none!important; }.chat-head-actions form { display:flex; }.chat-head-actions button { color:var(--muted); }.message.is-sending,.community-message.is-sending { opacity:.65; }.message-send[disabled] { opacity:.5; cursor:wait; }

@media (max-width:760px) {
  .hero-v05 .intro-grid { gap:12px; padding-top:34px; padding-bottom:22px; }.hero-v05 .hero-copy { position:relative; z-index:2; }.hero-v05 h1 { font-size:clamp(37px,12vw,52px); }.hero-video-stage { min-height:280px; margin-top:-18px; }.hero-video-stage video { width:min(330px,93vw); }.hero-video-stage::before { width:72%; }.hero-video-badge { right:4px; bottom:12px; }.hero-v05 .trust-row { margin-top:24px; }
  .publish-hub { padding-block:27px; }.publish-choice-grid { grid-template-columns:1fr; }.publish-choice { grid-template-columns:50px 1fr auto; min-height:120px; padding:16px; }.publish-choice>span { width:50px; }.publish-choice h2 { font-size:18px; }
  .dashboard-hero { align-items:flex-start; flex-direction:column; padding:18px; }.dashboard-hero>div:last-child { width:100%; }.dashboard-hero .btn { flex:1; }.dashboard-layout { grid-template-columns:1fr; }.business-dashboard { padding-block:22px; }
  .detail-media-main { min-height:320px; }.detail-media-main>img,.detail-media-main>video { height:320px; min-height:0; }.detail-thumbs button { width:63px; height:57px; }
  .chat-route .mobile-search-wrap { display:none; }.chat-route .topbar { position:relative; }.chat-route main { height:calc(100dvh - 55px); padding-bottom:0; }.chat-route .messages-page { width:100%; height:calc(100dvh - 55px); min-height:0; margin:0; border:0; border-radius:0; box-shadow:none; }.messages-page:not(.has-selection) .chat-panel { display:none; }.messages-page.has-selection .conversation-list { display:none; }.messages-page.has-selection { display:block; }.messages-page.has-selection .chat-panel { height:100%; min-height:0; }.chat-back { display:grid; }.chat-head { flex:0 0 auto; }.message-stream,.community-message-stream { min-height:0!important; max-height:none; padding-bottom:94px!important; }.floating-composer { position:fixed!important; z-index:58; right:8px; bottom:calc(58px + env(safe-area-inset-bottom)); left:8px; width:auto; border:1px solid rgba(180,130,166,.35); border-radius:20px; box-shadow:0 12px 35px rgba(52,23,52,.23); }.community-description { flex:0 0 auto; }.community-panel .community-join-note { margin-bottom:68px; }.chat-panel>.empty-state { margin:auto; }.chat-route .flash { position:fixed; z-index:80; top:58px; right:8px; left:8px; margin:0; }
  .business-status { margin-right:4px; }.catalog-nav { flex-wrap:nowrap; overflow-x:auto; }.social-links a,.catalog-nav a { flex:0 0 auto; }
}

@media (max-width:390px) {
  .hero-video-badge { transform:scale(.86); transform-origin:right bottom; }.publish-choice { grid-template-columns:44px 1fr auto; gap:10px; }.publish-choice>span { width:44px; }.publish-choice p { font-size:11px; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-orb,.hero-video-stage::before,.hero-video-glow,.hero-video-badge>span { animation:none; }
  .hero-video-stage video { transform:none; }
}

/* v0.7 — portada móvil ordenada y pestañas compactas */
.hero-title-rotator { position:relative; min-height:2.02em; }
.hero-title-frame { position:absolute; inset:0; display:block; opacity:0; transform:translateY(12px); animation:hero-title-cycle 15s ease-in-out infinite; }
.hero-title-a { animation-delay:0s; }.hero-title-b { animation-delay:5s; }.hero-title-c { animation-delay:10s; }
@keyframes hero-title-cycle {
  0%, 4% { opacity:0; transform:translateY(12px); }
  8%, 28% { opacity:1; transform:translateY(0); }
  32%, 100% { opacity:0; transform:translateY(-10px); }
}

@media (min-width:761px) {
  .hero-v05 .intro-grid { grid-template-columns:1fr 1fr; gap:44px; }
  .hero-v05 .hero-video-stage { min-height:490px; }
  .hero-v05 .hero-video-stage video { width:min(510px,110%); }
  .hero-v05 .hero-copy { padding-bottom:84px; }
  .hero-v05 .hero-trust { position:absolute; z-index:3; bottom:50px; left:0; margin:0; }
}

@media (max-width:760px) {
  html,body { overflow-x:clip; }
  .home-intro.hero-v05 { min-height:648px; overflow:hidden; border-radius:0 0 26px 26px; background:#180a25; }
  .hero-v05 .intro-grid { display:block; width:100%; min-height:648px; padding:0 20px 24px; }
  .hero-v05 .hero-video-stage { position:absolute; z-index:0; inset:0; display:block; min-height:0; margin:0; overflow:hidden; perspective:none; }
  .hero-v05 .hero-video-stage::before { content:""; position:absolute; z-index:1; inset:0; width:auto; height:auto; aspect-ratio:auto; border:0; border-radius:0; background:linear-gradient(105deg,rgba(17,6,29,.95) 0%,rgba(30,8,39,.82) 48%,rgba(43,9,36,.56) 100%),linear-gradient(0deg,rgba(15,5,26,.94) 0%,rgba(16,5,27,.46) 36%,transparent 74%); box-shadow:inset 0 0 0 1px rgba(255,173,205,.08),inset 0 -90px 100px rgba(4,0,12,.4); transform:none; animation:none; }
  .hero-v05 .hero-video-stage::after { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; background:radial-gradient(ellipse at 72% 24%,rgba(185,54,142,.28),transparent 32%),radial-gradient(ellipse at 82% 76%,rgba(239,61,77,.20),transparent 27%); mix-blend-mode:screen; }
  .hero-v05 .hero-video-stage video { position:absolute; z-index:0; inset:0; width:100%; max-width:none; height:100%; aspect-ratio:auto; object-fit:cover; object-position:58% 50%; opacity:.82; filter:saturate(.95) contrast(1.04) brightness(.68); transform:scale(1.035); mix-blend-mode:normal; }
  .hero-v05 .hero-video-glow,.hero-v05 .hero-orb { display:none; }
  .hero-v05 .hero-copy { position:relative; z-index:3; width:min(100%,338px); max-width:none; padding-top:54px; }
  .hero-v05 .eyebrow { margin-bottom:10px; color:#ffa7bb; font-size:10px; letter-spacing:.13em; }
  .hero-v05 h1 { width:100%; min-height:2.08em; margin:0; font-size:clamp(37px,10.9vw,46px); line-height:1.01; letter-spacing:-.055em; }
  .hero-v05 .hero-title-frame { white-space:nowrap; }
  .hero-v05 h1 em { background:linear-gradient(90deg,#ffb4d5,#ff9b82 62%,#ffe2cb); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
  .hero-v05 p { display:-webkit-box; max-width:302px; margin:17px 0 0; overflow:hidden; color:#f7e8f1; font-size:15px; line-height:1.47; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
  .hero-v05 .hero-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; width:100%; margin-top:20px; }
  .hero-v05 .hero-actions .btn { min-height:43px; padding:9px 8px; font-size:12px; white-space:nowrap; }
  .hero-v05 .trust-row { position:absolute; z-index:4; right:18px; bottom:25px; left:18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0; padding:10px 7px 9px; border:1px solid rgba(255,255,255,.16); border-radius:15px; background:rgba(21,8,34,.66); box-shadow:0 16px 35px rgba(0,0,0,.22); backdrop-filter:blur(11px); }
  .hero-v05 .trust-row span { min-width:0; padding:0 6px; color:#ecdce8; font-size:9px; line-height:1.18; text-align:center; }
  .hero-v05 .trust-row span + span { border-left:1px solid rgba(255,255,255,.12); }
  .hero-v05 .trust-row strong { margin-bottom:2px; color:#fff; font-size:15px; line-height:1; }
  .hero-v05 .hero-video-badge { z-index:4; top:22px; right:18px; bottom:auto; padding:6px 9px; border-radius:999px; background:rgba(20,7,34,.58); box-shadow:none; }
  .hero-v05 .hero-video-badge small { display:none; }
  .hero-v05 .hero-video-badge strong { font-size:10px; }
  .hero-v05 .hero-video-badge>span { font-size:10px; }
  .feed-tabs { display:flex; flex-wrap:nowrap; justify-content:space-between; gap:0; width:100%; margin-bottom:14px; overflow:hidden; }
  .feed-tabs a { flex:1 1 0; min-width:0; padding:11px 1px 10px; color:var(--muted); font-size:11px; line-height:1.1; text-align:center; white-space:nowrap; }
  .feed-tabs a.active { border-bottom-width:3px; }
}

@media (max-width:350px) {
  .hero-v05 .hero-copy { padding-top:50px; }
  .hero-v05 h1 { font-size:37px; }
  .hero-v05 .hero-video-badge { display:none; }
  .feed-tabs a { font-size:10px; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-title-frame { animation:none; }
  .hero-title-a { opacity:1; transform:none; }
}

/* v0.8 — preparación de lanzamiento y métricas útiles */
.business-launch-checklist { display:grid; gap:14px; margin:0 0 24px; padding:18px; border:1px solid #e6bfd4; border-radius:18px; background:linear-gradient(135deg,#fff8fc,#f8f4ff); box-shadow:var(--shadow-soft); }
.launch-checklist-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }.launch-checklist-head>div { min-width:0; }.launch-checklist-head h2 { margin:3px 0; color:var(--navy); font-size:21px; }.launch-checklist-head p { max-width:660px; margin:0; color:var(--muted); font-size:12px; line-height:1.45; }.business-launch-checklist ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none; }.business-launch-checklist li { display:flex; align-items:flex-start; gap:8px; padding:10px; color:#656276; border:1px solid var(--line); border-radius:11px; background:#fff; font-size:11px; line-height:1.35; }.business-launch-checklist li>span { display:grid; width:18px; height:18px; flex:0 0 auto; place-items:center; color:#8c3570; border-radius:50%; background:#f5e7f0; font-size:11px; font-weight:900; }.business-launch-checklist li.done { color:#336a50; border-color:#cbe7d7; background:#fbfffc; }.business-launch-checklist li.done>span { color:#fff; background:#27865d; }
.launch-admin-card { grid-column:1 / -1; }.launch-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin:14px 0; }.launch-metrics>div { min-width:0; padding:11px 7px; border:1px solid #ead4e0; border-radius:12px; background:linear-gradient(145deg,#fff,#fff7fb); text-align:center; }.launch-metrics strong,.launch-metrics span { display:block; }.launch-metrics strong { overflow:hidden; color:#9a2965; font-size:22px; line-height:1.1; text-overflow:ellipsis; }.launch-metrics span { margin-top:3px; color:var(--muted); font-size:10px; line-height:1.15; }.launch-check-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.launch-check-list article { display:flex; align-items:flex-start; gap:9px; padding:11px; border:1px solid var(--line); border-radius:12px; background:#fff; }.launch-check-list article>span { display:grid; width:21px; height:21px; flex:0 0 auto; place-items:center; color:#9f2b68; border-radius:50%; background:#f8e7f0; font-size:12px; font-weight:900; }.launch-check-list article.ready { border-color:#cce8d7; background:#fcfffd; }.launch-check-list article.ready>span { color:#fff; background:#27865d; }.launch-check-list strong { display:block; color:var(--navy); font-size:12px; }.launch-check-list p { margin:2px 0 0; color:var(--muted); font-size:10px; line-height:1.35; }

@media (max-width:760px) {
  .business-launch-checklist { gap:12px; margin-bottom:18px; padding:15px; }.launch-checklist-head { flex-direction:column; gap:9px; }.launch-checklist-head .btn { width:100%; }.business-launch-checklist ul { grid-template-columns:1fr; gap:7px; }.business-launch-checklist li { padding:9px; }
  .launch-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }.launch-metrics>div { padding:9px 5px; }.launch-metrics strong { font-size:19px; }.launch-check-list { grid-template-columns:1fr; gap:7px; }.launch-check-list article { padding:10px; }
}

/* Perfil personal y perfil empresa: una cuenta, dos espacios claros */
.account-mode-switch { display:inline-flex; gap:4px; margin:16px 0 4px; padding:4px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:var(--shadow-soft); }
.account-mode-switch a { display:inline-flex; min-height:36px; align-items:center; gap:6px; padding:7px 12px; color:var(--muted); border-radius:10px; font-size:13px; font-weight:800; }
.account-mode-switch a.active { color:#fff; background:linear-gradient(135deg,#833ab4,#e1306c 68%,#ef3d4d); box-shadow:0 6px 16px rgba(225,48,108,.22); }
.account-mode-switch span { display:grid; min-width:18px; height:18px; place-items:center; color:inherit; border-radius:999px; background:rgba(255,255,255,.2); font-size:10px; }
.account-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:20px 0; }
.account-shortcuts>a { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:9px; min-width:0; padding:13px; border:1px solid var(--line); border-radius:15px; background:#fff; box-shadow:var(--shadow-soft); transition:transform .18s,border-color .18s; }
.account-shortcuts>a:hover { border-color:#dca5c3; transform:translateY(-2px); }
.account-shortcuts>a>span { display:grid; width:34px; height:34px; place-items:center; color:#a4296b; border-radius:11px; background:#faeaf4; font-size:18px; }
.account-shortcuts strong,.account-shortcuts small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-shortcuts strong { color:var(--navy); font-size:12px; }.account-shortcuts small { color:var(--muted); font-size:10px; }.account-shortcuts b { color:var(--coral); font-size:20px; }
.account-chat-preview { display:grid; gap:7px; }.account-chat-preview>a { display:grid; grid-template-columns:39px minmax(0,1fr) auto; align-items:center; gap:10px; min-width:0; padding:10px; border:1px solid var(--line); border-radius:13px; background:#fff; }.account-chat-preview>a:hover { border-color:#dca5c3; }.account-chat-preview img { width:39px; height:39px; object-fit:cover; border-radius:50%; background:var(--soft); }.account-chat-preview span { min-width:0; }.account-chat-preview strong,.account-chat-preview small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.account-chat-preview strong { color:var(--navy); font-size:12px; }.account-chat-preview small,.account-chat-preview time { color:var(--muted); font-size:10px; }.account-chat-preview time { white-space:nowrap; }
.account-empty-copy { margin:0; padding:15px; color:var(--muted); border:1px dashed var(--line); border-radius:13px; background:#fff; font-size:13px; }
.business-mode-invite,.company-mode-intro { display:flex; align-items:center; gap:15px; margin-top:24px; padding:19px; border:1px solid #e3bfd5; border-radius:18px; background:linear-gradient(125deg,#fff7fb,#fbf5ff); box-shadow:var(--shadow-soft); }
.business-mode-invite>span { display:grid; width:47px; height:47px; flex:0 0 auto; place-items:center; border-radius:15px; background:linear-gradient(135deg,#833ab4,#e1306c); font-size:23px; }
.business-mode-invite>div,.company-mode-intro>div { min-width:0; flex:1; }.business-mode-invite strong,.company-mode-intro h2 { color:var(--navy); }.business-mode-invite p,.company-mode-intro p { margin:4px 0 0; color:var(--muted); font-size:12px; }
.company-mode-intro { margin-top:16px; color:#fff; border-color:transparent; background:linear-gradient(118deg,#271437,#652054 62%,#c12d63); }.company-mode-intro .section-kicker,.company-mode-intro h2,.company-mode-intro p { color:#fff; }.company-mode-intro h2 { margin:0; font-size:26px; }.company-mode-intro p { color:#f7dfe9; }
.company-stats { margin-top:16px; }.inline-back-link { display:inline-block; margin-top:14px; color:#9b2768; font-size:13px; font-weight:800; }

@media (max-width:760px) {
  .account-header-actions { width:100%; flex-wrap:wrap; }.account-header-actions .btn { flex:1; min-width:0; padding-inline:9px; font-size:11px; }.account-header-actions form { flex:0 0 auto; }.account-header-actions form .btn { min-width:unset; }
  .account-mode-switch { display:grid; grid-template-columns:1fr 1fr; width:100%; margin:13px 0 1px; }.account-mode-switch a { justify-content:center; font-size:12px; }
  .account-shortcuts { grid-template-columns:1fr; gap:8px; margin:15px 0; }.account-shortcuts>a { padding:11px 12px; }
  .business-mode-invite,.company-mode-intro { align-items:stretch; flex-direction:column; gap:11px; padding:16px; }.business-mode-invite>span { width:42px; height:42px; }.business-mode-invite .btn,.company-mode-intro .btn { width:100%; }
  .company-mode-intro h2 { font-size:23px; }.company-mode-intro .section-kicker { margin-bottom:5px; font-size:10px; }
}