
/*
Theme Name: Especial Vittá Salvador Premium
Theme URI: https://example.com/
Author: OpenAI
Description: Tema institucional e comercial para o Centro de Distribuição Especial Vittá Salvador, compatível com Elementor e WooCommerce.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: especial-vitta
License: GPL-2.0-or-later
*/
:root{
  --ev-green:#063e2f;
  --ev-green-2:#0b513d;
  --ev-green-3:#154f3c;
  --ev-cream:#f7f3ea;
  --ev-gold:#d9b45f;
  --ev-orange:#ef7c32;
  --ev-text:#10271f;
  --ev-white:#fff;
  --ev-radius:22px;
  --ev-shadow:0 18px 45px rgba(0,0,0,.10);
  --ev-container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ev-text);background:#fff;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.ev-container{width:min(var(--ev-container),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid #eee}
.ev-header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.custom-logo{max-height:58px;width:auto}
.site-branding .site-title{font-size:24px;font-weight:700;color:var(--ev-green)}
.ev-nav{display:flex;align-items:center;gap:28px}
.ev-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;align-items:center}
.ev-nav a{font-size:15px;font-weight:600}
.ev-nav a:hover,.ev-nav .current-menu-item>a{color:var(--ev-orange)}
.ev-header-cta{border:1px solid var(--ev-orange);color:var(--ev-orange);padding:11px 18px;border-radius:10px;font-weight:700;white-space:nowrap}
.ev-menu-toggle{display:none;border:0;background:transparent;font-size:30px;cursor:pointer}
.ev-hero{position:relative;min-height:690px;color:#fff;background:linear-gradient(90deg,rgba(0,48,37,.97) 0%,rgba(0,48,37,.88) 40%,rgba(0,48,37,.12) 72%),var(--hero-image) center/cover no-repeat;display:flex;align-items:center}
.ev-hero-content{max-width:590px;padding:90px 0}
.ev-kicker{color:var(--ev-gold);font-weight:700;letter-spacing:.04em;font-size:22px}
.ev-hero h1{font-size:clamp(48px,6vw,88px);line-height:.95;margin:12px 0 24px;text-transform:uppercase}
.ev-hero h1 span{color:#a9c68e}
.ev-location{display:inline-flex;align-items:center;gap:12px;background:rgba(132,174,113,.34);border-radius:12px;padding:12px 20px;font-size:22px;font-weight:800}
.ev-hero p{font-size:22px;max-width:560px;margin:26px 0 30px}
.ev-hero p strong{color:var(--ev-gold)}
.ev-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#19a554;color:#fff;padding:15px 24px;border-radius:10px;font-weight:800;border:0;cursor:pointer}
.ev-btn:hover{filter:brightness(.95);transform:translateY(-1px)}
.ev-section{padding:78px 0}
.ev-section-title{text-align:center;font-size:34px;color:var(--ev-green);margin:0 0 42px}
.ev-section-title:after{content:"";display:block;width:72px;height:3px;background:var(--ev-green);margin:15px auto 0}
.ev-benefits{background:var(--ev-cream)}
.ev-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ev-benefit{text-align:center;padding:10px 34px;border-right:1px solid #ddd}
.ev-benefit:last-child{border-right:0}
.ev-icon{font-size:48px;line-height:1;margin-bottom:16px}
.ev-benefit h3{font-size:20px;color:var(--ev-green);margin:0 0 12px}
.ev-benefit p{margin:0;font-size:16px}
.ev-operations-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:center}
.ev-operations h2{font-size:36px;line-height:1.1;color:var(--ev-green);margin:0 0 20px}
.ev-operations-card{display:flex;gap:20px;align-items:flex-start}
.ev-pin{width:68px;height:68px;border-radius:50%;background:#dbe8cb;display:grid;place-items:center;font-size:30px;flex:0 0 auto}
.ev-operations img{border-radius:20px;box-shadow:var(--ev-shadow);width:100%;aspect-ratio:16/9;object-fit:cover}
.ev-cta-section{background:radial-gradient(circle at center,#0a5d45 0,var(--ev-green) 72%);color:#fff;text-align:center}
.ev-cta-section h2{font-size:36px;margin:0 0 10px}
.ev-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:950px;margin:38px auto 28px;text-align:left}
.ev-contact-item{display:flex;gap:15px;align-items:center}
.ev-contact-item .ev-icon{font-size:34px;margin:0}
.site-footer{background:#043426;color:#fff}
.ev-footer-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:55px;padding:55px 0}
.site-footer h3{color:var(--ev-gold);font-size:16px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:6px 0}
.ev-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px}
.entry-content,.woocommerce-page main{width:min(var(--ev-container),calc(100% - 40px));margin:45px auto}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:#fff;border:1px solid #eee;border-radius:16px;padding:16px;box-shadow:0 8px 25px rgba(0,0,0,.05)}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--ev-green)!important;color:#fff!important;border-radius:8px!important}
.elementor-page .entry-content{width:100%;max-width:none;margin:0}
@media(max-width:900px){
  .ev-menu-toggle{display:block}
  .ev-nav{position:absolute;left:0;right:0;top:82px;background:#fff;display:none;padding:20px 24px;border-top:1px solid #eee;box-shadow:0 12px 25px rgba(0,0,0,.08)}
  .ev-nav.is-open{display:block}
  .ev-nav ul{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
  .ev-header-cta{display:none}
  .ev-hero{min-height:760px;background:linear-gradient(rgba(0,48,37,.91),rgba(0,48,37,.82)),var(--hero-image) center/cover no-repeat}
  .ev-hero-content{padding:80px 0}
  .ev-benefit-grid{grid-template-columns:1fr 1fr;gap:30px}
  .ev-benefit{border-right:0}
  .ev-operations-grid{grid-template-columns:1fr}
  .ev-contact-grid{grid-template-columns:1fr}
  .ev-footer-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .ev-container{width:min(100% - 28px,var(--ev-container))}
  .ev-header-inner{min-height:70px}
  .ev-nav{top:70px}
  .custom-logo{max-height:46px}
  .ev-hero{min-height:690px}
  .ev-kicker{font-size:18px}
  .ev-location{font-size:16px}
  .ev-hero p{font-size:18px}
  .ev-section{padding:56px 0}
  .ev-benefit-grid{grid-template-columns:1fr}
  .ev-benefit{padding:18px 8px}
  .ev-operations h2,.ev-cta-section h2,.ev-section-title{font-size:28px}
  .ev-footer-bottom{flex-direction:column}
}
