/* ===========================================================
   Atende Locadora — Design tokens
   Ancorado no universo real do negócio: rodovia/sinalização,
   já que a empresa conecta bairros nobres de SP à malha viária
   de Jundiaí (Anhanguera/Bandeirantes).
   =========================================================== */
:root{
	--atl-asfalto-900:#17181A;
	--atl-asfalto-700:#2B2D30;
	--atl-verde:#0B5D3F;
	--atl-verde-claro:#14805A;
	--atl-cream:#F5F1E8;
	--atl-amber:#E8A33D;
	--atl-ink:#1A1A18;

	--atl-display: 'Bricolage Grotesque', system-ui, sans-serif;
	--atl-body: 'Inter', system-ui, sans-serif;
	--atl-mono: 'IBM Plex Mono', monospace;

	--atl-radius: 6px;
	--atl-max: 1180px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
	margin:0;
	font-family:var(--atl-body);
	color:var(--atl-ink);
	background:var(--atl-cream);
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
	font-family:var(--atl-display);
	line-height:1.15;
	margin:0 0 .5em;
	letter-spacing:-0.01em;
}
h1{font-size:clamp(2rem,4vw,3.4rem);font-weight:700;}
h2{font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:700;}
h3{font-size:1.2rem;font-weight:600;}
a{color:var(--atl-verde);text-decoration:none;}
a:hover{color:var(--atl-verde-claro);}
img{max-width:100%;height:auto;display:block;}

.screen-reader-text{position:absolute;left:-9999px;}
.skip-link:focus{
	position:fixed;top:8px;left:8px;background:var(--atl-verde);color:#fff;
	padding:10px 16px;border-radius:var(--atl-radius);z-index:9999;
}
:focus-visible{outline:3px solid var(--atl-amber);outline-offset:2px;}

.atl-container{max-width:var(--atl-max);margin:0 auto;padding:0 24px;}

/* Topbar */
.atl-topbar{background:var(--atl-asfalto-900);color:var(--atl-cream);font-size:.85rem;}
.atl-topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;flex-wrap:wrap;gap:6px;}
.atl-topbar a{color:var(--atl-cream);}

/* Header */
.atl-header{background:#fff;border-bottom:1px solid #e6e1d3;position:sticky;top:0;z-index:100;}
.atl-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;}
.atl-logo-text{font-family:var(--atl-display);font-weight:700;font-size:1.3rem;color:var(--atl-ink);}
.atl-logo-text span{color:var(--atl-verde);}
.atl-menu{display:flex;gap:28px;list-style:none;margin:0;padding:0;flex:1;justify-content:center;}
.atl-menu a{color:var(--atl-ink);font-weight:500;}
.atl-menu a:hover{color:var(--atl-verde);}
.atl-menu-toggle{display:none;background:none;border:0;cursor:pointer;}

.atl-btn{
	display:inline-block;padding:12px 22px;border-radius:var(--atl-radius);
	font-weight:600;font-size:.95rem;border:2px solid transparent;white-space:nowrap;
}
.atl-btn-cta{background:var(--atl-verde);color:#fff;}
.atl-btn-cta:hover{background:var(--atl-verde-claro);color:#fff;}
.atl-btn-outline{border-color:var(--atl-ink);color:var(--atl-ink);}
.atl-btn-outline:hover{border-color:var(--atl-verde);color:var(--atl-verde);}

/* Breadcrumbs */
.atl-breadcrumbs{padding:10px 24px;max-width:var(--atl-max);margin:0 auto;font-size:.8rem;}
.atl-breadcrumbs ol{list-style:none;display:flex;gap:6px;margin:0;padding:0;color:#8a8578;}
.atl-breadcrumbs a{color:#8a8578;}
.atl-breadcrumbs li:not(:last-child)::after{content:'/';margin-left:6px;}

/* Hero */
.atl-hero{background:var(--atl-asfalto-900);color:var(--atl-cream);padding:64px 0;}
.atl-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;}
.atl-eyebrow{
	font-family:var(--atl-mono);text-transform:uppercase;letter-spacing:.08em;
	font-size:.8rem;color:var(--atl-amber);margin-bottom:14px;
}
.atl-hero h1{color:#fff;}
.atl-hero-lead{font-size:1.1rem;color:#cfcabb;max-width:46ch;}
.atl-hero-ctas{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap;}
.atl-hero-ctas .atl-btn-outline{border-color:var(--atl-cream);color:var(--atl-cream);}
.atl-rota-svg{width:100%;height:auto;}
.atl-rota-linha{stroke-dashoffset:0;animation:atl-tracejado 3s linear infinite;}
@keyframes atl-tracejado{to{stroke-dashoffset:-40;}}
@media (prefers-reduced-motion: reduce){.atl-rota-linha{animation:none;}}

/* Divider assinatura (linha de rodovia) */
.atl-route-divider{
	height:3px;
	background-image:repeating-linear-gradient(90deg,var(--atl-amber) 0 24px,transparent 24px 48px);
	opacity:.6;
}

/* Sections */
.atl-section{padding:56px 0;}
.atl-section-escura{background:var(--atl-asfalto-700);color:var(--atl-cream);}
.atl-section-escura h2{color:#fff;}
.atl-cards-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;}
.atl-card-servico{
	background:#fff;border:1px solid #e6e1d3;border-radius:var(--atl-radius);
	padding:28px;
}
.atl-section-escura .atl-card-servico{background:var(--atl-asfalto-900);border-color:#3d3f42;color:var(--atl-cream);}

/* Passos numerados (sequência real de reserva) */
.atl-passos{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.atl-passos li{display:flex;gap:14px;align-items:flex-start;}
.atl-passo-num{
	font-family:var(--atl-mono);font-weight:600;font-size:1.4rem;color:var(--atl-amber);
	border:2px solid var(--atl-amber);border-radius:50%;width:44px;height:44px;
	display:flex;align-items:center;justify-content:center;flex-shrink:0;
}

/* Resposta direta (AIO) */
.atl-resposta-direta{
	border-left:4px solid var(--atl-verde);background:#fff;padding:18px 22px;
	border-radius:0 var(--atl-radius) var(--atl-radius) 0;font-size:1.05rem;
}

/* FAQ */
.atl-faq-item{border-bottom:1px solid #e6e1d3;padding:16px 0;}
.atl-faq-item summary{font-weight:600;cursor:pointer;font-family:var(--atl-display);}
.atl-faq-resposta{margin-top:10px;color:#4a4638;}

/* Grade de frota */
.atl-grid-frota{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;}
.atl-frota-item{background:#fff;border:1px solid #e6e1d3;border-radius:var(--atl-radius);overflow:hidden;}
.atl-frota-item .conteudo{padding:18px;}
.atl-frota-specs{font-family:var(--atl-mono);font-size:.82rem;color:#6b6656;margin-top:8px;}

/* CTA final */
.atl-cta-final{background:var(--atl-verde);color:#fff;text-align:center;}
.atl-cta-final h2{color:#fff;}
.atl-cta-final .atl-btn-cta{background:var(--atl-amber);color:var(--atl-ink);margin-top:12px;}
.atl-cta-final .atl-btn-cta:hover{background:#f0b558;}

/* Footer */
.atl-footer{background:var(--atl-asfalto-900);color:#cfcabb;padding:48px 0 0;}
.atl-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;}
.atl-footer-logo{font-family:var(--atl-display);font-size:1.2rem;color:#fff;font-weight:700;}
.atl-footer-logo span{color:var(--atl-amber);}
.atl-footer a{color:#cfcabb;}
.atl-footer a:hover{color:var(--atl-amber);}
.footer-widget-title{color:#fff;font-size:1rem;}
.atl-lista-regioes{list-style:none;padding:0;margin:0;font-size:.9rem;}
.atl-lista-regioes li{padding:3px 0;}
.atl-footer-bottom{
	display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;
	border-top:1px solid #3d3f42;padding:18px 24px;font-size:.8rem;
}

/* WhatsApp flutuante */
.atl-whatsapp-float{
	position:fixed;bottom:22px;right:22px;background:var(--atl-verde);color:#fff;
	padding:14px 20px;border-radius:999px;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.25);
	z-index:200;
}
.atl-whatsapp-float:hover{background:var(--atl-verde-claro);color:#fff;}

/* Responsivo */
@media (max-width: 880px){
	.atl-hero-grid{grid-template-columns:1fr;}
	.atl-cards-2,.atl-passos,.atl-grid-frota{grid-template-columns:1fr;}
	.atl-footer-grid{grid-template-columns:1fr 1fr;}
	.atl-menu{
		position:absolute;top:100%;left:0;right:0;background:#fff;
		flex-direction:column;padding:16px 24px;display:none;border-bottom:1px solid #e6e1d3;
	}
	.atl-menu.is-open{display:flex;}
	.atl-menu-toggle{display:block;}
	.atl-btn-cta{display:none;}
}
@media (max-width: 560px){
	.atl-footer-grid{grid-template-columns:1fr;}
}