/*
Theme Name: OFF Print Professional
Theme URI: https://offprint.com.br/
Author: Centro de Criação
Description: Tema one page profissional, moderno e minimalista para a OFF Print Brindes Corporativos. Compatível com Elementor e otimizado para geração de leads.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: offprint-professional
*/

:root{
  --off-yellow:#f7b500;
  --off-yellow-dark:#d99a00;
  --off-black:#101114;
  --off-gray:#667085;
  --off-light:#f7f7f5;
  --off-border:#e9e9e7;
  --off-white:#ffffff;
  --off-radius:22px;
  --off-shadow:0 24px 60px rgba(16,17,20,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--off-black);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.off-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.off-section{padding:88px 0;border-top:1px solid var(--off-border)}
.off-kicker{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--off-yellow-dark);margin:0 0 12px}
.off-title{font-size:clamp(32px,4vw,58px);line-height:1.02;letter-spacing:-.05em;margin:0 0 18px}
.off-section-title{font-size:clamp(28px,3vw,44px);line-height:1.08;letter-spacing:-.04em;margin:0 0 16px}
.off-text{color:var(--off-gray);font-size:16px;margin:0 0 20px}.off-small{font-size:14px;color:var(--off-gray)}
.off-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:14px 20px;font-weight:800;font-size:14px;transition:.25s ease;cursor:pointer;min-height:48px}.off-btn-primary{background:var(--off-yellow);color:#111}.off-btn-primary:hover{background:var(--off-yellow-dark);transform:translateY(-2px)}.off-btn-secondary{background:#fff;color:#111;border-color:var(--off-border)}.off-btn-secondary:hover{box-shadow:var(--off-shadow);transform:translateY(-2px)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(233,233,231,.8)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:900;font-size:28px;letter-spacing:-.08em}.logo span{color:var(--off-yellow);letter-spacing:-.15em}.logo small{display:block;font-size:10px;letter-spacing:.55em;margin-top:-8px}.main-nav{display:flex;gap:26px;align-items:center}.main-nav a{font-size:13px;font-weight:700;color:#25262a}.main-nav a:hover{color:var(--off-yellow-dark)}.menu-toggle{display:none;background:#fff;border:1px solid var(--off-border);border-radius:12px;padding:10px;font-weight:800}
.hero{padding:72px 0 78px}.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}.hero-card{background:linear-gradient(135deg,#f4f1ec,#fff);border-radius:28px;padding:16px;box-shadow:var(--off-shadow);border:1px solid var(--off-border)}.hero-visual{aspect-ratio:1.28;border-radius:20px;background:linear-gradient(135deg,#17181b,#f5f1e8);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.stat-card{text-align:center;padding:28px 18px;border-radius:20px;background:#fff;border:1px solid var(--off-border)}.stat-icon{width:42px;height:42px;border-radius:50%;border:1px solid #ffe2a0;color:var(--off-yellow-dark);display:grid;place-items:center;margin:0 auto 14px;font-size:20px}.stat-card strong{display:block;font-size:24px;letter-spacing:-.04em}.stat-card span{font-size:13px;color:var(--off-gray)}
.products-head{display:grid;grid-template-columns:.8fr 1.2fr auto;gap:32px;align-items:end;margin-bottom:28px}.product-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.product-card{border:1px solid var(--off-border);border-radius:18px;overflow:hidden;background:#fff;transition:.25s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--off-shadow)}.product-img{height:126px;background:linear-gradient(135deg,#f2f2f0,#fff);display:grid;place-items:center;font-size:38px}.product-body{padding:16px}.product-body h3{font-size:14px;margin:0 0 6px}.product-body p{font-size:12px;color:var(--off-gray);margin:0}
.process{background:var(--off-light)}.process-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:center}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.step{background:#fff;border:1px solid var(--off-border);border-radius:18px;padding:18px 12px;text-align:center;position:relative}.step-number{width:28px;height:28px;border-radius:50%;background:var(--off-yellow);display:grid;place-items:center;margin:0 auto 10px;font-weight:900;font-size:12px}.step p{font-size:12px;font-weight:700;margin:0}
.clients-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:center}.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;align-items:center}.client-logo{height:60px;border:1px solid var(--off-border);border-radius:16px;display:grid;place-items:center;color:#7a7d85;font-weight:900;background:#fff}
.diff-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.diff-card{padding:22px 14px;border-radius:18px;border:1px solid var(--off-border);background:#fff}.diff-card h3{font-size:14px;margin:8px 0 8px}.diff-card p{font-size:12px;margin:0;color:var(--off-gray)}
.lead-row{display:grid;grid-template-columns:1fr 1fr}.catalog-box{background:#111;color:#fff;padding:70px min(70px,8vw);display:grid;grid-template-columns:.8fr 1fr;gap:32px;align-items:center}.catalog-cover{aspect-ratio:.72;background:#050505;border:1px solid #333;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:grid;place-items:center;text-align:center}.catalog-cover strong{font-size:28px;letter-spacing:-.06em}.catalog-cover span{color:var(--off-yellow)}.form-box{padding:70px min(70px,8vw);background:#fff}.off-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.off-form input,.off-form select,.off-form textarea{width:100%;border:1px solid var(--off-border);border-radius:10px;padding:14px 14px;font:inherit;background:#fff}.off-form textarea,.off-form .full{grid-column:1/-1}.off-form button{grid-column:1/-1;border:0}
.final-cta{padding:70px 0}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer{background:#101114;color:#fff;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}.site-footer p,.site-footer a{color:#b7bac3;font-size:14px}.footer-title{font-weight:900;color:var(--off-yellow);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.whatsapp-float{position:fixed;right:24px;bottom:24px;width:62px;height:62px;border-radius:50%;background:#18c45c;color:#fff;z-index:80;display:grid;place-items:center;font-size:30px;box-shadow:0 18px 38px rgba(24,196,92,.35);animation:pulse 2.4s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}100%{transform:scale(1)}}
@media(max-width:1024px){.hero-grid,.about-grid,.process-grid,.clients-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.products-head{grid-template-columns:1fr}.steps,.diff-grid{grid-template-columns:repeat(3,1fr)}.lead-row{grid-template-columns:1fr}.catalog-box{grid-template-columns:1fr}.main-nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:#fff;border:1px solid var(--off-border);border-radius:18px;padding:20px;box-shadow:var(--off-shadow);flex-direction:column}.main-nav.is-open{display:flex}.menu-toggle{display:block}.header-cta{display:none}}
@media(max-width:640px){.off-container{width:min(100% - 28px,1180px)}.hero{padding:42px 0}.off-section{padding:58px 0}.product-grid,.stats-grid,.steps,.logos,.diff-grid,.off-form,.footer-grid{grid-template-columns:1fr}.final-inner{align-items:flex-start;flex-direction:column}.logo{font-size:24px}.hero-actions{flex-direction:column}.off-btn{width:100%}.whatsapp-float{width:56px;height:56px;right:16px;bottom:16px}}