/* CBA Circular V49 — interfaz celeste/azul basada en el mockup aprobado. */
:root{
  --v49-cyan:#12aaf2;
  --v49-cyan-2:#0b97e3;
  --v49-blue:#0d63d9;
  --v49-blue-2:#0950b8;
  --v49-navy:#0d2d63;
  --v49-ink:#0d2242;
  --v49-muted:#6d7f98;
  --v49-line:#dfeaf5;
  --v49-soft:#eef8ff;
  --v49-soft-2:#f7fbff;
  --v49-panel:#ffffff;
  --v49-grad:linear-gradient(135deg,#16b7f5 0%,#0d73e6 58%,#0752c8 100%);
  --v49-grad-deep:linear-gradient(135deg,#0e8ee6 0%,#0758c9 100%);
  --v49-shadow:0 10px 30px rgba(29,99,172,.08);
  --v49-shadow-soft:0 4px 16px rgba(29,99,172,.06);
}
html{background:#f8fbfe!important}
body.v48-body{background:#f8fbfe!important;color:var(--v49-ink)!important}
::selection{background:#bde8ff;color:#073b86}

/* blue brand system */
.v48-brand-copy strong{color:#0c4d93!important}.v48-brand-copy strong em{color:#129fe7!important}
.v48-mini-brand,.v48-mobile-brand{color:#0c69c9!important}
.v48-side-nav a:hover,.v48-side-nav button:hover,.v48-side-nav a.active{background:#eaf6ff!important;color:#0b63d9!important}
.v48-side-nav a.active .material-icons-round,.v48-side-nav a .material-icons-round,.v48-side-nav button .material-icons-round{color:#0f63c9!important}
.v48-sidebar{border-right-color:#e6eef6!important;box-shadow:4px 0 20px rgba(22,95,164,.025)}
.v48-side-card{border-color:#dceaf6!important;background:linear-gradient(145deg,#fff,#f8fcff)!important}
.v48-side-card-head strong,.v48-donor-card>strong{color:#103c76!important}.v48-side-card-head .material-icons-round{color:var(--v49-cyan)!important}
.v48-impact-number b{color:#0d68d5!important}.v48-side-card button{background:#eef8ff!important;border-color:#cce8fb!important;color:#0b65c9!important}.v48-donor-card button{background:var(--v49-grad-deep)!important;border-color:#0d69d6!important;color:#fff!important;box-shadow:0 7px 18px rgba(13,99,217,.16)}
.v48-sidebar-footer a,.v48-sidebar-footer p,.v48-sidebar-footer small{color:#73839a!important}

/* top bar */
.v48-topbar{background:rgba(255,255,255,.965)!important;border-bottom-color:#e7eef7!important;box-shadow:0 3px 18px rgba(35,91,143,.025)}
.v48-location{border-color:#dbe8f5!important;box-shadow:0 4px 16px rgba(24,93,158,.04)!important;color:#173c70!important}.v48-location .material-icons-round{color:#0d76e3!important}
.v48-top-search{background:#f4f8fc!important;border-color:#dfe9f4!important}.v48-top-search:focus-within{border-color:#97d6fb!important;box-shadow:0 0 0 3px rgba(18,170,242,.08)}
.v48-top-search .material-icons-round{color:#6d7f98!important}.v48-icon-btn{color:#0c2e61!important}.v48-icon-btn:hover{background:#eef7ff!important;color:#0b6eda!important}
.v48-login-btn{border-color:#bcdcf3!important;color:#0c5eb9!important}.v48-user>a,.v48-user>button{background:#eef7ff!important;color:#0a5fc0!important}

/* structure */
.v48-page-grid{background:#f8fbfe}.v48-right-rail{gap:13px!important}.v48-main{padding-top:12px}

/* hero — closest to approved blue mockup */
.v48-hero{height:370px!important;border:1px solid #e2edf6!important;border-radius:16px!important;background:linear-gradient(110deg,#fff 0%,#fff 52%,#f2faff 100%)!important;box-shadow:var(--v49-shadow-soft)!important;overflow:hidden!important}
.v48-hero-copy{padding:30px 18px 21px 28px!important}.v48-leaf-mark{width:auto!important;height:auto!important;border-radius:999px!important;background:#eaf7ff!important;color:#0e93e7!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 11px!important;margin:0 0 10px!important;font-size:9px!important;font-weight:900!important;letter-spacing:1px!important;text-transform:uppercase!important}
.v48-leaf-mark:after{content:"Economía circular en acción"}.v48-leaf-mark .material-icons-round{font-size:17px!important}
.v48-hero h1{font-size:42px!important;line-height:1.02!important;letter-spacing:-1.7px!important;color:#0b2347!important}.v48-hero h1 em{color:#119ee8!important}
.v48-underline{display:none!important}.v48-hero-copy>p{font-size:12px!important;line-height:1.45!important;color:#5b7392!important;margin:7px 0 17px!important}.v48-hero>div:first-child:after{background:linear-gradient(90deg,#fff,rgba(255,255,255,.8),rgba(255,255,255,.12))!important}
.v48-hero-visual{background:#edf8ff!important;position:relative}.v48-hero-visual:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 25%)}
.v48-hero-visual img{object-fit:cover!important;object-position:50% 50%!important;filter:saturate(1.02) contrast(1.01)!important}
.v48-trust-row{gap:18px!important}.v48-trust-row .material-icons-round{background:#e7f7ff!important;color:#0c8fe3!important}.v48-trust-row b{color:#123865!important}.v48-trust-row small{color:#72839c!important}

/* filters and category chips */
.v48-filter-panel{border-color:#e2ebf4!important;box-shadow:var(--v49-shadow-soft)!important}.v48-shared-banner{border-color:#cbeaff!important;background:#eef9ff!important;color:#3b6388!important}.v48-shared-banner .material-icons-round{color:#0d8fe2!important}
.v48-search-field,.v48-select-like{border-color:#dbe7f3!important;background:#fff!important;color:#173d70!important}.v48-search-field:focus-within,.v48-select-like:hover{border-color:#9ed8f9!important}.v48-search-field .material-icons-round{color:#6e819c!important}.v48-search-btn{background:var(--v49-grad-deep)!important;box-shadow:0 7px 18px rgba(13,99,217,.14)!important}
.v48-category-strip .cat-card .cat-icon{background:#f5f9fd!important;border-color:#e0ebf5!important;color:#123e78!important}.v48-category-strip .cat-card:hover .cat-icon,.v48-category-strip .cat-card.active .cat-icon{background:linear-gradient(145deg,#19b5f2,#0c67dc)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 7px 18px rgba(12,103,220,.18)!important}.v48-category-strip .cat-card.active{color:#0c65cc!important}

/* feed/cards */
.v48-feed-meta,.v48-live-dot{color:#0d67d2!important}.v48-live-dot{background:#12aaf2!important}.v48-section-title h2{color:#0c2b57!important}.v48-section-title h2:before{color:#0b80e9!important}.v48-section-title button{color:#0966d3!important}
.v48-card-grid .cba-card{border-color:#dfe9f3!important;box-shadow:0 3px 10px rgba(31,91,151,.05)!important}.v48-card-grid .cba-card:hover{border-color:#b9ddf5!important;box-shadow:0 12px 26px rgba(23,105,184,.12)!important}.v48-card-grid .cba-post-type-badge{background:#eaf7ff!important;color:#0a70d7!important}.v48-card-grid .cba-own-post{color:#0c76da!important}.v48-card-grid .cba-card-contact{color:#143a6a!important}.v48-empty{border-color:#cfe4f5!important}.v48-empty>.material-icons-round{color:#0b86e6!important}.v48-empty button{background:var(--v49-grad-deep)!important}

/* right rail */
.v48-rail-actions button{box-shadow:0 7px 18px rgba(14,97,200,.14)!important}.v48-rail-actions .donate{background:linear-gradient(135deg,#15b5f3,#078ddf)!important}.v48-rail-actions .ask{background:linear-gradient(135deg,#0e6fe0,#074fc1)!important}
.v48-rail-card{border-color:#dfeaf4!important;box-shadow:var(--v49-shadow-soft)!important}.v48-rail-card h3{color:#0c315e!important}.v48-online i{background:#21b875!important}.v48-stats>div{border-right-color:#e5eef7!important}.v48-stats b{color:#0a63d4!important}.v48-avatar-stack span{background:linear-gradient(135deg,#dff4ff,#9ad8fb)!important;color:#075cae!important}
.v48-rail-green{background:linear-gradient(145deg,#17acef,#0768d8 62%,#064cb4)!important;box-shadow:0 10px 28px rgba(13,99,217,.18)!important}.v48-rail-green:before,.v48-rail-green:after{background:rgba(143,221,255,.22)!important}.v48-rail-leaf{color:rgba(179,231,255,.4)!important}.v48-rail-green button{color:#0b65cc!important}
.v48-how-card ol li>span{background:#edf7ff!important;color:#0b67d2!important}.v48-how-card ol b{color:#0d60bf!important}.v48-how-card button{border-color:#d4e8f7!important;color:#0b65c9!important}.v48-news-form button{background:var(--v49-grad-deep)!important}.v48-gift{filter:hue-rotate(150deg) saturate(.9)}

/* blue impact strip */
.v48-eco-strip{border-color:#dcecf7!important;background:linear-gradient(105deg,#f5fbff,#eaf7ff 52%,#f7fbff)!important}.v48-eco-intro h2{color:#0c5db7!important}.v48-eco-intro p{color:#617b99!important}.v48-eco-intro button{background:var(--v49-grad-deep)!important}.v48-eco-point>span{background:#fff!important;border-color:#d8eaf7!important}.v48-eco-point b{color:#0b67c9!important}.v48-eco-point small{color:#6b7e95!important}
.v48-lower-info article{border-color:#dfe9f3!important}.v48-lower-info .material-icons-round{color:#0b82e1!important;background:#edf8ff!important}.v48-faq a{color:#0b65d1!important}
.v48-footer{border-top-color:#dfe8f2!important}.v48-footer a,.v48-footer>div{color:#6d7f98!important}

/* Bottom nav */
.v48-bottom-nav{border:1px solid #e4edf5!important;box-shadow:0 -10px 35px rgba(22,87,151,.1)!important}.v48-bottom-nav a,.v48-bottom-nav button{color:#526f91!important}.v48-bottom-nav .active{color:#0b69d8!important}.v48-bottom-nav button:nth-child(3) .material-icons-round{background:var(--v49-grad)!important;box-shadow:0 8px 22px rgba(13,99,217,.28)!important}.v48-bottom-nav button:nth-child(3) small{color:#0b63cf!important}

/* Legacy app surfaces: publish, detail, chat, auth, terms gate and PWA prompts */
.bg-ula-green{background:#0d71dc!important}.bg-ula-greenLight{background:#eaf7ff!important}.text-ula-green{color:#0b70da!important}.border-ula-green{border-color:#0d71dc!important}.hover\:border-ula-green:hover{border-color:#0d71dc!important}.focus\:border-ula-green:focus{border-color:#0d71dc!important}
#detailPanel,#publishSheet>div:last-child,.cba-chat-shell,#loginModal>div:last-child,.cba-neighborhood-panel{border:1px solid #dfeaf4!important;box-shadow:0 24px 70px rgba(14,68,127,.24)!important}
#sendChat,#emailLoginBtn,#cbaAcceptTerms,.cba-pwa-install{background:var(--v49-grad-deep)!important}.cba-chat-post-pill{background:#edf8ff!important;color:#0c66c9!important}.cba-chat-compose input:focus{border-color:#0d78e1!important}.cba-push-icon{background:#eaf7ff!important;color:#0b71d8!important}
#cbaTermsGate .bg-emerald-50{background:#eaf7ff!important}.cba-pwa-icon{border-radius:18px}

/* Progress/glow */
#cbaScrollProgress{background:linear-gradient(90deg,#18b7f2,#0b65dc)!important}.cba-glow{background:radial-gradient(circle,rgba(21,166,239,.15),transparent 67%)!important}

/* dark mode keeps blue identity */
html[data-theme="dark"]{background:#0d1724!important}html[data-theme="dark"] body.v48-body{background:#0d1724!important}.v48-body[data-theme="dark"]{background:#0d1724!important}
html[data-theme="dark"] .v48-sidebar,html[data-theme="dark"] .v48-topbar,html[data-theme="dark"] .v48-hero,html[data-theme="dark"] .v48-filter-panel,html[data-theme="dark"] .v48-rail-card,html[data-theme="dark"] .v48-lower-info article,html[data-theme="dark"] .v48-faq,html[data-theme="dark"] .v48-card-grid .cba-card{background:#111e2c!important;border-color:#20354a!important;color:#eaf5ff!important}
html[data-theme="dark"] .v48-brand-copy strong,html[data-theme="dark"] .v48-section-title h2,html[data-theme="dark"] .v48-hero h1,html[data-theme="dark"] .v48-rail-card h3{color:#eef7ff!important}html[data-theme="dark"] .v48-hero h1 em{color:#39bdf6!important}

@media (max-width:1320px){
  .v48-hero h1{font-size:38px!important}
}

@media (max-width:1080px){
  .v48-main{padding-top:0}.v48-hero{margin-top:8px!important}
}

/* Mobile follows the generated blue app concept: logo/location row, search, split hero, two CTAs, category carousel and horizontal cards. */
@media (max-width:720px){
  body.v48-body{background:#f9fcff!important}
  .v48-topbar{height:126px!important;grid-template-columns:auto 1fr auto!important;align-items:start!important;padding:13px 12px 52px!important;gap:8px!important;border-bottom:0!important;box-shadow:none!important}
  .v48-mobile-menu{display:none!important}.v48-mobile-brand{display:flex!important;align-items:center!important;gap:7px!important;align-self:center!important}.v48-mobile-brand img{width:38px!important;height:38px!important}.v48-mobile-brand strong{display:block!important;font-size:15px!important;line-height:1.05!important;color:#0b67c9!important;max-width:96px}.v48-mobile-brand strong:after{content:"\A CÓRDOBA CAPITAL";white-space:pre;font-size:6px;letter-spacing:.55px;color:#4d6e92}
  .v48-location{display:flex!important;grid-column:2!important;grid-row:1!important;align-self:center!important;height:39px!important;min-width:0!important;width:100%!important;max-width:190px!important;justify-self:center!important;border-radius:13px!important;background:#f8fbff!important}.v48-location .chevron{display:none!important}
  .v48-top-actions{grid-column:3!important;grid-row:1!important;align-self:center!important}.v48-top-actions>.v48-icon-btn{display:none!important}.v48-login-btn{display:flex!important;width:38px!important;height:38px!important}.v48-user>img{width:38px!important;height:38px!important}
  .v48-top-search{position:absolute!important;left:12px!important;right:12px!important;bottom:8px!important;height:44px!important;border-radius:13px!important;background:#f5f9fd!important;box-shadow:none!important}.v48-top-search .material-icons-round{color:#0b65d0!important}.v48-top-search:after{content:"tune";font-family:'Material Icons Round';font-size:20px;color:#0b65d0;padding-left:10px;border-left:1px solid #dbe8f3}
  .v48-page-grid{padding:0 10px 18px!important}.v48-hero{height:380px!important;min-height:380px!important;border-radius:18px!important;display:block!important;margin-top:8px!important;position:relative!important;background:linear-gradient(135deg,#fff,#f3faff)!important}
  .v48-hero-copy{padding:21px 45% 96px 17px!important;position:relative!important;z-index:2!important}.v48-leaf-mark{font-size:7px!important;padding:5px 8px!important;margin-bottom:10px!important}.v48-leaf-mark .material-icons-round{font-size:13px!important}.v48-hero h1{font-size:31px!important;line-height:1.02!important;letter-spacing:-1.15px!important}.v48-hero-copy>p{font-size:10.5px!important;line-height:1.35!important;margin:9px 0 0!important}.v48-desktop-only{display:none!important}.v48-trust-row{display:none!important}
  .v48-hero-visual{position:absolute!important;right:0!important;left:auto!important;top:0!important;bottom:84px!important;width:53%!important;height:auto!important;background:transparent!important;z-index:1!important;overflow:hidden!important}.v48-hero-visual:before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.2) 24%,transparent 60%)!important}.v48-hero-visual img{height:100%!important;width:100%!important;object-fit:cover!important;object-position:50% 50%!important}
  .v48-hero-actions-mobile{display:grid!important;grid-template-columns:1fr 1fr!important;position:absolute!important;left:12px!important;right:12px!important;bottom:13px!important;gap:8px!important;margin:0!important}.v48-hero-actions-mobile button{height:56px!important;border-radius:13px!important;font-size:14px!important;justify-content:center!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(13,99,217,.14)!important}.v48-hero-actions-mobile .material-icons-round{font-size:21px!important}.v48-primary{background:linear-gradient(135deg,#14b5f2,#078edc)!important}.v48-secondary{background:linear-gradient(135deg,#0e6fe0,#074fc1)!important}
  .v48-filter-panel{margin-top:10px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.v48-filter-row{display:none!important}.v48-shared-banner{margin:0 0 8px!important}.v48-category-strip{background:#fff!important;border:1px solid #e3edf6!important;border-radius:16px!important;padding:12px 9px 9px!important;box-shadow:var(--v49-shadow-soft)!important;gap:13px!important}.v48-category-strip .cat-card{min-width:58px!important;width:58px!important}.v48-category-strip .cat-card .cat-icon{width:44px!important;height:44px!important;border-radius:50%!important}.v48-category-strip .cat-card span:last-child{font-size:8.5px!important;color:#153a6b!important}
  .v48-feed{padding-top:22px!important}.v48-section-title h2{font-size:20px!important;color:#0c2b57!important}.v48-section-title button{font-size:10px!important}.v48-card-grid>.masonry-item{min-width:184px!important;width:184px!important}.v48-card-grid .cba-post-image{height:126px!important}.v48-card-grid .cba-card{border-radius:12px!important}.v48-card-grid .cba-card .font-mont{font-size:12px!important}.v48-card-grid .text-ula-sub{font-size:9px!important}.v48-card-grid .cba-post-type-badge{font-size:7.5px!important;background:#eaf7ff!important;color:#0b6cd3!important}
  .v48-right-rail{margin-top:12px!important}.v48-rail-green{display:none!important}.v48-how-card{display:none!important}.v48-eco-strip{border-radius:15px!important;grid-template-columns:1fr!important;padding:13px!important;margin-top:15px!important}.v48-eco-intro{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:8px!important}.v48-eco-intro h2{font-size:14px!important;margin:0!important}.v48-eco-intro p,.v48-eco-intro button{display:none!important}.v48-eco-point{display:none!important}.v48-eco-intro:after{content:"1.248  publicaciones   ·   3.856 vecinos   ·   2,4 t CO₂";font-size:8px;color:#0b67c9;font-weight:800;text-align:right;max-width:150px}
  .v48-lower-info,.v48-faq{display:none!important}
  .v48-bottom-nav{height:76px!important;width:100%!important;max-width:none!important;border-radius:22px 22px 0 0!important}.v48-bottom-nav .material-icons-round{font-size:24px!important}.v48-bottom-nav small{font-size:10px!important}.v48-bottom-nav button:nth-child(3) .material-icons-round{width:54px!important;height:54px!important;font-size:31px!important}
}

@media (max-width:430px){
  .v48-topbar{padding-left:10px!important;padding-right:10px!important}.v48-top-search{left:10px!important;right:10px!important}.v48-mobile-brand img{width:35px!important;height:35px!important}.v48-mobile-brand strong{font-size:13px!important;max-width:82px}.v48-location{font-size:10px!important;padding:0 8px!important}.v48-hero{height:365px!important;min-height:365px!important}.v48-hero-copy{padding-right:43%!important}.v48-hero h1{font-size:28px!important}.v48-hero-actions-mobile button{font-size:13px!important;height:52px!important}.v48-card-grid>.masonry-item{min-width:174px!important;width:174px!important}
}