/* multipágina: substitui o SPA que escondia .pg */ .pg{display:block !important;position:relative;z-index:1;} /* =================================================== CORES DO SITE — EDITAR AQUI Para mudar uma cor, troque o código depois do # Use https://htmlcolorcodes.com para escolher cores =================================================== */ :root{ --bg:#0a1a0d; /* Fundo principal (verde escuro — Liquid Glass) */ --bg2:#0e2118; /* Fundo secundário */ --bg3:#152b1f; /* Fundo terciário */ --gold:#c9a84c; /* Dourado principal */ --gold-l:#E2CA7A; --gold-d:#A68A3A; --wh:#e8dcc8; /* Texto principal — branco quente */ --whs:rgba(232,220,200,.88); --gr:rgba(232,220,200,.55); --gr2:rgba(232,220,200,.32); --blue:#4A8FBF; --blue-d:#153D54; --font:'Montserrat',sans-serif; --glass-bg:rgba(255,255,255,.05); --glass-bg-hover:rgba(255,255,255,.08); --glass-border:rgba(201,168,76,.15); --glass-border-hover:rgba(201,168,76,.3); --highlight-top:rgba(255,255,255,.12); --gold-glow:rgba(201,168,76,.08); --shadow-deep:rgba(0,0,0,.4); --shadow-medium:rgba(0,0,0,.2); --blob-gold:rgba(201,168,76,.15); --blob-forest:rgba(10,80,30,.25); --blob-gold-soft:rgba(201,168,76,.08); } *{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} body{font-family:var(--font);background:var(--bg);color:var(--wh);overflow-x:hidden;position:relative;-webkit-tap-highlight-color:rgba(201,168,76,.15);text-rendering:optimizeLegibility;} /* Mesh de fundo (página inicial) — blobs lentos, baixo custo GPU */ .page-bg-mesh{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg);} .page-bg-mesh .bg-blob{position:absolute;border-radius:50%;filter:blur(80px);animation:blobDrift 22s ease-in-out infinite;will-change:transform;} .page-bg-mesh .bg-blob:nth-child(1){width:min(500px,90vw);height:min(500px,90vw);background:var(--blob-gold);top:-10%;left:-5%;} .page-bg-mesh .bg-blob:nth-child(2){width:min(400px,75vw);height:min(400px,75vw);background:var(--blob-forest);bottom:-10%;right:-5%;animation-delay:-7s;} .page-bg-mesh .bg-blob:nth-child(3){width:min(300px,60vw);height:min(300px,60vw);background:var(--blob-gold-soft);top:40%;left:55%;animation-delay:-14s;} @keyframes blobDrift{ 0%,100%{transform:translate(0,0) scale(1);} 25%{transform:translate(30px,-50px) scale(1.08);} 50%{transform:translate(-20px,20px) scale(.92);} 75%{transform:translate(40px,30px) scale(1.04);} } /* —— Liquid Glass (painéis) —— */ .liquid-glass{ position:relative;border-radius:24px;overflow:hidden;transform:translate3d(0,0,0); box-shadow: 0 1px 3px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.25), 0 24px 48px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 20px rgba(201,168,76,.03); border:1px solid var(--glass-border); transition:transform .4s cubic-bezier(.175,.885,.32,1.15),box-shadow .3s ease; } .liquid-glass:hover{ transform:translate3d(0,-4px,0) scale(1.01); box-shadow: 0 1px 3px rgba(0,0,0,.35), 0 12px 32px rgba(0,0,0,.3), 0 32px 64px var(--shadow-deep), 0 0 40px var(--gold-glow), inset 0 1px 0 rgba(255,255,255,.12), inset 0 0 24px rgba(201,168,76,.04); border-color:var(--glass-border-hover); } .lg-refraction{ position:absolute;inset:0;z-index:1; transform:translate3d(0,0,0); background:var(--glass-bg); } @supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){ .lg-refraction{ background:rgba(255,255,255,.04); backdrop-filter:blur(12px) saturate(150%); -webkit-backdrop-filter:blur(12px) saturate(150%); } } /* Refração SVG (feDisplacementMap) — ativada só em Chromium via classe no */ html.glass-refraction-on .lg-refraction{ filter:url(#glass-refraction) brightness(1.05); } .lg-tint{ position:absolute;inset:0;z-index:2;pointer-events:none; background:linear-gradient(135deg,rgba(201,168,76,.07) 0%,rgba(255,255,255,.03) 50%,rgba(201,168,76,.05) 100%); } .lg-specular{ position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit; box-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -1px 0 rgba(0,0,0,.15), inset 1px 1px 2px rgba(201,168,76,.12); } .lg-content{ position:relative;z-index:4;padding:clamp(1.5rem,4vw,2.5rem); color:rgba(232,220,200,.88); } .lg-content h1{color:var(--wh);} .liquid-glass::after{ content:'';position:absolute;top:-100%;left:-100%;width:300%;height:300%;z-index:5;pointer-events:none; background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.07) 45%,rgba(201,168,76,.1) 50%,rgba(255,255,255,.07) 55%,transparent 70%); animation:lgSpecularSweep 7s ease-in-out infinite; } @keyframes lgSpecularSweep{ 0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);} 100%{transform:translateX(100%) translateY(100%) rotate(45deg);} } /* Hero: painel centralizado — desktop mais largo (aproveita o ecrã) */ .hero-glass{ width:100%;max-width:min(720px,100%); margin-left:auto;margin-right:auto; } @media (min-width:901px){ .hero-glass{max-width:min(960px,calc(100vw - 48px));} .hero-ct{max-width:min(1200px,calc(100vw - 32px));} } .hero-glass .hero-logo{text-align:center;} .hero-glass .lg-content h1{max-width:none;} .hero-glass .hero-sub{margin-left:auto;margin-right:auto;} .hero-glass .hero-btns{justify-content:center;} /* CTAs do hero — vidro dourado + contorno */ .hero-btns .btn-g{ border:1px solid rgba(201,168,76,.35); background:linear-gradient(135deg,rgba(201,168,76,.22),rgba(201,168,76,.08)); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); color:var(--gold-l); box-shadow:0 4px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(201,168,76,.22); border-radius:14px; } .hero-btns .btn-g:hover{ background:linear-gradient(135deg,rgba(201,168,76,.32),rgba(201,168,76,.14)); box-shadow:0 8px 28px rgba(201,168,76,.15),inset 0 1px 0 rgba(201,168,76,.35); color:#f5edd4; } .hero-btns .btn-o{ backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); background:rgba(10,26,13,.35); border-radius:14px; } /* Carrosséis horizontais: prioriza deslize lateral no toque (todos os tamanhos) */ #rev-track,#mh-rev-track,#convTrack1{touch-action:pan-x pinch-zoom;} @media (max-width:768px){ /* Celular: menos GPU — blobs estáticos, sem sweep no vidro, sem refração SVG */ .page-bg-mesh .bg-blob{animation:none;will-change:auto;} .liquid-glass::after{display:none;} html.glass-refraction-on .lg-refraction{filter:none!important;} .lg-refraction{ backdrop-filter:blur(8px) saturate(130%)!important; -webkit-backdrop-filter:blur(8px) saturate(130%)!important; } .nav{ backdrop-filter:blur(8px) saturate(160%); -webkit-backdrop-filter:blur(8px) saturate(160%); } .fullmenu{ backdrop-filter:blur(12px) saturate(120%); -webkit-backdrop-filter:blur(12px) saturate(120%); } .hero-btns .btn-g,.hero-btns .btn-o{ backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); min-height:48px; padding-top:14px;padding-bottom:14px; } .liquid-glass:hover{transform:none;} .menu-toggle{min-height:48px;min-width:48px;} } @media (prefers-reduced-motion:reduce){ .page-bg-mesh .bg-blob{animation:none;} .liquid-glass::after{animation:none;} .liquid-glass:hover{transform:none;} } @supports (backdrop-filter:blur(1px)){ @media (prefers-reduced-motion:reduce){ html.glass-refraction-on .lg-refraction{filter:none!important;} .lg-refraction,.nav,.vc,.hero-btns .btn-g,.hero-btns .btn-o{ backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .lg-refraction{background:rgba(10,26,13,.93);} .nav{background:rgba(10,26,13,.96);} .vc{background:rgba(10,26,13,.9);} .hero-btns .btn-g{background:linear-gradient(135deg,var(--gold-d),var(--gold));color:var(--bg);border-color:transparent;} .hero-btns .btn-o{background:transparent;} } } /* NAV — vidro (camada de navegação única) */ .nav{ position:fixed;top:0;left:0;right:0;z-index:1000; transform:translate3d(0,0,0); background:rgba(10,26,13,.72); backdrop-filter:blur(12px) saturate(180%); -webkit-backdrop-filter:blur(12px) saturate(180%); border-bottom:1px solid rgba(201,168,76,.1); box-shadow:0 1px 0 rgba(255,255,255,.04); } .nav-in{max-width:100%;margin:0;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:70px;} .nav-logo{margin-left:4px;} .nav-logo img{height:140px;width:auto;margin:-35px 0;} @media(max-width:600px){ .nav-in{ padding:0 max(12px, env(safe-area-inset-left)) 0 max(12px, env(safe-area-inset-right)); gap:10px; overflow:visible; } .nav-logo{ margin-left:0; flex:1; min-width:0; display:flex; align-items:center; justify-content:flex-start; } .nav-logo img{ height:clamp(76px, 20vw, 104px); width:auto; max-width:min(56vw, 240px); margin:clamp(-18px, -4vw, -12px) 0; object-fit:contain; object-position:left center; } .menu-toggle{ flex-shrink:0; padding:9px 14px; border-radius:999px; gap:6px; font-size:.62rem; } .menu-toggle svg{width:16px;height:16px;} } .nav-links{display:none;} .nl{padding:9px 13px;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gr);text-decoration:none;white-space:nowrap;border-radius:6px;transition:all .25s;cursor:pointer;} .nl:hover,.nl.act{color:var(--gold);background:rgba(201,168,76,.06);} /* MENU BUTTON */ .menu-toggle{background:none;border:1.5px solid rgba(201,168,76,.25);color:var(--gold);cursor:pointer;padding:10px 20px;border-radius:60px;font-family:var(--font);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all .3s;display:flex;align-items:center;gap:8px;} .menu-toggle:hover{background:rgba(201,168,76,.08);border-color:var(--gold);} .menu-toggle svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:2;transition:transform .3s;} .menu-toggle.active svg{transform:rotate(45deg);} /* AJUSTE HERO MOBILE hero-ct padding: (topo lados baixo) — diminua o 1º pra subir tudo h1 font-size: tamanho do título — diminua pra caber mais h1 margin-bottom: espaço entre título e subtítulo hero-sub margin-bottom: espaço entre subtítulo e contador */ @media(max-width:600px){ .hero-ct{padding:max(78px, calc(60px + env(safe-area-inset-top))) 16px 24px !important;} .hero-ct h1{margin-top:0 !important;margin-bottom:6px !important;font-size:clamp(1.45rem, 5vw, 1.75rem) !important;line-height:1.12 !important;} .hero-sub{margin-bottom:4px !important;font-size:.82rem !important;} .hero-btns{flex-direction:column !important;gap:8px !important;width:100% !important;} .hero-btns .btn{width:100% !important;justify-content:center !important;padding:12px 16px !important;font-size:.7rem !important;} .sc{padding:50px 24px !important;} .pg-hero{padding:90px 24px 30px !important;} .pg-hero .logo{margin-top:0px !important;margin-bottom:-15px !important;} #sobre .pg-hero{padding:80px 16px 40px !important;min-height:60vh !important;} #sobre .pg-hero>div:first-child>div:first-child{background-position:center 10% !important;} #sobre .pg-hero>div:first-child>div:last-child{background-position:center -15% !important;} #ponto .pg-hero{padding:70px 16px 10px !important;} #ponto .sc{padding-top:15px !important;} } /* FULLSCREEN MENU */ .fullmenu{position:fixed;inset:0;z-index:999;background:rgba(10,26,13,.96);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease;transform:translate3d(0,0,0);} .fullmenu.open{opacity:1;pointer-events:all;} .fullmenu-grid{display:flex;flex-direction:column;align-items:center;gap:2px;} .fullmenu .fm-link{font-family:var(--font);font-size:clamp(1rem,3vw,1.3rem);font-weight:600;color:var(--gr);text-decoration:none;padding:14px 36px;border-radius:12px;transition:all .35s;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;opacity:0;transform:translateY(20px);display:inline-flex;align-items:center;gap:12px;} .fullmenu.open .fm-link{opacity:1;transform:translateY(0);} .fullmenu .fm-link:nth-child(2){transition-delay:.05s;} .fullmenu .fm-link:nth-child(3){transition-delay:.08s;} .fullmenu .fm-link:nth-child(4){transition-delay:.11s;} .fullmenu .fm-link:nth-child(5){transition-delay:.14s;} .fullmenu .fm-link:nth-child(6){transition-delay:.17s;} .fullmenu .fm-link:nth-child(7){transition-delay:.2s;} .fullmenu .fm-link:nth-child(8){transition-delay:.23s;} .fullmenu .fm-link:nth-child(10){transition-delay:.28s;} .fullmenu .fm-link svg{color:var(--gold);opacity:.5;transition:opacity .3s;} .fullmenu .fm-link:hover{color:var(--gold);background:rgba(201,168,76,.06);} .fullmenu .fm-link:hover svg{opacity:1;} .fullmenu .fm-link.fm-destaque{color:var(--gold-l);border:1.5px solid rgba(201,168,76,.3);border-radius:60px;margin-top:8px;} .fullmenu .fm-link.fm-destaque:hover{background:rgba(201,168,76,.12);border-color:var(--gold);} /* SIDEBAR MENU */ .menu-btn{display:none !important;background:none;border:none;color:var(--wh);cursor:pointer;padding:8px;z-index:1002;} .sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1001;} .sidebar-overlay.active{display:block;} .sidebar{position:fixed;top:0;right:-300px;width:280px;height:100%;background:rgba(9,20,16,.98);z-index:1002;transition:right .3s ease;padding:80px 0 40px;display:flex;flex-direction:column;align-items:center;gap:4px;overflow-y:auto;border-left:1px solid rgba(201,168,76,.1);} .sidebar.active{right:0;} .sidebar .nl{font-size:.9rem;padding:16px 32px;width:100%;text-align:center;} .sidebar-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--wh);cursor:pointer;font-size:1.6rem;padding:8px;} @media(max-width:768px){.nav-links{display:flex;overflow-x:auto;}.menu-btn{display:none !important;}} /* BUTTONS */ .btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:60px;font-family:var(--font);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:all .35s;border:none;cursor:pointer;} .btn-g{background:linear-gradient(135deg,var(--gold-d),var(--gold));color:var(--bg);box-shadow:0 6px 28px rgba(201,168,76,.2);} .btn-g:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(201,168,76,.35);} .btn-o{background:transparent;border:1.5px solid var(--wh);color:var(--wh);} .btn-o:hover{background:rgba(248,247,244,.08);} .btn-b{background:linear-gradient(135deg,var(--blue-d),var(--blue));color:#fff;box-shadow:0 6px 28px rgba(74,143,191,.25);} .btn svg{width:18px;height:18px;fill:currentColor;} /* HERO */ .hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;position:relative;overflow:hidden;} .hero-bg{position:absolute;inset:0;z-index:0;}.hero-bg img{width:100%;height:100%;min-height:100dvh;object-fit:cover;opacity:.90;filter:brightness(.5);}.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,13,.5) 0%,rgba(10,26,13,.92) 60%,var(--bg) 100%);} .hero-ct{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:100px 24px 80px;width:100%;display:flex;justify-content:center;} .hero-logo{margin-bottom:-20px;margin-top:-30px;text-align:center;opacity:1;} .hero-logo img{height:auto;width:clamp(340px,55vw,520px);max-width:100%;display:block;margin-left:auto;margin-right:auto;} @media(max-width:600px){ #home .hero-glass.liquid-glass{ overflow:hidden; border-radius:18px; } /* padding do conteúdo dentro do vidro — diminua pra subir tudo */ #home .hero-glass .lg-content{ padding:0.6rem 0.9rem; } /* espaço entre logo e título — mais negativo = mais colado */ .hero-logo{margin-top:0!important;margin-bottom:-15px!important;} .hero-logo img{width:min(88vw, 360px);max-width:100%;height:auto;} } @media(max-width:380px){ .menu-toggle{ font-size:0; letter-spacing:0; padding:11px; min-width:48px; min-height:48px; justify-content:center; } .menu-toggle svg{width:20px;height:20px;} } .hero-ct h1{font-size:clamp(2rem,5vw,3.6rem);font-weight:700;line-height:1.08;margin-bottom:20px;max-width:700px;opacity:1;} .hero-sub{font-size:clamp(.9rem,2vw,1.1rem);font-weight:300;color:var(--gr);line-height:1.8;margin-bottom:40px;max-width:560px;opacity:1;} .hero-btns{display:flex;flex-wrap:wrap;gap:14px;opacity:1;} /* SECTIONS */ .sc{padding:80px 24px;}.sc-in{max-width:1100px;margin:0 auto;} .sc-t{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;margin-bottom:12px;}.sc-s{font-size:.85rem;color:var(--gr);margin-bottom:48px;max-width:560px;line-height:1.7;} /* VERTENTES — cartões vidro (sem vidro aninhado no interior) */ .vc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;} a.vc{text-decoration:none;color:inherit;} .vc{ border-radius:24px;padding:40px 28px 32px;border:1px solid var(--glass-border); transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease; text-align:center;cursor:pointer;position:relative;overflow:hidden; transform:translate3d(0,0,0); background:rgba(10,26,13,.88); } @supports (backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px)){ .vc{ background:var(--glass-bg); backdrop-filter:blur(12px) saturate(150%); -webkit-backdrop-filter:blur(12px) saturate(150%); } } .vc::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);opacity:.35;transition:opacity .4s;pointer-events:none;} .vc:hover{transform:translate3d(0,-8px,0);border-color:var(--glass-border-hover);box-shadow:0 24px 48px var(--shadow-deep),0 0 30px var(--gold-glow),inset 0 1px 0 var(--highlight-top);} .vc:hover::before{opacity:.55;} @media(max-width:768px){ .vc{backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;} } .vc-logo{height:110px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;}.vc-logo img{height:100%;width:auto;filter:drop-shadow(0 4px 12px rgba(201,168,76,.15));transition:transform .4s;} .vc:hover .vc-logo img{transform:scale(1.05);} .vc h3{font-size:1.05rem;font-weight:700;margin-bottom:10px;color:var(--gold-l);letter-spacing:.03em;} .vc p{font-size:.82rem;color:var(--gr);line-height:1.7;} /* STEPS */ .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;margin-top:40px;} .step{text-align:center;padding:28px 20px;}.step-n{font-size:2.8rem;font-weight:800;color:var(--gold);margin-bottom:12px;line-height:1;display:block;}.step h4{font-size:.85rem;font-weight:600;margin-bottom:8px;}.step p{font-size:.75rem;color:var(--gr);line-height:1.6;} /* GALLERY (home — grelha compacta como Mental Help: 3 col. desktop, 2 no telemóvel) */ .gal{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; } @media(max-width:900px){ .gal{grid-template-columns:repeat(2,1fr);gap:8px;} } @media(max-width:400px){ .gal{gap:6px;} } .gal-item{ position:relative; border-radius:12px; overflow:hidden; cursor:pointer; aspect-ratio:4/3; -webkit-tap-highlight-color:transparent; } .gal-item img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease,opacity .35s ease; } .gal-item:hover img,.gal-item:focus-visible img{transform:scale(1.06);} .gal-ov{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding:10px 12px 12px; background:linear-gradient(180deg,transparent 35%,rgba(10,26,13,.78) 100%); opacity:0; transition:opacity .3s ease; pointer-events:none; } .gal-item:hover .gal-ov,.gal-item:focus-visible .gal-ov{opacity:1;} .gal-ov svg{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:30px; height:30px; stroke:#fff; fill:none; stroke-width:2; stroke-linecap:round; opacity:.95; } .gal-ov-cap{ position:relative; z-index:1; font-size:.68rem; font-weight:600; color:var(--gold-l); letter-spacing:.06em; text-align:center; line-height:1.25; text-shadow:0 1px 8px rgba(0,0,0,.6); } /* Telemóvel: fotos limpas — sem ícone de lupa nem faixa escura por cima; toque abre lightbox */ @media(max-width:768px){ .gal-ov{display:none!important;} .gal-item:active img,.gal-item:hover img{transform:none;} } /* Lightbox galeria home */ .home-gal-lightbox{ display:none; position:fixed; inset:0; z-index:10050; background:rgba(0,0,0,.92); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); align-items:center; justify-content:center; padding:20px; cursor:zoom-out; } .home-gal-lightbox.open{display:flex!important;} .home-gal-lightbox img{ max-width:min(96vw,1100px); max-height:88vh; width:auto; height:auto; object-fit:contain; border-radius:12px; box-shadow:0 24px 64px rgba(0,0,0,.55); cursor:default; pointer-events:none; } .home-gal-lb-close{ position:absolute; top:16px; right:20px; width:44px; height:44px; border:none; border-radius:50%; background:rgba(255,255,255,.08); color:rgba(255,255,255,.85); font-size:1.6rem; line-height:1; cursor:pointer; z-index:2; transition:background .2s,color .2s; } .home-gal-lb-close:hover{background:rgba(201,168,76,.2);color:var(--gold-l);} /* Avaliações Google — bloco mais compacto na home */ #sec-dep{padding-top:44px!important;padding-bottom:36px!important;} #sec-dep .sc-in > div:first-child{margin-bottom:4px!important;} #sec-dep .sc-t{margin-bottom:4px!important;} #sec-dep .home-rev-badges{margin:6px 0 20px!important;} @media(min-width:901px){ #sec-dep{padding-top:52px!important;padding-bottom:44px!important;} } @media(max-width:768px){ #sec-dep .rev-track-inner{gap:12px!important;} #sec-dep .rcard{width:min(300px,calc(100vw - 44px))!important;padding:20px!important;} } /* SPECS */ .spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;} .spec{background:var(--bg2);border-radius:16px;padding:28px 20px;text-align:center;border:1px solid rgba(201,168,76,.04);} .spec-icon{margin:0 auto 16px;width:48px;height:48px;} .spec-icon svg{width:48px;height:48px;stroke:var(--gold);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;} .spec h4{font-size:.82rem;font-weight:600;margin-bottom:6px;}.spec p{font-size:.72rem;color:var(--gr);line-height:1.5;} /* Celular: 2 colunas lado a lado — última centralizada */ @media(max-width:600px){ .spec-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;} .spec{padding:18px 12px!important;} .spec-icon{width:36px!important;height:36px!important;margin-bottom:10px!important;} .spec-icon svg{width:36px!important;height:36px!important;} .spec h4{font-size:.72rem!important;} .spec p{font-size:.62rem!important;} .spec:last-child{grid-column:1 / -1;max-width:60%;margin:0 auto;} } /* STATS */ .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;padding:48px 0;} .stat{text-align:center;}.stat-n{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:var(--gold);display:block;}.stat p{font-size:.72rem;color:var(--gr);margin-top:4px;text-transform:uppercase;letter-spacing:.08em;} /* TEAM */ .team{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px;} .team-card{border-radius:20px;overflow:hidden;position:relative;height:400px;} .team-card img{width:100%;height:100%;object-fit:cover;} .team-card .overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,rgba(9,20,16,.95));} .team-card h4{font-size:1rem;font-weight:600;}.team-card p{font-size:.75rem;color:var(--gr);} /* CONTACT */ .ct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;} .ct-item{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px;} .ct-item svg{width:24px;height:24px;stroke:var(--gold);fill:none;stroke-width:1.5;flex-shrink:0;margin-top:2px;} .ct-item h4{font-size:.82rem;font-weight:600;margin-bottom:4px;}.ct-item p,.ct-item a{font-size:.78rem;color:var(--gr);text-decoration:none;line-height:1.5;} .ct-item a:hover{color:var(--gold-l);} /* FOOTER */ .footer{position:relative;z-index:1;background:var(--bg2);padding:48px 24px 32px;text-align:center;border-top:1px solid rgba(201,168,76,.06);} .footer-logo{display:flex;justify-content:center;margin-bottom:20px;} .footer-logo img{height:auto;width:clamp(260px,55vw,400px);} .footer p{font-size:.7rem;color:var(--gr2);line-height:1.6;} /* PAGES */ .pg{display:none;}.pg.on{display:block;} .pg-hero{padding:100px 24px 30px;text-align:center;background:linear-gradient(180deg,var(--bg3),var(--bg));} .pg-hero .logo{display:flex;justify-content:center;margin-bottom:-40px;margin-top:-40px;}.pg-hero .logo img{height:auto;width:clamp(280px,55vw,440px);} .pg-hero h2{font-size:clamp(1.5rem,4vw,2.4rem);font-weight:700;margin-bottom:12px;}.pg-hero p{font-size:.88rem;color:var(--gr);max-width:600px;margin:0 auto;line-height:1.7;} /* AREA PACIENTE — VIP */ .pac-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;} .pac{background:linear-gradient(145deg,var(--bg2),var(--bg3));border-radius:20px;padding:36px 28px;text-align:center;border:1px solid rgba(201,168,76,.06);transition:border-color .35s,transform .35s,box-shadow .35s;position:relative;overflow:hidden;} .pac::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .35s;} .pac:hover{border-color:rgba(201,168,76,.2);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.3);} .pac:hover::before{opacity:1;} .pac-icon{width:52px;height:52px;margin:0 auto 20px;background:rgba(201,168,76,.08);border-radius:14px;display:flex;align-items:center;justify-content:center;} .pac-icon svg{width:26px;height:26px;stroke:var(--gold);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;} .pac h4{font-size:.88rem;font-weight:700;margin-bottom:10px;color:var(--gold-l);} .pac p{font-size:.76rem;color:var(--gr);margin-bottom:18px;line-height:1.6;} .pac-badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:rgba(201,168,76,.08);padding:4px 12px;border-radius:60px;margin-bottom:16px;} /* FLOATING BTNS */ .float-btns{position:fixed;bottom:max(20px, calc(12px + env(safe-area-inset-bottom, 0px)));right:max(16px, env(safe-area-inset-right, 0px));display:flex;flex-direction:column;gap:12px;z-index:900;} .float-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:transform .3s;} .float-btn:hover{transform:scale(1.1);} .float-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}.float-wa{background:#25D366;} .float-btn svg{width:28px;height:28px;fill:#fff;} /* ANIMATIONS */ @keyframes fu{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} .rv{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;} .rv.v{opacity:1;transform:translateY(0);} @media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none;}} /* TOAST — Mensagem "Copiado!" */ .toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px);background:linear-gradient(135deg,var(--gold-d),var(--gold));color:var(--bg);padding:14px 32px;border-radius:60px;font-family:var(--font);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;z-index:9999;opacity:0;transition:all .4s ease;pointer-events:none;box-shadow:0 8px 32px rgba(201,168,76,.4);} .toast.show{opacity:1;transform:translateX(-50%) translateY(0);} .copy-btn{margin-top:12px;padding:8px 20px;border-radius:60px;border:1.5px solid var(--gold);background:transparent;color:var(--gold);font-family:var(--font);font-size:.72rem;font-weight:700;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:all .3s;} .copy-btn:hover{background:rgba(201,168,76,.1);} @media(max-width:768px){ #fotoRene{background-position:center top !important;} } /* === bloco === */ @media(max-width:600px){#sec-dep{margin-top:0px!important;}} /* === bloco === */ .rcard{background:rgba(255,255,255,0.04);border:1px solid rgba(201,168,76,0.15);border-radius:16px;padding:28px;width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;cursor:pointer;transition:border-color .3s;} .rcard:hover{border-color:rgba(201,168,76,0.4);} .rav{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;} .rname{color:#fff;font-weight:600;font-size:.9rem;} .rstars{color:var(--gold);font-size:.85rem;} .rtext{color:rgba(255,255,255,0.75);font-size:.88rem;line-height:1.6;flex:1;} .rfooter{display:flex;align-items:center;gap:6px;border-top:1px solid rgba(255,255,255,0.07);padding-top:12px;} .rsrc{color:rgba(255,255,255,0.4);font-size:.78rem;} #rev-track,#mh-rev-track{will-change:auto;} #rmodal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:9999;align-items:center;justify-content:center;padding:24px;} #rmodal.open{display:flex;} #rmodal-box{background:#0d2010;border:1px solid rgba(201,168,76,0.3);border-radius:20px;padding:32px;max-width:420px;width:100%;position:relative;} #rmodal-close{position:absolute;top:14px;right:18px;background:none;border:none;color:rgba(255,255,255,0.5);font-size:1.4rem;cursor:pointer;line-height:1;} #rmodal-close:hover{color:#fff;} /* === bloco === */ .apple-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto;} .apple-card{position:relative;border-radius:28px;background:rgba(10,26,13,.88);border:1px solid rgba(255,255,255,0.1);overflow:hidden;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1),border-color .3s;cursor:default;transform:translate3d(0,0,0);} @supports (backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px)){ .apple-card{background:linear-gradient(135deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.02) 100%);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);} } .apple-card::before{content:'';position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(160deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(201,168,76,0.15) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;} .apple-card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.08) 0%,transparent 50%);opacity:0;transition:opacity .4s;pointer-events:none;} .apple-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(201,168,76,0.25);box-shadow:0 30px 60px -20px rgba(0,0,0,0.4),0 0 40px -10px rgba(201,168,76,0.15);} .apple-card:hover .apple-card-shine{opacity:1;} .apple-card-content{padding:44px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;} .apple-icon{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,rgba(201,168,76,0.12) 0%,rgba(201,168,76,0.04) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:28px;border:1px solid rgba(201,168,76,0.15);} .apple-number{font-size:clamp(2.8rem,5vw,3.8rem);font-weight:700;background:linear-gradient(135deg,#f0e6c8 0%,#c9a84c 50%,#a67c32 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;line-height:1;margin-bottom:16px;font-variant-numeric:tabular-nums;} .apple-label{font-size:0.8rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.18em;line-height:1.6;font-weight:500;} .google-stars{display:flex;gap:4px;margin-bottom:12px;} .g-star{width:22px;height:22px;fill:url(#starGold);filter:drop-shadow(0 2px 4px rgba(255,193,7,0.4));opacity:0;transform:scale(0) rotate(-20deg);transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);} .g-star.show{opacity:1;transform:scale(1) rotate(0deg);} .g-star-partial{fill:url(#starPartial);} @media(max-width:900px){.apple-stats{grid-template-columns:repeat(2,1fr);gap:16px;}} @media(max-width:600px){ .apple-stats{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;} .apple-card-content{padding:28px 16px!important;} .apple-icon{width:52px!important;height:52px!important;margin-bottom:20px!important;} .apple-number{font-size:2.2rem!important;} .apple-label{font-size:0.68rem!important;letter-spacing:0.12em!important;} .g-star{width:18px!important;height:18px!important;} .apple-card{backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;} } /* === bloco === */ /* mentalhelp.html — #mh layout rules moved to inline