@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-color:#000;--surface-color:#121212;--card-bg:#1e1e1eb3;--accent-color:#ff7a00;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--verified-color:#0095f6;--nav-height:70px;--safe-area-bottom:env(safe-area-inset-bottom,20px);--cat-locals:#ffe0cc;--cat-events:#ccebff;--cat-news:#ccf2e0;--cat-food:#fff2cc;--cat-services:#e6ccff;--cat-fashion:#ffcce0;--cat-culture:#ccf2f2;--cat-gov:#e5e5e5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;width:100vw;height:100vh;font-family:Outfit,sans-serif;line-height:1.5;display:flex;overflow-x:hidden}#app{flex-direction:column;width:100%;max-width:500px;height:100%;margin:0 auto;display:flex;position:relative;box-shadow:0 0 50px #00000080}.screen-container{padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom));scrollbar-width:none;flex:1;overflow-y:auto}.screen-container::-webkit-scrollbar{display:none}.bottom-nav{width:100%;height:calc(var(--nav-height) + var(--safe-area-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:var(--safe-area-bottom);z-index:1000;background:#121212f2;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0}.nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--accent-color)}.nav-item svg{width:24px;height:24px}.create-button{background:var(--accent-color);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-10px;display:flex}.search-bar{background:#1e1e1e;border-radius:12px;align-items:center;gap:10px;margin:16px 0;padding:12px 16px;display:flex}.search-bar input{color:#fff;background:0 0;border:none;flex:1;font-family:inherit;font-size:14px}.search-bar input:focus{outline:none}.search-bar svg{color:var(--text-muted)}.screen-header{padding:20px 16px 10px}.screen-title{margin-bottom:8px;font-size:24px;font-weight:700}.feed-screen,.feed-video-placeholder{width:100%;height:100%;position:relative}.feed-overlay{padding:10px 16px env(safe-area-inset-bottom,20px);flex-direction:column;display:flex;position:absolute;inset:0}.feed-header{justify-content:space-between;align-items:center;width:100%;padding:10px 0;display:flex}.feed-tabs{color:#fff9;gap:20px;font-size:16px;font-weight:700;display:flex}.feed-tabs .active{color:#fff;position:relative}.feed-tabs .active:after{content:"";background:#fff;width:24px;height:2.5px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.header-icons{align-items:center;gap:12px;display:flex}.messenger-dot{background:#1e1e1e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.feed-panels{gap:8px;height:240px;margin-top:10px;transition:opacity .3s,transform .3s;display:flex}.panel{background:#0009;border:1px solid #ff7a0066;border-radius:12px;flex:1;display:flex;overflow:hidden}.alertas-panel{border-color:#ff7a0099}.novedades-panel{border-color:#ff7a0066}.panel-tag{color:#ff7a00;background:#ff7a0026;border-right:1px solid #ff7a004d;justify-content:center;align-items:center;padding:8px 4px;font-size:10px;font-weight:800;display:flex}.vertical-text{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg)}.panel-content{flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow-y:auto}.panel-item{align-items:flex-start;gap:8px;display:flex}.p-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.p-text{font-size:9px;line-height:1.2}.p-text strong{margin-bottom:2px;font-size:9px;display:block}.p-sub{color:#ffffff80;margin-top:2px;font-size:8px;display:block}.feed-interaction-bar{flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;bottom:120px;right:12px}.interaction-item{flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:700;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.hover-scale:hover{cursor:pointer;transform:scale(1.15)}.large-heart{margin-bottom:2px;font-size:32px}.action-btn{text-shadow:0 2px 4px #00000080;cursor:pointer;font-size:26px}.small-label{font-size:9px}.ayto-mini-logo{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.feed-info-footer{margin-top:auto;padding-right:60px}.footer-user{align-items:center;gap:10px;margin-bottom:12px;display:flex}.avatar-circle{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.user-names .handle{font-size:16px;font-weight:700}.feed-info-footer .description{text-shadow:0 1px 2px #000c;margin-bottom:10px;font-size:14px;line-height:1.4}.music-tag{align-items:center;gap:6px;font-size:13px;display:flex}.explore-header{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.header-logo{align-items:center;gap:8px;display:flex}.logo-text{flex-direction:column;line-height:1;display:flex}.logo-line1{font-size:14px;font-weight:700}.logo-line2{color:var(--text-secondary);font-size:12px;font-weight:400}.explore-title{text-align:center;flex:1;font-size:18px;font-weight:700}.header-search-icon{color:#fff}.search-bar-container{padding:0 16px}.section-label{color:#fff;padding:20px 16px 10px;font-size:14px;font-weight:700}.categories-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:0 16px;display:grid}.cat-card{color:#000;text-align:center;aspect-ratio:1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 4px;font-size:9px;font-weight:700;transition:transform .1s;display:flex}.cat-card.clickable:active{transform:scale(.95)}.cat-card .cat-label{line-height:1.1}.cat-icon{font-size:20px}.mosaic-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px;display:grid}.mosaic-item{background:#1a1a1a;border-radius:16px;height:220px;position:relative;overflow:hidden}.mosaic-item.main{grid-column:span 1}.mosaic-img{object-fit:cover;width:100%;height:100%;display:block}.mosaic-info{background:linear-gradient(#0000,#000c);width:100%;padding:12px;font-size:12px;font-weight:600;position:absolute;bottom:0}.mosaic-info strong{margin-bottom:2px;font-size:13px;display:block}.mosaic-info span{color:var(--text-secondary);font-size:11px}.item-tag{color:#000;z-index:10;background:#fff;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.mosaic-author{align-items:center;gap:6px;margin-top:8px;display:flex}.mini-avatar{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex}.notif-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212b3;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.notif-title{text-align:center;flex:1;font-size:18px;font-weight:700}.notif-tabs{border-bottom:1px solid #333;justify-content:center;gap:30px;padding:10px 16px;display:flex}.notif-tabs .tab{color:var(--text-muted);cursor:pointer;padding-bottom:8px;font-size:13px;font-weight:700;position:relative}.notif-tabs .tab.active{color:var(--accent-color)}.notif-tabs .tab.active:after{content:"";background:var(--accent-color);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.notif-list{padding:0 16px}.notif-item{border-bottom:1px solid #1a1a1a;align-items:flex-start;gap:12px;padding:16px 0;display:flex}.avatar-container{flex-shrink:0;position:relative}.avatar{object-fit:cover;border-radius:50%;width:50px;height:50px}.icon-avatar{background:#333;justify-content:center;align-items:center;font-size:24px;display:flex}.notif-badge{color:#fff;background:#ff7a00;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.verified-small{color:#fff;background:#0095f6;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:flex;position:absolute;bottom:0;right:0}.notif-content{flex:1}.notif-top{justify-content:space-between;margin-bottom:4px;display:flex}.user-name{align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.verified-check{color:#0095f6;font-size:12px}.time{color:var(--text-muted);font-size:11px}.notif-content p{color:var(--text-primary);font-size:13px;line-height:1.4}.notif-status{flex-direction:column;align-items:flex-end;gap:8px;padding-top:4px;display:flex}.unread-dot{background:#ff7a00;border-radius:50%;width:8px;height:8px}.read-tick{color:var(--text-muted);font-size:12px}.user-action-icon{opacity:.5;font-size:14px}.chat-screen{flex-direction:column;height:100%;display:flex}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212e6;border-bottom:1px solid #1a1a1a;align-items:center;gap:16px;padding:16px;display:flex}.close-chat{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px}.chat-user-info{flex-direction:column;display:flex}.chat-user-name{font-size:16px;font-weight:700}.chat-user-status{color:#0f0;font-size:11px}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:20px 16px;display:flex;overflow-y:auto}.msg-day{text-align:center;color:var(--text-muted);margin:10px 0;font-size:10px;font-weight:700}.msg{border-radius:18px;max-width:80%;padding:10px 14px;font-size:14px;line-height:1.4}.msg.received{background:#1e1e1e;border-bottom-left-radius:4px;align-self:flex-start}.msg.sent{background:var(--accent-color);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-input-area{background:#000;padding:16px}.chat-input-wrapper{background:#1a1a1a;border-radius:24px;align-items:center;gap:10px;padding:4px 4px 4px 16px;display:flex}.chat-input-wrapper input{color:#fff;background:0 0;border:none;flex:1;padding:10px 0;font-size:14px}.chat-input-wrapper input:focus{outline:none}.send-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.profile-header-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212b3;justify-content:space-between;align-items:center;padding:16px;display:flex}.profile-title{text-align:center;font-size:18px;font-weight:700}.profile-header-icons{gap:16px;font-size:20px;display:flex}.profile-card{text-align:center;flex-direction:column;align-items:center;padding:20px 16px;display:flex}.avatar-wrapper{width:100px;height:100px;margin-bottom:16px;position:relative}.avatar-large{object-fit:cover;background:#2a2a2a;border:3px solid #ffffff1a;border-radius:50%;width:100%;height:100%}.profile-heart-badge{background:red;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;bottom:0;right:0}.profile-name{margin-bottom:4px;font-size:22px;font-weight:700}.profile-handle{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.profile-stats-bar{color:var(--text-primary);gap:12px;margin-bottom:16px;font-size:13px;display:flex}.profile-stats-bar strong{color:#fff}.profile-bio{color:var(--text-secondary);margin-bottom:20px;padding:0 10px;font-size:13px;line-height:1.5}.profile-main-actions{gap:10px;width:100%;display:flex}.btn-profile.dark{color:#fff;background:#1e1e1e;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600}.profile-nav-tabs{background:#000;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;display:flex}.profile-tab{color:var(--text-muted);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px 4px;font-size:10px;transition:color .2s;display:flex}.profile-tab.active{color:var(--accent-color);border-bottom:2px solid var(--accent-color)}.tab-icon{font-size:18px}.profile-gallery-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.gallery-card{aspect-ratio:.9;background:#1a1a1a;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-card:hover img{transform:scale(1.05)}.card-overlay{background:linear-gradient(#0000 0%,#0006 60%,#000000e6 100%);flex-direction:column;justify-content:space-between;padding:10px;display:flex;position:absolute;inset:0}.card-top-icon{opacity:.8;align-self:flex-end;font-size:14px}.card-info{flex-direction:column;gap:4px;display:flex}.card-title{font-size:12px;font-weight:700;line-height:1.2}.card-user{color:var(--text-secondary);align-items:center;gap:6px;font-size:10px;display:flex}.mini-avatar-source{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:flex}