/*
Theme Name: Alben Comunicação
Author: Janderson Martins / Tecnet
Description: Tema independente para agência de comunicação, com serviços, portfólio, notícias e personalização nativa.
Version: 1.3.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alben-comunicacao
*/
:root{--accent:#96a892;--bg:#17231e;--text:#faf4ec;--muted:#c2cbbf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}.wrap{width:min(1200px,90%);margin:auto}.header{border-bottom:1px solid #ffffff19;background:var(--bg);position:sticky;top:0;z-index:10}.nav{display:flex;justify-content:space-between;align-items:center;min-height:100px;gap:25px}.brand>a{font-size:45px;font-weight:850;line-height:.8;letter-spacing:-3px}.brand span{display:block;font-size:9px;letter-spacing:3px;margin-top:12px}.custom-logo{max-width:180px;max-height:70px;width:auto}nav,nav ul{display:flex;align-items:center;gap:27px}nav ul{list-style:none;padding:0;margin:0}nav a{font-size:13px}nav li{position:relative}nav .sub-menu{display:none;position:absolute;background:#243229;padding:18px;min-width:190px}nav li:hover>.sub-menu,nav li:focus-within>.sub-menu{display:block}.button{display:inline-block;background:var(--accent);color:#142014;border-radius:40px;padding:16px 26px;font-weight:700;line-height:1.4}.button:hover{filter:brightness(1.08);transform:translateY(-2px)}.small{padding:12px 20px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:90px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 25px}h1,h2,h3{line-height:1.07;letter-spacing:-2px}h1{font-size:clamp(42px,5.2vw,72px);margin:0 0 26px;font-weight:650}h2{font-size:clamp(34px,4vw,52px);font-weight:600;margin:0 0 30px}h3{font-size:24px;letter-spacing:-.6px}.lead{font-size:18px;color:var(--muted);max-width:570px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:34px}.text-link{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-art{height:490px;background:#96a892;border-radius:180px 180px 24px 24px;position:relative;overflow:hidden}.hero-art>img{width:100%;height:100%;object-fit:cover}.orb{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d3f4ba,#6baf57 55%,#223b29);top:35px;left:35px;box-shadow:0 20px 100px #7fb66b30}.art-word{font-size:290px;line-height:1;font-weight:900;position:absolute;top:20px;left:50px;letter-spacing:-28px;color:#101b13}.art-word span{font-size:125px;letter-spacing:-10px}.art-tag{position:absolute;bottom:30px;left:35px;font-size:20px;line-height:1.3}.ticker{background:var(--accent);color:#142014;padding:20px;text-align:center;letter-spacing:3px;font-size:14px;font-weight:800}.section{padding:95px 0}.about{display:grid;grid-template-columns:1fr 2fr;gap:60px}.principles{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.principles span{border:1px solid #ffffff28;border-radius:25px;padding:9px 16px;font-size:12px}.surface{background:#22352b}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.services{margin-top:50px}.card{border:1px solid #ffffff24;padding:30px;border-radius:16px;transition:.2s}.card:hover{border-color:var(--accent);transform:translateY(-5px)}.number{color:var(--accent);font-size:14px}.card p,.project p,.process p{color:var(--muted);font-size:14px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.project img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.project-placeholder{padding:80px 20px;background:#324a3b;border-radius:16px;font-size:40px;color:var(--accent)}.empty{grid-column:1/-1;border:1px dashed #ffffff40;padding:45px;border-radius:16px}.contact{background:var(--accent);color:#142014}.contact .eyebrow{color:#274329}.contact h2{max-width:800px;font-size:clamp(40px,6vw,78px)}.dark{background:#142014;color:#fff}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 0}.footer p{font-size:12px;color:var(--muted)}.floating{position:fixed;bottom:22px;right:22px;padding:13px 20px;border-radius:35px;background:var(--accent);color:#142014;z-index:12;box-shadow:0 4px 30px #0005;font-size:14px;font-weight:700}.content{max-width:850px;min-height:60vh}.entry{padding:35px 0;border-bottom:1px solid #ffffff22}.entry-body{margin-top:35px}.entry-body a{color:var(--accent);text-decoration:underline}.entry-body h2{font-size:32px}.entry-body h3{font-size:24px}.entry-body iframe{max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:var(--accent);color:#000;padding:15px;z-index:99}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}.alignwide{max-width:1100px}.wp-caption{max-width:100%}input,textarea,button{font:inherit}input,textarea{max-width:100%;padding:12px;border-radius:8px;border:1px solid #999}button,input[type=submit]{cursor:pointer}.comment-list{padding-left:20px}@media(max-width:900px){.hero{gap:30px}.hero-art{height:390px}.art-word{font-size:235px;left:20px}.orb{left:15px;width:300px;height:300px}.grid{grid-template-columns:repeat(2,1fr)}nav,nav ul{gap:15px}.nav{min-height:85px}.about{gap:30px}}@media(max-width:700px){.menu-toggle{display:block;background:transparent;border:1px solid #ffffff50;color:white;padding:8px 14px;border-radius:8px}nav{display:none;position:absolute;top:85px;left:0;width:100%;background:#22352b;padding:25px}nav.open,nav ul{display:flex;flex-direction:column;align-items:flex-start}nav .sub-menu{position:static}.hero{grid-template-columns:1fr;padding:55px 0}.hero-art{height:360px;border-radius:130px 130px 20px 20px}.art-word{left:calc(50% - 130px)}.orb{left:calc(50% - 150px)}.section{padding:60px 0}.about{grid-template-columns:1fr;gap:15px}.grid{grid-template-columns:1fr}.section-heading,.footer{align-items:flex-start;flex-direction:column}.ticker{font-size:11px;letter-spacing:1px}.brand>a{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Identidade Alben: verde-sálvia e creme */
.brand .brand-lockup{display:flex;align-items:center;gap:15px;letter-spacing:0}.brand-lockup img{width:78px;height:78px;object-fit:contain;border-radius:6px}.brand .brand-name{font:36px/1 Georgia,serif;letter-spacing:-1px;margin:0}.brand-name small{display:block;font:9px/1.5 system-ui;letter-spacing:2.5px;margin-top:8px}.hero-art{background:#96a892;border-radius:28px}.hero-art>img.brand-hero{object-fit:contain;width:100%;height:100%}.ticker,.contact{background:#96a892;color:#17231e}.card{background:#263b30}.card:hover{background:#2e4538}.button{color:#17231e}.button.dark{background:#17231e;color:#faf4ec}.contact .eyebrow{color:#17231e}.contact h2{font-family:Georgia,serif;font-weight:400}.footer strong{font-family:Georgia,serif;font-size:24px}@media(max-width:700px){.brand-lockup img{width:60px;height:60px}.brand .brand-name{font-size:28px}.hero-art{border-radius:20px}}

nav{gap:18px}nav ul{gap:20px}.email-link{white-space:nowrap}@media(min-width:701px) and (max-width:1050px){nav,nav ul{gap:10px}nav a{font-size:12px}.nav{gap:14px}.brand-lockup img{width:55px;height:55px}.brand .brand-name{font-size:26px}.button.small{padding:10px 13px}}

.footer-contact{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:60px 0;border-bottom:1px solid #ffffff25}.footer-brand{display:flex;align-items:center;gap:25px}.footer-brand>img{width:140px;height:140px;object-fit:contain;border-radius:12px}.footer-brand strong{font:30px/1.2 Georgia,serif}.footer-contact h2{font-size:28px;margin-bottom:18px}.footer-contact address{font-style:normal;color:var(--muted);max-width:520px;margin:18px 0}.footer-email{overflow-wrap:anywhere;text-decoration:underline}.site-footer #servicos{border-top:1px solid #ffffff20}.site-footer .eyebrow{letter-spacing:2px}@media(max-width:700px){.footer-contact{grid-template-columns:1fr;gap:35px;padding:40px 0}.footer-brand>img{width:100px;height:100px}}
