/* --- security-hardening.css --- */

/* CBA Circular V32 security hardening helpers */
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
html.cba-scroll-locked,body.cba-scroll-locked{overflow:hidden!important}
.cba-toast-visible{display:flex!important}
.cba-delete-confirm{color:#b42318!important}
.cba-row-removing{opacity:0!important;transform:scale(.97)!important;transition:opacity .15s ease,transform .15s ease}
.cba-delay-0{transition-delay:0ms!important}.cba-delay-1{transition-delay:45ms!important}.cba-delay-2{transition-delay:90ms!important}.cba-delay-3{transition-delay:135ms!important}.cba-delay-4{transition-delay:180ms!important}.cba-delay-5{transition-delay:225ms!important}.cba-delay-6{transition-delay:270ms!important}


/* --- index-01.css --- */
/* Efectos exactos ULA: cards con border-radius 17px y sombra 3px 3px 11px */
.ula-card{ border-radius:17px; box-shadow:3px 3px 11px 0px rgba(0,0,0,0.08); transition: all 0.3s; }
.ula-card:hover{ box-shadow:3px 3px 11px 0px rgba(0,75,129,0.15); }

/* CBA: título principal en tres bloques, visualmente unidos */
.cba-hero-title{line-height:.90!important}
.cba-hero-title>span{line-height:.90!important;margin:0!important;padding:0!important}
.cba-hero-title>span+span{margin-top:-.07em!important}
@media (max-width:767px){
  .cba-hero-local h1.cba-hero-title{line-height:.88!important}
  .cba-hero-title>span{line-height:.88!important}
  .cba-hero-title>span+span{margin-top:-.08em!important}
}


/* --- index-02.css --- */
*{ -webkit-font-smoothing:antialiased }
.hide-scrollbar::-webkit-scrollbar{ display:none }
.hide-scrollbar{ -ms-overflow-style:none; scrollbar-width:none }
.masonry{ column-count:1; column-gap:16px }
@media(min-width:640px){ .masonry{ column-count:2 } }
@media(min-width:1024px){ .masonry{ column-count:3 } }
.masonry-item{ break-inside:avoid; margin-bottom:16px }
/* CBA Circular — imágenes de publicaciones siempre cuadradas 1:1 */
.cba-post-image{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block;
}


/* --- index-03.css --- */
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.top-0{top:0px}.bottom-0{bottom:0px}.bottom-3{bottom:0.75rem}.bottom-6{bottom:1.5rem}.left-0{left:0px}.left-1\/2{left:50%}.left-3{left:0.75rem}.right-0{right:0px}.right-3{right:0.75rem}.top-1\/2{top:50%}.top-3{top:0.75rem}.bottom-2{bottom:0.5rem}.left-2{left:0.5rem}.right-2{right:0.5rem}.top-2{top:0.5rem}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:0.5rem}.ml-4{margin-left:1rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.ml-auto{margin-left:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-2{height:0.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[180px\]{height:180px}.h-\[240px\]{height:240px}.h-\[56px\]{height:56px}.h-full{height:100%}.h-auto{height:auto}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.w-10{width:2.5rem}.w-2{width:0.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-9{width:2.25rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[90\%\]{width:90%}.w-\[95\%\]{width:95%}.w-full{width:100%}.max-w-\[100px\]{max-width:100px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[360px\]{max-width:360px}.max-w-\[400px\]{max-width:400px}.max-w-\[520px\]{max-width:520px}.max-w-\[600px\]{max-width:600px}.max-w-\[640px\]{max-width:640px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.cursor-pointer{cursor:pointer}.list-decimal{list-style-type:decimal}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-1\.5{gap:0.375rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.-space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.5rem * var(--tw-space-x-reverse));margin-left:calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:0.75rem}.rounded-2xl{border-radius:1rem}.rounded-\[16px\]{border-radius:16px}.rounded-\[24px\]{border-radius:24px}.rounded-lg{border-radius:0.5rem}.rounded-t-\[24px\]{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-ula-green{--tw-border-opacity:1;border-color:rgb(0 75 129 / var(--tw-border-opacity, 1))}.border-ula-green\/15{border-color:rgb(0 75 129 / 0.15)}.border-ula-green\/20{border-color:rgb(0 75 129 / 0.2)}.border-ula-line{--tw-border-opacity:1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/15{border-color:rgb(255 255 255 / 0.15)}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.bg-ula-bg{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.bg-ula-green{--tw-bg-opacity:1;background-color:rgb(0 75 129 / var(--tw-bg-opacity, 1))}.bg-ula-greenLight{--tw-bg-opacity:1;background-color:rgb(230 240 247 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\[\#323232\]{--tw-bg-opacity:1;background-color:rgb(50 50 50 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:rgb(0 0 0 / 0.5)}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-ula-greenDark{--tw-bg-opacity:1;background-color:rgb(0 54 94 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:rgb(255 255 255 / 0.2)}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-white\/90{background-color:rgb(255 255 255 / 0.9)}.object-cover{object-fit:cover}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-1{padding-left:0.25rem}.pr-3{padding-right:0.75rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-inter{font-family:Inter, sans-serif}.font-mont{font-family:Maven Pro, sans-serif}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[36px\]{font-size:36px}.text-\[15px\]{font-size:15px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[22px\]{font-size:22px}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.leading-\[0\.9\]{line-height:0.9}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[-0\.02em\]{letter-spacing:-0.02em}.tracking-\[-0\.03em\]{letter-spacing:-0.03em}.tracking-\[0\.08em\]{letter-spacing:0.08em}.tracking-wide{letter-spacing:0.025em}.tracking-widest{letter-spacing:0.1em}.text-ula-text{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-ula-green{--tw-text-opacity:1;color:rgb(0 75 129 / var(--tw-text-opacity, 1))}.text-ula-sub{--tw-text-opacity:1;color:rgb(84 89 95 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-60{opacity:0.6}.opacity-70{opacity:0.7}.opacity-80{opacity:0.8}.opacity-90{opacity:0.9}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.hover\:border-ula-green:hover{--tw-border-opacity:1;border-color:rgb(0 75 129 / var(--tw-border-opacity, 1))}.hover\:border-ula-green\/30:hover{border-color:rgb(0 75 129 / 0.3)}.hover\:bg-ula-greenDark:hover{--tw-bg-opacity:1;background-color:rgb(0 54 94 / var(--tw-bg-opacity, 1))}.hover\:text-ula-green:hover{--tw-text-opacity:1;color:rgb(0 75 129 / var(--tw-text-opacity, 1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.focus\:border-ula-green:focus{--tw-border-opacity:1;border-color:rgb(0 75 129 / var(--tw-border-opacity, 1))}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 768px){.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:h-\[72px\]{height:72px}.md\:h-\[280px\]{height:280px}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:p-8{padding:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:text-\[48px\]{font-size:48px}.md\:text-\[15px\]{font-size:15px}}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr 0.95fr}.lg\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}}


/* --- index-04.css --- */
.qJTHM{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;color:#202124;direction:ltr;-webkit-touch-callout:none;font-family:Roboto-Regular,arial,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;margin:0;overflow:hidden;-webkit-text-size-adjust:100%}.ynRLnc{left:-9999px;position:absolute;top:-9999px}.L6cTce{display:none}.bltWBb{overflow-wrap:break-word;word-break:break-word}.hSRGPd{color:#1a73e8;cursor:pointer;font-weight:500;text-decoration:none}.Bz112c-W3lGp{height:16px;width:16px}.Bz112c-E3DyYd{height:20px;width:20px}.Bz112c-r9oPif{height:24px;width:24px}.Bz112c-u2z5K{height:36px;width:36px}.Bz112c-uaxL4e{border-radius:10px}.LgbsSe-Bz112c{display:block}.S9gUrf-YoZ4jf{border:none;margin:0;padding:0}.S9gUrf-YoZ4jf *{border:none;margin:0;padding:0}.fFW7wc-ibnC6b>.aZ2wEe>div{border-color:#4285f4}.P1ekSe-ZMv3u{transition:height .2s linear}.P1ekSe-ZMv3u>div:first-child{background-color:#1a73e8!important;transition:width .3s linear}.P1ekSe-ZMv3u>div:nth-child(2){background-image:linear-gradient(90deg,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(90deg,#1a73e8,#1a73e8)!important}.P1ekSe-ZMv3u>div:nth-child(3){background-image:linear-gradient(90deg,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(90deg,#1a73e8,#1a73e8)!important}.haAclf{display:inline-block}.nsm7Bb-HzV7m-LgbsSe{border-radius:4px;-moz-box-sizing:border-box;box-sizing:border-box;transition:background-color .218s,border-color .218s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #dadce0;color:#3c4043;cursor:pointer;font-family:Google Sans,arial,sans-serif;font-size:.875rem;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}@media screen and (-ms-high-contrast:active){.nsm7Bb-HzV7m-LgbsSe{border:2px solid windowText;color:windowText}}@media screen and (preferes-contrast:more){.nsm7Bb-HzV7m-LgbsSe{color:#000}}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe{font-size:.875rem;height:32px;letter-spacing:.25px;padding:0 10px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe{font-size:.6875rem;height:20px;letter-spacing:.3px;padding:0 8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe{padding:0;width:40px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe{width:32px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe{width:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK{border-radius:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe{border-radius:16px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe{border-radius:10px}.nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc{border:1px solid #8e918f;background-color:#131314;color:#e3e3e3}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc{border:none;color:#fff}.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc{background-color:#1a73e8}.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc{background-color:#202124;color:#e8eaed}@media screen and (prefers-contrast:more){.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc{color:#fff}}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:18px;margin-right:8px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:14px;min-width:14px;width:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:10px;min-width:10px;width:10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin-left:8px;margin-right:-4px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:10px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:4px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:3px;border-bottom-left-radius:3px;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;background-color:#fff;height:36px;margin-left:-10px;margin-right:12px;min-width:36px;width:36px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:28px;margin-left:-8px;margin-right:10px;min-width:28px;width:28px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:16px;margin-left:-6px;margin-right:8px;min-width:16px;width:16px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:3px;margin-left:2px;margin-right:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:8px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-moz-box-pack:justify;justify-content:space-between;flex-wrap:nowrap;height:100%;position:relative;width:100%}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX{-moz-box-pack:center;justify-content:center}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{-moz-box-flex:1;flex-grow:1;font-family:Google Sans,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-weight:300}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId{-moz-box-flex:0;flex-grow:0}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe{transition:background-color .218s;bottom:0;left:0;position:absolute;right:0;top:0}.nsm7Bb-HzV7m-LgbsSe:focus,.nsm7Bb-HzV7m-LgbsSe:hover{box-shadow:none;border-color:rgb(210,227,252);outline:none}.nsm7Bb-HzV7m-LgbsSe:focus-within{outline:2px solid #00639b;border-color:transparent}.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.08)}.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.1)}.nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.08)}.nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.12)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.24)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.32)}.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY{border-radius:50%;display:-moz-box;display:flex;height:20px;margin-left:-4px;margin-right:8px;min-width:20px;width:20px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-family:Roboto;font-size:12px;text-align:left}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS,.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf{overflow:hidden;text-overflow:ellipsis}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;color:#5f6368;fill:#5f6368;font-size:11px;font-weight:400}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.i5vt6e-to915-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{color:#c4c7c5;fill:#c4c7c5}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{color:#e8eaed;fill:#e8eaed}@media screen and (prefers-contrast:more){.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff,.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{color:#000;fill:#000}}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c{height:18px;margin:-3px -3px -3px 2px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px;margin-left:12px;margin-right:-10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.L5Fo6c-sM5MNb{border:0;display:block;left:0;position:relative;top:0}.L5Fo6c-bF1uUb{border-radius:4px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.L5Fo6c-bF1uUb:focus{border:none;outline:none}sentinel{}


/* --- index-05.css --- */
:root{
  --cba-blue:#004B81; --cba-blue-dark:#00365E; --cba-cyan:#009EE2;
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-spring:cubic-bezier(.2,.9,.2,1.08);
  --shadow-soft:0 12px 40px rgba(0,54,94,.08); --shadow-lift:0 24px 60px rgba(0,54,94,.16);
}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{overflow-x:hidden;background:radial-gradient(circle at 80% -10%,rgba(0,158,226,.08),transparent 32%),#f5f5f5}
body>*{position:relative}
header{background:rgba(255,255,255,.86)!important;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);transition:box-shadow .35s var(--ease-out),background .35s var(--ease-out),transform .35s var(--ease-out)}
header.cba-scrolled{box-shadow:0 8px 32px rgba(0,54,94,.09);background:rgba(255,255,255,.94)!important}
#cbaScrollProgress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--cba-blue),var(--cba-cyan));z-index:9999;pointer-events:none;will-change:transform}
.cba-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(0,158,226,.10),rgba(0,75,129,.035) 45%,transparent 70%);filter:blur(4px);pointer-events:none;z-index:0;transform:translate3d(-999px,-999px,0);will-change:transform}
header,section,footer{isolation:isolate}
.hero-orbit{position:absolute;border-radius:999px;border:1px solid rgba(0,75,129,.10);pointer-events:none;will-change:transform}
.hero-orbit.one{width:290px;height:290px;right:-90px;top:-80px}.hero-orbit.two{width:170px;height:170px;right:110px;bottom:-60px}
.cba-reveal{opacity:0;transform:translate3d(0,26px,0) scale(.985);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}
.cba-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.cba-stagger>*{opacity:0;transform:translate3d(0,20px,0)}
.cba-card,.cat-card,.masonry-item,#como>div,#comunidad .grid>div{transform:translateZ(0);backface-visibility:hidden;transition:transform .42s var(--ease-out),box-shadow .42s var(--ease-out),border-color .3s ease!important}
@media (hover:hover) and (pointer:fine){
  .cat-card:hover,#como>div:hover,#comunidad .grid>div:hover{transform:translate3d(0,-7px,0);box-shadow:var(--shadow-soft)!important}
  .masonry-item:hover{transform:translate3d(0,-8px,0) scale(1.008);box-shadow:var(--shadow-lift)!important}
  .masonry-item img{transition:transform .75s var(--ease-out),filter .4s ease;will-change:transform}
  .masonry-item:hover img{transform:scale(1.035);filter:saturate(1.03)}
  .cat-card:hover .material-icons-round{transform:rotate(-5deg) scale(1.12)}
}
.cat-card .material-icons-round{transition:transform .45s var(--ease-spring)}
button,a{ -webkit-tap-highlight-color:transparent }
button:active,a:active{transform:scale(.975)}
#headerPublish,#heroPublish,a[href="#feed"],#submitPublish,#contactBtn,#sendChat{transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-out),background .25s ease!important}
@media (hover:hover){#headerPublish:hover,#heroPublish:hover,a[href="#feed"]:hover,#submitPublish:hover,#contactBtn:hover{transform:translate3d(0,-2px,0);box-shadow:0 12px 28px rgba(0,75,129,.18)}}
input,select,textarea{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease,transform .25s ease!important}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px rgba(0,126,179,.10);transform:translateY(-1px)}
#detail,#publishSheet,#chatModal,#loginModal{transition:opacity .28s ease}
#detail:not(.hidden)>[id$="Bg"],#publishSheet:not(.hidden)>[id$="Bg"],#chatModal:not(.hidden)>[id$="Bg"],#loginModal:not(.hidden)>[id$="Bg"]{animation:cbaFade .3s ease both}
#detailPanel,#publishSheet>div:last-child,#chatModal>div:last-child{will-change:transform;animation:cbaSheetIn .52s var(--ease-out) both}
#loginModal>div:last-child{animation:cbaModalIn .45s var(--ease-spring) both}
#toast{will-change:transform,opacity}
#toast:not(.hidden){animation:cbaToastIn .42s var(--ease-spring) both}
@keyframes cbaFade{from{opacity:0}to{opacity:1}}
@keyframes cbaSheetIn{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}
@keyframes cbaModalIn{from{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes cbaToastIn{from{opacity:0;transform:translate(-50%,14px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes cbaFloat{0%,100%{transform:translate3d(0,0,0) rotate(-.4deg)}50%{transform:translate3d(0,-10px,0) rotate(.4deg)}}
@keyframes cbaPulseRing{0%{box-shadow:0 0 0 0 rgba(0,75,129,.18)}70%{box-shadow:0 0 0 10px rgba(0,75,129,0)}100%{box-shadow:0 0 0 0 rgba(0,75,129,0)}}
section:first-of-type .relative>.bg-ula-bg{animation:cbaFloat 7s ease-in-out infinite;box-shadow:0 22px 70px rgba(0,54,94,.10)}
.animate-pulse{animation:cbaPulseRing 2.1s ease-out infinite!important}
#mobileMenu{transform-origin:top;animation:cbaMenu .3s var(--ease-out) both}
@keyframes cbaMenu{from{opacity:0;transform:translateY(-8px) scaleY(.96)}to{opacity:1;transform:none}}
.cba-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cba-feature{background:#fff;border:1px solid #e5e5e5;border-radius:18px;padding:18px;box-shadow:0 8px 26px rgba(0,54,94,.04)}
.cba-feature .material-icons-round{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e6f0f7;color:#004b81;margin-bottom:12px}
.cba-faq details{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:0 18px;transition:border-color .25s ease,box-shadow .25s ease}
.cba-faq details[open]{border-color:rgba(0,75,129,.25);box-shadow:0 10px 30px rgba(0,54,94,.06)}
.cba-faq summary{list-style:none;cursor:pointer;padding:16px 28px 16px 0;font-weight:800;position:relative}.cba-faq summary::-webkit-details-marker{display:none}
.cba-faq summary:after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;color:#004b81;transition:transform .3s var(--ease-out)}
.cba-faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.cba-faq details p{padding:0 0 16px;color:#54595f;font-size:13px;line-height:1.7}
.cba-cta{background:linear-gradient(135deg,#00365e,#004b81 55%,#007db3);position:relative;overflow:hidden}
.cba-cta:before,.cba-cta:after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}.cba-cta:before{width:280px;height:280px;right:-100px;top:-130px}.cba-cta:after{width:150px;height:150px;left:-50px;bottom:-70px}
@media(max-width:767px){.cba-feature-strip{grid-template-columns:1fr 1fr}.cba-glow{display:none}section:first-of-type .relative>.bg-ula-bg{animation:cbaFloatMobile 8s ease-in-out infinite}.masonry-item{content-visibility:auto;contain-intrinsic-size:420px}.cba-reveal{will-change:transform,opacity}}
@keyframes cbaFloatMobile{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-5px,0) rotate(.15deg)}}
@media(max-width:480px){.cba-feature-strip{grid-template-columns:1fr}}
@media(hover:none) and (pointer:coarse){button:active,.cursor-pointer:active,[role="button"]:active{transform:scale(.975);transition:transform .12s ease}.masonry-item:active{transform:scale(.992);transition:transform .14s ease}}


/* --- index-06.css --- */
:root{--cba-sky:#63B7E6;--cba-blue:#0B63A5;--cba-deep:#073E69;--cba-cream:#FFF9EF;--cba-sand:#E7D6B4;--cba-ink:#10202B;--cba-green:#4F8C69}
body{background:linear-gradient(180deg,#f8fbfd 0,#f5f5f5 34rem)}
.cba-brand-mark{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;filter:drop-shadow(0 7px 14px rgba(7,62,105,.16));transition:transform .45s cubic-bezier(.16,1,.3,1)}
a:hover .cba-brand-mark{transform:rotate(-7deg) scale(1.05)}
.cba-brand-name{font-family:'Maven Pro',sans-serif;font-weight:900;font-size:20px;letter-spacing:-.045em;line-height:.92;color:var(--cba-ink)}
.cba-brand-name small{display:block;margin-top:4px;font:800 8px/1 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#0B63A5}
.cba-cordoba-badge{display:inline-flex;align-items:center;gap:7px;background:#edf7fc;border:1px solid rgba(11,99,165,.13);color:#075486;border-radius:999px;padding:7px 11px;font:800 10px/1 'Inter',sans-serif;letter-spacing:.09em;text-transform:uppercase}
.cba-cordoba-badge:before{content:'';width:7px;height:7px;border-radius:999px;background:#63B7E6;box-shadow:0 0 0 4px rgba(99,183,230,.15)}
.cba-hero-local{position:relative;background:radial-gradient(circle at 78% 13%,rgba(99,183,230,.18),transparent 28%),linear-gradient(180deg,#fff 0,#f9fcfe 100%)}
.cba-hero-local:before{content:'';position:absolute;inset:auto 0 0;height:74px;opacity:.55;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 90'%3E%3Cpath d='M0 75h1200' stroke='%230B63A5' stroke-opacity='.08'/%3E%3Cpath d='M40 75V52h30v23M85 75V43h24v32M130 75V58h38v17M190 75V37h12v38M207 75V48h32v27M270 75V54h55v21M350 75V32h8v43M365 75V44h14v31M385 75V38h8v37M420 75V57h68v18M520 75V46h32v29M575 75V50h42v25M650 75V41h18v34M680 75V55h51v20M770 75V48h29v27M835 75V35h10v40M852 75V43h12v32M872 75V37h9v38M920 75V55h55v20M1010 75V47h38v28M1080 75V58h72v17' fill='none' stroke='%230B63A5' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center bottom;background-size:cover}
.cba-neighborhood-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(11,99,165,.12);background:#fff;border-radius:999px;color:#4b6272;font-size:10px;font-weight:800;white-space:nowrap}
.cba-local-strip{overflow:hidden;border-top:1px solid rgba(11,99,165,.08);border-bottom:1px solid rgba(11,99,165,.08);background:#edf7fc}
.cba-local-track{display:flex;width:max-content;gap:22px;padding:10px 0;animation:cbaLocalTicker 28s linear infinite;font:800 10px/1 'Inter',sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#376276}
.cba-local-track span{display:inline-flex;align-items:center;gap:8px}.cba-local-track i{width:4px;height:4px;border-radius:50%;background:#63B7E6}
@keyframes cbaLocalTicker{to{transform:translateX(-50%)}}
.cba-section-kicker{display:inline-flex;align-items:center;gap:8px;color:#0B63A5;font:900 10px/1 'Inter',sans-serif;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}
.cba-section-kicker:before{content:'';width:20px;height:2px;border-radius:3px;background:#63B7E6}
footer{position:relative;overflow:hidden}footer:before{content:'';position:absolute;right:-45px;bottom:-70px;width:250px;height:250px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 60px rgba(255,255,255,.018)}
@media(max-width:767px){.cba-brand-name{font-size:17px}.cba-brand-name small{display:none}.cba-brand-mark{width:40px;height:40px}.cba-local-track{animation-duration:22s}}


/* --- index-07.css --- */
.cba-status{font-size:10px;font-weight:900;padding:4px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}
.cba-status.available{background:#e8f4ff;color:#0b5cab}.cba-status.reserved{background:#fff4d6;color:#8a5b00}.cba-status.donated{background:#e8f7ee;color:#196b3b}
#cbaInboxModal{backdrop-filter:blur(8px)}
/* Chat 2026 — conversación más clara, táctil y consistente con CBA Circular */
#chatModal{backdrop-filter:blur(10px)}
#chatModal .cba-chat-shell{box-shadow:0 -18px 60px rgba(24,35,30,.18);border:1px solid rgba(31,117,74,.08)}
.cba-chat-head{background:linear-gradient(180deg,#fff 0%,#fbfdfb 100%)}
.cba-chat-avatar-wrap{position:relative;flex:0 0 auto}.cba-chat-avatar-wrap:after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:999px;background:#22c55e;border:2px solid #fff}
.cba-chat-post-pill{display:inline-flex;align-items:center;gap:4px;margin-top:2px;padding:3px 7px;border-radius:999px;background:#eef8f1;color:#287247;font-size:10px;font-weight:800;max-width:100%}
.cba-chat-post-pill .material-icons-round{font-size:12px}.cba-chat-post-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#chatMessages{background:radial-gradient(circle at 18% 0%,rgba(60,147,94,.07),transparent 32%),linear-gradient(180deg,#f6f8f6 0%,#f1f5f2 100%);scroll-behavior:smooth}
.cba-chat-day{display:flex;justify-content:center;margin:8px 0 12px}.cba-chat-day span{font-size:10px;font-weight:800;color:#6b756e;background:rgba(255,255,255,.86);border:1px solid rgba(31,117,74,.10);padding:5px 9px;border-radius:999px;box-shadow:0 2px 10px rgba(30,50,38,.04)}
.cba-msg-row{display:flex;align-items:flex-end;gap:6px;width:100%;margin:3px 0}.cba-msg-row.mine{justify-content:flex-end}.cba-msg-row.theirs{justify-content:flex-start}
.cba-msg-bubble{position:relative;max-width:min(82%,430px);padding:9px 12px 7px;border-radius:18px;box-shadow:0 1px 2px rgba(17,35,24,.05);overflow-wrap:anywhere}
.cba-msg-row.mine .cba-msg-bubble{color:#fff;background:linear-gradient(145deg,#247447,#2f8656);border-bottom-right-radius:6px}
.cba-msg-row.theirs .cba-msg-bubble{color:#263129;background:#fff;border:1px solid rgba(37,85,55,.10);border-bottom-left-radius:6px}
.cba-msg-text{font-size:13px;line-height:1.42;white-space:pre-wrap}.cba-msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px;font-size:9.5px;opacity:.7}.cba-msg-meta .material-icons-round{font-size:12px}
.cba-msg-delete{width:30px;height:30px;flex:0 0 30px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#8a9590;background:transparent;opacity:.72;transition:.18s ease}.cba-msg-delete .material-icons-round{font-size:16px}.cba-msg-delete:focus-visible{outline:2px solid #2f8656;outline-offset:2px}.cba-msg-delete:active{background:#feecec;color:#b42318;transform:scale(.94)}
.cba-chat-compose{background:rgba(255,255,255,.97);box-shadow:0 -8px 24px rgba(26,45,32,.05)}
#chatInput{min-width:0;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}#chatInput:focus{background:#fff;box-shadow:0 0 0 3px rgba(47,134,86,.10)}
#sendChat{box-shadow:0 6px 16px rgba(47,134,86,.24)}#sendChat:active{transform:scale(.94)}
.cba-chat-empty{max-width:330px;margin:auto;text-align:center;padding:42px 20px}.cba-chat-empty-icon{width:58px;height:58px;margin:auto;border-radius:18px;background:#fff;border:1px solid rgba(37,85,55,.10);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(24,50,33,.06)}
@media(min-width:640px){#chatModal .cba-chat-shell{bottom:5vh;top:5vh;border-radius:28px;max-height:none}.cba-msg-delete{opacity:.15}.cba-msg-row.mine:hover .cba-msg-delete,.cba-msg-delete:focus-visible{opacity:1}}
@media(max-width:639px){#chatModal .cba-chat-shell{border-bottom:0;border-left:0;border-right:0}.cba-msg-delete{opacity:.9}}
.cba-conversation:hover{border-color:#0b5cab;transform:translateY(-1px)}


/* --- index-08.css --- */
#neighborhoodModal{backdrop-filter:blur(7px)}
.cba-neighborhood-panel{animation:cbaPickerIn .22s cubic-bezier(.16,1,.3,1)}
@keyframes cbaPickerIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.cba-neighborhood-option{width:100%;text-align:left;padding:11px 13px;border-radius:12px;font-size:13px;font-weight:700;transition:.15s ease}
.cba-neighborhood-option:hover,.cba-neighborhood-option:focus{background:#EAF5FC;color:#07558F;outline:none}
.cba-neighborhood-option[aria-selected="true"]{background:#0B63A5;color:#fff}


/* --- index-09.css --- */
.cba-feed-section{position:relative}
.cba-feed-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.cba-feed-heading-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#edf7fc;color:#0B63A5;font-size:21px;flex:0 0 auto}
.cba-feed-far{margin-top:46px;padding:32px 0 8px;border-top:1px solid rgba(11,99,165,.14)}
.cba-feed-far:before{content:'';position:absolute;top:-1px;left:0;width:76px;height:2px;border-radius:99px;background:#63B7E6}
@media(min-width:768px){.cba-feed-near{padding-bottom:40px}.cba-feed-far{margin-top:58px;padding-top:38px}.cba-feed-heading-icon{width:46px;height:46px}}
@media(max-width:767px){.cba-feed-far{margin-top:38px;padding-top:28px}.cba-feed-heading{gap:10px}}


/* --- index-10.css --- */
#cbaInboxBtn{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .2s ease}
#cbaInboxBtn.cba-has-unread{background:#eef8ff!important;border-color:rgba(0,126,179,.48)!important;animation:cbaUnreadButtonPulse 2.4s ease-in-out infinite}
#cbaInboxBtn.cba-has-unread .cba-inbox-icon{animation:cbaUnreadIconBlink 2.4s ease-in-out infinite}
#cbaInboxBtn.cba-has-unread #cbaInboxBadge{animation:cbaUnreadBadgePulse 2.4s ease-in-out infinite}
@keyframes cbaUnreadButtonPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,126,179,.08)}50%{box-shadow:0 0 0 7px rgba(0,126,179,.16)}}
@keyframes cbaUnreadIconBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.38;transform:scale(.92)}}
@keyframes cbaUnreadBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){#cbaInboxBtn.cba-has-unread,#cbaInboxBtn.cba-has-unread .cba-inbox-icon,#cbaInboxBtn.cba-has-unread #cbaInboxBadge{animation:none!important}#cbaInboxBtn.cba-has-unread{box-shadow:0 0 0 4px rgba(0,126,179,.13)}}


/* --- index-11.css --- */
.cba-brand-mark{overflow:visible!important;background:transparent!important;box-shadow:none!important}
.cba-brand-mark .cba-logo-img{width:100%;height:100%;display:block;object-fit:contain}


/* --- index-12.css --- */
#cbaPushPrompt{position:fixed;inset:0;z-index:2147483000;align-items:center;justify-content:center;padding:18px;isolation:isolate}
#cbaPushPrompt:not(.hidden){display:flex!important}
#cbaPushPrompt.hidden{display:none!important}
#cbaPushPrompt .cba-push-backdrop{position:absolute;inset:0;background:rgba(4,18,29,.56);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
#cbaPushPrompt .cba-push-card{position:relative;z-index:1;width:min(100%,430px);display:flex;gap:13px;align-items:flex-start;background:rgba(255,255,255,.99);border:1px solid rgba(0,75,129,.12);border-radius:24px;padding:18px;box-shadow:0 28px 90px rgba(2,30,52,.34);animation:cbaPushEnter .28s cubic-bezier(.2,.8,.2,1)}
#cbaPushPrompt .cba-push-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:#e9f6ff;color:#004b81}
#cbaPushPrompt .cba-push-icon .material-icons-round{font-size:24px}
@keyframes cbaPushEnter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:640px){#cbaPushPrompt{align-items:flex-end;padding:14px 12px calc(14px + env(safe-area-inset-bottom))}#cbaPushPrompt .cba-push-card{border-radius:24px 24px 20px 20px;padding:17px 15px}#cbaPushPromptEnable{min-height:46px}#cbaPushPromptLater{min-height:46px}}
@media(prefers-reduced-motion:reduce){#cbaPushPrompt .cba-push-card{animation:none}}


/* --- index-13.css --- */
:root{--cba-dark-bg:#0d1512;--cba-dark-surface:#14201b;--cba-dark-surface-2:#192820;--cba-dark-border:rgba(220,239,228,.12);--cba-dark-text:#eef7f1;--cba-dark-muted:#a9bbb0;--cba-dark-accent:#6fc490}
#cbaThemeToggle{position:relative;overflow:hidden}
#cbaThemeToggle .material-icons-round{transition:transform .28s ease,opacity .2s ease}
html[data-theme="dark"] body{background:radial-gradient(circle at 80% -10%,rgba(79,140,105,.13),transparent 34%),var(--cba-dark-bg)!important;color:var(--cba-dark-text)!important}
html[data-theme="dark"] header{background:rgba(13,21,18,.88)!important;border-color:var(--cba-dark-border)!important}
html[data-theme="dark"] .bg-white{background-color:var(--cba-dark-surface)!important}
html[data-theme="dark"] .bg-ula-bg{background-color:var(--cba-dark-bg)!important}
html[data-theme="dark"] .bg-ula-greenLight{background-color:rgba(79,140,105,.17)!important}
html[data-theme="dark"] .border-ula-line{border-color:var(--cba-dark-border)!important}
html[data-theme="dark"] .text-ula-text{color:var(--cba-dark-text)!important}
html[data-theme="dark"] .text-ula-sub{color:var(--cba-dark-muted)!important}
html[data-theme="dark"] .cba-brand-name{color:var(--cba-dark-text)!important}
html[data-theme="dark"] section.bg-white,html[data-theme="dark"] footer{background:var(--cba-dark-surface)!important}
html[data-theme="dark"] .cba-card,html[data-theme="dark"] .cat-card,html[data-theme="dark"] .masonry-item,html[data-theme="dark"] #como>div,html[data-theme="dark"] #comunidad .grid>div{background:var(--cba-dark-surface)!important;border-color:var(--cba-dark-border)!important;box-shadow:0 14px 36px rgba(0,0,0,.16)!important}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:var(--cba-dark-surface-2)!important;color:var(--cba-dark-text)!important;border-color:var(--cba-dark-border)!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#82968a!important}
html[data-theme="dark"] #detailPanel,html[data-theme="dark"] #publishSheet>div:last-child,html[data-theme="dark"] #loginModal>div:last-child{background:var(--cba-dark-surface)!important;color:var(--cba-dark-text)!important}
html[data-theme="dark"] #chatModal .cba-chat-shell{background:#101b16!important;border-color:var(--cba-dark-border)!important;box-shadow:0 -22px 70px rgba(0,0,0,.48)!important}
html[data-theme="dark"] .cba-chat-head{background:linear-gradient(180deg,#16231d 0%,#111c17 100%)!important;border-color:var(--cba-dark-border)!important}
html[data-theme="dark"] #chatMessages{background:radial-gradient(circle at 15% 0%,rgba(79,140,105,.08),transparent 35%),#0e1813!important}
html[data-theme="dark"] .cba-chat-compose{background:rgba(20,32,27,.98)!important;border-color:var(--cba-dark-border)!important;box-shadow:0 -8px 30px rgba(0,0,0,.2)!important}
html[data-theme="dark"] .cba-chat-day span{background:#1b2922!important;color:var(--cba-dark-muted)!important;border-color:var(--cba-dark-border)!important;box-shadow:none!important}
html[data-theme="dark"] .cba-chat-post-pill{background:rgba(79,140,105,.18)!important;color:#91d6aa!important}
html[data-theme="dark"] .cba-chat-avatar-wrap:after{border-color:#16231d!important}
html[data-theme="dark"] .cba-chat-empty-icon{background:var(--cba-dark-surface-2)!important;border-color:var(--cba-dark-border)!important;box-shadow:none!important}
html[data-theme="dark"] #cbaPushPrompt .cba-push-card{background:#16231d!important;border-color:var(--cba-dark-border)!important;color:var(--cba-dark-text)!important}
html[data-theme="dark"] #cbaPushPrompt .cba-push-icon{background:rgba(79,140,105,.18)!important;color:#91d6aa!important}
html[data-theme="dark"] #cbaInboxBtn.cba-has-unread{background:rgba(79,140,105,.17)!important;border-color:rgba(111,196,144,.42)!important}
html[data-theme="dark"] #cbaInboxModal>div{background:var(--cba-dark-surface)!important;color:var(--cba-dark-text)!important}
html[data-theme="dark"] .shadow,html[data-theme="dark"] .shadow-lg,html[data-theme="dark"] .shadow-xl,html[data-theme="dark"] .shadow-2xl{--tw-shadow-color:rgba(0,0,0,.34)!important}
html[data-theme="dark"] .bg-blue-50{background:rgba(11,99,165,.14)!important}html[data-theme="dark"] .border-blue-200{border-color:rgba(99,183,230,.22)!important}
html[data-theme="dark"] .bg-green-50{background:rgba(79,140,105,.14)!important}html[data-theme="dark"] .border-green-200{border-color:rgba(111,196,144,.22)!important}
html[data-theme="dark"] .bg-amber-50{background:rgba(245,158,11,.12)!important}html[data-theme="dark"] .border-amber-200{border-color:rgba(245,158,11,.22)!important}
html[data-theme="dark"] .cba-hero-local:before{opacity:.18!important;filter:brightness(1.5)}
html[data-theme="dark"] img:not(.cba-logo-img){filter:saturate(.94) brightness(.92)}
html[data-theme="dark"] #userAvatar,html[data-theme="dark"] #chatAvatar{filter:none!important}
html[data-theme="dark"] .cba-feature{background:var(--cba-dark-surface)!important;border-color:var(--cba-dark-border)!important;color:var(--cba-dark-text)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
html[data-theme="dark"] .cba-feature .material-icons-round{background:rgba(111,196,144,.14)!important;color:#91d6aa!important}
html[data-theme="dark"] .cba-feature p{color:var(--cba-dark-muted)!important}
html[data-theme="dark"] .cba-faq details{background:var(--cba-dark-surface)!important;border-color:var(--cba-dark-border)!important;color:var(--cba-dark-text)!important}
html[data-theme="dark"] .cba-faq details[open]{border-color:rgba(111,196,144,.35)!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important}
html[data-theme="dark"] .cba-faq summary{color:var(--cba-dark-text)!important}
html[data-theme="dark"] .cba-faq summary:after{color:#91d6aa!important}
html[data-theme="dark"] .cba-faq details p{color:var(--cba-dark-muted)!important}
@media (prefers-reduced-motion:reduce){#cbaThemeToggle .material-icons-round{transition:none}}


/* --- index-14.css --- */
.cba-post-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cba-post-type-btn{border:1px solid #e5e5e5;border-radius:16px;padding:12px;display:flex;align-items:center;gap:9px;text-align:left;background:#fff;transition:.18s ease}.cba-post-type-btn .material-icons-round{font-size:22px;color:#64748b}.cba-post-type-btn strong{display:block;font:800 13px/1.1 Montserrat,Inter,sans-serif}.cba-post-type-btn small{display:block;margin-top:3px;font-size:10px;color:#64748b}.cba-post-type-btn.active{border-color:#007DB3;background:#eef8fc;box-shadow:0 0 0 2px rgba(0,125,179,.08)}.cba-post-type-btn.active .material-icons-round{color:#007DB3}.cba-post-type-btn[data-post-type="request"].active{border-color:#F07E07;background:#fff7ed}.cba-post-type-btn[data-post-type="request"].active .material-icons-round{color:#F07E07}.cba-post-type-badge{position:absolute;top:8px;left:8px;border-radius:999px;padding:5px 9px;font:900 9px/1 Montserrat,Inter,sans-serif;letter-spacing:.08em;box-shadow:0 2px 8px rgba(0,0,0,.14)}.cba-type-offer{background:#007DB3;color:#fff}.cba-type-request{background:#F07E07;color:#fff}.cba-detail-type{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font:900 10px/1 Montserrat,Inter,sans-serif;letter-spacing:.07em}.cba-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #eef0f2}.cba-card-contact{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;background:#007DB3;color:#fff;padding:7px 10px;font:900 10px/1 Montserrat,Inter,sans-serif;white-space:nowrap}.cba-card-contact .material-icons-round{font-size:14px}.cba-own-post{font-size:9px;font-weight:800;color:#76838c;white-space:nowrap}.cba-request-mode #pCond{display:none}.cba-request-mode #imgPreviewBox span:nth-child(2)::after{content:" (puede ser una foto de referencia)";font-weight:500;color:#64748b}
html[data-theme="dark"] .cba-post-type-btn{background:#15231f;border-color:#2b4038}html[data-theme="dark"] .cba-post-type-btn small{color:#9db0a8}html[data-theme="dark"] .cba-post-type-btn.active{background:#102d34}html[data-theme="dark"] .cba-post-type-btn[data-post-type="request"].active{background:#352313}html[data-theme="dark"] .cba-card-footer{border-top-color:#2b4038}


/* --- index-20.css --- */
/* CBA Circular V48 — interfaz reconstruida a partir de las referencias visuales del usuario. */
:root{
  --v48-green:#2f8b3c;
  --v48-green-2:#1f7a34;
  --v48-green-3:#0f5f2a;
  --v48-green-soft:#eef8ef;
  --v48-blue:#1f5fbf;
  --v48-ink:#132035;
  --v48-muted:#677286;
  --v48-line:#e5e9ed;
  --v48-bg:#f7f8f7;
  --v48-panel:#ffffff;
  --v48-shadow:0 8px 28px rgba(24,38,30,.07);
  --v48-shadow-soft:0 3px 14px rgba(24,38,30,.055);
  --v48-radius:16px;
}
html{scroll-behavior:smooth;background:var(--v48-bg)}
body.v48-body{margin:0!important;background:var(--v48-bg)!important;color:var(--v48-ink)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow-x:hidden}
body.v48-body *{box-sizing:border-box}
.v48-shell{min-height:100vh;display:grid;grid-template-columns:216px minmax(0,1fr);background:var(--v48-bg)}

/* LEFT SIDEBAR */
.v48-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--v48-line);padding:22px 12px 18px;display:flex;flex-direction:column;z-index:42;overflow-y:auto;scrollbar-width:none}
.v48-sidebar::-webkit-scrollbar{display:none}
.v48-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--v48-ink);padding:0 5px 23px}
.v48-brand-logo{width:42px;height:42px;object-fit:contain;flex:0 0 auto}
.v48-brand-copy{display:flex;min-width:0;flex-direction:column;line-height:.92}
.v48-brand-copy strong{font-family:"Maven Pro",Inter,sans-serif;font-size:22px;letter-spacing:-.6px;font-weight:900;color:#132a20;font-style:normal}
.v48-brand-copy strong em{color:var(--v48-green);font-style:normal}
.v48-brand-copy small{margin-top:5px;font-size:8px;letter-spacing:.9px;font-weight:700;color:#606b69}
.v48-side-nav{display:flex;flex-direction:column;gap:5px}
.v48-side-nav a,.v48-side-nav button{width:100%;min-height:45px;border:0;background:transparent;color:#283446;border-radius:11px;display:flex;align-items:center;gap:13px;padding:0 14px;font:600 13px/1 Inter,sans-serif;text-decoration:none;text-align:left;cursor:pointer;transition:.18s ease}
.v48-side-nav a .material-icons-round,.v48-side-nav button .material-icons-round{font-size:19px;color:#556174}
.v48-side-nav a:hover,.v48-side-nav button:hover,.v48-side-nav a.active{background:#f1f3f2;color:var(--v48-green-2)}
.v48-side-nav a.active .material-icons-round{color:var(--v48-green)}
.v48-side-card{border:1px solid var(--v48-line);border-radius:12px;background:linear-gradient(145deg,#fff,#fbfdfb);padding:14px;margin-top:26px;box-shadow:0 2px 8px rgba(28,45,35,.02)}
.v48-side-card-head{display:flex;justify-content:space-between;align-items:center}
.v48-side-card-head strong,.v48-donor-card>strong{font-size:12px;color:#274435}.v48-side-card-head .material-icons-round{font-size:22px;color:var(--v48-green)}
.v48-side-card>small{display:block;color:#89928d;font-size:10px;margin-top:2px}
.v48-impact-number{margin-top:13px;display:flex;flex-direction:column}.v48-impact-number b{font-size:15px;color:var(--v48-green-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v48-impact-number span{font-size:9.5px;color:#6e7873;margin-top:2px}
.v48-side-card button{width:100%;margin-top:12px;border:1px solid #cce2cf;background:#f4fbf5;border-radius:7px;padding:7px 8px;font-size:10px;font-weight:800;color:var(--v48-green-2);cursor:pointer}
.v48-donor-card{text-align:left;margin-top:102px}.v48-trophy{text-align:center;font-size:46px;margin:17px 0 8px;filter:drop-shadow(0 4px 7px rgba(221,166,31,.18))}.v48-donor-card p{font-size:10px;line-height:1.55;color:#66716c}.v48-donor-card button{background:var(--v48-blue);color:#fff;border-color:var(--v48-blue);border-radius:6px}
.v48-sidebar-spacer{flex:1;min-height:36px}.v48-sidebar-footer{padding:0 10px;display:flex;flex-direction:column;gap:8px}.v48-mini-brand{display:flex;align-items:center;gap:7px;color:var(--v48-green-2);font-size:12px}.v48-mini-brand img{width:25px;height:25px}.v48-sidebar-footer p{font-size:9px;line-height:1.5;color:#67736e;margin:0}.v48-sidebar-footer a{font-size:9px;color:#78827e;text-decoration:none}.v48-sidebar-footer small{font-size:8px;color:#97a09c;margin-top:10px}.v48-socials{display:flex;gap:14px;font-size:12px;color:#50605a}

/* STAGE / TOPBAR */
.v48-stage{min-width:0;display:flex;flex-direction:column}
.v48-topbar{height:80px;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid #edf0f1;display:grid;grid-template-columns:180px minmax(240px,1fr) auto;align-items:center;gap:22px;padding:0 27px}
.v48-location{height:38px;border:1px solid var(--v48-line);border-radius:10px;background:#fff;color:#243044;display:flex;align-items:center;gap:7px;padding:0 12px;min-width:0;font-size:12px;font-weight:600;cursor:pointer;box-shadow:var(--v48-shadow-soft)}
.v48-location .material-icons-round{font-size:19px;color:var(--v48-green)}.v48-location .chevron{font-size:16px;color:#677286;margin-left:auto}.v48-location #locLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v48-top-search{height:38px;max-width:430px;width:100%;justify-self:center;border:1px solid var(--v48-line);background:#fafbfb;border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:8px}.v48-top-search .material-icons-round{font-size:20px;color:#8a94a5}.v48-top-search input{border:0!important;outline:0!important;background:transparent!important;width:100%;font:400 12px Inter,sans-serif;color:var(--v48-ink)!important;padding:0!important}.v48-top-search input::placeholder{color:#929aa7}
.v48-top-actions{display:flex;align-items:center;gap:10px;justify-self:end}.v48-icon-btn{width:38px;height:38px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#172338}.v48-icon-btn:hover{background:#f2f5f3}.v48-icon-btn .material-icons-round{font-size:21px}.v48-auth-area{display:flex;align-items:center}.v48-login-btn{height:38px;border:1px solid #cbded0;background:white;border-radius:9px;padding:0 13px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#264334;cursor:pointer}.v48-login-btn img{width:15px;height:15px}.v48-user{display:flex;align-items:center;gap:7px;padding-left:3px}.v48-user>img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #e3e7e5}.v48-user>span{max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.v48-user>a,.v48-user>button{width:28px;height:28px;border:0;background:#f4f6f5;border-radius:50%;display:grid;place-items:center;color:#48544f}.v48-user .material-icons-round{font-size:15px}.v48-mobile-menu,.v48-mobile-brand{display:none}
.v48-mobile-drawer{position:fixed;z-index:70;top:66px;left:10px;right:10px;background:#fff;border:1px solid var(--v48-line);box-shadow:0 18px 50px rgba(0,0,0,.16);border-radius:14px;padding:10px}.v48-mobile-drawer a,.v48-mobile-drawer button{width:100%;min-height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;background:transparent;border:0;border-radius:9px;color:#243044;text-decoration:none;font-weight:700;font-size:13px}.v48-mobile-drawer a:hover,.v48-mobile-drawer button:hover{background:#f2f5f3}

/* THREE-COLUMN PAGE */
.v48-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:14px;padding:0 16px 24px 16px;align-items:start;max-width:1440px;width:100%;margin:0 auto}.v48-main{min-width:0}.v48-right-rail{width:274px;position:sticky;top:94px;align-self:start;display:flex;flex-direction:column;gap:14px;padding-top:14px}

/* HERO */
.v48-hero{height:370px;margin-top:0;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 42%;overflow:hidden;position:relative;border-bottom:1px solid var(--v48-line)}
.v48-hero-copy{padding:35px 14px 23px 26px;position:relative;z-index:2}.v48-leaf-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--v48-green);background:#f1f8f2;margin-bottom:8px}.v48-leaf-mark .material-icons-round{font-size:25px}
.v48-hero h1{font-family:"Maven Pro",Inter,sans-serif;font-size:44px;line-height:.99;letter-spacing:-2px;margin:0;color:#132035;font-weight:900}.v48-hero h1 em{font-style:normal;color:#368f42}.v48-hero>div:first-child:after{content:"";position:absolute;inset:0 -70px 0 auto;width:160px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.58),transparent);pointer-events:none;z-index:-1}
.v48-underline{width:64px;height:4px;border-radius:999px;background:var(--v48-blue);transform:rotate(-4deg);margin:7px 0 10px 205px}.v48-hero-copy>p{font-size:12px;line-height:1.5;color:#687482;margin:0 0 19px;max-width:380px}.v48-trust-row{display:flex;gap:22px;flex-wrap:wrap}.v48-trust-row>div{display:flex;gap:7px;align-items:center;min-width:92px}.v48-trust-row .material-icons-round{width:30px;height:30px;border-radius:50%;background:#eff7f0;color:var(--v48-green);display:grid;place-items:center;font-size:16px}.v48-trust-row p{margin:0;display:flex;flex-direction:column;line-height:1.2}.v48-trust-row b{font-size:10.5px;color:#273449}.v48-trust-row small{font-size:8.5px;color:#7a838f;margin-top:2px}.v48-hero-visual{min-width:0;overflow:hidden;background:#f7f5f0}.v48-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:56% 53%;display:block;filter:saturate(.92) contrast(.98)}.v48-hero-actions-mobile{display:none}.v48-desktop-only{display:block}

/* FILTERS & CATEGORIES */
.v48-filter-panel{margin:14px 0 0;background:#fff;border:1px solid #edf0ee;border-radius:14px;padding:12px;box-shadow:0 4px 16px rgba(31,55,40,.025)}.v48-shared-banner{display:none;border:1px solid #cee7d3;background:#f3fbf4;border-radius:9px;padding:8px 10px;margin-bottom:9px;align-items:center;gap:7px;font-size:10px;color:#3f5747}.v48-shared-banner .material-icons-round{font-size:16px;color:var(--v48-green)}.v48-shared-banner:not(.hidden){display:flex}
.v48-filter-row{display:grid;grid-template-columns:minmax(180px,1fr) 160px 145px 85px;gap:10px}.v48-search-field{height:40px;border:1px solid var(--v48-line);border-radius:8px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px}.v48-search-field .material-icons-round{font-size:18px;color:#7f8998}.v48-search-field input{min-width:0;width:100%;border:0!important;outline:0!important;background:transparent!important;font-size:11px!important;color:var(--v48-ink)!important;padding:0!important}.v48-select-like,.v48-search-btn{height:40px;border:1px solid var(--v48-line);border-radius:8px;background:#fff;color:#394456;padding:0 12px;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.v48-select-like .material-icons-round{font-size:17px}.v48-search-btn{justify-content:center;background:linear-gradient(180deg,#399a48,#278239);color:white;border-color:#278239;font-weight:800;box-shadow:0 4px 12px rgba(47,139,60,.16)}
.v48-category-strip{display:flex!important;grid-template-columns:none!important;gap:9px!important;overflow-x:auto;padding:13px 1px 1px;scrollbar-width:none}.v48-category-strip::-webkit-scrollbar{display:none}.v48-category-strip .cat-card{min-width:58px!important;width:58px!important;border:0!important;background:transparent!important;border-radius:10px!important;padding:0!important;box-shadow:none!important;color:#334052!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important}.v48-category-strip .cat-card>div{width:36px!important;height:36px!important;border:1px solid #e4e9e5!important;background:#f9faf9!important;color:#26323b!important;box-shadow:0 2px 7px rgba(30,45,35,.035)!important}.v48-category-strip .cat-card:hover>div{border-color:#c4ddc9!important;background:#f0f8f2!important;color:var(--v48-green)!important}.v48-category-strip .cat-card>span{font-family:Inter,sans-serif!important;font-size:8.5px!important;font-weight:600!important;margin-top:0!important;white-space:nowrap;color:#3f4957!important}.v48-category-strip .cat-card .material-icons-round{font-size:18px!important}.v48-hidden-filters{display:none!important}

/* FEED */
.v48-feed{position:relative;padding:25px 0 0}.v48-feed-meta{position:absolute;right:0;top:7px;font-size:9px;color:#85908c;display:flex;align-items:center;gap:5px}.v48-live-dot{width:6px;height:6px;border-radius:50%;background:#34a04b;box-shadow:0 0 0 3px #eaf7ed}.v48-feed-section+ .v48-feed-section{margin-top:25px}.v48-section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 11px}.v48-section-title>div{display:flex;align-items:baseline;gap:12px;min-width:0}.v48-section-title h2{font-family:"Maven Pro",Inter,sans-serif;margin:0;font-size:18px;font-weight:900;letter-spacing:-.35px;color:#172335;white-space:nowrap}.v48-section-title p{font-size:9px;color:#89918f;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v48-section-title button{border:0;background:transparent;color:var(--v48-blue);font-weight:700;font-size:9.5px;cursor:pointer;white-space:nowrap}
.v48-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;columns:auto!important}.v48-card-grid>.masonry-item{break-inside:auto!important;margin:0!important;width:auto!important}
.v48-card-grid .cba-card{border:1px solid #e7eae8!important;border-radius:10px!important;overflow:hidden!important;background:white!important;box-shadow:0 2px 8px rgba(28,45,35,.035)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}.v48-card-grid .cba-card:hover{transform:translateY(-2px);border-color:#d4e3d6!important;box-shadow:0 9px 22px rgba(31,53,39,.09)!important}.v48-card-grid .cba-post-image{width:100%!important;height:118px!important;aspect-ratio:auto!important;object-fit:cover!important;display:block!important}.v48-card-grid .cba-card>div:last-child{padding:8px 8px 7px!important}.v48-card-grid .cba-card .font-mont{font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:-.1px}.v48-card-grid .cba-post-type-badge{font-size:7px!important;padding:2px 5px!important;border-radius:4px!important;top:auto!important;bottom:-18px!important;left:8px!important;right:auto!important;background:#eff8f0!important;color:#30833c!important;box-shadow:none!important}.v48-card-grid [data-fav]{width:27px!important;height:27px!important;top:7px!important;right:7px!important}.v48-card-grid [data-fav] .material-icons-round{font-size:16px!important}.v48-card-grid .cba-status{font-size:7px!important}.v48-card-grid .text-ula-sub{font-size:8.5px!important;color:#7b8490!important}.v48-card-grid .cba-card-footer{margin-top:7px!important;padding-top:6px!important;border-top:1px solid #f0f2f1!important;display:flex!important;align-items:center!important}.v48-card-grid .cba-card-footer img{display:none!important}.v48-card-grid .cba-card-footer span{font-size:8.5px!important}.v48-card-grid .cba-card-contact{border:0!important;background:transparent!important;color:#283445!important;padding:0!important;font-size:8.5px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:4px!important}.v48-card-grid .cba-card-contact .material-icons-round{font-size:12px!important}.v48-card-grid .cba-own-post{font-size:7.5px!important;color:#368c41!important}.v48-empty{border:1px dashed #d8e2da;border-radius:14px;background:#fff;text-align:center;padding:36px 18px;margin-top:10px}.v48-empty>.material-icons-round{font-size:30px;color:var(--v48-green)}.v48-empty h3{margin:8px 0 4px;font-size:15px}.v48-empty p{font-size:10.5px;color:#7b8581}.v48-empty button{margin-top:8px;border:0;border-radius:8px;background:var(--v48-green);color:#fff;padding:9px 13px;font-weight:800;font-size:10px}

/* ECO STRIP + LOWER INFO */
.v48-eco-strip{margin-top:22px;border:1px solid #e5ebdf;border-radius:18px;background:radial-gradient(circle at 10% 20%,rgba(205,230,185,.34),transparent 34%),linear-gradient(110deg,#f5f9ef,#fbfcf9);display:grid;grid-template-columns:1.4fr repeat(4,.8fr);align-items:center;gap:8px;padding:20px 22px;min-height:126px;overflow:hidden}.v48-eco-intro h2{font-family:"Maven Pro",Inter,sans-serif;font-size:17px;line-height:1.14;color:#24612e;margin:0}.v48-eco-intro p{font-size:9.5px;line-height:1.5;color:#637168;margin:7px 0 10px;max-width:230px}.v48-eco-intro button{border:0;background:#3b9548;color:#fff;border-radius:6px;padding:7px 10px;font-size:8.5px;font-weight:800}.v48-eco-point{text-align:center;display:flex;flex-direction:column;align-items:center}.v48-eco-point>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#edf6e8;font-size:23px;margin-bottom:6px}.v48-eco-point b{font-size:10px;color:#2e7639}.v48-eco-point small{font-size:8px;color:#657269;line-height:1.35;margin-top:3px;max-width:90px}.v48-lower-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.v48-lower-info article{background:white;border:1px solid var(--v48-line);border-radius:12px;padding:14px;display:flex;gap:10px}.v48-lower-info .material-icons-round{color:var(--v48-green);font-size:22px}.v48-lower-info b{font-size:11px}.v48-lower-info p{font-size:9px;line-height:1.45;color:#75807b;margin:4px 0 0}.v48-faq{margin-top:12px;background:#fff;border:1px solid var(--v48-line);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.v48-faq b{font-size:11px}.v48-faq a{font-size:9.5px;color:var(--v48-blue);text-decoration:none;font-weight:700}

/* RIGHT RAIL */
.v48-rail-actions{height:61px;display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:center}.v48-rail-actions button{height:41px;border:0;border-radius:8px;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 4px 13px rgba(20,50,30,.12)}.v48-rail-actions .material-icons-round{font-size:17px}.v48-rail-actions .donate{background:linear-gradient(180deg,#3b994a,#2b853c)}.v48-rail-actions .ask{background:linear-gradient(180deg,#2c68c3,#1e55a8)}
.v48-rail-card{background:#fff;border:1px solid var(--v48-line);border-radius:13px;padding:15px;box-shadow:0 2px 10px rgba(30,46,36,.02);position:relative;overflow:hidden}.v48-rail-card h3{font-size:12px;margin:0;color:#263349}.v48-online{font-size:8.5px;color:#79837f;margin-top:5px}.v48-online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#28a142;margin-right:4px}.v48-stats{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:17px}.v48-stats>div{min-width:0;padding:0 8px;border-right:1px solid #edf0ee;display:flex;flex-direction:column}.v48-stats>div:first-child{padding-left:0}.v48-stats>div:last-child{border-right:0;padding-right:0}.v48-stats b{font-size:15px;color:var(--v48-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v48-stats small{font-size:7px;color:#69736f;margin-top:3px;line-height:1.25}.v48-avatar-stack{margin-top:15px;display:flex;align-items:center}.v48-avatar-stack span{width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:linear-gradient(135deg,#dbeadb,#9fcea7);display:grid;place-items:center;font-size:7px;font-weight:800;color:#24582d;margin-right:-7px}.v48-avatar-stack span:last-child{width:auto;min-width:58px;padding:0 8px;border-radius:999px;background:#f2f4f3;color:#58645f;margin-left:13px;border:0}.v48-community-card>p{font-size:8.8px;line-height:1.5;color:#65716c;margin:13px 0 0}.v48-rail-green{min-height:218px;background:linear-gradient(145deg,#338f42,#17742f);border-radius:14px;padding:24px 17px 18px;color:white;position:relative;overflow:hidden}.v48-rail-green:before,.v48-rail-green:after{content:"";position:absolute;width:86px;height:86px;border-radius:100% 0 100% 0;background:rgba(117,196,98,.24);transform:rotate(28deg)}.v48-rail-green:before{right:-34px;top:-28px}.v48-rail-green:after{left:-60px;bottom:-52px}.v48-rail-leaf{position:absolute;right:18px;top:11px;font-size:44px;color:rgba(115,196,94,.3);transform:rotate(-35deg)}.v48-rail-green h2{font-family:"Maven Pro",Inter,sans-serif;font-size:20px;line-height:1.02;margin:0 0 13px;position:relative;z-index:1}.v48-rail-green p{font-size:10px;line-height:1.55;max-width:210px;color:rgba(255,255,255,.92);margin:0 0 19px;position:relative;z-index:1}.v48-rail-green button{width:100%;height:40px;border:0;border-radius:7px;background:#fff;color:#2d8039;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:0 14px;position:relative;z-index:1;cursor:pointer}.v48-rail-green button .material-icons-round{font-size:17px}
.v48-how-card h3{color:var(--v48-blue)}.v48-how-card .muted{font-size:8.5px;color:#87918c;margin:5px 0 13px}.v48-how-card ol{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:12px}.v48-how-card li{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start}.v48-how-card li>span{width:27px;height:27px;border-radius:50%;background:#eff5fd;color:var(--v48-blue);font-size:10px;font-weight:800;display:grid;place-items:center}.v48-how-card li div{display:flex;flex-direction:column}.v48-how-card li b{font-size:9.5px;color:#2c65b5}.v48-how-card li small{font-size:8px;line-height:1.4;color:#6f7975;margin-top:2px}.v48-how-card>button{margin-top:15px;width:100%;height:34px;border:1px solid #e2e7e4;background:#fff;border-radius:6px;color:var(--v48-blue);font-size:9px;font-weight:800}.v48-news-card{min-height:150px}.v48-news-card h3{font-size:11px}.v48-news-card>p{font-size:8.5px;line-height:1.5;color:#6c7772;max-width:165px}.v48-news-form{max-width:165px;display:flex;flex-direction:column;gap:6px}.v48-news-form input{height:30px;border:1px solid var(--v48-line)!important;border-radius:6px;padding:0 9px!important;background:#fff!important;font-size:8.5px!important}.v48-news-form button{height:30px;border:0;border-radius:6px;background:#319344;color:#fff;font-size:8.5px;font-weight:800}.v48-gift{position:absolute;right:7px;bottom:25px;font-size:44px}

/* FOOTER + MOBILE NAV */
.v48-footer{margin:10px 16px 0;border-top:1px solid var(--v48-line);padding:20px 8px 38px;display:flex;align-items:center;justify-content:space-between;color:#6c7772}.v48-footer>div{display:flex;align-items:center;gap:7px;font-size:10px}.v48-footer img{width:25px;height:25px}.v48-footer>div span{padding-left:10px;margin-left:8px;border-left:1px solid #dfe4e1;font-size:8px}.v48-footer nav{display:flex;gap:16px}.v48-footer a{font-size:8.5px;color:#6c7772;text-decoration:none}.v48-bottom-nav{display:none}

/* Legacy modals keep functioning but inherit a more coherent green treatment. */
#publishSheet>div:last-child,#loginModal>div:last-child,#chatModal .cba-chat-shell,#neighborhoodModal .cba-neighborhood-panel,#detailPanel{border-radius:22px!important}
#publishSheet .bg-ula-green,#loginModal .bg-ula-green,#neighborhoodModal .bg-ula-green,#detailPanel .bg-ula-green{background:var(--v48-green)!important}

/* Dark mode */
html[data-theme="dark"] body.v48-body{--v48-bg:#101713;--v48-panel:#17211c;--v48-ink:#eef5f0;--v48-muted:#a7b5ad;--v48-line:#29362f;background:#101713!important;color:#eef5f0!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:#17211c!important;border-color:#29362f!important;color:#eef5f0!important}
html[data-theme="dark"] .v48-brand-copy strong,html[data-theme="dark"] .v48-side-nav a,html[data-theme="dark"] .v48-side-nav button,html[data-theme="dark"] .v48-section-title h2,html[data-theme="dark"] .v48-hero h1,html[data-theme="dark"] .v48-rail-card h3{color:#eef5f0!important}
html[data-theme="dark"] .v48-location,html[data-theme="dark"] .v48-top-search,html[data-theme="dark"] .v48-search-field,html[data-theme="dark"] .v48-select-like,html[data-theme="dark"] .v48-category-strip .cat-card>div{background:#1d2922!important;border-color:#304037!important;color:#eef5f0!important}
html[data-theme="dark"] .v48-top-search input,html[data-theme="dark"] .v48-search-field input{color:#eef5f0!important;background:transparent!important}
html[data-theme="dark"] .v48-hero>div:first-child:after{background:linear-gradient(90deg,#17211c,rgba(23,33,28,.48),transparent)}
html[data-theme="dark"] .v48-eco-strip{background:linear-gradient(110deg,#17241c,#16201b)!important;border-color:#2b3a31!important}
html[data-theme="dark"] .v48-sidebar-footer a,html[data-theme="dark"] .v48-sidebar-footer p,html[data-theme="dark"] .v48-section-title p{color:#97a79e!important}

/* Mid-size desktop: keep the reference-like 3-column composition but tighten it. */
@media (max-width:1320px){
  .v48-shell{grid-template-columns:194px minmax(0,1fr)}.v48-sidebar{padding-left:9px;padding-right:9px}.v48-brand-copy strong{font-size:20px}.v48-page-grid{grid-template-columns:minmax(0,1fr) 246px;padding-left:12px;padding-right:12px;gap:12px}.v48-right-rail{width:246px}.v48-topbar{grid-template-columns:165px minmax(180px,1fr) auto;padding:0 18px;gap:13px}.v48-hero{height:350px}.v48-hero h1{font-size:39px}.v48-hero-copy{padding-left:20px}.v48-filter-row{grid-template-columns:minmax(160px,1fr) 145px 128px 78px}.v48-card-grid{gap:8px!important}.v48-card-grid .cba-post-image{height:106px!important}.v48-donor-card{margin-top:55px}.v48-rail-card{padding:13px}.v48-stats{gap:0}.v48-stats>div{padding:0 5px}.v48-stats b{font-size:13px}
}

/* Tablet / compact desktop: switch to one central column with top nav. */
@media (max-width:1080px){
  .v48-shell{display:block}.v48-sidebar{display:none}.v48-stage{width:100%}.v48-topbar{height:68px;grid-template-columns:auto minmax(0,1fr) auto;padding:0 12px;gap:10px}.v48-mobile-menu{display:grid;width:38px;height:38px;border:1px solid var(--v48-line);background:#fff;border-radius:10px;place-items:center}.v48-mobile-brand{display:flex;align-items:center;gap:6px;color:#1d5f2b;text-decoration:none;font-size:13px}.v48-mobile-brand img{width:28px;height:28px}.v48-location{display:none}.v48-top-search{max-width:none;justify-self:stretch}.v48-top-actions>.v48-icon-btn:nth-of-type(2),.v48-top-actions>.v48-icon-btn:nth-of-type(3){display:none}.v48-page-grid{display:block;max-width:920px;padding:0 14px 30px}.v48-right-rail{position:static;width:auto;display:grid;grid-template-columns:1fr 1fr;margin-top:18px;padding-top:0}.v48-rail-actions{grid-column:1/-1}.v48-hero{border-radius:0 0 16px 16px}.v48-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v48-footer{margin-left:14px;margin-right:14px}
}

/* Mobile */
@media (max-width:720px){
  body.v48-body{padding-bottom:76px!important}.v48-topbar{grid-template-columns:auto 1fr auto;height:62px;position:sticky}.v48-mobile-brand strong{display:none}.v48-top-search{height:36px}.v48-top-actions{gap:3px}.v48-top-actions>.v48-icon-btn{display:none}.v48-login-btn{width:37px;height:37px;padding:0;border-radius:50%;font-size:0}.v48-login-btn img{width:18px}.v48-user>span,.v48-user>a,.v48-user>button{display:none}.v48-user>img{width:36px;height:36px}.v48-page-grid{padding:0 10px 20px}.v48-hero{height:auto;min-height:430px;display:block;border-radius:0 0 18px 18px;overflow:hidden;background:#fff}.v48-hero-copy{padding:23px 18px 160px}.v48-hero h1{font-size:36px;line-height:1;letter-spacing:-1.4px}.v48-underline{margin-left:150px}.v48-hero-copy>p{font-size:11.5px}.v48-trust-row{gap:9px;display:grid;grid-template-columns:repeat(3,1fr)}.v48-trust-row>div{min-width:0}.v48-trust-row small{font-size:7.5px}.v48-hero-visual{position:absolute;left:0;right:0;bottom:0;height:170px}.v48-hero-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.15) 38%,transparent 70%)}.v48-hero-visual img{object-position:50% 63%}.v48-hero>div:first-child:after{display:none}.v48-hero-actions-mobile{display:flex;gap:8px;margin:14px 0 16px}.v48-hero-actions-mobile button{height:39px;border-radius:8px;padding:0 12px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:5px}.v48-hero-actions-mobile .material-icons-round{font-size:16px}.v48-primary{background:var(--v48-green);border:1px solid var(--v48-green);color:white}.v48-secondary{background:#fff;border:1px solid #2d65b6;color:#2d65b6}.v48-filter-panel{margin-top:10px;padding:10px}.v48-filter-row{grid-template-columns:1fr 78px}.v48-select-like:nth-of-type(1),.v48-select-like:nth-of-type(2){display:none}.v48-search-btn{display:flex}.v48-category-strip{gap:13px!important;padding-top:12px}.v48-category-strip .cat-card{min-width:54px!important;width:54px!important}.v48-feed{padding-top:25px}.v48-feed-meta{display:none}.v48-section-title{align-items:flex-start}.v48-section-title>div{display:block}.v48-section-title h2{font-size:18px}.v48-section-title p{font-size:8.5px;margin-top:2px}.v48-card-grid{display:flex!important;overflow-x:auto!important;grid-template-columns:none!important;gap:10px!important;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.v48-card-grid::-webkit-scrollbar{display:none}.v48-card-grid>.masonry-item{min-width:176px!important;width:176px!important;scroll-snap-align:start}.v48-card-grid .cba-post-image{height:114px!important}.v48-eco-strip{grid-template-columns:1fr 1fr;padding:16px 13px}.v48-eco-intro{grid-column:1/-1}.v48-eco-point>span{width:40px;height:40px}.v48-lower-info{grid-template-columns:1fr}.v48-faq{display:block}.v48-faq a{display:block;margin-top:4px}.v48-right-rail{display:block}.v48-right-rail>*{margin-bottom:10px}.v48-rail-actions{display:none}.v48-community-card,.v48-news-card{display:none}.v48-rail-green{min-height:190px}.v48-how-card{margin-top:0}.v48-footer{display:none}.v48-bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:65;width:min(100%,520px);height:70px;padding:5px 13px calc(5px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(18px);box-shadow:0 -8px 30px rgba(21,36,27,.08);display:grid;grid-template-columns:repeat(5,1fr);border-radius:20px 20px 0 0}.v48-bottom-nav a,.v48-bottom-nav button{border:0;background:transparent;text-decoration:none;color:#627068;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px}.v48-bottom-nav .material-icons-round{font-size:21px}.v48-bottom-nav small{font-size:8px;font-weight:600}.v48-bottom-nav .active{color:var(--v48-blue)}.v48-bottom-nav button:nth-child(3){transform:translateY(-18px)}.v48-bottom-nav button:nth-child(3) .material-icons-round{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:var(--v48-blue);color:white;font-size:29px;box-shadow:0 7px 18px rgba(31,95,191,.24);border:4px solid #fff}.v48-bottom-nav button:nth-child(3) small{color:var(--v48-blue);font-weight:800;margin-top:1px}html[data-theme="dark"] .v48-bottom-nav{background:rgba(23,33,28,.96)}
}

@media (max-width:420px){.v48-hero h1{font-size:32px}.v48-hero-copy{padding-left:15px;padding-right:15px}.v48-trust-row{gap:5px}.v48-trust-row .material-icons-round{width:27px;height:27px;font-size:14px}.v48-filter-panel{border-radius:12px}.v48-card-grid>.masonry-item{min-width:166px!important;width:166px!important}}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.v48-hidden-inbox-button{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.v48-card-grid>div:not(.masonry-item){grid-column:1/-1!important;width:100%!important}


/* --- index-23.css --- */
/* CBA Circular V51 — fondo orgánico azul + limpieza lateral solicitada. */
:root{
  --v51-bg:#f8fcff;
  --v51-soft:#eaf7ff;
  --v51-line:#dbeaf6;
}

/* Fondo inspirado en el mockup azul: hojas grandes, halos suaves y aire entre paneles. */
html{background:var(--v51-bg)!important}
body.v48-body{
  position:relative;
  background:
    radial-gradient(circle at 73% 8%,rgba(116,207,255,.13),transparent 22%),
    radial-gradient(circle at 31% 88%,rgba(161,225,255,.11),transparent 24%),
    linear-gradient(180deg,#fbfdff 0%,#f7fcff 48%,#fbfdff 100%)!important;
  isolation:isolate;
}
body.v48-body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:url('/assets/cba-background-leaves.svg');
  background-repeat:no-repeat;
  background-position:center top;
  background-size:max(1450px,100vw) auto;
  opacity:.74;
}
body.v48-body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 94% 44%,rgba(64,181,243,.075),transparent 17%),
    radial-gradient(circle at 9% 72%,rgba(90,194,248,.065),transparent 18%);
}

/* Dejamos ver el fondo decorativo entre los bloques, sin tocar la legibilidad. */
.v48-shell,.v48-stage,.v48-page-grid,.v48-main,.v48-right-rail{background:transparent!important}
.v48-page-grid{position:relative}
.v48-feed{position:relative}
.v48-filter-panel,.v48-rail-card,.v48-hero,.v48-sidebar,.v48-topbar{
  backdrop-filter:saturate(1.02) blur(2px);
}

/* Eliminados por pedido: no reaparecen aunque quede HTML viejo en alguna caché. */
.v48-donor-card,.v48-news-card{display:none!important}

/* El footer lateral ahora ocupa naturalmente el espacio libre después de Tu impacto. */
.v48-sidebar-spacer{min-height:26px!important;flex:1 1 auto!important}
.v48-sidebar-footer{padding-bottom:6px!important}

/* Un poco más de aire para que el fondo orgánico sea visible como en la referencia. */
.v48-feed{padding-bottom:4px!important}
.v48-eco-strip{position:relative;overflow:hidden}
.v48-eco-strip::before,
.v48-eco-strip::after{
  content:"";
  position:absolute;
  width:72px;height:34px;
  border-radius:100% 0 100% 0;
  background:linear-gradient(135deg,rgba(104,203,255,.24),rgba(184,235,255,.08));
  pointer-events:none;
}
.v48-eco-strip::before{left:-22px;top:-8px;transform:rotate(22deg)}
.v48-eco-strip::after{right:-20px;bottom:-9px;transform:rotate(205deg)}
.v48-eco-strip>*{position:relative;z-index:1}

@media (max-width:1080px){
  body.v48-body::before{background-size:1550px auto;opacity:.56}
}
@media (max-width:720px){
  body.v48-body::before{
    background-size:1120px auto;
    background-position:52% 0;
    opacity:.38;
  }
  body.v48-body::after{opacity:.55}
  .v48-eco-strip::before,.v48-eco-strip::after{opacity:.7}
}

html[data-theme="dark"] body.v48-body::before{opacity:.08;filter:saturate(.45) brightness(.8)}
html[data-theme="dark"] body.v48-body::after{opacity:.14}


/* --- index-24.css --- */
/* V52 — removal definitivo de módulos retirados */
.v48-donor-card,
.v48-news-card,
.v48-news-form,
[data-cba-module="donor-of-month"],
[data-cba-module="news-tips"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
/* Repartir el espacio libre naturalmente después de quitar esos módulos */
.v48-sidebar-spacer{min-height:32px!important;flex:1 1 auto!important}
.v48-right-rail{align-content:start!important}


/* --- index-25.css --- */
/* CBA Circular V55 — mobile-first UX polish.
   Goal: phone UI inspired by social/discovery apps while preserving the real CBA Circular flows. */

html{scroll-padding-top:96px;-webkit-tap-highlight-color:transparent}

@media (max-width:820px){
  :root{--v55-blue:#0d71dc;--v55-cyan:#1aa5f4;--v55-ink:#0c2a5b;--v55-soft:#f3f9ff;--v55-line:#dceafa}
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body.v48-body{
    min-width:0!important;
    padding:0 0 calc(86px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(480px 260px at 4% 8%,rgba(79,176,255,.14),transparent 70%),
      radial-gradient(430px 250px at 98% 16%,rgba(73,125,255,.11),transparent 68%),
      linear-gradient(180deg,#f7fbff 0%,#f1f7fd 100%)!important;
    overscroll-behavior-y:none;
  }
  .v48-shell{display:block!important;min-height:100dvh!important;background:transparent!important}
  .v48-sidebar{display:none!important}
  .v48-stage{display:block!important;width:100%!important;min-width:0!important;background:transparent!important}

  /* Compact native-app-like header. */
  .v48-topbar{
    position:sticky!important;top:0!important;z-index:70!important;
    height:auto!important;min-height:0!important;
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-rows:46px 48px!important;gap:8px 9px!important;
    align-items:center!important;padding:8px 12px 10px!important;
    background:rgba(255,255,255,.93)!important;
    border-bottom:1px solid rgba(13,113,220,.08)!important;
    backdrop-filter:blur(18px) saturate(1.1)!important;
    box-shadow:0 8px 26px rgba(23,70,140,.055)!important;
  }
  .v48-mobile-menu{display:none!important}
  .v48-mobile-brand{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:0!important;min-width:0!important}
  .v48-mobile-brand img{width:38px!important;height:38px!important;border-radius:12px!important;object-fit:contain!important;filter:drop-shadow(0 5px 10px rgba(0,83,174,.12))}
  .v48-mobile-brand strong{display:none!important}
  .v48-location{
    grid-column:2!important;grid-row:1!important;display:flex!important;width:100%!important;max-width:210px!important;
    height:38px!important;min-width:0!important;margin:0!important;padding:0 10px!important;
    border:1px solid #dce9f8!important;border-radius:13px!important;background:#f9fcff!important;
    box-shadow:none!important;font-size:11.5px!important;color:#173d76!important;
  }
  .v48-location .material-icons-round{font-size:17px!important;color:var(--v55-blue)!important}
  .v48-location #locLabel{font-weight:800!important}
  .v48-top-actions{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important}
  .v48-top-actions>.v48-icon-btn{display:grid!important;width:37px!important;height:37px!important;place-items:center!important;border:0!important;border-radius:12px!important;background:#f5f9ff!important;color:#0b3470!important;box-shadow:none!important}
  .v48-top-actions>.v48-icon-btn:nth-of-type(2){display:none!important}
  .v48-top-actions>.v48-icon-btn .material-icons-round{font-size:20px!important}
  .v48-auth-area{min-width:0!important}
  .v48-login-btn{width:37px!important;height:37px!important;min-width:37px!important;padding:0!important;border:0!important;border-radius:50%!important;font-size:0!important;display:grid!important;place-items:center!important;background:#f4f8fd!important}
  .v48-login-btn img{width:19px!important;height:19px!important}
  .v48-user{gap:0!important}
  .v48-user>span,.v48-user>a,.v48-user>button{display:none!important}
  .v48-user>img{display:block!important;width:37px!important;height:37px!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 4px 10px rgba(18,67,137,.15)!important}
  .v48-top-search{
    grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important;height:48px!important;
    margin:0!important;padding:0 13px!important;gap:9px!important;border:1px solid #dce9f8!important;border-radius:16px!important;
    background:#f7fbff!important;box-shadow:none!important;
  }
  .v48-top-search .material-icons-round{font-size:21px!important;color:#406795!important}
  .v48-top-search input{width:100%!important;font-size:14px!important;line-height:1!important;background:transparent!important;color:#173d76!important}
  .v48-top-search input::placeholder{color:#8aa0bb!important}

  /* Social-style discovery tabs, but small enough not to steal screen space. */
  .v55-mobile-tabs{display:flex!important;gap:7px!important;overflow-x:auto!important;padding:10px 12px 2px!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
  .v55-mobile-tabs::-webkit-scrollbar{display:none!important}
  .v55-mobile-tabs a{flex:0 0 auto!important;scroll-snap-align:start!important;text-decoration:none!important;padding:8px 13px!important;border:1px solid #dce9f8!important;border-radius:999px!important;background:rgba(255,255,255,.86)!important;color:#49698f!important;font-size:11.5px!important;font-weight:800!important;box-shadow:0 4px 10px rgba(20,76,151,.04)!important}
  .v55-mobile-tabs a.active{background:#0d71dc!important;border-color:#0d71dc!important;color:#fff!important;box-shadow:0 8px 18px rgba(13,113,220,.22)!important}

  .v48-page-grid{display:block!important;width:100%!important;max-width:none!important;padding:0 10px 16px!important;margin:0!important}
  .v48-main{width:100%!important;min-width:0!important}
  .v48-right-rail{display:none!important}

  /* Hero: one compact app card. Image first, then copy — no huge desktop composition squeezed onto mobile. */
  .v48-hero{
    position:relative!important;display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;
    margin:10px 0 0!important;border:1px solid rgba(13,113,220,.08)!important;border-radius:24px!important;overflow:hidden!important;
    background:#fff!important;box-shadow:0 14px 30px rgba(21,75,150,.08)!important;
  }
  .v48-hero-visual{order:-1!important;position:relative!important;inset:auto!important;width:100%!important;height:150px!important;min-height:150px!important;overflow:hidden!important;background:#eff8ff!important}
  .v48-hero-visual:before{display:none!important}
  .v48-hero-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:60% 55%!important;transform:none!important;filter:saturate(.98)!important}
  .v48-hero>div:first-child:after{display:none!important}
  .v48-hero-copy{position:relative!important;z-index:2!important;width:100%!important;padding:15px 15px 14px!important;margin:0!important;background:#fff!important}
  .v48-leaf-mark,.v48-underline{display:none!important}
  .v48-hero h1{margin:0 0 7px!important;font-size:28px!important;line-height:.99!important;letter-spacing:-1.25px!important;color:#102f67!important}
  .v48-hero h1 br:nth-of-type(1){display:none!important}
  .v48-hero h1 em{font-style:normal!important;color:#1199e8!important}
  .v48-hero-copy>p{margin:0!important;font-size:12px!important;line-height:1.45!important;color:#607b9e!important}
  .v48-desktop-only{display:none!important}
  .v48-hero-actions-mobile{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:13px 0 12px!important}
  .v48-hero-actions-mobile button{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;height:46px!important;padding:0 10px!important;border-radius:14px!important;font-size:12px!important;font-weight:900!important;box-shadow:none!important}
  .v48-primary{background:linear-gradient(135deg,#18a1f3,#0d71dc)!important;border:0!important;color:#fff!important}
  .v48-secondary{background:#fff!important;border:1.5px solid #93c8f3!important;color:#0d71dc!important}
  .v48-hero-actions-mobile .material-icons-round{font-size:18px!important}
  .v48-trust-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0!important}
  .v48-trust-row>div{min-width:0!important;padding:8px 6px!important;gap:5px!important;border-radius:13px!important;background:#f5faff!important}
  .v48-trust-row .material-icons-round{width:27px!important;height:27px!important;min-width:27px!important;font-size:15px!important;background:#e3f3ff!important;color:#158ce0!important}
  .v48-trust-row p{min-width:0!important}
  .v48-trust-row b{display:block!important;font-size:9.5px!important;color:#183f78!important;white-space:nowrap!important}
  .v48-trust-row small{display:block!important;font-size:7.5px!important;line-height:1.2!important;color:#8197b2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Search/filter block — live search already works, so eliminate desktop controls on phones. */
  .v48-filter-panel{width:100%!important;margin:11px 0 0!important;padding:11px 0 8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .v48-shared-banner{display:none!important}
  .v48-filter-row{display:block!important}
  .v48-search-field{display:flex!important;width:100%!important;height:46px!important;padding:0 13px!important;border:1px solid #dce9f8!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 18px rgba(21,75,150,.045)!important}
  .v48-search-field input{font-size:13px!important}
  .v48-select-like,.v48-search-btn{display:none!important}
  .v48-category-strip{display:flex!important;gap:9px!important;width:100%!important;overflow-x:auto!important;padding:11px 1px 4px!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
  .v48-category-strip::-webkit-scrollbar{display:none!important}
  .v48-category-strip .cat-card{flex:0 0 66px!important;width:66px!important;min-width:66px!important;scroll-snap-align:start!important;text-align:center!important}
  .v48-category-strip .cat-card>div{width:46px!important;height:46px!important;margin:0 auto 5px!important;border:1px solid #dce9f8!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 14px rgba(16,77,153,.045)!important}
  .v48-category-strip .cat-card .material-icons-round{font-size:21px!important;color:#153b76!important}
  .v48-category-strip .cat-card span:last-child,.v48-category-strip .cat-card p,.v48-category-strip .cat-card small{font-size:9px!important;font-weight:800!important;color:#55708f!important}
  .v48-category-strip .cat-card.active>div{background:linear-gradient(135deg,#1aa5f4,#0d71dc)!important;border-color:#0d71dc!important;box-shadow:0 9px 18px rgba(13,113,220,.18)!important}
  .v48-category-strip .cat-card.active .material-icons-round{color:#fff!important}
  .v48-hidden-filters{display:none!important}

  /* Product feed: true two-column grid. No sideways scrolling. */
  .v48-feed{padding:8px 0 0!important;margin:0!important}
  .v48-feed-meta{display:none!important}
  .v48-feed-section{width:100%!important;margin:0 0 17px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .v48-section-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin:0 1px 9px!important}
  .v48-section-title>div{min-width:0!important}
  .v48-section-title h2{position:relative!important;margin:0!important;padding:0 0 0 21px!important;font-size:18px!important;line-height:1.08!important;letter-spacing:-.35px!important;color:#133875!important}
  .v48-section-title h2:before{position:absolute!important;left:0!important;top:-1px!important;font-size:18px!important;color:#0d71dc!important}
  .v48-section-title p{display:none!important}
  .v48-section-title button{flex:0 0 auto!important;border:0!important;background:transparent!important;padding:5px 0!important;font-size:10.5px!important;font-weight:900!important;color:#0d71dc!important}
  .v48-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important}
  .v48-card-grid>.masonry-item{width:100%!important;min-width:0!important;margin:0!important;scroll-snap-align:none!important;border:1px solid #e1ebf7!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 19px rgba(15,63,127,.065)!important;overflow:hidden!important}
  .v48-card-grid .v50-card-media{background:#eef5fa!important}
  .v48-card-grid .cba-post-image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.22/1!important;object-fit:cover!important}
  .v48-card-grid [data-fav]{top:7px!important;right:7px!important;width:30px!important;height:30px!important}
  .v48-card-grid [data-fav] .material-icons-round{font-size:18px!important}
  .v48-card-grid .v50-card-body{padding:8px 8px 7px!important}
  .v48-card-grid .v50-cat-label{display:block!important;margin-bottom:3px!important;font-size:7px!important;line-height:1.2!important;font-weight:900!important;color:#0d71dc!important;letter-spacing:.15px!important}
  .v48-card-grid .v50-card-title{min-height:29px!important;font-size:11px!important;line-height:1.27!important;font-weight:900!important;color:#102f67!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .v48-card-grid .v50-card-meta{margin-top:5px!important;gap:3px!important;font-size:8px!important;color:#6b83a0!important}
  .v48-card-grid .v50-card-meta .material-icons-round{font-size:10px!important}
  .v48-card-grid .v50-card-submeta{margin-top:2px!important;font-size:7.5px!important;color:#8d9eb1!important}
  .v48-card-grid .v50-card-submeta .material-icons-round{font-size:9px!important}
  .v48-card-grid .cba-card-footer{margin-top:6px!important;padding-top:6px!important;border-top:1px solid #edf2f8!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important}
  .v48-card-grid .v50-card-owner{display:flex!important;min-width:0!important;gap:4px!important;font-size:7.5px!important;color:#667f9c!important}
  .v48-card-grid .v50-card-owner img{width:17px!important;height:17px!important;border-radius:50%!important}
  .v48-card-grid .v50-card-owner span{max-width:58px!important}
  .v48-card-grid .cba-card-contact{display:flex!important;align-items:center!important;gap:2px!important;border:0!important;background:transparent!important;color:#0d71dc!important;font-size:7.5px!important;font-weight:900!important;padding:3px 0!important}
  .v48-card-grid .cba-card-contact .material-icons-round{font-size:12px!important}
  .v48-card-grid>div:not(.masonry-item){grid-column:1/-1!important;width:100%!important}

  .v48-empty{margin:0!important;padding:28px 18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e1ebf7!important;box-shadow:0 8px 20px rgba(15,63,127,.05)!important}

  /* Impact becomes compact and useful instead of another desktop section. */
  .v48-eco-strip{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin:4px 0 0!important;padding:12px!important;border:1px solid #e0ecf8!important;border-radius:21px!important;background:linear-gradient(180deg,#fff,#f6fbff)!important;box-shadow:0 10px 23px rgba(20,72,141,.06)!important}
  .v48-eco-intro{grid-column:1/-1!important;padding:1px 2px 5px!important}
  .v48-eco-intro h2{margin:0 0 4px!important;font-size:19px!important;line-height:1.05!important;letter-spacing:-.35px!important;color:#133875!important}
  .v48-eco-intro p{margin:0!important;font-size:10px!important;line-height:1.4!important;color:#6f87a5!important}
  .v48-eco-intro button{margin-top:9px!important;min-height:38px!important;padding:0 11px!important;border:0!important;border-radius:12px!important;background:#0d71dc!important;color:#fff!important;font-size:9px!important;font-weight:900!important}
  .v48-eco-point{min-height:93px!important;padding:10px!important;border:1px solid #e7eef7!important;border-radius:15px!important;background:#fbfdff!important;text-align:left!important}
  .v48-eco-point>span{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;margin:0 0 5px!important;border-radius:12px!important;background:#eef7ff!important;font-size:18px!important}
  .v48-eco-point b{display:block!important;font-size:11px!important;color:#0d71dc!important}
  .v48-eco-point small{display:block!important;margin-top:2px!important;font-size:8px!important;line-height:1.35!important;color:#7f92aa!important}
  .v48-lower-info,.v48-faq,.v48-footer{display:none!important}

  /* Touch-first bottom navigation, including iOS safe area. */
  .v48-bottom-nav{
    position:fixed!important;left:10px!important;right:10px!important;bottom:8px!important;transform:none!important;z-index:80!important;
    width:auto!important;height:70px!important;padding:6px 7px calc(6px + env(safe-area-inset-bottom))!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;
    border:1px solid rgba(13,113,220,.10)!important;border-radius:22px!important;background:rgba(255,255,255,.965)!important;
    backdrop-filter:blur(20px) saturate(1.1)!important;box-shadow:0 16px 42px rgba(12,62,132,.18)!important;
  }
  .v48-bottom-nav a,.v48-bottom-nav button{min-width:0!important;min-height:54px!important;border:0!important;border-radius:15px!important;background:transparent!important;color:#667d99!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;text-decoration:none!important}
  .v48-bottom-nav .material-icons-round{font-size:22px!important}
  .v48-bottom-nav small{font-size:8px!important;font-weight:800!important;white-space:nowrap!important}
  .v48-bottom-nav .active{color:#0d71dc!important;background:#eef7ff!important}
  .v48-bottom-nav button:nth-child(3){transform:translateY(-13px)!important}
  .v48-bottom-nav button:nth-child(3) .material-icons-round{display:grid!important;place-items:center!important;width:50px!important;height:50px!important;border:4px solid #fff!important;border-radius:50%!important;background:linear-gradient(135deg,#1aa5f4,#0d71dc)!important;color:#fff!important;font-size:28px!important;box-shadow:0 9px 22px rgba(13,113,220,.28)!important}
  .v48-bottom-nav button:nth-child(3) small{margin-top:0!important;color:#0d71dc!important}

  /* Full-screen sheets on phones. The old desktop bottom-sheet proportions felt cramped. */
  #detailPanel,#publishSheet>div:last-child,#loginModal>div:last-child,#neighborhoodModal .cba-neighborhood-panel,#chatModal .cba-chat-shell{
    width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;inset:0!important;margin:0!important;border-radius:0!important;
  }
  #detailPanel{overflow-y:auto!important}
  #publishSheet>div:last-child{padding-bottom:env(safe-area-inset-bottom)!important}

  /* Accessibility / touch targets. */
  button,a,input,select,textarea{touch-action:manipulation}
  button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(13,113,220,.28)!important;outline-offset:2px!important}
}

@media (max-width:380px){
  .v48-topbar{padding-left:9px!important;padding-right:9px!important;gap:7px!important}
  .v48-location{max-width:175px!important;font-size:10.5px!important}
  .v48-page-grid{padding-left:8px!important;padding-right:8px!important}
  .v48-hero h1{font-size:25px!important}
  .v48-hero-copy{padding-left:13px!important;padding-right:13px!important}
  .v48-hero-actions-mobile button{font-size:11px!important}
  .v48-trust-row>div{padding:7px 4px!important}
  .v48-card-grid{gap:8px!important}
  .v48-card-grid .v50-card-title{font-size:10.5px!important}
}

@media (max-width:340px){
  .v48-top-actions>.v48-icon-btn:first-child{display:none!important}
  .v48-location{max-width:none!important}
  .v48-hero-visual{height:132px!important;min-height:132px!important}
  .v48-hero h1{font-size:23px!important}
  .v48-trust-row small{display:none!important}
  .v48-card-grid .v50-card-owner{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* --- index-26.css --- */
/* CBA Circular V55 — refined dark mode. Works with existing html[data-theme="dark"] toggle. */
html[data-theme="dark"]{background:#071521!important;color-scheme:dark}
html[data-theme="dark"] body.v48-body{
  --v48-bg:#071521;--v48-panel:#0b1c2b;--v48-ink:#eef5ff;--v48-muted:#9fb3cb;--v48-line:#173149;
  background:
    radial-gradient(circle at 8% 10%,rgba(38,126,230,.16),transparent 26%),
    radial-gradient(circle at 92% 14%,rgba(32,176,235,.09),transparent 24%),
    linear-gradient(180deg,#071521 0%,#0a1b2a 100%)!important;
  color:#eef5ff!important;
}
html[data-theme="dark"] .v48-stage,html[data-theme="dark"] .v48-main,html[data-theme="dark"] .v48-page-grid{background:transparent!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-how-card,
html[data-theme="dark"] .v48-community-card,
html[data-theme="dark"] .v48-lower-info article,
html[data-theme="dark"] .v48-faq,
html[data-theme="dark"] .v48-footer,
html[data-theme="dark"] .v48-side-card,
html[data-theme="dark"] .v48-mobile-drawer{
  background:rgba(10,27,42,.94)!important;color:#eef5ff!important;border-color:#173149!important;box-shadow:0 18px 45px rgba(0,0,0,.27)!important;
}
html[data-theme="dark"] .v48-brand-copy strong,
html[data-theme="dark"] .v48-brand-copy em,
html[data-theme="dark"] .v48-side-nav a,
html[data-theme="dark"] .v48-side-nav button,
html[data-theme="dark"] .v48-section-title h2,
html[data-theme="dark"] .v48-rail-card h3,
html[data-theme="dark"] .v48-hero h1,
html[data-theme="dark"] .v48-eco-intro h2{color:#eef5ff!important}
html[data-theme="dark"] .v48-top-search,
html[data-theme="dark"] .v48-location,
html[data-theme="dark"] .v48-search-field,
html[data-theme="dark"] .v48-select-like,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#0d2234!important;color:#eaf3ff!important;border-color:#1d3a54!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7892ae!important}
html[data-theme="dark"] .v48-side-nav a.active{background:#102c43!important;color:#8ac8ff!important}
html[data-theme="dark"] .v48-eco-strip{background:linear-gradient(180deg,#0b1c2b,#0d2234)!important;border-color:#18354e!important}
html[data-theme="dark"] .v48-eco-point{background:#0d2234!important;border-color:#173950!important}
html[data-theme="dark"] .v48-card-grid>.masonry-item{background:#0b1c2b!important;border-color:#173149!important;box-shadow:0 12px 26px rgba(0,0,0,.23)!important}
html[data-theme="dark"] .v48-card-grid .v50-card-title{color:#edf5ff!important}
html[data-theme="dark"] .v48-card-grid .cba-card-footer{border-color:#183248!important}
html[data-theme="dark"] .v48-card-grid .v50-card-media{background:#0a1826!important}
html[data-theme="dark"] .v48-category-strip .cat-card>div{background:#0d2234!important;border-color:#193b56!important}
html[data-theme="dark"] .v48-category-strip .cat-card span:last-child,
html[data-theme="dark"] .v48-category-strip .cat-card p,
html[data-theme="dark"] .v48-category-strip .cat-card small{color:#a8bad0!important}
html[data-theme="dark"] .v48-bottom-nav{background:rgba(8,24,38,.965)!important;border-color:#173149!important}
html[data-theme="dark"] .v48-bottom-nav .active{background:#102b43!important;color:#8bc8ff!important}
html[data-theme="dark"] .v48-bottom-nav button:nth-child(3) .material-icons-round{border-color:#081826!important}
html[data-theme="dark"] .v55-mobile-tabs a{background:#0c2032!important;border-color:#173a55!important;color:#9fb4cf!important}
html[data-theme="dark"] .v55-mobile-tabs a.active{background:#0d71dc!important;border-color:#0d71dc!important;color:#fff!important}
html[data-theme="dark"] #detailPanel,
html[data-theme="dark"] #publishSheet>div:last-child,
html[data-theme="dark"] #loginModal>div:last-child,
html[data-theme="dark"] #neighborhoodModal .cba-neighborhood-panel,
html[data-theme="dark"] #chatModal .cba-chat-shell{background:#081826!important;color:#edf5ff!important}


/* --- index-27.css --- */

/* CBA Circular V56 — stronger mobile PWA visual layer.
   Focus: make the phone experience feel intentionally designed, not desktop squeezed into mobile. */
@media (max-width:820px){
  :root{--v56-blue:#0d71dc;--v56-cyan:#22a6f2;--v56-ink:#14376c;--v56-text:#5d7698;--v56-line:#deebf8;--v56-surface:#ffffff;--v56-soft:#f4f9ff}
  body.v48-body{
    background:
      radial-gradient(500px 240px at 0% 8%, rgba(79,176,255,.14), transparent 68%),
      radial-gradient(440px 260px at 100% 0%, rgba(112,170,255,.12), transparent 70%),
      linear-gradient(180deg,#f8fbff 0%,#f2f7fc 100%)!important;
  }
  .v48-topbar{padding-bottom:11px!important;box-shadow:0 10px 26px rgba(18,71,145,.06)!important}
  .v48-top-search{background:#fff!important;box-shadow:0 8px 22px rgba(18,71,145,.06)!important}
  .v48-top-actions>.v48-icon-btn,.v48-login-btn{background:#fff!important;box-shadow:0 6px 18px rgba(18,71,145,.05)!important}
  .v55-mobile-tabs{padding-top:12px!important;padding-bottom:4px!important;gap:8px!important}
  .v55-mobile-tabs a{padding:9px 14px!important;font-size:12px!important;background:#fff!important;border-color:var(--v56-line)!important}

  .v48-page-grid{padding-bottom:22px!important}
  .v48-hero{
    border-radius:28px!important;
    box-shadow:0 18px 38px rgba(17,76,149,.09)!important;
    overflow:visible!important;
  }
  .v48-hero:after{
    content:"";position:absolute;right:14px;top:14px;width:78px;height:78px;border-radius:50%;
    background:radial-gradient(circle, rgba(34,166,242,.18), rgba(13,113,220,0) 70%);
    pointer-events:none;
  }
  .v48-hero-visual{height:168px!important;min-height:168px!important;border-radius:28px 28px 0 0!important}
  .v48-hero-visual img{object-position:60% 52%!important}
  .v48-hero-copy{padding:16px 16px 15px!important}
  .v48-hero h1{font-size:29px!important;letter-spacing:-1.4px!important;margin-bottom:8px!important}
  .v48-hero-copy>p{font-size:12.5px!important;color:#60799a!important}
  .v48-hero-actions-mobile{margin:14px 0 13px!important}
  .v48-hero-actions-mobile button{height:48px!important;border-radius:16px!important;font-size:12.5px!important}
  .v48-trust-row>div{border:1px solid #ecf3fb!important;background:#fbfdff!important}

  .v56-mobile-stats{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
    margin:12px 0 2px;padding:0;
  }
  .v56-mobile-stat{
    background:#fff;border:1px solid var(--v56-line);border-radius:18px;padding:12px 8px 10px;
    box-shadow:0 10px 24px rgba(17,76,149,.055);text-align:center;
  }
  .v56-mobile-stat b{display:block;font-size:19px;line-height:1;color:var(--v56-blue);font-weight:900;letter-spacing:-.03em}
  .v56-mobile-stat small{display:block;margin-top:6px;font-size:10px;line-height:1.2;color:#6a84a4;font-weight:700}

  .v48-filter-panel{margin-top:12px!important}
  .v48-search-field{height:48px!important;border-radius:16px!important}
  .v48-category-strip{gap:10px!important;padding-top:12px!important;padding-bottom:6px!important}
  .v48-category-strip .cat-card{width:74px!important;min-width:74px!important;padding:9px 5px 8px!important;border-radius:18px!important;box-shadow:0 8px 20px rgba(17,76,149,.05)!important}
  .v48-category-strip .cat-card .material-icons-round{font-size:22px!important}
  .v48-category-strip .cat-card span:not(.material-icons-round){font-size:10px!important;font-weight:800!important}

  .v56-mobile-stories{margin:14px 0 4px}
  .v56-mobile-stories-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 2px 10px}
  .v56-mobile-stories-head h3{margin:0;font-size:20px;line-height:1.05;letter-spacing:-.03em;color:var(--v56-ink)}
  .v56-mobile-stories-head p{margin:2px 0 0;font-size:11px;color:#7790af}
  .v56-mobile-stories-head a{text-decoration:none;font-size:11px;font-weight:900;color:var(--v56-blue)}
  .v56-mobile-stories-rail{display:flex;gap:10px;overflow-x:auto;padding:1px 2px 5px;scrollbar-width:none;scroll-snap-type:x proximity}
  .v56-mobile-stories-rail::-webkit-scrollbar{display:none}
  .v56-story-card{position:relative;flex:0 0 142px;height:204px;border-radius:22px;overflow:hidden;scroll-snap-align:start;background:#eaf3fb;box-shadow:0 14px 28px rgba(17,76,149,.10);text-decoration:none;color:#fff}
  .v56-story-card img{width:100%;height:100%;object-fit:cover;display:block}
  .v56-story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,34,0) 25%, rgba(8,20,34,.18) 45%, rgba(7,20,34,.68) 100%)}
  .v56-story-badge{position:absolute;left:10px;top:10px;z-index:2;background:rgba(255,255,255,.92);color:var(--v56-blue);font-size:10px;font-weight:900;padding:6px 8px;border-radius:999px;backdrop-filter:blur(8px)}
  .v56-story-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px}
  .v56-story-copy strong{display:block;font-size:16px;line-height:1.05;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25)}
  .v56-story-copy span{display:block;margin-top:6px;font-size:10px;line-height:1.25;color:rgba(255,255,255,.85)}

  .v48-feed{padding-top:14px!important}
  .v48-feed-section{margin-bottom:18px!important}
  .v48-section-title{margin-bottom:11px!important}
  .v48-section-title h2{font-size:20px!important;padding-left:0!important}
  .v48-section-title h2:before{display:none!important}
  .v48-section-title button{padding:0!important;font-size:11px!important}
  .v48-card-grid{gap:12px!important}
  .v48-card-grid>.masonry-item{border-radius:20px!important;box-shadow:0 12px 24px rgba(17,76,149,.07)!important}
  .v48-card-grid .cba-post-image{aspect-ratio:1/1.06!important}
  .v48-card-grid .v50-card-body{padding:10px 10px 9px!important}
  .v48-card-grid .v50-cat-label{font-size:7.5px!important}
  .v48-card-grid .v50-card-title{font-size:11.5px!important;min-height:31px!important}
  .v48-card-grid .v50-card-meta{margin-top:6px!important;font-size:8.5px!important}
  .v48-card-grid .v50-card-submeta{font-size:8px!important}
  .v48-card-grid .cba-card-footer{margin-top:7px!important;padding-top:7px!important}

  .v56-mobile-cta{
    margin:14px 0 0;padding:18px 16px;border-radius:24px;
    background:linear-gradient(135deg,#179ef3 0%,#0d71dc 58%,#0b5ec0 100%);
    color:#fff;position:relative;overflow:hidden;box-shadow:0 16px 34px rgba(13,113,220,.22);
  }
  .v56-mobile-cta:before,.v56-mobile-cta:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}
  .v56-mobile-cta:before{width:140px;height:140px;right:-44px;top:-48px}
  .v56-mobile-cta:after{width:90px;height:90px;right:28px;bottom:-34px}
  .v56-mobile-cta > *{position:relative;z-index:1}
  .v56-mobile-cta strong{display:block;font-size:24px;line-height:1;letter-spacing:-.04em}
  .v56-mobile-cta p{margin:8px 0 14px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.92)}
  .v56-mobile-cta button{height:46px;padding:0 14px;border:0;border-radius:16px;background:#fff;color:var(--v56-blue);font-size:13px;font-weight:900;display:inline-flex;align-items:center;gap:6px;box-shadow:0 8px 18px rgba(0,0,0,.10)}

  .v48-eco-strip{margin-top:14px!important;gap:10px!important;border-radius:24px!important}
  .v48-eco-intro h2{font-size:21px!important}
  .v48-eco-intro p{font-size:10.5px!important}
  .v48-eco-intro button{font-size:10px!important;height:40px!important;border-radius:14px!important}
  .v48-eco-point{min-height:100px!important;border-radius:16px!important}
  .v48-eco-point b{font-size:11.5px!important}
  .v48-eco-point small{font-size:8.5px!important}

  .v48-bottom-nav{height:74px!important;border-radius:24px!important;box-shadow:0 18px 36px rgba(12,62,132,.16)!important}
  .v48-bottom-nav a,.v48-bottom-nav button{gap:2px!important}
  .v48-bottom-nav small{font-size:8.5px!important}
  .v48-bottom-nav button:nth-child(3){transform:translateY(-15px)!important}
  .v48-bottom-nav button:nth-child(3) .material-icons-round{width:54px!important;height:54px!important;font-size:30px!important}

  html[data-theme="dark"] .v56-mobile-stat,
  html[data-theme="dark"] .v56-story-badge,
  html[data-theme="dark"] .v48-top-search,
  html[data-theme="dark"] .v48-top-actions>.v48-icon-btn,
  html[data-theme="dark"] .v48-login-btn{background:#0e2235!important;border-color:#19364f!important;color:#dfeaf8!important}
  html[data-theme="dark"] .v55-mobile-tabs a{background:#0e2235!important;border-color:#19364f!important;color:#a7bbd4!important}
  html[data-theme="dark"] .v56-mobile-stat{background:#0d2032!important;border-color:#1a3852!important;box-shadow:none!important}
  html[data-theme="dark"] .v56-mobile-stat b{color:#8bc8ff!important}
  html[data-theme="dark"] .v56-mobile-stat small{color:#9ab2ce!important}
  html[data-theme="dark"] .v56-mobile-stories-head h3,
  html[data-theme="dark"] .v48-section-title h2,
  html[data-theme="dark"] .v48-eco-intro h2{color:#edf4ff!important}
  html[data-theme="dark"] .v56-mobile-stories-head p{color:#9bb0c8!important}
  html[data-theme="dark"] .v56-story-badge{background:rgba(8,24,38,.88)!important;color:#8bc8ff!important}
  html[data-theme="dark"] .v56-mobile-cta{box-shadow:0 16px 34px rgba(0,0,0,.24)!important}
}

@media (max-width:380px){
  .v56-mobile-stat b{font-size:17px!important}
  .v56-story-card{flex-basis:132px!important;height:192px!important}
  .v56-mobile-cta strong{font-size:22px!important}
}


/* --- index-28.css --- */

/* CBA Circular V59 — stable mobile PWA polish.
   No fullscreen touch-intercepting layers. Keeps natural scrolling and existing app logic. */
@media (max-width:820px){
  :root{--v59-blue:#0b79e6;--v59-cyan:#1ca4f1;--v59-navy:#12366f;--v59-text:#5f7898;--v59-line:#dce9f6}

  html{scroll-behavior:smooth!important;overscroll-behavior-y:auto!important}
  body.v48-body{padding-bottom:calc(98px + env(safe-area-inset-bottom))!important;overscroll-behavior-y:auto!important}
  .v48-stage,.v48-page-grid,.v48-main,.v48-feed{touch-action:pan-y!important}

  /* Header: keep theme + notifications visible and large enough to tap */
  .v48-topbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-rows:46px 48px!important;
    padding:8px 10px 10px!important;gap:8px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(18px) saturate(1.1)!important;
    box-shadow:0 8px 24px rgba(20,66,128,.055)!important;
  }
  .v48-mobile-brand{display:flex!important;grid-column:1!important;grid-row:1!important}
  .v48-mobile-brand img{width:38px!important;height:38px!important;border-radius:12px!important}
  .v48-location{grid-column:2!important;grid-row:1!important;max-width:190px!important;height:38px!important;padding:0 9px!important;border-radius:13px!important;background:#f9fcff!important}
  .v48-top-actions{grid-column:3!important;grid-row:1!important;display:flex!important;gap:5px!important}
  #cbaThemeToggle,#v48NotifShortcut{display:grid!important;width:38px!important;height:38px!important;border-radius:12px!important;background:#fff!important;color:#123b76!important;box-shadow:0 5px 14px rgba(20,66,128,.05)!important}
  #v48ChatShortcut{display:none!important}
  .v48-top-search{grid-column:1/-1!important;grid-row:2!important;height:48px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 18px rgba(20,66,128,.05)!important}

  .v55-mobile-tabs{padding:10px 10px 2px!important;gap:7px!important;overflow-x:auto!important;touch-action:pan-x!important}
  .v55-mobile-tabs a{padding:8px 13px!important;font-size:11.5px!important}

  .v48-page-grid{padding:0 9px 18px!important}

  /* Hero aligned with reference but without overlaying controls */
  .v48-hero{border-radius:25px!important;overflow:hidden!important;box-shadow:0 16px 32px rgba(20,73,141,.08)!important}
  .v48-hero-visual{height:162px!important;min-height:162px!important}
  .v48-hero-copy{padding:15px 15px 14px!important}
  .v48-hero h1{font-size:27px!important;line-height:.99!important;letter-spacing:-1.2px!important}
  .v48-hero-copy>p{font-size:12px!important;line-height:1.4!important}
  .v48-hero-actions-mobile{gap:9px!important;margin:13px 0 12px!important}
  .v48-hero-actions-mobile button{height:47px!important;border-radius:15px!important;font-size:12px!important}
  .v48-primary{box-shadow:0 10px 22px rgba(11,121,230,.16)!important}

  /* Categories: horizontally scrollable and touch-friendly */
  .v48-filter-panel{margin-top:11px!important;padding-bottom:7px!important}
  .v48-category-strip{display:flex!important;overflow-x:auto!important;gap:9px!important;padding:11px 1px 5px!important;scroll-snap-type:x proximity!important;touch-action:pan-x!important}
  .v48-category-strip .cat-card{flex:0 0 68px!important;min-width:68px!important;width:68px!important;border-radius:18px!important}

  /* Feed: static 2-col grid, no horizontal gesture conflict */
  .v48-feed{padding-top:12px!important}
  .v48-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;touch-action:pan-y!important}
  .v48-card-grid>.masonry-item{width:100%!important;min-width:0!important;border-radius:19px!important;overflow:hidden!important;box-shadow:0 10px 22px rgba(17,62,120,.06)!important}
  .v48-card-grid .cba-post-image{aspect-ratio:1/1.05!important;height:auto!important;object-fit:cover!important}
  .v48-card-grid .v50-card-body{padding:9px!important}
  .v48-card-grid .v50-card-title{font-size:11.2px!important;line-height:1.25!important;min-height:30px!important}
  .v48-card-grid .v50-card-meta{font-size:8px!important}
  .v48-card-grid .cba-card-footer{margin-top:7px!important;padding-top:7px!important}

  /* Centered bottom navigation: no visual drift on narrow PWA screens */
  .v48-bottom-nav{
    position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    width:min(calc(100% - 18px),430px)!important;max-width:430px!important;
    height:76px!important;bottom:max(8px, env(safe-area-inset-bottom))!important;
    padding:7px 9px calc(7px + env(safe-area-inset-bottom))!important;
    display:grid!important;grid-template-columns:1fr 1fr 80px 1fr 1fr!important;align-items:end!important;gap:2px!important;
    border-radius:24px!important;border:1px solid rgba(11,121,230,.09)!important;
    background:rgba(255,255,255,.975)!important;backdrop-filter:blur(18px) saturate(1.08)!important;
    box-shadow:0 18px 40px rgba(13,54,106,.16)!important;
    touch-action:manipulation!important;
  }
  .v48-bottom-nav a,.v48-bottom-nav button{min-width:0!important;min-height:52px!important;padding:5px 0!important;border-radius:15px!important;color:#5b7594!important;gap:2px!important}
  .v48-bottom-nav .material-icons-round{font-size:22px!important}
  .v48-bottom-nav small{font-size:8.5px!important;font-weight:800!important}
  .v48-bottom-nav .active{background:#eef6ff!important;color:var(--v59-blue)!important}
  #v48BottomPublish{grid-column:3!important;justify-self:center!important;align-self:start!important;transform:translateY(-15px)!important;background:transparent!important;min-height:auto!important;padding:0!important}
  #v48BottomPublish .material-icons-round{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;border:4px solid #fff!important;border-radius:50%!important;background:linear-gradient(135deg,#1ca4f1,#0b79e6)!important;color:#fff!important;font-size:30px!important;box-shadow:0 12px 24px rgba(11,121,230,.24)!important}
  #v48BottomPublish small{display:block!important;margin-top:4px!important;color:var(--v59-blue)!important;font-weight:900!important}

  /* Full-screen sheets remain scrollable themselves; page remains naturally scrollable otherwise */
  #detailPanel,#publishSheet>div:last-child,#loginModal>div:last-child,#neighborhoodModal .cba-neighborhood-panel,#chatModal .cba-chat-shell{touch-action:pan-y!important}

  /* Dark mode stays fully available */
  html[data-theme="dark"] #cbaThemeToggle,
  html[data-theme="dark"] #v48NotifShortcut{background:#0d2234!important;color:#dcecff!important;border:1px solid #193750!important;box-shadow:none!important}
  html[data-theme="dark"] .v48-top-search,
  html[data-theme="dark"] .v48-location{background:#0d2234!important;border-color:#193750!important}
  html[data-theme="dark"] .v48-bottom-nav{background:rgba(8,24,38,.975)!important;border-color:#173149!important;box-shadow:0 18px 40px rgba(0,0,0,.28)!important}
  html[data-theme="dark"] .v48-bottom-nav a,
  html[data-theme="dark"] .v48-bottom-nav button{color:#9db2c8!important}
  html[data-theme="dark"] .v48-bottom-nav .active{background:#0f2a42!important;color:#8cc9ff!important}
  html[data-theme="dark"] #v48BottomPublish .material-icons-round{border-color:#081826!important}
}

@media (max-width:380px){
  .v48-mobile-brand img{width:35px!important;height:35px!important}
  .v48-location{max-width:160px!important;font-size:10.5px!important}
  #cbaThemeToggle,#v48NotifShortcut{width:36px!important;height:36px!important}
  .v48-hero h1{font-size:24px!important}
  .v48-bottom-nav{width:min(calc(100% - 12px),420px)!important;padding-left:7px!important;padding-right:7px!important}
  .v48-bottom-nav small{font-size:7.8px!important}
}


/* --- index-15.css --- */
@media (max-width:900px){
  /*
    Mobile motion v5:
    one compositor-friendly transform per element.
    No scroll-linked hero transform and no continuous scale.
  */
  section:first-of-type .grid>div:nth-of-type(2){
    animation:cbaSmoothFloat 5.6s cubic-bezier(.45,0,.55,1) infinite !important;
    transform:translate3d(0,0,0);
    transform-origin:center center;
    will-change:transform;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }

  .cba-local-track{
    animation:cbaLocalTicker 30s linear infinite !important;
    will-change:transform;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }

  .cba-smooth-reveal{
    opacity:0 !important;
    transform:translate3d(0,18px,0) !important;
    transition:
      opacity .82s cubic-bezier(.22,1,.36,1),
      transform .82s cubic-bezier(.22,1,.36,1) !important;
    will-change:opacity,transform;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  .cba-smooth-reveal.cba-smooth-visible{
    opacity:1 !important;
    transform:translate3d(0,0,0) !important;
  }

  #nearMasonry .masonry-item.cba-smooth-card,#farMasonry .masonry-item.cba-smooth-card{
    opacity:0;
    transform:translate3d(0,14px,0);
    transition:
      opacity .68s cubic-bezier(.22,1,.36,1),
      transform .68s cubic-bezier(.22,1,.36,1);
    will-change:opacity,transform;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  #nearMasonry .masonry-item.cba-smooth-card.cba-smooth-card-visible,#farMasonry .masonry-item.cba-smooth-card.cba-smooth-card-visible{
    opacity:1;
    transform:translate3d(0,0,0);
  }

  /* Avoid expensive hover transitions on touch screens. */
  @media (hover:none){
    .masonry-item:hover,
    .cba-conversation:hover{
      transform:none !important;
    }
  }
}

@keyframes cbaSmoothFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-7px,0)}
}


/* --- index-16.css --- */
/* Mobile-first polish: fast, touch-friendly and safe-area aware. */
html{overflow-x:hidden;scroll-padding-top:72px}
body{overflow-x:hidden;min-height:100%;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
button,a,[role="button"]{touch-action:manipulation}
img{content-visibility:auto}

@media(max-width:767px){
  :root{--cba-mobile-gutter:12px}
  html{scroll-behavior:smooth;scroll-padding-top:64px}
  body{padding-bottom:env(safe-area-inset-bottom);text-rendering:optimizeSpeed}

  /* Compact header that never feels cramped. */
  header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  header>.max-w-\[1280px\]{padding-left:var(--cba-mobile-gutter)!important;padding-right:var(--cba-mobile-gutter)!important}
  header .h-\[64px\]{height:58px!important;gap:8px!important}
  .cba-brand-mark{width:40px!important;height:40px!important;flex:0 0 40px}
  .cba-brand-name{font-size:15px!important;line-height:1.05!important;white-space:nowrap}
  .cba-brand-name small{font-size:8px!important;margin-top:2px!important}
  #authArea{gap:4px!important}
  #userArea{padding-right:4px!important;background:transparent!important;border:0!important}
  #userAvatar{width:34px!important;height:34px!important}
  #userName{display:none!important}
  #logoutBtn{display:flex!important;width:34px!important;height:34px!important;flex:0 0 34px}
  #headerPublish{min-height:42px;padding:0 12px!important;font-size:11px!important;white-space:nowrap;box-shadow:none!important}
  #mobileMenuBtn{width:42px!important;height:42px!important;flex:0 0 42px}
  #mobileMenu{padding:8px 0 12px!important}
  #mobileMenu a{min-height:44px;display:flex!important;align-items:center;padding:8px 4px!important}

  /* Hero uses less vertical space and puts actions within thumb reach. */
  .cba-hero-local>.max-w-\[1280px\]{padding:24px var(--cba-mobile-gutter) 26px!important}
  .cba-hero-local h1{font-size:32px!important;line-height:1.02!important;margin-top:12px!important}
  .cba-hero-local p{font-size:13.5px!important;line-height:1.55!important}
  .cba-hero-local .mt-6.flex.flex-wrap{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:18px!important}
  .cba-hero-local .mt-6.flex.flex-wrap>a,
  .cba-hero-local .mt-6.flex.flex-wrap>button{min-height:46px;width:100%;justify-content:center;padding:10px 12px!important;font-size:12px!important}
  .cba-hero-local .h-\[240px\]{height:210px!important}

  /* Consistent mobile gutters and lighter layout. */
  section.max-w-\[1280px\], section>.max-w-\[1280px\], footer>.max-w-\[1280px\]{padding-left:var(--cba-mobile-gutter)!important;padding-right:var(--cba-mobile-gutter)!important}
  #feed{padding-top:20px!important;padding-bottom:26px!important}
  .masonry{column-gap:10px!important}
  .masonry-item{margin-bottom:10px!important;border-radius:16px!important;box-shadow:0 2px 10px rgba(15,23,42,.055)!important}
  .masonry-item:active{transform:scale(.988)!important}
  .masonry-item .p-3{padding:11px!important}

  /* Horizontal filter/category rows feel native on touch. */
  .hide-scrollbar{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .hide-scrollbar>*{scroll-snap-align:start}

  /* Bottom sheets use the real mobile viewport and respect the home indicator. */
  #detailPanel,
  #publishSheet>div:last-child,
  #chatModal>div:last-child{
    width:100%!important;
    max-width:none!important;
    max-height:calc(100dvh - 8px)!important;
    border-radius:22px 22px 0 0!important;
    padding-bottom:env(safe-area-inset-bottom);
    overscroll-behavior:contain;
    box-shadow:0 -8px 30px rgba(15,23,42,.14)!important;
  }
  #publishSheet .overflow-y-auto,
  #chatMessages,
  #detailPanel{scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #publishSheet .overflow-y-auto::-webkit-scrollbar,
  #chatMessages::-webkit-scrollbar,
  #detailPanel::-webkit-scrollbar{display:none}

  /* Prevent iOS from zooming into form fields. */
  input,select,textarea{font-size:16px!important}
  input,select,textarea,button{min-height:44px}
  #imgPreviewBox{height:170px!important}
  #submitPublish{min-width:86px}
  #chatInput{min-height:44px}

  /* Cheaper visuals on phones: prioritize frame-rate. */
  .cba-glow,#cbaScrollProgress,.hero-orbit{display:none!important}
  .ula-card,.cba-card,.cat-card{transition:transform .16s ease,border-color .16s ease!important}
  .cba-smooth-reveal,.cba-smooth-card{will-change:auto!important}
  .cba-smooth-reveal{transition-duration:.38s!important}
  #nearMasonry .masonry-item.cba-smooth-card,#farMasonry .masonry-item.cba-smooth-card{transition-duration:.32s!important;transition-delay:0ms!important}
  [class*="backdrop-blur"]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

  footer{margin-top:24px!important;padding-bottom:env(safe-area-inset-bottom)}
  footer .flex.gap-8.text-\[12px\]{gap:24px!important;flex-wrap:wrap}
}

@media(max-width:380px){
  .cba-brand-name small{display:none!important}
  #headerPublish{padding:0 10px!important}
  #headerPublish .material-icons-round{display:none!important}
  .cba-hero-local h1{font-size:29px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* --- index-17.css --- */
/* Scroll móvil robusto: evita que queden locks viejos en body/html. */
html,body{
  width:100%;
  max-width:100%;
  min-height:100%;
}
html{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
body{overflow-x:hidden;overflow-y:auto;min-height:100dvh;height:auto!important}

@media(max-width:767px){
  html,body{
    height:auto!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
  }
  /* Si no hay modal abierto, ningún style inline antiguo puede cortar el scroll. */
  html:not(.cba-scroll-locked),
  body:not(.cba-scroll-locked){
    overflow-y:auto!important;
    position:static!important;
    touch-action:pan-y pinch-zoom;
  }
  body:not(.cba-scroll-locked){
    padding-bottom:calc(28px + env(safe-area-inset-bottom))!important;
    overscroll-behavior-y:auto!important;
  }

  /* El contenido principal siempre puede crecer hasta su altura real. */
  main,section,footer{max-height:none!important}
  #feed{overflow:visible!important}
  footer{
    position:relative!important;
    min-height:max-content;
    padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
  }
  footer>.max-w-\[1280px\]{padding-bottom:calc(42px + env(safe-area-inset-bottom))!important}

  /* Bottom sheets: viewport móvil real + scroll interno completo. */
  #publishSheet,
  #detail,
  #chatModal,
  #neighborhoodModal{
    height:100dvh!important;
    min-height:100dvh!important;
  }
  #publishSheet>div:last-child,
  #detailPanel,
  #chatModal>div:last-child,
  .cba-neighborhood-panel{
    max-height:calc(100dvh - 8px)!important;
    min-height:0!important;
  }
  #publishSheet>div:last-child,
  #detailPanel,
  #chatModal>div:last-child{
    display:flex!important;
    flex-direction:column!important;
  }
  #publishSheet .overflow-y-auto,
  #detailPanel>.overflow-y-auto,
  #chatMessages,
  #neighborhoodList{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:calc(24px + env(safe-area-inset-bottom));
  }

  /* Espacio real al final para que Safari/Chrome no tapen la última línea. */
  body::after{
    content:"";
    display:block;
    width:100%;
    height:calc(18px + env(safe-area-inset-bottom));
    pointer-events:none;
  }
}


/* --- index-18.css --- */
#cbaPwaInstall{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:9998;display:none;max-width:430px;margin:auto;background:rgba(255,255,255,.97);border:1px solid rgba(11,99,165,.16);border-radius:20px;box-shadow:0 18px 48px rgba(7,62,105,.22);padding:12px;align-items:center;gap:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
#cbaPwaInstall.cba-show{display:flex;animation:cbaPwaIn .35s cubic-bezier(.16,1,.3,1) both}
#cbaPwaInstall .cba-pwa-icon{width:48px;height:48px;border-radius:13px;object-fit:contain;flex:0 0 48px}
#cbaPwaInstall .cba-pwa-copy{min-width:0;flex:1}
#cbaPwaInstall .cba-pwa-title{font:900 13px/1.15 'Inter',sans-serif;color:#10202B}
#cbaPwaInstall .cba-pwa-sub{margin-top:3px;font:600 10px/1.3 'Inter',sans-serif;color:#647681}
#cbaPwaInstall .cba-pwa-install{border:0;border-radius:12px;background:#0B63A5;color:white;min-height:40px;padding:0 12px;font:900 11px/1 'Inter',sans-serif;white-space:nowrap}
#cbaPwaInstall .cba-pwa-close{width:32px;height:32px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:#73838D;flex:0 0 32px}
#cbaPwaIosHelp{position:fixed;inset:0;z-index:10002;display:none;align-items:flex-end;justify-content:center;background:rgba(5,17,25,.48);padding:16px 14px calc(16px + env(safe-area-inset-bottom))}
#cbaPwaIosHelp.cba-show{display:flex}
#cbaPwaIosHelp .cba-ios-card{width:min(100%,430px);background:white;border-radius:22px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.24)}
#cbaPwaIosHelp .cba-ios-card h3{font:900 17px/1.15 'Inter',sans-serif;color:#10202B;margin:0}
#cbaPwaIosHelp .cba-ios-card p{font:600 13px/1.45 'Inter',sans-serif;color:#53656F;margin:10px 0 0}
#cbaPwaIosHelp .cba-ios-card button{width:100%;margin-top:14px;min-height:46px;border:0;border-radius:14px;background:#0B63A5;color:white;font:900 13px 'Inter',sans-serif}
@keyframes cbaPwaIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:768px){#cbaPwaInstall{display:none!important}}
@media(prefers-reduced-motion:reduce){#cbaPwaInstall.cba-show{animation:none}}

.cba-brand-mark-lg{width:40px;height:40px}.cba-icon-19{font-size:19px}


/* V38 · Publicaciones sorpresa */
.cba-surprise-card{border:3px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff3158,#ff9f1c,#ffe600,#31d158,#00c7ff,#5856d6,#af52de,#ff2d95,#ff3158) border-box!important;background-size:100% 100%,400% 400%!important;animation:cbaRainbowBorder 4s linear infinite;box-shadow:0 8px 28px rgba(175,82,222,.16)!important}
.cba-surprise-card:hover{box-shadow:0 12px 34px rgba(255,45,149,.22)!important}
.cba-type-surprise{background:linear-gradient(90deg,#ff3158,#ff9f1c,#ffe600,#31d158,#00c7ff,#5856d6,#af52de,#ff2d95);background-size:300% 300%;animation:cbaRainbowBorder 4s linear infinite;color:#fff!important;border:0!important;text-shadow:0 1px 2px rgba(0,0,0,.25)}
@keyframes cbaRainbowBorder{0%{background-position:0 0,0% 50%}100%{background-position:0 0,400% 50%}}
@media (prefers-reduced-motion:reduce){.cba-surprise-card,.cba-type-surprise{animation:none!important;background-position:0 0,50% 50%!important}}
html[data-theme="dark"] .cba-surprise-card{background:linear-gradient(#111b17,#111b17) padding-box,linear-gradient(90deg,#ff3158,#ff9f1c,#ffe600,#31d158,#00c7ff,#5856d6,#af52de,#ff2d95,#ff3158) border-box!important}


/* --- index-21.css --- */
/* 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}
}


/* --- index-22.css --- */
/* CBA Circular V50 — refinamiento de la zona inferior de Home.
   Mantiene intacta la cabecera/hero de V49 y acerca feed, tarjetas,
   categorías y rail derecho al mockup azul aprobado por el usuario. */

:root{
  --v50-blue:#0c6edc;
  --v50-cyan:#16acef;
  --v50-navy:#0c2d5c;
  --v50-soft:#eef8ff;
  --v50-line:#dbe8f3;
  --v50-muted:#6d7f96;
  --v50-shadow:0 4px 14px rgba(24,87,148,.055);
  --v50-shadow-hover:0 10px 24px rgba(24,87,148,.11);
}

/* --- Lower-home rhythm: deliberately scoped below the hero --- */
.v48-filter-panel{
  margin-top:12px!important;
  border:1px solid var(--v50-line)!important;
  border-radius:14px!important;
  padding:10px 12px 8px!important;
  box-shadow:var(--v50-shadow)!important;
  background:#fff!important;
}
.v48-shared-banner{
  min-height:34px!important;
  margin-bottom:9px!important;
  border-radius:8px!important;
  padding:7px 12px!important;
  background:linear-gradient(90deg,#effbf4 0%,#f5fffa 100%)!important;
  border-color:#bdebd0!important;
  color:#254d39!important;
  font-size:10px!important;
}
.v48-shared-banner .material-icons-round{color:#18a966!important;font-size:17px!important}
.v48-filter-row{grid-template-columns:minmax(210px,1fr) 178px 158px 90px!important;gap:9px!important}
.v48-search-field,.v48-select-like,.v48-search-btn{height:36px!important;border-radius:8px!important}
.v48-search-field{border-color:#d8e5f0!important;background:#fff!important}
.v48-search-field input{font-size:10px!important}
.v48-select-like{font-size:9px!important;padding:0 11px!important;border-color:#d8e5f0!important;background:#fff!important;color:#18375d!important}
.v48-search-btn{background:linear-gradient(135deg,#10a8ec,#0965d6)!important;font-size:9.5px!important;box-shadow:0 5px 12px rgba(9,101,214,.15)!important}

.v48-category-strip{
  padding:10px 2px 2px!important;
  gap:7px!important;
  justify-content:space-between!important;
  overflow-x:auto!important;
}
.v48-category-strip .cat-card{min-width:52px!important;width:52px!important;gap:4px!important}
.v48-category-strip .cat-card>div,.v48-category-strip .cat-card .cat-icon{
  width:34px!important;height:34px!important;border-radius:50%!important;
  background:#fbfdff!important;border:1px solid #dfeaf3!important;
  box-shadow:0 2px 7px rgba(16,61,108,.035)!important;
}
.v48-category-strip .cat-card>span{font-size:7.5px!important;max-width:56px!important;overflow:hidden!important;text-overflow:ellipsis!important}
.v48-category-strip .cat-card .material-icons-round{font-size:16px!important}
.v48-category-strip .cat-card:hover>div,.v48-category-strip .cat-card.active>div{
  background:linear-gradient(145deg,#19b6f3,#0b6bda)!important;color:#fff!important;border-color:transparent!important;
}

/* Feed closely mirrors the reference: dense, clean and product-like. */
.v48-feed{padding-top:13px!important}
.v48-feed-meta{top:1px!important;font-size:8px!important}
.v48-feed-section+.v48-feed-section{margin-top:14px!important}
.v48-section-title{margin-bottom:7px!important;align-items:center!important}
.v48-section-title>div{gap:8px!important;align-items:center!important}
.v48-section-title h2{
  position:relative!important;padding-left:19px!important;
  font-size:15px!important;line-height:1.1!important;color:var(--v50-navy)!important;letter-spacing:-.28px!important
}
.v48-section-title h2:before{
  content:"location_on"!important;font-family:'Material Icons Round'!important;
  position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;
  font-size:16px!important;color:#0d77dc!important
}
#farSection .v48-section-title h2:before{content:"travel_explore"!important}
.v48-section-title p{font-size:8px!important;color:#7b8da2!important}
.v48-section-title button{font-size:8.5px!important;color:#0866d5!important;padding:4px 0!important}
.v48-section-title button:after{content:"  →"}

.v48-card-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
.v48-card-grid>.masonry-item{min-width:0!important;width:auto!important;margin:0!important}
.v48-card-grid .cba-card{
  border:1px solid #dde8f2!important;border-radius:8px!important;
  box-shadow:0 2px 7px rgba(27,76,124,.045)!important;
  background:#fff!important;overflow:hidden!important;min-width:0!important;
  transform:translateZ(0)
}
.v48-card-grid .cba-card:hover{transform:translateY(-2px)!important;border-color:#b9daf2!important;box-shadow:var(--v50-shadow-hover)!important}
.v48-card-grid .v50-card-media{position:relative;overflow:hidden;background:#eef4f8}
.v48-card-grid .cba-post-image{height:78px!important;width:100%!important;object-fit:cover!important;display:block!important;transition:transform .28s ease!important}
.v48-card-grid .cba-card:hover .cba-post-image{transform:scale(1.025)!important}
.v48-card-grid [data-fav]{
  width:24px!important;height:24px!important;right:5px!important;top:5px!important;
  background:rgba(255,255,255,.92)!important;color:#183b69!important;
  backdrop-filter:blur(5px)!important;border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.08)!important
}
.v48-card-grid [data-fav].bg-ula-green{background:#0d71dc!important;color:#fff!important}
.v48-card-grid [data-fav] .material-icons-round{font-size:15px!important}
.v48-card-grid .v50-card-body{padding:6px 7px 6px!important;min-width:0!important}
.v48-card-grid .v50-cat-label{
  display:block!important;font-size:6.5px!important;font-weight:800!important;letter-spacing:.15px!important;
  text-transform:uppercase!important;color:#0870dd!important;margin-bottom:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.v48-card-grid .v50-card-title{
  font-family:Inter,sans-serif!important;font-size:9.5px!important;font-weight:750!important;color:#112d55!important;
  line-height:1.18!important;min-height:22px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important
}
.v48-card-grid .v50-card-meta{display:flex!important;align-items:center!important;gap:3px!important;margin-top:4px!important;color:#71839a!important;font-size:7.5px!important;min-width:0!important}
.v48-card-grid .v50-card-meta .material-icons-round{font-size:9px!important;color:#0b6ed5!important}
.v48-card-grid .v50-card-meta span:last-child{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.v48-card-grid .v50-card-submeta{display:flex!important;align-items:center!important;gap:3px!important;color:#95a2b0!important;font-size:7px!important;margin-top:2px!important}
.v48-card-grid .v50-card-submeta .material-icons-round{font-size:9px!important}
.v48-card-grid .cba-status{font-size:6px!important;padding:2px 4px!important;margin-left:3px!important}
.v48-card-grid .cba-card-footer{
  margin-top:5px!important;padding-top:5px!important;border-top:1px solid #eef3f7!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important
}
.v48-card-grid .cba-card-contact{
  border:0!important;background:transparent!important;color:#15385f!important;padding:0!important;
  display:flex!important;align-items:center!important;gap:3px!important;font-size:7.5px!important;font-weight:650!important
}
.v48-card-grid .cba-card-contact .material-icons-round{font-size:10px!important}
.v48-card-grid .v50-card-owner{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;color:#7e8fa2!important;font-size:7px!important}
.v48-card-grid .v50-card-owner img{width:15px!important;height:15px!important;border-radius:50%!important;object-fit:cover!important}
.v48-card-grid .v50-card-owner span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:60px!important}
.v48-card-grid .cba-own-post{font-size:6.7px!important;color:#0b71d7!important;font-weight:750!important}
.v48-card-grid .cba-post-type-badge{display:none!important}

/* Empty state occupies one compact card-like strip instead of blowing up the layout. */
.v48-empty{padding:18px!important;margin-top:7px!important;border-radius:10px!important;background:#fff!important}
.v48-empty>.material-icons-round{font-size:24px!important}.v48-empty h3{font-size:12px!important}.v48-empty p{font-size:8.5px!important}

/* Right rail below the hero — visually closer to the reference. */
.v48-right-rail{gap:10px!important}
.v48-rail-card{border-radius:11px!important;padding:12px!important;box-shadow:0 2px 8px rgba(26,73,121,.04)!important}
.v48-community-card{min-height:137px!important}
.v48-community-card h3{font-size:10.5px!important}.v48-online{font-size:7.5px!important;margin-top:3px!important}
.v48-stats{margin-top:12px!important}.v48-stats>div{padding:0 6px!important}.v48-stats b{font-size:13px!important}.v48-stats small{font-size:6.4px!important}
.v48-avatar-stack{margin-top:10px!important}.v48-avatar-stack span{width:24px!important;height:24px!important;font-size:6.5px!important}.v48-avatar-stack span:last-child{min-width:52px!important;font-size:6.5px!important}
.v48-community-card>p{font-size:7.5px!important;margin-top:9px!important}

.v48-rail-green{
  min-height:172px!important;border-radius:11px!important;padding:18px 14px 14px!important;
  background:linear-gradient(145deg,#18acef 0%,#0873dd 58%,#0752bb 100%)!important;
  box-shadow:0 8px 22px rgba(9,100,207,.15)!important
}
.v48-rail-green h2{font-size:18px!important;margin-bottom:9px!important}.v48-rail-green p{font-size:8.5px!important;line-height:1.45!important;margin-bottom:13px!important}
.v48-rail-green button{height:34px!important;border-radius:6px!important;font-size:8.5px!important}
.v48-rail-leaf{font-size:36px!important}

.v48-how-card h3{font-size:11px!important}.v48-how-card .muted{font-size:7.5px!important;margin:3px 0 10px!important}
.v48-how-card ol{gap:8px!important}.v48-how-card li{grid-template-columns:24px 1fr!important;gap:7px!important}.v48-how-card li>span{width:23px!important;height:23px!important;font-size:8.5px!important}
.v48-how-card li b{font-size:8.5px!important}.v48-how-card li small{font-size:7px!important}.v48-how-card>button{margin-top:10px!important;height:30px!important;font-size:8px!important}

.v48-news-card{min-height:115px!important;padding-right:55px!important;background:linear-gradient(145deg,#fff,#fbfdff)!important}
.v48-news-card h3{font-size:10.5px!important}.v48-news-card>p{font-size:7.4px!important;line-height:1.35!important;max-width:150px!important;margin:5px 0 8px!important}
.v48-news-form{max-width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:5px!important}
.v48-news-form input{height:27px!important;font-size:7px!important;padding:0 7px!important}.v48-news-form button{height:27px!important;font-size:7px!important}
.v48-gift{right:12px!important;bottom:28px!important;font-size:0!important;color:#179fea!important;transform:rotate(-12deg)}
.v48-gift .material-icons-round{font-size:34px!important;filter:drop-shadow(0 5px 8px rgba(14,114,211,.12))}

/* Bottom impact strip: shorter and much closer to the approved mockup. */
.v48-eco-strip{
  min-height:84px!important;margin-top:14px!important;border-radius:13px!important;
  padding:11px 14px!important;gap:8px!important;grid-template-columns:1.35fr repeat(4,.72fr)!important;
  background:linear-gradient(100deg,#f7fcff,#edf8ff 50%,#f8fcff)!important;border-color:#dbeaf5!important
}
.v48-eco-intro h2{font-size:14px!important;line-height:1.1!important}.v48-eco-intro p{font-size:7.3px!important;line-height:1.4!important;margin:4px 0 6px!important;max-width:220px!important}.v48-eco-intro button{font-size:7px!important;padding:5px 8px!important;border-radius:5px!important}
.v48-eco-point>span{width:34px!important;height:34px!important;font-size:18px!important;margin-bottom:4px!important}.v48-eco-point b{font-size:8px!important}.v48-eco-point small{font-size:6.7px!important;line-height:1.25!important;max-width:78px!important}

/* These two blocks existed in the legacy home but are not part of the approved reference. */
.v48-lower-info,.v48-faq{display:none!important}
.v48-footer{display:none!important}

/* Responsive desktop: keep five compact cards as long as there is enough room. */
@media (max-width:1180px) and (min-width:721px){
  .v48-filter-row{grid-template-columns:minmax(170px,1fr) 150px 128px 78px!important}
  .v48-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
  .v48-card-grid .cba-post-image{height:70px!important}
  .v48-card-grid .v50-card-title{font-size:8.6px!important}
  .v48-card-grid .v50-card-owner{display:none!important}
}

@media (max-width:980px) and (min-width:721px){
  .v48-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* Preserve V49 mobile concept; only polish the feed cards and spacing. */
@media (max-width:720px){
  .v48-filter-panel{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
  .v48-card-grid{display:flex!important;grid-template-columns:none!important;gap:9px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;padding-bottom:4px!important;scrollbar-width:none!important}
  .v48-card-grid::-webkit-scrollbar{display:none!important}
  .v48-card-grid>.masonry-item{min-width:174px!important;width:174px!important;scroll-snap-align:start!important}
  .v48-card-grid .cba-post-image{height:115px!important}
  .v48-card-grid .v50-card-body{padding:8px!important}.v48-card-grid .v50-card-title{font-size:11px!important;min-height:27px!important}
  .v48-card-grid .v50-cat-label{font-size:7px!important}.v48-card-grid .v50-card-meta{font-size:8.5px!important}.v48-card-grid .v50-card-submeta{font-size:8px!important}
  .v48-card-grid .v50-card-owner{font-size:8px!important}.v48-card-grid .v50-card-owner img{width:18px!important;height:18px!important}
  .v48-section-title h2{font-size:18px!important;padding-left:22px!important}.v48-section-title h2:before{font-size:19px!important}.v48-section-title p{display:none!important}
  .v48-right-rail{gap:10px!important}.v48-news-card{padding-right:55px!important}
  .v48-eco-strip{margin-top:14px!important;min-height:auto!important}
}


/* --- index-30.css --- */

/* CBA Circular V60 — stronger phone visual polish, without breaking scroll/touch. */
@media (max-width:820px){
  :root{
    --v60-blue:#0b79e6;
    --v60-blue2:#22a6f2;
    --v60-navy:#12356e;
    --v60-text:#627b9d;
    --v60-line:#dfebf7;
    --v60-soft:#f5faff;
  }

  body.v48-body{
    background:
      radial-gradient(260px 220px at 0% 12%, rgba(106,191,255,.16), transparent 62%),
      radial-gradient(220px 220px at 100% 8%, rgba(130,185,255,.12), transparent 62%),
      linear-gradient(180deg,#f8fbff 0%, #f2f7fc 100%)!important;
  }

  .v48-topbar{padding:10px 11px 11px!important;gap:9px!important}
  .v48-location,
  .v48-top-search,
  #cbaThemeToggle,
  #v48NotifShortcut{
    border:1px solid rgba(12,88,170,.07)!important;
  }
  .v48-location{font-weight:800!important;color:#163972!important;box-shadow:0 8px 20px rgba(20,66,128,.04)!important}
  .v48-top-search input{font-size:14px!important}

  .v55-mobile-tabs{padding-top:12px!important;padding-bottom:3px!important}
  .v55-mobile-tabs a{background:#fff!important;border:1px solid var(--v60-line)!important;box-shadow:0 7px 18px rgba(17,76,149,.045)!important}
  .v55-mobile-tabs a.active{background:linear-gradient(135deg,var(--v60-blue2),var(--v60-blue))!important;color:#fff!important;border-color:transparent!important}

  .v48-page-grid{padding:0 10px 18px!important}
  .v48-main{gap:14px!important}

  .v48-hero{
    position:relative!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%)!important;
    border:1px solid rgba(11,121,230,.06)!important;
  }
  .v48-hero::after{
    content:'';position:absolute;right:-28px;top:-20px;width:160px;height:160px;border-radius:50%;
    background:radial-gradient(circle, rgba(34,166,242,.16), rgba(34,166,242,0) 68%);
    pointer-events:none;
  }
  .v48-hero-visual{height:174px!important;min-height:174px!important;background:#f4faff!important}
  .v48-hero-copy{padding:16px 16px 15px!important}
  .v48-hero h1{font-size:28px!important;line-height:0.97!important;letter-spacing:-1.4px!important;color:#0f2f67!important}
  .v48-hero h1 em{color:#1a9af1!important}
  .v48-hero-copy > p{font-size:12.2px!important;color:#66809f!important;max-width:30ch}
  .v48-trust-row>div{
    background:#f9fcff!important;border:1px solid #ebf3fb!important;border-radius:15px!important;
  }
  .v48-trust-row p b{color:#173971!important}
  .v48-trust-row p small{color:#7c94b0!important}

  .v56-mobile-stats{margin-top:13px!important;gap:9px!important}
  .v56-mobile-stat{
    border-radius:18px!important;background:#fff!important;border:1px solid var(--v60-line)!important;
    box-shadow:0 10px 24px rgba(17,76,149,.055)!important;
  }
  .v56-mobile-stat b{font-size:18px!important;color:var(--v60-blue)!important}
  .v56-mobile-stat small{font-size:10px!important;color:#7189a8!important}

  .v48-filter-panel{
    background:#fff!important;border:1px solid rgba(12,88,170,.06)!important;
    box-shadow:0 14px 30px rgba(18,71,145,.05)!important;border-radius:22px!important;
  }
  .v48-shared-banner{border-radius:16px!important;background:#f1fbf3!important;border-color:#d4ebd6!important}
  .v48-search-field,.v48-select-like,.v48-search-btn{height:47px!important;border-radius:16px!important}
  .v48-search-field,.v48-select-like{background:#f9fcff!important;border-color:#e3eef9!important}
  .v48-search-btn{background:linear-gradient(135deg,var(--v60-blue2),var(--v60-blue))!important}
  .v48-category-strip{padding-top:12px!important;gap:10px!important}
  .v48-category-strip .cat-card{
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    border:1px solid #e4eef8!important;box-shadow:0 10px 20px rgba(18,71,145,.045)!important;
    padding:10px 5px 8px!important;
  }
  .v48-category-strip .cat-card>div{
    width:42px!important;height:42px!important;border-radius:14px!important;
    background:linear-gradient(135deg,#e9f6ff,#f5fbff)!important;color:var(--v60-blue)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 16px rgba(17,76,149,.045)!important;
  }
  .v48-category-strip .cat-card.active,
  .v48-category-strip .cat-card[aria-pressed="true"]{
    border-color:#8fcbff!important;background:linear-gradient(180deg,#f4fbff 0%,#ebf6ff 100%)!important;
  }
  .v48-category-strip .cat-card span:not(.material-icons-round){font-size:10px!important;font-weight:900!important;color:#24457f!important}
  .v48-category-strip .cat-card .material-icons-round{font-size:20px!important}

  .v48-feed-section{margin-bottom:16px!important}
  .v48-section-title h2{font-size:21px!important;color:#163972!important}
  .v48-section-title p{font-size:11px!important;color:#7891af!important}
  .v48-section-title button{font-size:11px!important;color:var(--v60-blue)!important}

  .v48-card-grid>.masonry-item{
    background:#fff!important;border:1px solid #e5eef9!important;
    box-shadow:0 12px 24px rgba(17,76,149,.055)!important;
  }
  .v48-card-grid .v50-card-media{background:#eef7ff!important}
  .v48-card-grid .v50-card-media [data-fav]{
    width:34px!important;height:34px!important;top:9px!important;right:9px!important;
    backdrop-filter:blur(7px)!important;border:1px solid rgba(255,255,255,.85)!important;
  }
  .v48-card-grid .v50-card-body{padding:10px!important}
  .v48-card-grid .v50-cat-label{
    display:inline-flex!important;align-items:center!important;padding:4px 8px!important;margin-bottom:6px!important;
    border-radius:999px!important;background:#edf7ff!important;color:#167fd7!important;font-size:8px!important;letter-spacing:.06em!important
  }
  .v48-card-grid .v50-card-title{font-size:12px!important;min-height:32px!important;color:#1c3564!important}
  .v48-card-grid .v50-card-meta,
  .v48-card-grid .v50-card-submeta{gap:4px!important;color:#748cab!important}
  .v48-card-grid .v50-card-meta .material-icons-round,
  .v48-card-grid .v50-card-submeta .material-icons-round{font-size:13px!important}
  .v48-card-grid .cba-card-footer{border-top:1px solid #edf2f8!important;padding-top:8px!important}
  .v48-card-grid .v50-card-owner img{width:22px!important;height:22px!important}
  .v48-card-grid .cba-card-contact{
    height:30px!important;padding:0 9px!important;border-radius:999px!important;background:#f4f9ff!important;color:var(--v60-blue)!important;border:1px solid #dbe9f6!important;
  }
  .v48-card-grid .cba-card-contact .material-icons-round{font-size:15px!important}

  .v56-mobile-cta,
  .v48-eco-strip{
    border-radius:24px!important;box-shadow:0 16px 34px rgba(17,76,149,.075)!important;
  }

  #cbaPushPrompt .cba-push-card{
    border-radius:28px!important;padding:18px 16px!important;border:1px solid #deebf7!important;
  }
  #cbaPushPrompt .cba-push-icon{
    background:linear-gradient(135deg,#eef8ff,#e8f4ff)!important;color:var(--v60-blue)!important;
    box-shadow:0 8px 20px rgba(17,76,149,.08)!important;
  }
  #cbaPushPromptEnable{
    min-height:48px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--v60-blue2),var(--v60-blue))!important;
    box-shadow:0 12px 24px rgba(11,121,230,.18)!important;
  }
  #cbaPushPromptLater{min-height:48px!important;border-radius:16px!important}

  .v48-bottom-nav{
    box-shadow:0 20px 42px rgba(15,57,113,.16)!important;
    background:rgba(255,255,255,.985)!important;
  }
  .v48-bottom-nav a,.v48-bottom-nav button{color:#587594!important}
  .v48-bottom-nav .material-icons-round{font-size:23px!important}
  .v48-bottom-nav .active{background:#edf6ff!important;color:var(--v60-blue)!important}
  #v48BottomPublish .material-icons-round{background:linear-gradient(135deg,var(--v60-blue2),var(--v60-blue))!important}

  html[data-theme="dark"] body.v48-body{
    background:
      radial-gradient(260px 220px at 0% 12%, rgba(42,124,214,.18), transparent 62%),
      radial-gradient(220px 220px at 100% 8%, rgba(52,164,242,.12), transparent 62%),
      linear-gradient(180deg,#071521 0%, #0b1c2e 100%)!important;
  }
  html[data-theme="dark"] .v55-mobile-tabs a,
  html[data-theme="dark"] .v56-mobile-stat,
  html[data-theme="dark"] .v48-filter-panel,
  html[data-theme="dark"] .v48-card-grid>.masonry-item,
  html[data-theme="dark"] #cbaPushPrompt .cba-push-card,
  html[data-theme="dark"] .v48-category-strip .cat-card{
    background:#0d2234!important;border-color:#183752!important;box-shadow:none!important;
  }
  html[data-theme="dark"] .v48-location,
  html[data-theme="dark"] .v48-top-search,
  html[data-theme="dark"] #cbaThemeToggle,
  html[data-theme="dark"] #v48NotifShortcut{background:#0d2234!important;border-color:#183752!important;color:#dbeafd!important}
  html[data-theme="dark"] .v48-hero{background:linear-gradient(180deg,#0d2234 0%,#0f2740 100%)!important;border-color:#183752!important}
  html[data-theme="dark"] .v48-hero h1,
  html[data-theme="dark"] .v48-section-title h2,
  html[data-theme="dark"] .v48-card-grid .v50-card-title{color:#eef5ff!important}
  html[data-theme="dark"] .v48-hero-copy>p,
  html[data-theme="dark"] .v48-section-title p,
  html[data-theme="dark"] .v48-card-grid .v50-card-meta,
  html[data-theme="dark"] .v48-card-grid .v50-card-submeta,
  html[data-theme="dark"] .v56-mobile-stat small{color:#9ab2ce!important}
  html[data-theme="dark"] .v48-category-strip .cat-card>div{background:linear-gradient(135deg,#10283d,#12304a)!important;color:#8dc9ff!important;box-shadow:none!important}
  html[data-theme="dark"] .v48-card-grid .v50-cat-label{background:#12304a!important;color:#8dc9ff!important}
  html[data-theme="dark"] .v48-card-grid .cba-card-contact{background:#10283e!important;border-color:#183752!important;color:#8dc9ff!important}
  html[data-theme="dark"] #cbaPushPrompt .cba-push-icon{background:#12304a!important;color:#8dc9ff!important;box-shadow:none!important}
}


/* --- index-32.css --- */

/* CBA Circular V62 — stability/performance first. */
@media (max-width:820px){
  html{scroll-behavior:auto!important}
  body.v48-body{overscroll-behavior-y:auto!important}
  .cba-glow,#cbaScrollProgress{display:none!important}
  .v48-topbar,.v48-bottom-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .v48-topbar{background:#fff!important}
  .v48-bottom-nav{background:#fff!important}
  .v48-card-grid>.masonry-item{content-visibility:auto;contain-intrinsic-size:280px}
  .v48-card-grid .cba-post-image{content-visibility:auto}
  .v48-hero,.v48-filter-panel,.v48-card-grid>.masonry-item,.v48-bottom-nav{will-change:auto!important}
  .v48-hero,.v48-filter-panel,.v48-card-grid>.masonry-item{animation:none!important}
  .v48-category-strip{scrollbar-width:none}
  .v48-category-strip::-webkit-scrollbar{display:none}
  .v62-install-inline{display:flex;align-items:center;gap:7px;margin:10px 10px 0 auto;width:max-content;max-width:calc(100% - 20px);min-height:40px;padding:0 12px;border:1px solid #dbe9f7;border-radius:999px;background:#fff;color:#0b69cc;font-size:11px;font-weight:900;box-shadow:0 7px 18px rgba(20,70,135,.06);touch-action:manipulation}
  .v62-install-inline.hidden{display:none!important}
  .v62-install-inline .material-icons-round{font-size:18px}
  html[data-theme="dark"] .v48-topbar{background:#081826!important}
  html[data-theme="dark"] .v48-bottom-nav{background:#081826!important}
  html[data-theme="dark"] .v62-install-inline{background:#0d2234;border-color:#193750;color:#8bc8ff;box-shadow:none}
}
@media (min-width:821px){.v62-install-inline{display:none!important}}


/* --- V63 mobile responsiveness/performance hotfix --- */
@media (max-width:820px){
  /* Fixed decorative full-screen layers caused extra paint work while scrolling. */
  body.v48-body::before,
  body.v48-body::after{display:none!important}
  body.v48-body{background:#f7fbff!important}

  /* Remove costly compositing effects on phones; preserve shape/color hierarchy. */
  .v48-filter-panel,.v48-rail-card,.v48-hero,.v48-sidebar,.v48-topbar,
  .v48-bottom-nav,.v56-story-badge,#cbaPwaInstall{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important
  }
  .v48-hero-visual img{filter:none!important}
  .cba-surprise-card,.cba-type-surprise{animation:none!important}

  /* Skip layout/paint for lower content until it approaches the viewport. */
  .v48-eco-strip,.v48-lower-info,.v48-right-rail{
    content-visibility:auto;
    contain-intrinsic-size:1px 520px;
  }

  /* Avoid accidental invisible interaction blockers after modal transitions. */
  .hidden{pointer-events:none!important}
  #detail:not(.hidden),#publishSheet:not(.hidden),#chatModal:not(.hidden),
  #loginModal:not(.hidden),#neighborhoodModal:not(.hidden),#cbaTermsGate:not(.hidden),
  #cbaInboxModal:not(.hidden){pointer-events:auto!important}

  /* Natural document scrolling is the default; locking only exists while a real modal is open. */
  html:not(.cba-scroll-locked),body:not(.cba-scroll-locked){
    overflow-y:auto!important;touch-action:pan-y pinch-zoom!important
  }
}
/* CBA Circular V64 — mobile visual system based on the approved reference.
   Scope: presentation only. No auth, Supabase, RLS, chat or persistence changes. */

/* Desktop-safe defaults for elements introduced by V64 detail markup. */
.cba-detail-share-top{position:absolute;top:16px;right:64px;z-index:5;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#173a62;display:grid;place-items:center;box-shadow:0 3px 10px rgba(20,55,92,.14);cursor:pointer}
.cba-detail-share-top .material-icons-round{font-size:19px}
.cba-detail-location{display:flex;align-items:center;gap:5px;margin-top:8px;color:#6d7f94;font-size:11px;font-weight:650}
.cba-detail-location .material-icons-round{font-size:15px;color:#3382c2}
.cba-detail-location i{width:3px;height:3px;border-radius:50%;background:#a5b5c4}
.cba-detail-owner-arrow{color:#8ba0b3;font-size:20px}
.cba-detail-photo-count,.cba-detail-related,.cba-detail-impact,.v64-media-cat{display:none}

:root{
  --cba64-blue:#0795ee;
  --cba64-blue-deep:#0876dc;
  --cba64-navy:#0a2b59;
  --cba64-text:#536b89;
  --cba64-line:#dce8f4;
  --cba64-surface:#ffffff;
  --cba64-soft:#eef8ff;
  --cba64-green:#18a55f;
  --cba64-green-soft:#e8f9ef;
  --cba64-shadow:0 8px 26px rgba(17,70,132,.08);
}

@media (max-width:820px){
  html{background:#fff!important}
  body.v48-body{
    background:#fff!important;
    color:var(--cba64-navy)!important;
    padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }

  /* ===== Header: location + alerts/profile, then full-width search ===== */
  .v48-stage{background:#fff!important}
  .v48-topbar{
    position:sticky!important;top:0!important;z-index:40!important;
    height:auto!important;min-height:116px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"location actions" "search search"!important;
    align-items:center!important;
    gap:8px 10px!important;
    padding:calc(8px + env(safe-area-inset-top)) 14px 10px!important;
    background:#fff!important;border:0!important;border-bottom:1px solid #edf2f7!important;
    box-shadow:none!important;
  }
  .v48-mobile-menu,.v48-mobile-brand{display:none!important}
  .v48-location{
    grid-area:location!important;justify-self:start!important;
    min-width:0!important;width:auto!important;height:38px!important;
    padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
    color:var(--cba64-navy)!important;font-size:14px!important;font-weight:850!important;
  }
  .v48-location .material-icons-round:first-child{font-size:22px!important;color:#0d8df1!important}
  .v48-location .chevron{font-size:20px!important;color:#173e72!important;margin-left:1px!important}
  .v48-location #locLabel{max-width:190px!important}

  .v48-top-actions{grid-area:actions!important;gap:5px!important;justify-self:end!important}
  #cbaThemeToggle,#v48ChatShortcut{display:none!important}
  #v48NotifShortcut{
    display:grid!important;width:40px!important;height:40px!important;border:0!important;background:transparent!important;
    color:var(--cba64-navy)!important;position:relative!important;
  }
  #v48NotifShortcut .material-icons-round{font-size:25px!important}
  .v48-auth-area{margin-left:0!important}
  .v48-login-btn{
    width:40px!important;height:40px!important;padding:0!important;border:1px solid #d8e5f1!important;border-radius:50%!important;
    background:linear-gradient(145deg,#edf7ff,#fff)!important;color:var(--cba64-navy)!important;
    display:grid!important;place-items:center!important;overflow:hidden!important;font-size:0!important;box-shadow:0 2px 7px rgba(23,74,126,.07)!important;
  }
  .v48-login-btn img{display:none!important}
  .v48-login-btn::before{content:"person";font-family:'Material Icons Round';font-size:24px;color:#284d72}
  .v48-user{padding:0!important;gap:0!important}
  .v48-user>img{width:40px!important;height:40px!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #d8e5f1!important}
  .v48-user>span,.v48-user>a,.v48-user>button{display:none!important}

  .v48-top-search{
    grid-area:search!important;justify-self:stretch!important;
    width:100%!important;max-width:none!important;height:45px!important;
    background:#f7faff!important;border:1px solid #dbe8f4!important;border-radius:14px!important;
    padding:0 48px 0 14px!important;gap:9px!important;position:relative!important;box-shadow:none!important;
  }
  .v48-top-search>.material-icons-round{font-size:21px!important;color:#617c9b!important}
  .v48-top-search::after{content:none!important;display:none!important}
  .v64-filter-btn{
    grid-area:search!important;justify-self:end!important;align-self:center!important;z-index:2!important;
    width:42px!important;height:42px!important;margin-right:2px!important;border:0!important;background:transparent!important;color:#245a91!important;
    display:grid!important;place-items:center!important;border-radius:12px!important;touch-action:manipulation!important;
  }
  .v64-filter-btn .material-icons-round{font-size:21px!important}
  .v48-top-search input{font-size:13.5px!important;color:#153964!important}
  .v48-top-search input::placeholder{color:#8297ae!important}

  .v48-mobile-drawer{top:calc(116px + env(safe-area-inset-top))!important}
  .v62-install-inline{margin:8px 14px 0 auto!important;box-shadow:none!important}

  /* ===== Main spacing ===== */
  .v48-page-grid{display:block!important;padding:0 14px 12px!important;background:#fff!important}
  .v48-main{padding-top:10px!important;display:flex!important;flex-direction:column!important;gap:13px!important}
  .v48-right-rail{display:none!important}

  /* ===== Hero like the first phone reference ===== */
  body.v48-body .v48-hero{
    position:relative!important;display:block!important;width:100%!important;height:238px!important;min-height:0!important;margin:0!important;
    overflow:hidden!important;border:1px solid #dfeaf4!important;border-radius:17px!important;
    background:linear-gradient(135deg,#f7fcff 0%,#edf8ff 100%)!important;box-shadow:none!important;
  }
  .v48-hero::before{
    content:"";position:absolute;right:-25px;top:-28px;width:165px;height:165px;border-radius:50%;
    background:radial-gradient(circle,#d9f1ff 0%,rgba(217,241,255,.25) 55%,transparent 70%);pointer-events:none;
  }
  .v48-hero::after{display:none!important}
  body.v48-body .v48-hero-copy{position:relative!important;z-index:2!important;width:60%!important;padding:20px 0 64px 17px!important;background:transparent!important}
  .v48-leaf-mark{display:none!important}
  .v48-hero h1{
    margin:0!important;font-family:Inter,system-ui,-apple-system,sans-serif!important;
    font-size:24px!important;line-height:1.02!important;letter-spacing:-.8px!important;font-weight:900!important;color:#102f59!important;
  }
  .v48-hero h1 em{color:#078ee9!important;font-style:normal!important}
  .v48-hero-copy>p{
    margin:9px 0 0!important;max-width:24ch!important;font-size:11.5px!important;line-height:1.35!important;color:#55708f!important;
  }
  .v48-hero-visual{
    position:absolute!important;right:-4px!important;top:0!important;width:43%!important;height:174px!important;min-height:0!important;
    background:transparent!important;overflow:hidden!important;z-index:1!important;
  }
  .v48-hero-visual::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(90deg,#eef9ff 0%,rgba(238,249,255,.35) 16%,transparent 38%)!important;pointer-events:none}
  .v48-hero-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:58% 52%!important;filter:none!important}
  .v48-hero-actions-mobile{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;
    position:absolute!important;left:16px!important;right:16px!important;bottom:13px!important;z-index:4!important;margin:0!important;
  }
  .v48-hero-actions-mobile button{
    height:44px!important;min-height:44px!important;border-radius:12px!important;font-size:12.5px!important;font-weight:850!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;box-shadow:none!important;
  }
  .v48-hero-actions-mobile .v48-primary{background:linear-gradient(135deg,#0aa5f4,#087ce6)!important;border:0!important;color:#fff!important}
  .v48-hero-actions-mobile .v48-secondary{background:#fff!important;border:1.5px solid #0b92ec!important;color:#0a73d3!important}
  .v48-hero-actions-mobile .material-icons-round{font-size:20px!important}
  .v48-trust-row{display:none!important}

  /* ===== Categories: compact round icon row ===== */
  .v48-filter-panel{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .v48-shared-banner,.v48-filter-row{display:none!important}
  .v48-category-strip{
    display:flex!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;
    padding:0 0 2px!important;margin:0 -1px!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important;
  }
  .v48-category-strip::-webkit-scrollbar{display:none!important}
  .v48-category-strip .cat-card{
    flex:0 0 52px!important;min-width:52px!important;width:52px!important;padding:0!important;gap:5px!important;
    border:0!important;background:transparent!important;box-shadow:none!important;scroll-snap-align:start!important;color:var(--cba64-navy)!important;
  }
  .v48-category-strip .cat-card>div{
    width:43px!important;height:43px!important;border:0!important;border-radius:50%!important;
    background:#eaf7ff!important;color:#2478b4!important;box-shadow:none!important;
  }
  .v48-category-strip .cat-card:nth-child(1)>div{background:#fff0e4!important;color:#d47a28!important}
  .v48-category-strip .cat-card:nth-child(2)>div{background:#e7f5ff!important;color:#357daa!important}
  .v48-category-strip .cat-card:nth-child(3)>div{background:#e6f8ec!important;color:#2aa65f!important}
  .v48-category-strip .cat-card:nth-child(4)>div{background:#e5f3ff!important;color:#1478d2!important}
  .v48-category-strip .cat-card:nth-child(5)>div{background:#e8f5ff!important;color:#0b86e3!important}
  .v48-category-strip .cat-card:nth-child(6)>div{background:#efeaff!important;color:#7157c9!important}
  .v48-category-strip .cat-card.active>div,.v48-category-strip .cat-card[aria-pressed="true"]>div{box-shadow:0 0 0 2px #0d93ec inset!important}
  .v48-category-strip .cat-card .material-icons-round{font-size:20px!important}
  .v48-category-strip .cat-card>span:not(.material-icons-round){
    font-family:Inter,system-ui,sans-serif!important;font-size:9px!important;line-height:1.05!important;font-weight:750!important;color:#213c60!important;
    max-width:56px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }

  /* ===== Feed: two-column cards, not horizontal carousel ===== */
  .v48-feed{margin-top:0!important}
  .v48-feed-meta{display:none!important}
  .v48-feed-section{margin:0 0 9px!important}
  .v48-section-title{margin:0 0 8px!important;align-items:end!important}
  .v48-section-title h2{
    padding:0!important;margin:0!important;font-family:Inter,system-ui,sans-serif!important;
    font-size:19px!important;line-height:1.1!important;letter-spacing:-.35px!important;font-weight:900!important;color:#102f59!important;
  }
  .v48-section-title h2::before{display:none!important}
  .v48-section-title p{display:none!important}
  .v48-section-title button{font-size:10px!important;font-weight:800!important;color:#0789e7!important;padding:4px 0!important;background:transparent!important;border:0!important}

  .v48-card-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important;
  }
  .v48-card-grid>.masonry-item{
    min-width:0!important;width:auto!important;border-radius:14px!important;background:#fff!important;border:1px solid #dfe8f1!important;
    box-shadow:none!important;overflow:hidden!important;content-visibility:auto!important;contain-intrinsic-size:230px!important;
  }
  .v48-card-grid .cba-card{border:0!important;border-radius:14px!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important;transform:none!important}
  .v48-card-grid .v50-card-media{position:relative!important;overflow:hidden!important;background:#edf4f8!important}
  .v48-card-grid .cba-post-image{
    display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.36/1!important;object-fit:cover!important;transform:none!important;
  }
  .v48-card-grid [data-fav]{
    width:30px!important;height:30px!important;top:7px!important;right:7px!important;border:1px solid rgba(226,232,240,.95)!important;
    background:rgba(255,255,255,.95)!important;color:#576a80!important;box-shadow:0 2px 7px rgba(30,52,76,.10)!important;
  }
  .v48-card-grid [data-fav].bg-ula-green{background:#0b91e9!important;color:#fff!important;border-color:#0b91e9!important}
  .v48-card-grid [data-fav] .material-icons-round{font-size:17px!important}
  .v48-card-grid .v50-cat-label{display:none!important}
  .v48-card-grid .v64-media-cat{
    display:inline-flex!important;position:absolute!important;left:7px!important;bottom:7px!important;z-index:3!important;
    margin:0!important;padding:3px 7px!important;border-radius:999px!important;background:#e6f8ed!important;color:#178b50!important;
    font-size:8px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:0!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important;
  }
  .v48-card-grid>.masonry-item:nth-child(2n) .v64-media-cat{background:#e9edff!important;color:#594fca!important}
  .v48-card-grid>.masonry-item:nth-child(3n) .v64-media-cat{background:#edf6ff!important;color:#1476c9!important}
  .v48-card-grid .v50-card-body{padding:7px 8px 8px!important}
  .v48-card-grid .v50-card-title{
    min-height:0!important;margin:0!important;font-size:11.2px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.1px!important;color:#17355f!important;
  }
  .v48-card-grid .v50-card-meta{
    display:flex!important;margin-top:4px!important;gap:3px!important;font-size:8.5px!important;line-height:1.1!important;color:#72869e!important;
  }
  .v48-card-grid .v50-card-meta .material-icons-round{font-size:11px!important;color:#607d9a!important}
  .v48-card-grid .v50-card-submeta,.v48-card-grid .cba-card-footer{display:none!important}
  .v48-empty{padding:28px 15px!important;border-radius:15px!important;background:#f9fcff!important;border-color:#d9e9f6!important}

  /* ===== Impact section condensed, lighter, reference-like ===== */
  .v48-eco-strip{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;
    min-height:0!important;margin:3px 0 0!important;padding:12px!important;border-radius:18px!important;
    border:1px solid #dcecf8!important;background:linear-gradient(135deg,#f5fbff,#eef8ff)!important;box-shadow:none!important;
  }
  .v48-eco-intro{grid-column:1/-1!important}
  .v48-eco-intro h2{font-size:15px!important;line-height:1.15!important;color:#16375f!important}
  .v48-eco-intro p{font-size:9.5px!important;max-width:none!important;color:#6e8198!important}
  .v48-eco-intro button{display:none!important}
  .v48-eco-point{display:flex!important;align-items:center!important;gap:7px!important;text-align:left!important;background:#fff!important;border-radius:12px!important;padding:8px!important;border:1px solid #e6eef5!important}
  .v48-eco-point>span{width:31px!important;height:31px!important;margin:0!important;font-size:16px!important;flex:0 0 31px!important}
  .v48-eco-point b{font-size:9px!important}.v48-eco-point small{display:none!important}

  /* ===== Bottom navigation ===== */
  .v48-bottom-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:45!important;
    width:100%!important;max-width:none!important;margin:0!important;transform:none!important;
    height:calc(68px + env(safe-area-inset-bottom))!important;padding:7px 8px env(safe-area-inset-bottom)!important;
    border:0!important;border-top:1px solid #dfe8f0!important;border-radius:0!important;background:#fff!important;box-shadow:0 -3px 15px rgba(28,69,108,.05)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;
  }
  .v48-bottom-nav a,.v48-bottom-nav button{
    min-width:0!important;height:54px!important;border:0!important;border-radius:12px!important;background:transparent!important;
    color:#365d85!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  }
  .v48-bottom-nav .material-icons-round{font-size:24px!important;line-height:1!important}
  .v48-bottom-nav small{font-size:9px!important;line-height:1!important;font-weight:650!important;color:inherit!important}
  .v48-bottom-nav .active{background:transparent!important;color:#0789e8!important}
  #v48BottomPublish{transform:translateY(-8px)!important}
  #v48BottomPublish .material-icons-round{
    width:50px!important;height:50px!important;border-radius:50%!important;background:linear-gradient(145deg,#13a8f6,#077be4)!important;color:#fff!important;
    display:grid!important;place-items:center!important;font-size:30px!important;box-shadow:0 7px 18px rgba(7,123,228,.24)!important;border:3px solid #fff!important;
  }
  #v48BottomPublish small{color:#315d87!important;margin-top:0!important}

  /* ===== Full-screen mobile detail, matching the third phone reference ===== */
  #detail:not(.hidden){background:#fff!important}
  #detail #detailBg{display:none!important}
  #detailPanel{
    position:fixed!important;inset:0!important;max-width:none!important;max-height:none!important;width:100%!important;height:100dvh!important;
    border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;
    padding-top:env(safe-area-inset-top)!important;
  }
  #detailPanel>div:first-child{margin:0 12px!important;border-radius:16px!important;overflow:hidden!important;background:#eef4f8!important}
  #detailPanel>div:first-child>.cba-post-image{width:100%!important;height:auto!important;aspect-ratio:1.45/1!important;object-fit:cover!important;display:block!important}
  #detailPanel #closeDetail,#detailPanel [data-fav-detail],#detailPanel .cba-detail-share-top{
    width:39px!important;height:39px!important;top:10px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(219,229,238,.95)!important;box-shadow:0 3px 12px rgba(25,55,86,.12)!important;color:#12375f!important;
  }
  #detailPanel #closeDetail{left:10px!important}
  #detailPanel [data-fav-detail]{right:10px!important}
  #detailPanel .cba-detail-share-top{position:absolute!important;right:56px!important;z-index:5!important;border-radius:50%!important;display:grid!important;place-items:center!important}
  #detailPanel>div:first-child>div.absolute.bottom-3{display:none!important}
  #detailPanel .cba-detail-photo-count{display:block!important;position:absolute!important;right:10px!important;bottom:9px!important;z-index:4!important;padding:4px 8px!important;border-radius:999px!important;background:rgba(10,25,42,.72)!important;color:#fff!important;font-size:9px!important;font-weight:800!important}
  #detailPanel>.flex-1{overflow-y:auto!important;padding-bottom:92px!important}
  #detailPanel>.flex-1>.p-4{padding:13px 15px 18px!important}
  #detailPanel .cba-detail-type{font-size:9px!important}
  #detailPanel .cba-detail-category,#detailPanel .cba-detail-expiry{display:none!important}
  #detailPanel h2{font-size:21px!important;line-height:1.12!important;letter-spacing:-.35px!important;color:#102f59!important}
  #detailPanel .cba-detail-impact{
    margin-top:14px!important;padding:12px!important;border-radius:15px!important;background:linear-gradient(135deg,#e9faf0,#e8f8f4)!important;
    border:1px solid #d5f0df!important;display:flex!important;gap:10px!important;align-items:center!important;color:#157e4a!important;
  }
  #detailPanel .cba-detail-impact .material-icons-round{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#1cae65;color:#fff;font-size:23px;flex:0 0 40px}
  #detailPanel .cba-detail-impact strong{display:block;font-size:12px}.cba-detail-impact small{display:block;margin-top:2px;font-size:10px;line-height:1.25;color:#4d7b66}
  #detailPanel .cba-detail-owner{background:#fff!important;border-color:#e3eaf1!important;border-radius:15px!important;padding:11px!important}
  #detailPanel .cba-detail-owner img{width:42px!important;height:42px!important;object-fit:cover!important}
  #detailPanel .cba-detail-related{display:block!important;margin-top:18px!important}
  #detailPanel .cba-detail-related-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important}
  #detailPanel .cba-detail-related-head strong{font-size:13px!important;color:#12345d!important}
  #detailPanel .cba-detail-related-head button{border:0!important;background:transparent!important;color:#0789e7!important;font-size:10px!important;font-weight:850!important;padding:4px 0!important}
  #detailPanel .cba-detail-related-rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  #detailPanel .cba-related-card{min-width:0!important;border:0!important;background:transparent!important;padding:0!important;text-align:left!important;color:#17355f!important}
  #detailPanel .cba-related-media{position:relative!important;aspect-ratio:1/1!important;border-radius:11px!important;overflow:hidden!important;background:#eef4f8!important;border:1px solid #e2e9f0!important}
  #detailPanel .cba-related-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
  #detailPanel .cba-related-media .material-icons-round{position:absolute!important;right:5px!important;top:5px!important;width:24px!important;height:24px!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;display:grid!important;place-items:center!important;font-size:14px!important;color:#52667c!important}
  #detailPanel .cba-related-card strong{display:block!important;margin-top:5px!important;font-size:9.5px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #detailPanel .cba-related-card small{display:block!important;margin-top:2px!important;font-size:8px!important;color:#7b8fa4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #detailPanel>.p-4.border-t{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:4!important;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #e2eaf2!important;
  }
  #detailPanel #contactBtn{
    min-height:47px!important;border-radius:13px!important;background:#fff!important;color:#087bd9!important;border:1.5px solid #088ce9!important;box-shadow:none!important;
  }
  #detailPanel #shareBtn{
    width:auto!important;min-width:118px!important;height:47px!important;border-radius:13px!important;background:linear-gradient(135deg,#0ba4f2,#0879e1)!important;color:#fff!important;border:0!important;
  }
  #detailPanel #shareBtn::after{content:"Compartir";font-size:12px;font-weight:850;margin-left:5px}

  /* ===== Modals/sheets aligned with new visual system ===== */
  #publishSheet>div:last-child,.cba-chat-shell,#loginModal>div:last-child,.cba-neighborhood-panel,#cbaPushPrompt .cba-push-card{
    border-radius:24px 24px 0 0!important;border-color:#dfe9f2!important;box-shadow:0 -10px 30px rgba(18,61,104,.10)!important;
  }

  /* Keep motion cheap and tactile. */
  button,a{touch-action:manipulation}
  .v48-card-grid .cba-card,.v48-category-strip .cat-card,.v48-hero,.v48-bottom-nav{animation:none!important;transition:none!important}
}

@media (max-width:380px){
  .v48-topbar{padding-left:11px!important;padding-right:11px!important}
  .v48-page-grid{padding-left:11px!important;padding-right:11px!important}
  body.v48-body .v48-hero{height:230px!important;min-height:0!important}
  body.v48-body .v48-hero-copy{width:61%!important;padding-left:14px!important;background:transparent!important}
  .v48-hero h1{font-size:22px!important}
  .v48-hero-copy>p{font-size:10.8px!important}
  .v48-hero-visual{width:42%!important;height:167px!important}
  .v48-hero-actions-mobile{left:13px!important;right:13px!important;gap:8px!important}
  .v48-category-strip{gap:6px!important}
  .v48-category-strip .cat-card{flex-basis:49px!important;min-width:49px!important;width:49px!important}
  .v48-category-strip .cat-card>div{width:40px!important;height:40px!important}
  .v48-card-grid{gap:8px!important}
}

@media (prefers-reduced-motion:reduce){
  .v48-bottom-nav #v48BottomPublish{transform:none!important}
}