.floating-contact{position:fixed;right:18px;bottom:18px;z-index:60;display:grid;gap:8px}
.floating-contact a{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid #ffffff26;border-radius:50%;text-decoration:none;color:#fff;box-shadow:0 9px 24px #00152e55;backdrop-filter:blur(10px);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.floating-contact a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 28px #00152e77}
.floating-contact .official-group{background:linear-gradient(135deg,#087f5b,#16a34a)}
.floating-contact .floating-whatsapp{background:linear-gradient(135deg,#075e54,#20b967)}
.contact-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff20;box-shadow:inset 0 0 0 1px #ffffff17}
.contact-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.profile-details{display:grid;gap:18px}.profile-detail{padding-bottom:15px;border-bottom:1px solid var(--line)}.profile-detail h3{margin:6px 0 0;overflow-wrap:anywhere}.profile-whatsapp-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-whatsapp-row h3{margin-right:auto}.profile-whatsapp-form{margin-top:15px;padding:15px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface2) 76%,transparent)}.profile-whatsapp-form label{display:block;margin-bottom:7px;font-weight:750}.profile-whatsapp-form input{width:100%;padding:12px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.profile-whatsapp-actions{display:flex;gap:8px;margin-top:10px}.profile-session-note{margin:0}

@media (max-width:760px){
  header .topbar{display:grid!important;grid-template-columns:repeat(24,minmax(0,1fr));align-items:stretch;gap:7px;padding:10px 12px 12px}
  header .brand{grid-column:1/-1;width:100%;min-width:0;max-width:none;height:auto;aspect-ratio:700/122;margin:0}
  header .brand img{width:100%;height:100%;object-fit:fill}
  header .spacer{display:none!important}
  header .nav{display:contents!important}
  header .nav>button,header .nav .services-menu,header .nav .services-menu summary,header .nav .services-menu button{width:100%;min-width:0;margin:0}
  header .nav button{min-height:42px;padding:7px 5px;font-size:13px;line-height:1.15;white-space:nowrap}
  header .nav>[data-view="dashboard"],header .nav>.account-services,header .nav>.services-menu>summary button{background:var(--surface2);border:1px solid var(--line);border-radius:9px;color:var(--text);box-shadow:0 3px 10px #00000018}
  header .nav>[data-view="dashboard"]:hover,header .nav>[data-view="dashboard"].active,header .nav>.account-services:hover,header .nav>.account-services.active,header .nav>.services-menu>summary button:hover,header .nav>.services-menu>summary button.active{background:color-mix(in srgb,var(--surface2) 82%,var(--accent));border-color:color-mix(in srgb,var(--line) 68%,var(--accent));color:var(--text)}
  header .nav>[data-view="dashboard"]{grid-column:1/10;grid-row:2}
  header .nav>.services-menu{grid-column:1/9;grid-row:3}
  header .nav>.account-services{grid-column:9/17;grid-row:3}
  header #softwareButton{grid-column:17/25;grid-row:3;width:100%;max-width:none!important;min-width:0;min-height:42px;padding:7px 5px;overflow:visible;text-overflow:clip;white-space:nowrap;font-size:12px;order:initial!important}
  header #accountButton{grid-column:10/19;grid-row:2;width:100%;min-width:0;min-height:42px;padding:7px 5px;white-space:nowrap;font-size:12px;order:initial!important}
  header #themeToggle{grid-column:19/22;grid-row:2;min-width:0;min-height:42px;padding:7px;order:initial!important}
  header #localePicker{grid-column:22/25;grid-row:2;order:initial!important;min-width:0}
  header .locale-toggle{width:100%;min-width:0;min-height:42px;padding:7px}
  header .locale-menu{position:absolute;top:calc(100% + 7px);right:0;left:auto;width:min(280px,calc(100vw - 24px))}
  .floating-contact{right:9px;bottom:9px;gap:6px}
  .floating-contact a{width:38px;height:38px;min-width:38px;padding:0;border-radius:50%}
  .contact-icon{width:25px;height:25px;border-radius:50%}
  .contact-icon svg{width:15px;height:15px}
  #groupFilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
  #groupFilters button{width:100%;min-height:44px;padding:8px 7px;line-height:1.18;white-space:normal}
  #services .hero{padding:22px 18px 23px;border-radius:18px;background:radial-gradient(circle at 92% 12%,#22c55e2d,transparent 34%),radial-gradient(circle at 10% 100%,#0ea5e92b,transparent 38%),linear-gradient(145deg,var(--surface),var(--surface2))}
  #services .hero h1{font-size:clamp(29px,9vw,39px);line-height:1.04;letter-spacing:-1.2px;margin:12px 0}
  #services .hero p{font-size:15px;line-height:1.55;margin-bottom:0}
  #services .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:17px}
  #services .hero-stat{display:grid;place-items:center;min-height:48px;padding:8px 5px;text-align:center;font-size:11px;line-height:1.2}
  .profile-whatsapp-row{align-items:flex-start;flex-direction:column}.profile-whatsapp-row button{width:100%}.profile-whatsapp-actions{display:grid;grid-template-columns:1fr 1fr}
}
@media (max-width:370px){
  header .topbar{gap:5px;padding-left:8px;padding-right:8px}
  header .nav{gap:5px}
  header .nav button{font-size:12px}
  header #softwareButton,header #accountButton{font-size:11px}
}