/*
Theme Name: MVC Automotiva — Gestão Completa
Theme URI: https://mvcautomotiva.com.br/
Description: Tema de gestão completa da MVC Automotiva, com controles de marca, cores, fontes, imagens, conteúdos e contatos no Personalizar.
Author: MVC Automotiva
Template: mvc-automotiva
Version: 2.0.0
Text Domain: mvc-automotiva-gestao-completa
*/

/* Gestão completa: este arquivo apenas amplia o tema-base sem alterar sua instalação. */
:root { --mvc-bg:#080d16; --mvc-card:#111927; --mvc-text:#f4f5f7; --mvc-muted:#9aa5b5; --mvc-accent:#ff6817; --mvc-heading-font:'Sora'; --mvc-body-font:'Sora'; --bg:var(--mvc-bg); --card:var(--mvc-card); --text:var(--mvc-text); --muted:var(--mvc-muted); --orange:var(--mvc-accent); }
body.mvc-site { background:var(--mvc-bg); color:var(--mvc-text); font-family:var(--mvc-body-font),sans-serif; }
body.mvc-site .section h1,body.mvc-site .section h2,body.mvc-site .section h3,body.mvc-site .hero h1,body.mvc-site .btn { font-family:var(--mvc-heading-font),sans-serif; }
body.mvc-site .section-intro,body.mvc-site .contact-description,body.mvc-site .service-body p,body.mvc-site .about-copy p:not(.eyebrow),body.mvc-site .info-row,body.mvc-site .footer-description,body.mvc-site .footer-contact { color:var(--mvc-muted); }
body.mvc-site .site-header.is-scrolled,body.mvc-site .site-footer { background:var(--mvc-bg); }
body.mvc-site .service-card,body.mvc-site .contact-card,body.mvc-site .contact-item { background:var(--mvc-card); }
body.mvc-site .about,body.mvc-site .testimonials { background:rgba(255,255,255,.035); }
body.mvc-site .orange,body.mvc-site .eyebrow,body.mvc-site .hero-badge,body.mvc-site .hero-stat strong,body.mvc-site .service-icon,body.mvc-site .contact-symbol,body.mvc-site .stars,body.mvc-site .value strong { color:var(--mvc-accent); }
body.mvc-site .btn,body.mvc-site .whatsapp-float,body.mvc-site .experience-badge { background:var(--mvc-accent); }
body.mvc-site .btn:hover { filter:brightness(.87); }

/* A leitura do banner fica mais direta sem os números inferiores. */
.hero-stats { display:none; }
.hero-content { padding-bottom:110px; }

/* A vitrine torna os modelos o foco visual logo depois do hero. */
.models-section { padding:96px 0 82px; background:#f5f6f7; color:#0d1726; }
.models-section-head { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:34px; }.models-section-head .eyebrow { color:var(--mvc-accent); }.models-section-head h2 { margin:0; max-width:650px; color:#0d1726; font-size:clamp(34px,4vw,53px); line-height:1.05; letter-spacing:-.055em; }.models-section-head>p { max-width:360px; margin:0 0 5px; color:#627084; font-size:15px; line-height:1.65; }
.models-stage { position:relative; padding:26px; overflow:hidden; border:1px solid #dce1e8; background:radial-gradient(circle at 50% 0,#fff 0,#f2f4f6 62%,#e7ebf0 100%); box-shadow:0 24px 58px rgba(15,23,42,.12); }.models-stage:before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(13,23,38,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,23,38,.035) 1px,transparent 1px); background-size:35px 35px; pointer-events:none; }.models-rule { position:relative; z-index:1; width:74px; height:4px; margin:0 0 26px; background:var(--mvc-accent); }.models-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }.model-card { min-width:0; overflow:hidden; border:1px solid #e3e7ed; border-radius:8px; background:white; box-shadow:0 12px 20px rgba(15,23,42,.09); }.model-image { height:295px; display:grid; place-items:center; background:#fbfbfb; }.model-image img { width:100%; height:100%; object-fit:contain; padding:15px; mix-blend-mode:multiply; }.model-card p { margin:0; padding:14px 10px 16px; color:#536175; font:600 11px/1.2 'JetBrains Mono',monospace; letter-spacing:.07em; text-align:center; }

/* Os serviços voltam a ter seu próprio espaço, com três cards equivalentes. */
.services-section { background:var(--mvc-bg); }.service-grid-three { grid-template-columns:repeat(3,1fr); }.service-grid-three .service-card { grid-column:auto; }.service-grid-three .service-visual { height:245px; }

/* Seção institucional sem imagem ou alegação visual genérica. */
.about-simple { padding:86px 0; }.about-simple-inner { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:80px; align-items:center; }.about-simple .about-copy { max-width:710px; }.about-simple .about-copy h2 { margin:0 0 18px; max-width:650px; font-size:clamp(34px,4vw,52px); line-height:1.08; letter-spacing:-.055em; }.about-mark { padding:34px 30px; border-left:4px solid var(--mvc-accent); background:rgba(255,255,255,.045); }.about-mark span { display:block; color:var(--mvc-accent); font-size:70px; line-height:.9; font-weight:800; letter-spacing:-.08em; }.about-mark small { display:block; margin:12px 0 24px; color:#e4e8ee; font:600 10px/1 'JetBrains Mono',monospace; letter-spacing:.13em; }.about-mark p { margin:0; color:var(--mvc-muted); font-size:13px; line-height:1.7; }

/* Galeria técnica simplificada para fotos documentais e reais. */
.gallery-simple { background:#0b111c; }.gallery-grid-simple { grid-template-columns:repeat(4,1fr); gap:16px; }.gallery-grid-simple .gallery-item { aspect-ratio:4/3; border-radius:5px; }.gallery-grid-simple .gallery-item img { object-fit:cover; }

/* A faixa dos modelos permanece disponível caso os cards sejam reutilizados. */
.key-showcase { padding:80px 24px 18px; }.key-showcase:after { display:none; }.models-banner { position:absolute; z-index:2; top:13px; left:14px; right:14px; display:flex; align-items:baseline; gap:10px; padding:10px 12px; border-left:3px solid var(--mvc-accent); background:#080d16; color:white; }.models-banner p { margin:0; color:var(--mvc-accent); font:600 8px/1 'JetBrains Mono',monospace; letter-spacing:.1em; white-space:nowrap; }.models-banner h3 { margin:0; color:white; font-size:12px; }.models-banner span { margin-left:auto; color:#b9c2cf; font-size:9px; text-align:right; }

@media (max-width:900px) { .models-section-head { align-items:start; flex-direction:column; gap:18px; }.models-section-head>p { max-width:630px; }.models-grid { grid-template-columns:repeat(3,1fr); }.model-image { height:260px; }.service-grid-three { grid-template-columns:repeat(3,1fr); }.about-simple-inner { grid-template-columns:1fr; gap:34px; }.about-mark { max-width:400px; }.gallery-grid-simple { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px) { .models-section { padding:72px 0 60px; }.models-section-head h2 { font-size:37px; }.models-stage { padding:14px; }.models-grid { grid-template-columns:repeat(2,1fr); gap:10px; }.model-image { height:220px; }.model-card:last-child { grid-column:span 2; }.model-card:last-child .model-image { max-width:50%; margin:auto; }.service-grid-three { grid-template-columns:1fr; }.gallery-grid-simple { grid-template-columns:1fr; }.about-mark span { font-size:58px; }.hero-content { padding-bottom:96px; } }