/* FILOUNGE — misma identidad de navegación y mensajería social multidispositivo */
:root{--sm-navy:#052c44;--sm-ink:#0f3043;--sm-teal:#0ba796;--sm-gold:#d4b778;--sm-paper:#fbfcfb;--sm-border:#e0e9ea}
.social-menu-toggle{display:none}
.social-menu-backdrop,.social-menu-drawer{display:none}
.social-shell-active{padding-left:220px;background:#f3f5f5}
.social-shell-active .topbar{margin-left:0;max-width:none}
.social-shell-active .top-inner{max-width:none;padding-left:21px;padding-right:21px}
.social-shell-active .top-nav{gap:13px}
.social-shell-active .top-nav a{font-size:12px;white-space:nowrap}
.social-shell-active .top-nav a.active:after{bottom:-26px}
.social-shell-active .inner-page{max-width:1380px}
.social-global-rail{position:fixed;z-index:41;left:0;top:0;bottom:0;width:220px;display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(159deg,#041d35 0%,#052f4c 74%,#063b52);color:#ebf1f8;padding:21px 13px 17px;box-shadow:5px 0 16px #00243b08;scrollbar-width:thin}
.social-global-brand{font:400 28px/1.2 'Libre Baskerville',Georgia,serif;color:#fff!important;letter-spacing:-1px;padding:0 12px 26px;display:block}
.social-global-brand>span{color:#d0b775}
.social-global-brand>small{font:400 9px/1.6 'DM Sans',sans-serif;color:#b9c8d8;display:block;letter-spacing:.4px;margin-top:6px}
.social-global-menu{display:grid;gap:3px}
.social-global-menu>a{display:flex;align-items:center;gap:13px;border-radius:7px;color:#e5f0f3;min-height:42px;padding:9px 10px;font-size:12px;font-weight:650;white-space:nowrap}
.social-global-menu>a svg{flex-shrink:0;width:19px;height:19px}
.social-global-menu>a.is-here,.social-global-menu>a:hover{background:#ead7b5;color:#173a4f}
.social-global-quote{margin:auto 8px 17px;color:#d7cbb3;font:italic 14px/1.7 'Libre Baskerville',serif;border-top:1px solid #8f9b9b61;padding-top:19px}
.social-global-start{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(95deg,#03b7d1,#38c46f);padding:12px;color:#053047!important;border-radius:24px;font-weight:800;font-size:12px}
.social-global-start svg{flex-shrink:0}
.social-messenger{height:calc(100dvh - 90px);min-height:565px;margin:11px 15px 20px;background:#fff;border:1px solid #e4e9ed;border-radius:12px;box-shadow:0 8px 35px #143b5010;display:grid;grid-template-columns:minmax(285px,350px) minmax(0,1fr);overflow:hidden}
.chat-inbox{display:flex;flex-direction:column;border-right:1px solid #dce7e9;min-height:0;background:#fff}
.chat-inbox-head{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:26px 19px 18px}
.chat-inbox-head h1{font:800 23px/1.2 'DM Sans',sans-serif;color:#183447;margin:5px 0 0}
.chat-eyebrow{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#0f9e91}
.chat-inbox-actions{display:flex;gap:9px}
.chat-inbox-actions a{display:grid;place-items:center;height:32px;width:32px;background:#eff7f6;border:1px solid #e2eceb;color:#0e736d;border-radius:9px}
.chat-inbox-actions a:hover{background:#dcefee}
.chat-inbox-search{display:flex;align-items:center;gap:9px;background:#f2f5f6;border:1px solid #e9eded;border-radius:8px;margin:0 16px;padding:0 13px;height:42px;color:#6d828b}
.chat-inbox-search input{border:0;background:transparent;outline:0;flex:1;min-width:0;color:#1e3c4e;font:400 12px 'DM Sans',sans-serif}
.chat-inbox-tabs{display:flex;gap:7px;padding:13px 16px 12px;border-bottom:1px solid #e9eeee}
.chat-inbox-tabs a{font-size:10px;border-radius:20px;background:#f1f5f5;padding:6px 12px;color:#637883;font-weight:800}
.chat-inbox-tabs a.selected{background:#d9f2eb;color:#157769}
.chat-conversation-list{flex:1;min-height:130px;overflow:auto;scrollbar-width:thin;scrollbar-color:#bfcfd0 transparent}
.chat-thread{padding:12px 15px;display:flex;align-items:center;gap:10px;min-height:70px;border-bottom:1px solid #eff3f3;color:#263e50}
.chat-thread:hover,.chat-thread.selected{background:#eaf4f2}
.chat-thread-avatar{height:44px;width:44px;border-radius:50%;background:#d2e8e6;color:#086d71;display:grid;place-items:center;font:800 17px 'DM Sans',sans-serif;flex-shrink:0}
.chat-thread-avatar.chat-is-group{background:#e2e7f0;color:#1b4a73}
.chat-thread-copy{display:block;min-width:0;flex:1}
.chat-thread-copy strong{display:block;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.chat-thread-copy small{display:block;color:#80929a;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.6}
.chat-thread-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.chat-thread-side b{border-radius:20px;background:#11b293;color:#fff;min-width:19px;min-height:19px;display:grid;place-items:center;font-size:10px}
.chat-thread-side small{font-size:10px;color:#8c9da3}
.chat-inbox-empty{padding:30px 23px;display:flex;align-items:center;flex-direction:column;text-align:center}
.chat-empty-decoration{height:54px;width:54px;border-radius:18px;background:#eaf5f2;color:#29938b;display:grid;place-items:center;margin-bottom:15px}
.chat-inbox-empty strong{font:400 17px/1.5 'Libre Baskerville',Georgia,serif;color:#203f4d}
.chat-inbox-empty p{font-size:12px;color:#728892}
.chat-directory{border-top:1px solid #e9eeee;max-height:245px;overflow:auto;flex-shrink:0;scrollbar-width:thin}
.chat-directory-title{display:flex;align-items:center;justify-content:space-between;padding:15px 17px 6px;position:sticky;top:0;background:#fff;z-index:1}
.chat-directory-title h2{font:800 12px 'DM Sans',sans-serif;margin:0;color:#18374a}
.chat-directory-title span{font-size:10px;color:#8493a0}
.chat-contact{display:flex;align-items:center;gap:9px;padding:7px 15px;min-height:56px}
.chat-contact .chat-thread-avatar{height:37px;width:37px;font-size:14px}
.chat-contact>span:nth-last-of-type(1){min-width:0;flex:1}
.chat-contact strong{font-size:11px;display:block;color:#294558}
.chat-contact small{display:block;font-size:9px;color:#859ba5}
.chat-contact button{display:grid;place-items:center;color:#169e90;border:0;background:#eff8f5;border-radius:50%;height:32px;width:32px;flex-shrink:0}
.chat-contact button:hover{background:#d4eee4}
.chat-muted{font-size:11px;line-height:1.7;color:#81919d;padding:0 17px 15px}
.chat-group-create{padding:14px 16px;background:#f9fbfb;border-top:1px solid #e6eced;flex-shrink:0}
.chat-group-create>summary{font-size:12px;font-weight:750;color:#0e766e;cursor:pointer;display:flex;align-items:center;gap:9px}
.chat-group-create form{margin-top:14px}
.chat-group-create form>label{display:grid;gap:6px;font-size:11px;color:#46606b;font-weight:700}
.chat-group-create input[name="group_name"]{height:37px;border:1px solid #dce5e7;border-radius:7px;padding:8px;font:400 12px 'DM Sans',sans-serif}
.chat-group-create form>p{font-size:11px;color:#6c8492}
.chat-group-people{max-height:116px;overflow:auto;background:#fff;padding:6px 9px;border:1px solid #e4ebed;border-radius:6px}
.chat-group-people label{display:flex;align-items:center;gap:9px;padding:5px;font-size:11px}
.chat-group-create button{min-height:34px;margin-top:13px;width:100%;font-size:10px;cursor:pointer}
.chat-groups-pending{font-size:10px;color:#8a9da0;padding:13px 15px;border-top:1px solid #e5ecef}
.chat-blocked{padding:10px 16px;border-top:1px solid #e2eaeb}
.chat-blocked summary{font-size:10px;color:#6a7d88;cursor:pointer}
.chat-blocked form{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;font-size:11px}
.chat-blocked form>button{border:1px solid #d4dee1;background:white;border-radius:5px;color:#357571;font-size:10px;padding:5px;cursor:pointer}
.chat-pane{min-width:0;display:flex;flex-direction:column;background:#eaeff0;background-image:radial-gradient(#73949714 1px,transparent 1px);background-size:24px 24px}
.chat-pane-header{display:flex;align-items:center;gap:11px;background:#fbfcfd;border-bottom:1px solid #dde7e9;min-height:75px;padding:10px 20px}
.chat-back{display:none;color:#35596a}
.chat-pane-avatar{width:43px;height:43px;border-radius:50%;background:#dbebe8;color:#2f8979;flex-shrink:0;display:grid;place-items:center;font:800 17px 'DM Sans',sans-serif}
.chat-pane-person{flex:1;min-width:0}
.chat-pane-person h2{margin:0;font-size:14px;color:#183b4e}
.chat-pane-person small{color:#84949c;font-size:10px;display:block}
.chat-options{position:relative}
.chat-options summary{font-size:19px;color:#587280;cursor:pointer;list-style:none;padding:4px 9px}
.chat-options form{position:absolute;right:0;top:100%;z-index:3;min-width:155px;background:#fff;box-shadow:0 5px 25px #17272c26;padding:7px;border-radius:5px}
.chat-options button{background:#fff;border:0;color:#b34242;padding:10px;font-size:11px;width:100%;cursor:pointer}
.chat-privacy{background:#f9f8ed;border:1px solid #ede6c6;border-radius:8px;color:#7e7143;max-width:600px;margin:13px auto 0;text-align:center;padding:9px 13px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;line-height:1.5}
.chat-privacy span{flex-shrink:0;display:grid}
.chat-history{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px clamp(13px,4vw,50px) 32px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}
.chat-bubble-row{display:flex}
.chat-bubble-row.sent{justify-content:flex-end}
.chat-bubble-row.received{justify-content:flex-start}
.chat-bubble{display:flex;flex-direction:column;min-width:70px;max-width:min(75%,570px);padding:10px 12px 7px;border-radius:11px;background:#fff;box-shadow:0 1px 3px #1d435411;overflow-wrap:anywhere}
.chat-bubble-row.sent .chat-bubble{background:#d8f4df;border-top-right-radius:3px}
.chat-bubble-row.received .chat-bubble{border-top-left-radius:3px}
.chat-bubble>span{font-size:12px;line-height:1.75;white-space:pre-wrap}
.chat-bubble-name{font-weight:850;color:#0a8f8a;font-size:11px;margin-bottom:5px}
.chat-bubble-time{font-size:9px;color:#85939a;align-self:flex-end;margin-top:5px}
.chat-first-note{margin:auto;text-align:center;max-width:340px;background:#fff9;border-radius:12px;padding:25px 22px;box-shadow:0 1px 5px #00000008}
.chat-first-note>span{display:grid;place-items:center;color:#1c988b;margin-bottom:10px}
.chat-first-note>strong{font:400 19px 'Libre Baskerville',serif;color:#224256;display:block}
.chat-first-note>p{font-size:12px;color:#7e8e97}
.chat-compose{background:#f8fbfb;padding:13px 16px;display:flex;align-items:center;gap:11px;border-top:1px solid #e0e8e9;min-height:72px}
.chat-compose textarea{resize:none;min-height:41px;max-height:180px;overflow:auto;border-radius:23px;border:1px solid #e0e7e8;padding:11px 16px;font:400 12px 'DM Sans',sans-serif;line-height:1.6;outline:none;flex:1;background:#fff;min-width:0}
.chat-compose textarea:focus{border-color:#58b8ae}
.chat-send{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:#0a9c8b;border:0;border-radius:50%;color:#fff;cursor:pointer}
.chat-send:hover{background:#057f72}
.chat-welcome{margin:auto;padding:40px 25px;text-align:center;max-width:625px;color:#234251}
.chat-welcome-art{position:relative;width:185px;height:140px;margin:0 auto 24px;display:grid;place-items:center;color:#157e87}
.chat-welcome-art>span:first-child{width:111px;height:111px;background:#e6f3f1;border-radius:38px;display:grid;place-items:center}
.chat-welcome-art>span:nth-child(2),.chat-welcome-art>span:nth-child(3){position:absolute;background:#fff;border:1px solid #d4e5e4;border-radius:17px;box-shadow:0 3px 18px #17404416;padding:12px}
.chat-welcome-art>span:nth-child(2){top:4px;right:0}
.chat-welcome-art>span:nth-child(3){bottom:4px;left:0}
.chat-welcome-overline{font-size:9px;letter-spacing:2px;color:#39978a;font-weight:800}
.chat-welcome h2{font:400 clamp(25px,3vw,38px)/1.4 'Libre Baskerville',Georgia,serif;color:#16364b;margin:15px 0}
.chat-welcome h2 em{font-style:italic;color:#c09c65}
.chat-welcome>p{font-size:13px;line-height:1.9;color:#6d8490;max-width:550px;margin:15px auto 24px}
.chat-welcome-action{display:inline-flex;align-items:center;gap:13px;background:#079c8a;padding:12px 22px;border-radius:22px;color:#fff;font-size:12px;font-weight:800}
.chat-demo-preview{max-width:450px;margin:40px auto 0;display:grid;justify-items:start;gap:9px}
.chat-demo-preview .demo-badge{background:#e2efed;border-color:#c3dbd7;color:#507a78}
.chat-demo-bubble{background:#fff;padding:12px 15px;max-width:85%;border-radius:12px;border:1px solid #e1e8ea;text-align:left;font-size:11px;color:#47606d}
.chat-demo-bubble.other{justify-self:end;background:#d5f2df}
.messenger-signedout{grid-column:1/-1;align-self:center;justify-self:center;max-width:590px;text-align:center;padding:50px 22px}
.messenger-signedout-symbol{color:#088d83;background:#e7f5f1;border-radius:28px;height:95px;width:95px;margin:0 auto 20px;display:grid;place-items:center}
.messenger-signedout h1{font:400 clamp(28px,4vw,46px)/1.34 'Libre Baskerville',Georgia,serif;color:#18394b}
.messenger-signedout p{line-height:1.9;color:#738894;font-size:13px;margin-bottom:25px}
.messenger-signedout .ref-green-button{padding:13px 23px}
.chat-signin{display:block;margin-top:22px;font-size:12px;color:#2f7b83;font-weight:750}
/* Desktop sidebar already approved. The same links remain visible on every page. */
@media(min-width:801px) and (max-width:1180px){
.social-shell-active{padding-left:77px}
.social-global-rail,.page-home .reference-rail{width:77px;padding:20px 7px}
.social-global-brand,.page-home .rail-brand{font-size:0;height:66px;padding:0;display:grid;place-items:center}
.social-global-brand:before,.page-home .rail-brand:before{content:'F';font:400 32px 'Libre Baskerville',serif;color:#edd1a2}
.social-global-brand>span,.social-global-brand>small,.page-home .rail-brand>span,.page-home .rail-brand>small{display:none}
.social-global-menu>a,.page-home .rail-navigation a{font-size:0;justify-content:center;gap:0;padding:10px}
.social-global-menu>a>span{display:none}
.social-global-menu>a svg,.page-home .rail-navigation a svg{width:21px;height:21px}
.social-global-quote,.social-global-start>span,.page-home .rail-interests,.page-home .rail-bottom{display:none}
.social-global-start,.page-home .rail-create{font-size:0;border-radius:50%;padding:13px;margin:auto 7px 4px}
.social-global-start svg,.page-home .rail-create svg{height:21px;width:21px}
.page-home .topbar,.page-home .reference-main,.page-home .site-footer{margin-left:77px}
.page-home .top-nav{gap:4px}
.page-home .top-nav a{min-width:45px;font-size:9px}
.social-shell-active .top-nav{gap:8px}
.social-messenger{grid-template-columns:minmax(275px,310px) minmax(0,1fr)}
}
@media(max-width:900px) and (min-width:801px){
.social-shell-active .top-nav a:nth-child(n+4){display:none}
.page-home .top-nav a:nth-child(n+5){display:none}
.social-messenger{grid-template-columns:minmax(235px,280px) minmax(0,1fr)}
}
/* Mobile drawer: same menu as desktop, available with one tap. */
@media(max-width:800px){
.social-shell-active{padding-left:0}
.social-shell-active .topbar{margin-left:0}
.social-menu-toggle{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:0;background:#eff3f3;color:#22465a;border-radius:8px;padding:5px;margin-right:3px;cursor:pointer}
.social-menu-backdrop{display:block;position:fixed;inset:0;z-index:58;background:#0624359a;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}
.social-menu-drawer{display:flex;flex-direction:column;position:fixed;z-index:59;top:0;bottom:0;left:0;width:min(310px,87vw);background:linear-gradient(160deg,#031e37,#063a53);box-shadow:15px 0 32px #01131c44;color:#fff;transform:translateX(-104%);visibility:hidden;transition:transform .23s,visibility .23s}
.social-menu-is-open{overflow:hidden}
.social-menu-is-open .social-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.social-menu-is-open .social-menu-drawer{transform:translateX(0);visibility:visible}
.social-drawer-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff31;padding:23px 19px}
.social-drawer-heading>span{font:400 26px 'Libre Baskerville',serif;letter-spacing:-1px}
.social-drawer-heading b{color:#dfc787;font-weight:400}
.social-drawer-heading small{display:block;font:400 10px 'DM Sans',sans-serif;margin-top:5px;color:#b6d0d3;letter-spacing:.5px}
.social-drawer-heading button{border:1px solid #ffffff29;background:#ffffff12;color:#fff;border-radius:8px;font-size:29px;line-height:1;width:36px;height:36px;cursor:pointer}
.social-drawer-links{display:flex;flex-direction:column;gap:2px;overflow-y:auto;padding:10px 12px;scrollbar-width:thin}
.social-drawer-links a{display:flex;align-items:center;gap:12px;flex-shrink:0;border-radius:7px;padding:11px 12px;min-height:41px;color:#e4f1f2;font-size:12px;font-weight:700}
.social-drawer-links a.is-here{background:#e2cfac;color:#172f45}
.social-drawer-links svg{width:19px;height:19px;flex-shrink:0}
.social-drawer-signin{background:linear-gradient(90deg,#07afd0,#37bd78);color:#07394c;font-size:12px;font-weight:800;padding:13px;border-radius:25px;margin:14px;text-align:center}
.social-global-rail{display:none}
.social-shell-active .topbar .top-nav{display:none}
.social-shell-active .top-inner{height:64px;min-height:64px;padding:0 13px}
.social-shell-active .account-label{display:none}
.social-shell-active .account-actions{gap:8px}
.social-shell-active .login-link{font-size:10px}
.social-shell-active .brand{font-size:20px}
.social-shell-active .brand-square{display:none}
.social-shell-active .brand small{font-size:6px}
.page-home .top-inner .social-menu-toggle{display:grid}
.page-home .top-inner>.brand{font-size:clamp(17px,5.3vw,24px)}
.page-home .ref-mobile-head-icons{gap:11px}
.social-messenger{margin:0;border:0;border-radius:0;min-height:0;height:calc(100dvh - 64px - 70px);display:block;background:#fff}
.chat-inbox{height:100%;border-right:0;min-height:0}
.chat-pane{height:100%;display:none}
.social-messenger.has-selected-chat .chat-inbox{display:none}
.social-messenger.has-selected-chat .chat-pane{display:flex}
.chat-pane-header{min-height:62px;padding:10px 13px;gap:9px}
.chat-back{display:grid;place-items:center;transform:rotate(180deg);padding:5px}
.chat-privacy{margin:8px 10px 0;padding:7px;font-size:9px}
.chat-history{padding:12px 12px 24px}
.chat-bubble{max-width:87%}
.chat-compose{padding:9px 10px;min-height:63px;gap:8px}
.chat-compose textarea{min-height:39px;padding:11px 14px}
.chat-send{width:42px;height:42px}
.chat-inbox-head{padding:19px 18px 15px}
.chat-inbox-head h1{font-size:21px}
.chat-directory{max-height:35vh;min-height:120px}
.chat-group-create{max-height:45vh;overflow:auto}
.chat-welcome{padding:23px}
.messenger-signedout{height:calc(100dvh - 145px);padding:20px}
.social-shell-active .mobile-nav{display:flex;justify-content:space-around}
.social-shell-active .mobile-nav a{font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#345067;font-weight:700}
.social-shell-active .mobile-nav a svg{color:#31536d}
.social-shell-active .mobile-nav a.selected,.social-shell-active .mobile-nav a.selected svg{color:#06988a}
}
@media(max-width:390px){
.social-shell-active .brand{font-size:17px}
.social-shell-active .account-actions .btn-small{font-size:9px;padding:8px}
.chat-inbox-search{margin:0 13px}
.chat-inbox-tabs{padding:10px 13px}
.chat-inbox-head h1{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
.social-menu-backdrop,.social-menu-drawer{transition:none!important}
}
/* Guard against mobile landscape cropping conversation lists. */
@media(max-width:800px) and (max-height:470px){
.social-messenger{height:calc(100dvh - 120px)}
.chat-directory{max-height:150px}
}