/* Max Ytetsu — Tamara Proteção Veicular — Landing CSS */
:root{
  --navy:#10233F; --navy-2:#182F53; --navy-3:#0a1729;
  --gold:#C7A15A; --green:#22C55E; --red:#EF4444;
  --text:#41566f; --text-2:#5a6b82; --text-3:#8fa3c0; --muted:#94a3b8;
  --border:#e2e8f0;
}
html{ overflow-x:hidden; overflow-x:clip; overflow-y:visible; width:100%; }
body.myt-tamara{ font-family:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif; color:var(--navy); margin:0; overflow-x:hidden; overflow-x:clip; overflow-y:visible; width:100%; max-width:100vw; position:relative; }
*{ box-sizing:border-box; }
.myt-h1,.myt-h2,.myt-h3,.myt-title{ font-family:'Poppins',sans-serif; letter-spacing:-.03em; margin:0; }
.myt-container{ max-width:1200px; margin:0 auto; padding:0 clamp(20px,5vw,64px); }
.myt-section{ padding:clamp(60px,8vw,110px) clamp(20px,5vw,64px); }
.myt-btn{ display:inline-flex; align-items:center; gap:10px; font-weight:700; font-size:16px; padding:16px 28px; border-radius:100px; text-decoration:none; border:none; cursor:pointer; transition:transform .3s; font-family:inherit; }
.myt-btn:hover{ transform:translateY(-3px); }
.myt-btn-gold{ background:var(--gold); color:var(--navy); box-shadow:0 12px 30px #C7A15A3d; }
.myt-btn-green{ background:var(--green); color:#fff; box-shadow:0 12px 30px #22C55E44; }
.myt-btn-navy{ background:var(--navy); color:#fff; box-shadow:0 12px 30px #10233f2e; }
.myt-btn-ghost{ background:#ffffff10; border:1px solid #ffffff2e; color:#fff; backdrop-filter:blur(10px); }

/* Header */
.myt-nav{ position:sticky; top:0; z-index:1000; background:#fff; box-shadow:0 2px 20px #10233f14; }
.myt-nav-inner{ max-width:1280px; margin:0 auto; padding:14px clamp(20px,5vw,64px); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.myt-nav-links{ display:flex; gap:34px; font-size:15px; font-weight:600; }
.myt-nav-links a{ text-decoration:none; color:var(--navy); opacity:.85; }
.myt-nav-cta{ font-size:14.5px !important; padding:11px 22px !important; }
.myt-nav-toggle{ display:none; background:none; border:none; cursor:pointer; }
@media(max-width:900px){ .myt-nav-links{ display:none; } .myt-nav-toggle{ display:block; } }

/* Hero */
.myt-hero{ background:radial-gradient(120% 140% at 50% -20%,var(--navy-2),var(--navy) 60%,var(--navy-3)); color:#fff; padding:clamp(60px,9vw,120px) clamp(20px,5vw,64px) clamp(40px,6vw,80px); }
.myt-hero-grid{ max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:center; }
@media(max-width:900px){ .myt-hero-grid{ grid-template-columns:1fr; } }
.myt-hero h1{ font-weight:800; color:#fff; font-size:clamp(30px,3.6vw,56px); line-height:1.08; }
.myt-hero p{ color:#c8d3e4; font-size:18px; line-height:1.6; max-width:520px; }
.myt-chips{ display:flex; flex-wrap:wrap; gap:10px; margin:24px 0; }
.myt-chip{ display:flex; align-items:center; gap:8px; background:#ffffff12; border:1px solid #ffffff22; padding:9px 16px; border-radius:100px; font-size:13.5px; font-weight:600; }
.myt-hero-actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:8px; }

/* Stats */
.myt-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; background:#fff; border-radius:24px; padding:32px; box-shadow:0 20px 60px #10233f1a; margin-top:-70px; position:relative; z-index:5; max-width:1200px; margin-left:auto; margin-right:auto; }
@media(max-width:900px){ .myt-stats{ grid-template-columns:repeat(2,1fr); margin-top:20px; } }
.myt-stat{ text-align:center; }
.myt-stat b{ display:block; font-family:'Poppins',sans-serif; font-size:clamp(26px,3vw,36px); font-weight:800; color:var(--navy); }
.myt-stat span{ font-size:13.5px; color:var(--text-2); font-weight:600; }

/* Grid cards */
.myt-grid{ display:grid; gap:24px; }
.myt-grid-2{ grid-template-columns:repeat(2,1fr); }
.myt-grid-3{ grid-template-columns:repeat(3,1fr); }
.myt-grid-4{ grid-template-columns:repeat(4,1fr); }
.myt-grid-5{ grid-template-columns:repeat(5,1fr); }
.myt-grid-6{ grid-template-columns:repeat(6,1fr); }
@media(max-width:900px){ .myt-grid-2,.myt-grid-3,.myt-grid-4,.myt-grid-5,.myt-grid-6{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .myt-grid-2,.myt-grid-3,.myt-grid-4,.myt-grid-5,.myt-grid-6{ grid-template-columns:1fr; } }

.myt-card{ background:#fff; border:1px solid var(--border); border-radius:20px; padding:28px; transition:transform .3s,box-shadow .3s; }
.myt-card:hover{ transform:translateY(-8px); box-shadow:0 22px 50px #10233f1f; }
.myt-icon{ width:52px; height:52px; border-radius:14px; background:#10233f0d; color:var(--navy); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.myt-icon svg{ width:24px; height:24px; }

/* Section titles */
.myt-eyebrow{ display:inline-flex; align-items:center; gap:8px; background:#C7A15A18; color:#a3803f; font-weight:700; font-size:13px; padding:8px 16px; border-radius:100px; margin-bottom:16px; }
.myt-section-head{ max-width:640px; margin:0 0 40px; }
.myt-section-head.center{ margin:0 auto 48px; text-align:center; }

/* Simulator */
.myt-sim{ background:#fff; border-radius:24px; padding:clamp(24px,4vw,44px); box-shadow:0 30px 70px #10233f1f; max-width:640px; margin:0 auto; }
.myt-tabs{ display:flex; background:#f1f5f9; border-radius:100px; padding:5px; margin-bottom:22px; }
.myt-tab{ flex:1; text-align:center; padding:10px; border-radius:100px; font-weight:700; font-size:14px; cursor:pointer; border:none; background:transparent; color:#64748b; }
.myt-tab.active{ background:var(--navy); color:#fff; box-shadow:0 6px 16px #10233f2e; }
.myt-field{ margin-bottom:14px; }
.myt-field label{ display:block; font-size:13px; font-weight:700; color:var(--navy); margin-bottom:6px; }
.myt-field input,.myt-field select{ width:100%; box-sizing:border-box; padding:14px; border:1px solid var(--border); border-radius:13px; font-size:15px; font-family:inherit; color:var(--navy); }
.myt-result{ text-align:center; padding:20px; }
.myt-result .price{ font-family:'Poppins',sans-serif; font-weight:800; font-size:44px; color:var(--navy); }

/* Comparison table */
.myt-compare{ background:#fff; border-radius:24px; box-shadow:0 20px 50px #10233f14; overflow:hidden; }
.myt-compare table{ width:100%; border-collapse:collapse; table-layout:fixed; }
.myt-compare th{ font-family:'Poppins',sans-serif; padding:18px; text-align:center; font-weight:700; word-break:normal; overflow-wrap:normal; hyphens:none; }
.myt-compare th:first-child{ text-align:left; width:38%; }
.myt-compare th:not(:first-child){ width:31%; }
.myt-compare th.tamara{ background:transparent; color:var(--navy); }
.myt-compare th.tamara img{ max-width:100%; height:auto; }
.myt-compare td{ padding:16px 18px; border-top:1px solid var(--border); text-align:center; font-size:14.5px; word-break:normal; overflow-wrap:normal; hyphens:none; }
.myt-compare td:first-child{ text-align:left; font-weight:600; color:var(--navy); }
@media(max-width:600px){
  .myt-compare th,.myt-compare td{ padding:14px 10px; font-size:13px; }
  .myt-compare th.tamara img{ height:26px!important; }
}
@media(max-width:400px){
  .myt-compare th,.myt-compare td{ padding:12px 8px; font-size:12.5px; }
}
.myt-ok{ color:var(--green); font-weight:800; }
.myt-no{ color:var(--red); font-weight:800; }

/* FAQ */
.myt-faq-item{ background:#fff; border:1px solid var(--border); border-radius:16px; margin-bottom:12px; overflow:hidden; }
.myt-faq-q{ width:100%; text-align:left; background:none; border:none; padding:20px 22px; font-weight:700; font-size:15.5px; color:var(--navy); display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-family:inherit; }
.myt-faq-a{ padding:0 22px 20px; color:var(--text); font-size:14.5px; line-height:1.6; display:none; }
.myt-faq-item.open .myt-faq-a{ display:block; }
.myt-faq-item.open .myt-chev{ transform:rotate(180deg); }
.myt-chev{ transition:transform .25s; flex-shrink:0; }

/* Testimonials */
.myt-testi{ background:#fff; border-radius:20px; padding:28px; border:1px solid var(--border); }
.myt-testi .avatar{ width:44px; height:44px; border-radius:100px; background:var(--navy); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; margin-right:12px; }

/* Seals */
.myt-seals{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:36px; }
.myt-seals img{ height:56px; width:auto; object-fit:contain; filter:grayscale(0); }

/* Footer */
.myt-footer{ background:var(--navy-3); color:var(--text-3); padding:60px clamp(20px,5vw,64px) 32px; }
.myt-footer a{ color:var(--text-3); text-decoration:none; font-size:14px; }
.myt-footer-cols{ display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:32px; max-width:1200px; margin:0 auto 32px; }
@media(max-width:900px){ .myt-footer-cols{ grid-template-columns:1fr 1fr; gap:28px; } }
@media(max-width:600px){ .myt-footer-cols{ grid-template-columns:1fr; gap:32px; text-align:left; } }
.myt-footer-col-title{ color:#fff; font-family:'Poppins',sans-serif; font-weight:700; font-size:15px; margin-bottom:16px; }
.myt-footer-links{ display:flex; flex-direction:column; gap:10px; }
.myt-footer-bottom{ max-width:1200px; margin:0 auto; padding-top:24px; border-top:1px solid #ffffff14; font-size:12.5px; text-align:center; color:#5a6b82; }

/* Mobile bottom nav */
.myt-mobilenav{ position:fixed; bottom:0; left:0; right:0; background:#ffffffee; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-top:1px solid #eef1f6; box-shadow:0 -6px 24px #10233f14; display:none; justify-content:space-around; padding:8px 0 calc(8px + env(safe-area-inset-bottom)); z-index:999; }
@media(max-width:768px){ .myt-mobilenav{ display:flex; } body.myt-tamara{ padding-bottom:64px; } }
.myt-mobilenav a,.myt-mobilenav button.myt-tab{ position:relative; display:flex; flex-direction:column; align-items:center; gap:3px; text-decoration:none; color:#94a3b8; font-size:10.5px; font-weight:600; padding:4px 14px; border-radius:12px; transition:color .2s; -webkit-tap-highlight-color:transparent; background:none; border:none; font-family:inherit; cursor:pointer; }
.myt-mobilenav a svg,.myt-mobilenav a i,.myt-mobilenav button svg,.myt-mobilenav button i{ transition:transform .2s; }
.myt-mobilenav a:active svg,.myt-mobilenav a:active i,.myt-mobilenav button:active svg,.myt-mobilenav button:active i{ transform:scale(.88); }
.myt-mobilenav .myt-tab.is-active{ color:var(--navy); }
.myt-mobilenav .myt-tab.is-active::before{ content:''; position:absolute; top:-8px; left:50%; transform:translateX(-50%); width:18px; height:3px; border-radius:3px; background:var(--gold); }

/* Cookie banner */
.myt-cookie{ position:fixed; bottom:16px; left:16px; right:16px; max-width:640px; margin:0 auto; background:#fff; border-radius:16px; box-shadow:0 20px 50px #10233f30; padding:18px 22px; display:none; align-items:center; gap:16px; z-index:1200; }
.myt-cookie.show{ display:flex; }
@media(max-width:480px){ .myt-cookie{ flex-direction:column; align-items:flex-start; } }

.myt-badge-success{ background:#22C55E14; color:#16803f; padding:14px 18px; border-radius:14px; font-size:14px; font-weight:600; }

/* Hero v2 (fiel ao layout original) */
.myt-hero2{ position:relative; min-height:auto; display:flex; align-items:center; padding:64px clamp(20px,5vw,64px) 56px; background:radial-gradient(120% 120% at 80% 0%,#182F53 0%,#10233F 55%,#0b1a30 100%); overflow:hidden; color:#fff; }
.myt-hero2-glow{ position:absolute; width:480px; height:480px; border-radius:50%; background:radial-gradient(circle,#C7A15A44,transparent 60%); filter:blur(30px); right:10%; top:10%; pointer-events:none; }
.myt-hero2-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; position:relative; z-index:2; }
@media(max-width:900px){ .myt-hero2-grid{ grid-template-columns:1fr; text-align:center; } .myt-hero2-grid img{ margin-left:auto; margin-right:auto; } }
.myt-rating-chip{ display:inline-flex; align-items:center; gap:10px; background:#ffffff12; border:1px solid #ffffff22; padding:8px 16px; border-radius:100px; margin-bottom:14px; font-size:13.5px; font-weight:600; white-space:nowrap; max-width:100%; }
.myt-rating-chip .stars{ color:#C7A15A; letter-spacing:2px; font-size:13px; flex:none; }
@media(max-width:480px){
  .myt-rating-chip{ gap:6px; padding:7px 12px; font-size:11px; }
  .myt-rating-chip .stars{ letter-spacing:1px; font-size:11px; }
}
.myt-hero2 h1{ font-family:'Poppins',sans-serif; font-weight:800; color:#fff; font-size:clamp(30px,3.6vw,56px); line-height:1.08; letter-spacing:-.03em; margin:0 0 12px; }
.myt-hero2 p{ color:#c9d4e6; font-size:clamp(15px,1.3vw,18px); line-height:1.55; max-width:520px; margin:0 0 18px; }
.myt-gold-text{ background:linear-gradient(120deg,#C7A15A,#e9d19a); -webkit-background-clip:text; background-clip:text; color:transparent; }
.myt-trust-row{ display:flex; gap:24px; flex-wrap:wrap; margin-top:20px; }
.myt-trust-row div{ display:flex; align-items:center; gap:8px; color:#c9d4e6; font-size:14px; font-weight:600; }
.myt-hero2-art{ position:relative; transform:scale(1.1); transform-origin:center; }
.myt-hero2-art::before{ content:''; position:absolute; z-index:1; top:50%; left:50%; width:150%; height:150%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,#ffffff85 0%,#ffffff35 45%,transparent 72%); filter:blur(46px); pointer-events:none; }
.myt-hero2-art img{ width:100%; height:auto; filter:drop-shadow(0 30px 60px #00000055); position:relative; z-index:2; -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 16%, #000 84%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 12%, #000 82%, transparent 100%); -webkit-mask-composite:source-in, source-in; mask-image:linear-gradient(to right, transparent 0%, #000 16%, #000 84%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 12%, #000 82%, transparent 100%); mask-composite:intersect; }
.myt-hero2-badge{ position:absolute; bottom:-28px; left:20px; z-index:6; background:#fff; border-radius:16px; padding:14px 18px; box-shadow:0 22px 50px #00000045; display:flex; align-items:center; gap:12px; }
@media(max-width:900px){ .myt-hero2-badge{ position:static; margin-top:14px; display:inline-flex; } }

/* Selo Solidy sobreposto na imagem da hero */
.myt-hero2-art img.myt-hero2-solidy-logo{ position:absolute !important; top:14px; right:14px; left:auto; bottom:auto; z-index:5; width:56px !important; height:56px !important; max-width:56px; object-fit:contain; background:#fff; border-radius:14px; padding:7px; box-shadow:0 14px 30px #00000040; -webkit-mask-image:none; mask-image:none; filter:none; animation:none; }
@media(max-width:900px){ .myt-hero2-art img.myt-hero2-solidy-logo{ top:8px; right:8px; width:44px !important; height:44px !important; max-width:44px; padding:5px; border-radius:11px; } }

/* Marquee de logos */
.myt-marquee-section{ background:#0b1a30; padding:40px clamp(20px,5vw,64px) 60px; }
.myt-marquee-label{ text-align:center; color:#8fa3c0; font-size:12.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; margin-bottom:20px; }
.myt-marquee-mask{ position:relative; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.myt-marquee-track{ display:flex; width:max-content; gap:14px; animation:mytMarquee 26s linear infinite; }
@keyframes mytMarquee{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } }
.myt-marquee-item{ flex:none; width:140px; height:64px; background:#fff; border-radius:14px; display:flex; align-items:center; justify-content:center; padding:12px; box-shadow:0 8px 24px #00000026; }
.myt-marquee-item img{ max-width:100%; max-height:100%; object-fit:contain; }

/* Hero cards row */
.myt-herocard{ background:#fff; border:1px solid #eef1f6; border-radius:18px; padding:18px 12px; text-align:center; box-shadow:0 4px 18px #10233f0a; transition:transform .3s; }
.myt-herocard:hover{ transform:translateY(-4px); }
.myt-herocard-icon{ width:44px; height:44px; margin:0 auto 10px; border-radius:13px; background:linear-gradient(135deg,#10233F,#182F53); display:flex; align-items:center; justify-content:center; }
.myt-herocard-icon i{ width:20px; height:20px; color:#C7A15A; }
.myt-herocard-label{ font-weight:700; font-size:13px; color:#10233F; }
/* Stats v2 */
.myt-stat-num{ font-family:'Poppins',sans-serif; font-weight:800; font-size:clamp(34px,4.5vw,52px); color:var(--navy); }
.myt-stat-label{ margin-top:6px; color:#64748b; font-size:14.5px; font-weight:600; }

/* Oferta exclusiva */
.myt-offer-banner{ position:relative; overflow:hidden; border-radius:24px; background:linear-gradient(120deg,#10233F,#182F53); padding:clamp(26px,4vw,42px); display:grid; grid-template-columns:1.4fr auto; gap:24px; align-items:center; }
@media(max-width:900px){ .myt-offer-banner{ grid-template-columns:1fr; text-align:center; } }
.myt-offer-badge{ display:inline-flex; align-items:center; gap:8px; background:#C7A15A; color:#10233F; font-weight:800; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; padding:6px 14px; border-radius:100px; margin-bottom:12px; }

/* +35 benefícios */
.myt-included-panel{ background:#fff; border:1px solid #eef1f6; border-radius:24px; padding:clamp(22px,3vw,34px); box-shadow:0 16px 44px #10233f0f; }
.myt-included-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px 26px; }
@media(max-width:900px){ .myt-included-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .myt-included-grid{ grid-template-columns:1fr; } }
.myt-included-item{ display:flex; align-items:center; gap:10px; padding:6px 0; font-size:14.5px; font-weight:600; color:#334155; }
.myt-check-dot{ width:24px; height:24px; border-radius:7px; background:#22C55E15; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.myt-grid-5{ grid-template-columns:repeat(5,1fr); }
@media(max-width:900px){ .myt-grid-5{ grid-template-columns:repeat(2,1fr); } }

/* App / moto frames */
.myt-app-frame,.myt-moto-frame{ position:relative; display:flex; align-items:center; justify-content:center; border-radius:24px; overflow:hidden; }
.myt-app-frame{ background:radial-gradient(120% 120% at 70% 20%,#182F53,#10233F); padding:clamp(24px,4vw,48px); box-shadow:0 24px 60px #10233f24; }
.myt-app-frame img{ position:relative; z-index:2; max-width:340px; width:100%; filter:drop-shadow(0 26px 50px #00000055); animation:carBob 3.4s ease-in-out infinite; }
.myt-moto-frame img{ max-width:380px; width:100%; animation:motoRide 2.4s ease-in-out infinite; filter:drop-shadow(0 22px 40px #10233f30); }

/* Linhas de vento / velocidade */
.myt-windlines{ position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.myt-windlines span{ position:absolute; left:0; height:3px; border-radius:3px; animation:windStreak 2.6s linear infinite; }

/* Faixa de chão em movimento */
.myt-roadmove{ position:absolute; left:0; right:0; bottom:8%; height:40px; opacity:.35; background-image:repeating-linear-gradient(90deg,#ffffff55 0 30px,transparent 30px 70px); background-size:1400px 100%; filter:blur(1px); animation:roadMove 1.1s linear infinite; pointer-events:none; -webkit-mask-image:radial-gradient(70% 100% at 50% 50%,#000,transparent); mask-image:radial-gradient(70% 100% at 50% 50%,#000,transparent); }

@keyframes windStreak{ 0%{transform:translateX(120%);opacity:0} 12%{opacity:.9} 80%{opacity:.9} 100%{transform:translateX(-260%);opacity:0} }
@keyframes roadMove{ 0%{background-position:0 0} 100%{background-position:-1400px 0} }
@keyframes carBob{ 0%,100%{transform:translateY(0) rotate(-.3deg)} 50%{transform:translateY(-6px) rotate(.3deg)} }
@keyframes motoRide{ 0%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-6px) rotate(-.6deg)} 100%{transform:translateY(0) rotate(0deg)} }

@media (prefers-reduced-motion: reduce){
  .myt-app-frame img,.myt-moto-frame img{ animation:none; }
  .myt-windlines span,.myt-roadmove{ animation:none; }
}

/* Regional box (substitui o mapa SVG) */
.myt-regional-box{ background:radial-gradient(120% 120% at 50% 0%,#182F53,#10233F); border-radius:28px; padding:clamp(28px,4vw,48px); position:relative; }
.myt-regional-badge{ display:inline-flex; align-items:center; gap:8px; background:#ffffff14; backdrop-filter:blur(8px); border:1px solid #ffffff26; border-radius:100px; padding:7px 14px; color:#fff; font-size:12.5px; font-weight:600; margin-bottom:32px; }
.myt-regional-badge .dot{ width:10px; height:10px; border-radius:3px; background:#C7A15A; display:inline-block; }
.myt-regional-footer{ margin-top:32px; background:#ffffff14; border:1px solid #ffffff26; border-radius:16px; padding:16px 18px; color:#fff; display:flex; flex-direction:column; gap:3px; }
.myt-regional-footer strong{ font-family:'Poppins',sans-serif; font-size:16px; }
.myt-regional-footer span{ color:#a9b8cf; font-size:13.5px; }

/* Video testimonials */
.myt-video-card{ background:#F5F7FA; border:1px solid #C7A15A55; border-radius:22px; overflow:hidden; box-shadow:0 6px 22px #10233f0a; }
.myt-video-thumb{ position:relative; aspect-ratio:9/16; background:linear-gradient(160deg,#10233F,#182F53); display:flex; align-items:center; justify-content:center; }
.myt-play-btn{ width:56px; height:56px; border-radius:50%; background:#ffffffe6; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px #00000030; }
.myt-video-label{ position:absolute; bottom:12px; left:12px; color:#c9d4e6; font-size:12px; font-weight:600; }
.myt-video-info{ padding:16px 18px; }

/* Selos v2 */
.myt-seal-card{ background:#fff; border:1px solid #eef1f6; border-radius:18px; padding:18px; box-shadow:0 5px 18px #10233f0a; min-height:100px; display:flex; align-items:center; justify-content:center; transition:transform .3s; }
.myt-seal-card:hover{ transform:translateY(-4px); }
.myt-seal-card img{ max-width:100%; max-height:60px; object-fit:contain; }

/* Garantia */
.myt-guarantee-card{ display:grid; grid-template-columns:1.1fr .9fr; gap:36px; align-items:center; background:var(--navy); border-radius:26px; padding:clamp(26px,4vw,46px); position:relative; overflow:hidden; }
@media(max-width:900px){ .myt-guarantee-card{ grid-template-columns:1fr; } }

/* WhatsApp flutuante */
.myt-wa-float{ position:relative; position:fixed; right:20px; bottom:92px; z-index:900; width:56px; height:56px; border-radius:50%; background:#22C55E; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 30px #22C55E55; transition:transform .3s; text-decoration:none; }
.myt-wa-ring{ position:absolute; inset:0; border-radius:50%; background:#22C55E; animation:ring 2.6s ease-out infinite; z-index:-1; }
@keyframes ring{ 0%{ transform:scale(0); opacity:.6; } 100%{ transform:scale(2.4); opacity:0; } }
.myt-wa-float:hover{ transform:translateY(-3px) scale(1.05); }
@media(max-width:768px){ .myt-wa-float{ bottom:78px; right:14px; width:50px; height:50px; } }

/* Search bar única (simulador, boleto, cta) */
.myt-searchbar{ display:flex; align-items:center; gap:10px; border:1px solid var(--border); border-radius:100px; padding:14px 20px; background:#f8fafc; }
.myt-searchbar input{ border:none; background:none; outline:none; flex:1; font-size:15px; font-family:inherit; color:var(--navy); }
.myt-searchbar input::placeholder{ color:#94a3b8; }

/* Selos em fileira única centralizada */
.myt-seals-row{ display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin-top:10px; }
.myt-seals-row .myt-seal-card{ width:140px; }

/* Lista de cidades atendidas */
.myt-region-list{ display:flex; flex-direction:column; gap:12px; }
.myt-region-list-item{ display:flex; align-items:center; gap:10px; font-weight:600; font-size:15px; color:#334155; background:#fff; border:1px solid var(--border); border-radius:14px; padding:12px 16px; }
/* Mapa dinâmico do Brasil (Onde atuamos) */
.myt-map-box{ position:relative; aspect-ratio:1/1; background:linear-gradient(160deg,#10233F,#182F53); border-radius:28px; overflow:hidden; display:flex; align-items:center; justify-content:center; box-shadow:0 24px 60px #10233f2e; flex-shrink:0; }
@media(min-width:901px){ .myt-map-wrap{ position:sticky; top:96px; align-self:start; } }
.myt-map-glow{ position:absolute; width:60%; height:60%; border-radius:50%; background:radial-gradient(circle,#C7A15A2e,transparent 65%); filter:blur(30px); animation:mapGlow 6s ease-in-out infinite; }
.myt-map-wrap{ display:flex; flex-direction:column; gap:14px; }
.myt-map-footer{ position:relative; background:#10233F; border:1px solid #ffffff1a; border-radius:16px; padding:16px 18px; color:#fff; box-shadow:0 14px 34px #10233f26; }
.myt-map-footer strong{ font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; display:block; }
.myt-map-footer span{ color:#a9b8cf; font-size:13.5px; margin-top:3px; display:block; }
@keyframes mapGlow { 0%,100%{opacity:.35} 50%{opacity:.7} }
@keyframes stateGlow { 0%,100%{opacity:.72;filter:drop-shadow(0 0 0 #C7A15A00)} 50%{opacity:1;filter:drop-shadow(0 0 3px #C7A15Aaa)} }
@keyframes mapPulse { 0%{transform:scale(.6);opacity:.7} 70%{opacity:0} 100%{transform:scale(2.6);opacity:0} }

/* Correções: cor de ícone após substituição por SVG, animação floaty, responsivo do mapa */
.myt-herocard-icon svg{ width:20px; height:20px; color:#C7A15A; }
@keyframes floaty { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
.myt-hero2-art img{ animation:floaty 7s ease-in-out infinite; }
.myt-moto-frame img{ animation:floaty 7s ease-in-out infinite; }
.myt-regioes-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:32px; align-items:start; }
@media(max-width:900px){ .myt-regioes-grid{ grid-template-columns:1fr; align-items:stretch; } .myt-map-box{ aspect-ratio:4/3; } }

/* Como funciona — passos acendendo conforme o scroll (liga/desliga nos dois sentidos) */
.myt-steps-wrap{ position:relative; }
.myt-steps-line{ position:absolute; top:26px; left:12%; right:12%; height:2px; background:#C7A15A22; overflow:hidden; z-index:1; }
.myt-steps-line-fill{ display:block; height:100%; width:0%; background:linear-gradient(90deg,#C7A15A,#e9d19a); transition:width .12s linear; }
.myt-step-circle{ transform:scale(.3); opacity:0; transition:transform .12s linear, opacity .12s linear; will-change:transform,opacity; }
@media(max-width:900px){ .myt-selos-grid{ grid-template-columns:1fr!important; } }

.myt-selo-card{ transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s; }
.myt-selo-card:hover{ transform:translateY(-8px); box-shadow:0 22px 50px #10233f1f; }

@media(max-width:900px){ .myt-cotacao-grid{ grid-template-columns:1fr!important; gap:36px!important; } }

/* Responsividade mobile — grids que faltavam empilhar */
@media(max-width:900px){
  .myt-sobre-grid{ grid-template-columns:1fr!important; gap:32px!important; }
  .myt-simulador-grid{ grid-template-columns:1fr!important; gap:32px!important; }
  .myt-app-grid{ grid-template-columns:1fr!important; gap:32px!important; }
  .myt-moto-grid{ grid-template-columns:1fr!important; gap:32px!important; }
  .myt-boleto-grid{ grid-template-columns:1fr!important; gap:32px!important; }
}

/* Menu mobile — bottom sheet (acionado pelo tab "Menu") */
.myt-menu-backdrop{ position:fixed; inset:0; background:#10233f66; backdrop-filter:blur(2px); z-index:1050; opacity:0; visibility:hidden; transition:opacity .3s; }
.myt-menu-backdrop.show{ opacity:1; visibility:visible; }
.myt-menu-panel{ position:fixed; left:0; right:0; bottom:0; background:#fff; border-radius:24px 24px 0 0; box-shadow:0 -20px 50px #10233f30; z-index:1060; padding:10px 20px calc(20px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; gap:4px; transform:translateY(100%); transition:transform .35s cubic-bezier(.16,1,.3,1); max-height:80vh; overflow-y:auto; }
.myt-menu-panel.show{ transform:translateY(0); }
.myt-menu-panel-handle{ width:40px; height:4px; border-radius:3px; background:#e2e8f0; margin:6px auto 14px; }
.myt-menu-panel-link{ display:flex; align-items:center; gap:12px; padding:14px 6px; border-bottom:1px solid #f1f4f8; text-decoration:none; color:#10233F; font-weight:600; font-size:15.5px; }
.myt-menu-panel-link:last-of-type{ border-bottom:none; }
.myt-menu-panel a.myt-btn{ margin-top:12px; }
@media(min-width:769px){ .myt-menu-backdrop,.myt-menu-panel{ display:none!important; } }

.myt-hero-logo-big{ display:none; }

@media(max-width:768px){
  .myt-hero2{ min-height:auto; padding:32px clamp(20px,5vw,64px) 36px; }
  .myt-rating-chip{ margin-bottom:18px; }
}

@media(max-width:900px){ .myt-herocards-grid{ grid-template-columns:repeat(3,1fr)!important; gap:16px!important; } }
@media(max-width:480px){ .myt-herocards-grid{ grid-template-columns:repeat(2,1fr)!important; gap:12px!important; } }

/* Como funciona — mobile: linha vertical + fade-in em vez da horizontal */
.myt-steps-vline{ display:none; }
.myt-step{ opacity:1; }
@media(max-width:900px){
  .myt-steps-line{ display:none; }
}
@media(max-width:480px){
  .myt-steps-wrap{ position:relative; }
  .myt-steps-vline-seg{ position:absolute; left:50%; width:2px; background:#C7A15A22; overflow:hidden; z-index:0; transform:translateX(-50%); pointer-events:none; }
  .myt-steps-vline-seg-fill{ display:block; width:100%; height:0%; background:linear-gradient(180deg,#C7A15A,#e9d19a); transition:height .12s linear; }
  .myt-grid-4.myt-steps-wrap{ gap:40px; }
  .myt-step{ position:relative; z-index:1; opacity:0; transition:opacity .5s ease; }
  .myt-step-circle{ transform:scale(1)!important; opacity:1!important; } /* o fade agora é no bloco inteiro, não só no número */
}

/* Espaçamento lateral do mobile pequeno (10px da borda = 20px total) */
@media(max-width:480px){
  /* .myt-container é quem carrega o padding — a maioria das seções
     aninha .myt-container dentro de si, então zeramos o pai pra não somar */
  .myt-container{ padding-left:10px; padding-right:10px; }
  .myt-section,
  .myt-hero2,
  .myt-marquee-section{ padding-left:0; padding-right:0; }
  /* estes NÃO aninham .myt-container, precisam do próprio padding */
  .myt-nav-inner,
  .myt-footer{ padding-left:10px; padding-right:10px; }
  /* seção de motos não usa .myt-container, tem padding próprio no bloco interno */
  .myt-moto-grid{ padding-left:10px!important; padding-right:10px!important; }
}

@media(max-width:600px){
  .myt-footer-brand{ text-align:center; }
  .myt-footer-brand img{ margin-left:auto; margin-right:auto; }
  .myt-footer-brand p{ margin-left:auto; margin-right:auto; }
}

/* Fade-in ao rolar pra baixo / fade-out ao subir — aplicado sitewide via JS (.myt-reveal) */
.myt-reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); will-change:opacity,transform; }
.myt-reveal.in-view{ opacity:1; transform:translateY(0); }
@media(prefers-reduced-motion:reduce){
  .myt-reveal{ opacity:1!important; transform:none!important; transition:none!important; }
}


/* Mapa dinamico D3 (Onde atuamos) */
.myt-state{ fill:#21406e; stroke:#dbe6f5; stroke-width:1; opacity:0; transition:transform .4s cubic-bezier(.22,.8,.25,1),filter .4s ease,opacity .5s ease; transform-box:fill-box; transform-origin:50% 50%; cursor:pointer; }
.myt-state.in{ opacity:.55; }
.myt-state.active{ fill:#C7A15A; }
.myt-state.active.in{ opacity:1; }
.myt-state:hover{ transform:translateY(-6px) scale(1.035); filter:drop-shadow(0 16px 14px rgba(0,0,0,.35)); opacity:.85; }
.myt-state.active:hover{ opacity:1; filter:drop-shadow(0 16px 16px rgba(199,161,90,.45)); }

.myt-pin{ cursor:pointer; opacity:0; transition:opacity .45s ease; }
.myt-pin.in{ opacity:1; }
.myt-pin-ring{ fill:none; stroke:#fff; stroke-width:1.4; opacity:.7; transform-box:fill-box; transform-origin:50% 50%; animation:mapPulse 2.4s ease-out infinite; }
.myt-pin-dot{ fill:#fff; stroke:#10233F; stroke-width:.8; }

.myt-map-tooltip{ position:absolute; pointer-events:none; background:#10233F; color:#fff; padding:9px 14px; border-radius:9px; font:600 13px/1.3 'Poppins',sans-serif; opacity:0; transform:translateY(6px); transition:opacity .15s ease,transform .15s ease; white-space:nowrap; z-index:6; box-shadow:0 10px 22px rgba(0,0,0,.35); }
.myt-map-tooltip strong{ display:block; font:700 14px 'Poppins',sans-serif; }
.myt-map-tooltip span{ display:block; font-weight:500; font-size:11px; color:#C7A15A; margin-top:2px; }
.myt-map-tooltip.show{ opacity:1; transform:translateY(0); }

.myt-map-loading{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font:600 14px 'Poppins',sans-serif; color:#c9d4e6; text-align:center; padding:20px; }
.myt-map-loading.error{ color:#f0a0a0; }

/* Fix: banner LGPD (#mclc-banner) sobrepondo mobile nav (.myt-mobilenav) no mobile */
@media(max-width:768px){
	#mclc-banner.mclc-pos-bottom{ bottom:64px !important; }
	#mclc-reopen{ bottom:80px !important; }
}