/* Apariencia opcional V5. Reutiliza la composición original; no altera geometría ni fotos */
:root[data-mobile-theme="dark"]{--bg:#1e232b;--panel:#252d37;--line:#3c4856;--muted:#9ba8b8;--guard-bg:#1e232b;--guard-card:#252d37;--guard-line:#3c4856}
:root[data-mobile-theme="dark"] body{background:#1e232b}
:root[data-mobile-theme="dark"] .guard-bottom{background:#202832}
.kondomina-theme-toggle{appearance:none;border:1px solid #66798c;border-radius:19px;padding:6px 9px;display:inline-flex;gap:4px;align-items:center;justify-content:center;min-height:32px;min-width:72px;background:#29313c;color:#dce6ef;font:600 11px Inter,-apple-system,sans-serif;white-space:nowrap;cursor:pointer;flex-shrink:0;margin-left:auto;z-index:2}
.kondomina-theme-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.guard-brand .kondomina-theme-toggle{margin-left:auto}
.brand .kondomina-theme-toggle + .avatar,.brand .kondomina-theme-toggle + .vecino-perfil{margin-left:0}
:root[data-mobile-theme="light"]{color-scheme:light;--bg:#f4f3ef;--panel:#fffefa;--line:#d3d6d9;--muted:#586570;--guard-bg:#f4f3ef;--guard-card:#fffefa;--guard-line:#d3d6d9;color:#26313d;background:var(--bg)}
:root[data-mobile-theme="light"] body{background:#f4f3ef;color:#26313d}
:root[data-mobile-theme="light"] .app{color:#26313d}
:root[data-mobile-theme="light"] .brand small,:root[data-mobile-theme="light"] .guard-brand-text small,:root[data-mobile-theme="light"] .muted,:root[data-mobile-theme="light"] .subtitle,:root[data-mobile-theme="light"] .eyebrow,:root[data-mobile-theme="light"] .back,:root[data-mobile-theme="light"] .guard-sub,:root[data-mobile-theme="light"] .guard-meta{color:#596776}
:root[data-mobile-theme="light"] .panel,:root[data-mobile-theme="light"] .guard-card,:root[data-mobile-theme="light"] .guard-action-card,:root[data-mobile-theme="light"] .guard-row,:root[data-mobile-theme="light"] .guard-search,:root[data-mobile-theme="light"] .guard-types .guard-type,:root[data-mobile-theme="light"] .entry,:root[data-mobile-theme="light"] .listrow{color:#26313d;border-color:#d2d8dc}
:root[data-mobile-theme="light"] .panel,:root[data-mobile-theme="light"] .guard-card,:root[data-mobile-theme="light"] .guard-action-card{background:#fffefa}
:root[data-mobile-theme="light"] .bottom,:root[data-mobile-theme="light"] .guard-bottom{background:#e8eae9;border-color:#c9cfd3}
:root[data-mobile-theme="light"] .bottom button,:root[data-mobile-theme="light"] .guard-bottom button,:root[data-mobile-theme="light"] .quicknav button{color:#334659}
:root[data-mobile-theme="light"] .fields input,:root[data-mobile-theme="light"] .fields select,:root[data-mobile-theme="light"] .fields textarea,:root[data-mobile-theme="light"] .bubble-input input{background:#fff;color:#24313f;border-color:#aeb9c2}
:root[data-mobile-theme="light"] .fields label{color:#435363}
:root[data-mobile-theme="light"] .message{background:#e5eaf0;color:#26313d}
:root[data-mobile-theme="light"] .message.mine{background:#b5c8dd;color:#1c2936}
:root[data-mobile-theme="light"] .btn:not(.main),:root[data-mobile-theme="light"] .guard-action-secondary{background:#e5eaee;color:#253545;border-color:#bdc8d0}
:root[data-mobile-theme="light"] .pill,:root[data-mobile-theme="light"] .status{background:#e4edf5;color:#314c68}
:root[data-mobile-theme="light"] .stat{background:#e6ebf1;color:#24313f}
:root[data-mobile-theme="light"] .stat small{color:#576978}
:root[data-mobile-theme="light"] .tabs{border-color:#b9c3cd}
:root[data-mobile-theme="light"] .tabs button{color:#536272}
:root[data-mobile-theme="light"] .tabs .active{color:#1b3046}
:root[data-mobile-theme="light"] .bar-track{background:#d5dadd}
:root[data-mobile-theme="light"] .resident-home .title{color:#26313d}
:root[data-mobile-theme="light"] .kondomina-theme-toggle{background:#fefefe;color:#344759;border-color:#aebbc6}
/* Fotografías y segmentos centrales mantienen texto blanco por legibilidad */
:root[data-mobile-theme="light"] .quadrant,:root[data-mobile-theme="light"] .circle-core,:root[data-mobile-theme="light"] .tile,:root[data-mobile-theme="light"] .hero{color:#fff}
@media(max-width:365px){.kondomina-theme-toggle{font-size:10px;padding:5px 6px;min-width:61px}.kondomina-theme-toggle svg{width:13px;height:13px}}

/* AJUSTE DE LUMINOSIDAD · MODO CLARO GRIS SUAVE · 30 OCT 2026
   No modifica modo oscuro ni la geometría de los frontends aprobados. */
:root[data-mobile-theme="light"]{--bg:#e4e7e8;--panel:#eef0f0;--line:#b8c0c5;--muted:#56616a;--guard-bg:#e4e7e8;--guard-card:#e9edef;--guard-line:#b8c0c5;background:#e4e7e8;color:#29343c}
:root[data-mobile-theme="light"] body{background:#e4e7e8;color:#29343c}
:root[data-mobile-theme="light"] .panel,:root[data-mobile-theme="light"] .guard-card,:root[data-mobile-theme="light"] .guard-action-card{background:#eef0f0;border-color:#bbc4c8}
:root[data-mobile-theme="light"] .bottom,:root[data-mobile-theme="light"] .guard-bottom{background:#d6dcde;border-color:#b4bfc5}
:root[data-mobile-theme="light"] .fields input,:root[data-mobile-theme="light"] .fields select,:root[data-mobile-theme="light"] .fields textarea,:root[data-mobile-theme="light"] .bubble-input input{background:#e7ebec;border-color:#aab7be;color:#27333d}
:root[data-mobile-theme="light"] .kondomina-theme-toggle{background:#d9dfe2;border-color:#aab7be;color:#2f4758}
:root[data-mobile-theme="light"] .message{background:#d5dce0}
:root[data-mobile-theme="light"] .message.mine{background:#b8c7d4}
:root[data-mobile-theme="light"] .btn:not(.main),:root[data-mobile-theme="light"] .guard-action-secondary{background:#d5dde0;border-color:#b2bec5}
:root[data-mobile-theme="light"] .pill,:root[data-mobile-theme="light"] .status{background:#d3dfe6}
:root[data-mobile-theme="light"] .stat{background:#d9e0e4}
:root[data-mobile-theme="light"] .bar-track{background:#b9c3c9}

/* V5 · CLARO TITANIO MEDIO — 30 OCT 2026. Solo color. Fotografía, geometría, dark mode intactos. */
:root[data-mobile-theme="light"]{--bg:#707A82;--panel:#8D989F;--line:#555E65;--muted:#29343B;--guard-bg:#707A82;--guard-card:#8D989F;--guard-line:#555E65;color:#20282E;background:#707A82}
:root[data-mobile-theme="light"] body,:root[data-mobile-theme="light"] .app{background:#707A82;color:#20282E}
:root[data-mobile-theme="light"] .panel,:root[data-mobile-theme="light"] .guard-card,:root[data-mobile-theme="light"] .guard-action-card{background:#8D989F;border-color:#626C73;color:#20282E}
:root[data-mobile-theme="light"] .guard-row,:root[data-mobile-theme="light"] .guard-search,:root[data-mobile-theme="light"] .entry,:root[data-mobile-theme="light"] .listrow,:root[data-mobile-theme="light"] .guard-types .guard-type{background:#7E8991;border-color:#626C73;color:#20282E}
:root[data-mobile-theme="light"] .bottom,:root[data-mobile-theme="light"] .guard-bottom{background:#626C73;border-color:#555E65}
:root[data-mobile-theme="light"] .bottom button,:root[data-mobile-theme="light"] .guard-bottom button{color:#F2F4F5}
:root[data-mobile-theme="light"] .fields input,:root[data-mobile-theme="light"] .fields select,:root[data-mobile-theme="light"] .fields textarea,:root[data-mobile-theme="light"] .bubble-input input{background:#8D989F;border-color:#626C73;color:#20282E}
:root[data-mobile-theme="light"] .kondomina-theme-toggle{background:#7E8991;border-color:#555E65;color:#1E292F}
:root[data-mobile-theme="light"] .message,:root[data-mobile-theme="light"] .btn:not(.main),:root[data-mobile-theme="light"] .guard-action-secondary,:root[data-mobile-theme="light"] .stat{background:#8D989F;color:#20282E;border-color:#626C73}
:root[data-mobile-theme="light"] .message.mine,:root[data-mobile-theme="light"] .pill,:root[data-mobile-theme="light"] .status{background:#7E8991;color:#20282E}
:root[data-mobile-theme="light"] .bar-track{background:#626C73}
:root[data-mobile-theme="light"] .brand small,:root[data-mobile-theme="light"] .guard-brand-text small,:root[data-mobile-theme="light"] .muted,:root[data-mobile-theme="light"] .subtitle,:root[data-mobile-theme="light"] .eyebrow,:root[data-mobile-theme="light"] .back,:root[data-mobile-theme="light"] .guard-sub,:root[data-mobile-theme="light"] .guard-meta,:root[data-mobile-theme="light"] .fields label,:root[data-mobile-theme="light"] .stat small{color:#253039}
/* Las fotografías mantienen los textos blancos superpuestos */


/* V5 · Ajuste final de luminosidad: titanio medio claro. SOLO modo claro. */
:root[data-mobile-theme="light"]{--bg:#A8B0B6;--panel:#C1C8CD;--line:#89949C;--muted:#36434C;--guard-bg:#A8B0B6;--guard-card:#C1C8CD;--guard-line:#89949C;color:#243038;background:#A8B0B6}
:root[data-mobile-theme="light"] body,:root[data-mobile-theme="light"] .app{background:#A8B0B6;color:#243038}
:root[data-mobile-theme="light"] .panel,:root[data-mobile-theme="light"] .guard-card,:root[data-mobile-theme="light"] .guard-action-card{background:#C1C8CD;border-color:#89949C;color:#243038}
:root[data-mobile-theme="light"] .guard-row,:root[data-mobile-theme="light"] .guard-search,:root[data-mobile-theme="light"] .entry,:root[data-mobile-theme="light"] .listrow,:root[data-mobile-theme="light"] .guard-types .guard-type{background:#B4BDC3;border-color:#89949C;color:#243038}
:root[data-mobile-theme="light"] .bottom,:root[data-mobile-theme="light"] .guard-bottom{background:#98A3AB;border-color:#85929A}
:root[data-mobile-theme="light"] .bottom button,:root[data-mobile-theme="light"] .guard-bottom button{color:#243038}
:root[data-mobile-theme="light"] .fields input,:root[data-mobile-theme="light"] .fields select,:root[data-mobile-theme="light"] .fields textarea,:root[data-mobile-theme="light"] .bubble-input input{background:#C1C8CD;border-color:#89949C;color:#243038}
:root[data-mobile-theme="light"] .kondomina-theme-toggle{background:#B4BDC3;border-color:#89949C;color:#243038}
:root[data-mobile-theme="light"] .message,:root[data-mobile-theme="light"] .btn:not(.main),:root[data-mobile-theme="light"] .guard-action-secondary,:root[data-mobile-theme="light"] .stat{background:#C1C8CD;color:#243038;border-color:#89949C}
:root[data-mobile-theme="light"] .message.mine,:root[data-mobile-theme="light"] .pill,:root[data-mobile-theme="light"] .status{background:#B4BDC3;color:#243038}
:root[data-mobile-theme="light"] .bar-track{background:#98A3AB}
:root[data-mobile-theme="light"] .brand small,:root[data-mobile-theme="light"] .guard-brand-text small,:root[data-mobile-theme="light"] .muted,:root[data-mobile-theme="light"] .subtitle,:root[data-mobile-theme="light"] .eyebrow,:root[data-mobile-theme="light"] .back,:root[data-mobile-theme="light"] .guard-sub,:root[data-mobile-theme="light"] .guard-meta,:root[data-mobile-theme="light"] .fields label,:root[data-mobile-theme="light"] .stat small{color:#35434B}
