*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#fff;color:#222;line-height:1.6}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 15px}header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:1000}nav{display:flex;justify-content:space-between;align-items:center;padding:10px 15px}nav a{text-decoration:none;color:#222;font-weight:600}nav ul{list-style:none;display:flex;gap:15px}nav ul li{display:inline-block}h1{font-size:1.8rem;margin:25px 0;text-align:center}h2{font-size:1.4rem;margin:20px 0 12px}h3{font-size:1.2rem;margin:15px 0 8px}section{margin-bottom:35px}details{border:1px solid #ddd;border-radius:6px;padding:10px 12px;margin-bottom:10px;background:#fafafa}summary{cursor:pointer;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"?";margin-right:6px;transition:transform .2s ease}details[open] summary:before{content:"?"}a{color:#004aad;text-decoration:none}a:hover{text-decoration:underline}@media (max-width:600px){h1{font-size:1.4rem}nav ul{gap:10px}details{font-size:.95rem}}header img{max-height:45px;width:auto;height:auto}@media (min-width:1024px){#chat-container{width:100vw!important;margin-left:50%;transform:translateX(-50%);border-radius:0}}.copyright{margin-top:22px;color:#666;text-align:center}.barrios-gap{margin-bottom:22px}.barrio-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;background:none;border:none;font-size:1rem}.barrio-contenido{padding-left:1.5rem;margin-top:.25rem}.floating-chat{position:fixed;bottom:22px;right:22px;background:#2196f3;color:#fff;font-weight:600;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px!important;height:90px!important;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.35);z-index:9999;animation:pulse 1.8s infinite;text-align:center;padding:12px;transition:background .25s ease-in-out,transform .25s ease}.floating-chat:hover{background:#8e24aa;transform:scale(1.08)}.floating-chat i{font-size:44px;margin-bottom:6px}.chat-text{font-size:12px;line-height:1.2;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}@media (max-width:768px){body.chat-open header,body.chat-open footer,body.chat-open main,body.chat-open .container:not(#chat-container),body.chat-open .floating-chat{display:none!important}body.chat-open #chat-container{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;display:block!important;z-index:9999!important;background:#000}body.chat-open #floating-chat-btn{display:none!important}}.page-title{margin-top:45px!important;margin-bottom:40px!important;line-height:1.1em}header.header-area{margin-bottom:5px!important}#main{padding-top:20px!important}#main .container{padding-top:0!important}.page-title{margin-top:25px!important}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.header-inner .nav-brand img{max-height:55px;height:auto;width:auto}.classynav ul{display:flex;gap:20px;margin:0;padding:0;list-style:none}.classynav ul li a{text-decoration:none;font-weight:600}@media (min-width:769px){body.chat-open #main .container{padding-top:0!important;margin-top:0!important}#chat-container.chat-expanded{height:90vh!important;margin-top:0!important}}.btn-chat-destacado{background:#0a58ca;color:#fff;font-size:1.15rem;font-weight:700;padding:12px 34px;border-radius:10px;border:none;cursor:pointer;transition:all .25s ease;display:inline-block;box-shadow:0 4px 10px rgba(0,0,0,.25)}.btn-chat-destacado:hover{background:#084bb0;transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.3)}.about-img img{max-width:25%;height:auto;display:block;margin:0 auto}.donation-wrap{display:flex;justify-content:center;align-items:center;width:100%}.donation-inline{display:inline-flex;align-items:center;gap:1px}.header-area{background:#0a0a0a;padding:10px 0}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.nav-brand img{height:50px;width:auto;max-width:180px}.classynav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.classynav a{color:#fff;text-decoration:none;font-weight:600;transition:color .3s}.classynav a:hover{color:#1e90ff}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;margin-left:auto;margin-right:10px}.menu-toggle i{transition:transform .2s ease,opacity .2s ease}@media (max-width:768px){.header-inner{padding:0 18px}.nav-brand img{height:46px;max-width:150px}.menu-toggle{display:block;flex-shrink:0;margin-left:20px;margin-right:12px}.classynav{position:absolute;top:65px;right:0;width:220px;background:#111;display:none;flex-direction:column;text-align:right;padding:15px 0;border-radius:0 0 10px 10px;box-shadow:0 4px 10px rgba(0,0,0,.5)}.classynav.open{display:flex;animation:slideIn .3s ease}.classynav ul{flex-direction:column;align-items:flex-end;gap:15px;margin:0;padding:0 15px}}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-toggle{background:none;border:none;color:#fff;font-size:1.9rem;cursor:pointer;margin-left:auto;margin-right:15px}.menu-toggle i{transition:transform .2s ease}@media (max-width:768px){.classynav{position:absolute;top:65px;right:0;width:200px;background:#111;display:none;flex-direction:column;text-align:right;padding:10px;border-radius:0 0 8px 8px}.classynav.open{display:flex;animation:slideIn .3s ease}.chat-wrapper{transform:scale(.85);transform-origin:top left}}