/* Landing Carsten — motoristas agregados */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; scroll-padding-top: 110px; }
  body { margin: 0; background: #F6F4F0; color: #16161A; font-family: Archivo, sans-serif; }
  * { box-sizing: border-box; }
  a { color: #E2001A; text-decoration: none; }
  a:hover { color: #16161A; }
  input, select, button { font-family: Archivo, sans-serif; }
  @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @keyframes waPulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(226,0,26,0.75); } 12% { transform: scale(1.09) rotate(-1.2deg); } 24% { transform: scale(1.05) rotate(1.2deg); } 36% { transform: scale(1.08) rotate(-0.8deg); } 50% { transform: scale(1.02); box-shadow: 0 0 0 26px rgba(226,0,26,0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(226,0,26,0); } }
  @keyframes chipShake { 0%,100% { transform: translate3d(0,0,0) rotate(0deg); } 25% { transform: translate3d(-3px,-4px,0) rotate(-1.4deg); } 50% { transform: translate3d(2px,-6px,0) rotate(1deg); } 75% { transform: translate3d(3px,-2px,0) rotate(1.6deg); } }
  @media (prefers-reduced-motion: reduce) { [data-chip-l], [data-chip-r] { animation: none !important; } }
  @keyframes waGlow { 0% { box-shadow: 0 0 0 0 rgba(226,0,26,0.8); } 55% { box-shadow: 0 0 0 18px rgba(226,0,26,0); } 100% { box-shadow: 0 0 0 0 rgba(226,0,26,0); } }
  @media (prefers-reduced-motion: reduce) { [data-wa-pulse] { animation: none !important; } }
  nav[data-links] { display: none; }
  @media (min-width: 960px) { nav[data-links] { display: flex; } }
  [data-chip-l], [data-chip-r] { display: none; }
  @media (min-width: 1280px) { [data-chip-l], [data-chip-r] { display: flex; } }
  [data-split] { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }
  @media (min-width: 900px) { [data-split] { grid-template-columns: 1fr 1fr; gap: 60px; } }
  [data-scroller] { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; overflow-y: hidden; padding: 6px 0 10px; scrollbar-width: none; -ms-overflow-style: none; }
  [data-scroller] > article { flex: 0 0 100%; scroll-snap-align: start; transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease; }
  @media (min-width: 760px) { [data-scroller] > article { flex: 0 0 min(340px, 80vw); } }
  [data-scroller] > article:hover { transform: translateY(-8px); box-shadow: 0 18px 38px rgba(12,12,14,0.14); border-color: #E2001A; }
  [data-scroller]::-webkit-scrollbar { display: none; }
  @media (prefers-reduced-motion: reduce) { [data-scroller] > article { transition: none; } }
  [data-cards] { display: grid; grid-template-columns: 1fr; gap: 16px; }
  @media (min-width: 760px) { [data-cards] { grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1100px) { [data-cards] { grid-template-columns: repeat(3, 1fr); } }
  .duvidas-criteria { display: grid; gap: 10px; margin-top: 26px; }
  @media (min-width: 760px) { .duvidas-criteria { grid-template-columns: 1fr 1fr; } }
  .duvidas-faq { display: grid; gap: 10px; margin-top: 32px; }

  .cta-card__title { text-wrap: balance; max-width: 18ch; }
  .cta-card__text { max-width: 44ch; text-wrap: pretty; }
  #cta-final { display: flex; justify-content: center; }
  #cta-final .cta-card { width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; }
  .cta-card__form { width: 100%; max-width: 520px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
  @media (max-width: 899px) {
    #cta-final { padding-left: 16px !important; padding-right: 16px !important; }
    .cta-card { padding: 24px 16px !important; border-radius: 24px !important; }
    .cta-card [data-split] { justify-items: center; }
    .cta-card__copy { display: flex; flex-direction: column; align-items: stretch; width: 100%; }
    .cta-card__title { max-width: none; font-size: clamp(26px, 8vw, 34px) !important; line-height: 1.12 !important; }
    .cta-card__text { max-width: none; font-size: 16px !important; line-height: 1.7 !important; margin-top: 18px !important; }
    .cta-card__wa { width: 100%; box-sizing: border-box; margin-top: 22px !important; }
    .cta-card__note { letter-spacing: 0.06em !important; font-size: 11px !important; max-width: none; line-height: 1.55 !important; text-align: center; }
    .cta-card__form { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; }
  }
  @media (min-width: 900px) {
    .cta-card__title { max-width: 18ch; }
    .cta-card__text { max-width: 44ch; }
  }

  #wa-float.is-cta-in-view,
  #wa-float.is-cta-in-view[style] { background: #25D366 !important; color: #FFFFFF !important; }
  #wa-float.is-cta-in-view:hover,
  #wa-float.is-cta-in-view.x20:hover { background: #1ebe57 !important; color: #FFFFFF !important; }
  @keyframes waPulseGreen { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37,211,102,0.75); } 12% { transform: scale(1.09) rotate(-1.2deg); } 24% { transform: scale(1.05) rotate(1.2deg); } 36% { transform: scale(1.08) rotate(-0.8deg); } 50% { transform: scale(1.02); box-shadow: 0 0 0 26px rgba(37,211,102,0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37,211,102,0); } }
  #wa-float.is-cta-in-view { animation-name: waPulseGreen !important; }

  [data-faq-panel] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
  }
  [data-faq-panel] > p {
    overflow: hidden;
    min-height: 0;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.28s ease 0.02s, transform 0.28s ease 0.02s;
  }
  [data-faq-panel].is-open {
    grid-template-rows: 1fr;
  }
  [data-faq-panel].is-open > p {
    opacity: 1;
    transform: translateY(0);
  }
  [data-faq-sign] {
    display: inline-block;
    transition: transform 0.3s ease;
  }
  [data-faq].is-open [data-faq-sign] {
    transform: rotate(180deg);
  }
  @media (prefers-reduced-motion: reduce) {
    [data-faq-panel],
    [data-faq-panel] > p,
    [data-faq-sign] { transition: none !important; }
  }
.img-slot { position:absolute; inset:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:repeating-linear-gradient(135deg,#DCD8D1,#DCD8D1 10px,#E7E3DC 10px,#E7E3DC 20px); }
.img-slot > span { font-family:Archivo,sans-serif; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:#6B6862; text-align:center; padding:0 12px; }
img.img-slot { object-fit:cover; object-position:center; display:block; background:none; }

.x1:hover{background:rgba(255,255,255,0.12) !important; color:#FFFFFF !important}
.x2:hover{background:rgba(255,255,255,0.12) !important; color:#FFFFFF !important}
.x3:hover{background:rgba(255,255,255,0.12) !important; color:#FFFFFF !important}
.x4:hover{background:rgba(255,255,255,0.12) !important; color:#FFFFFF !important}
.x5:hover{background:#FFFFFF !important; color:#0C0C0E !important}
.x6:hover{background:#FFFFFF !important; color:#0C0C0E !important}
.x7:hover{background:rgba(255,255,255,0.12) !important}
.x8:hover{background:#E2001A !important}
.x9:hover{background:#FFFFFF !important; color:#0C0C0E !important}
.x10:hover{background:#E2001A !important; border-color:#E2001A !important; color:#FFFFFF !important}
.x11:hover{background:#E2001A !important; border-color:#E2001A !important; color:#FFFFFF !important}
.x12:hover{background:#E2001A !important; border-color:#E2001A !important}
.x13:hover{background:#E2001A !important; border-color:#E2001A !important}
.x14:hover{background:#1ebe57 !important; color:#FFFFFF !important}
.x15:focus{border-color:#E2001A !important}
.x16:focus{border-color:#E2001A !important}
.x17:focus{border-color:#E2001A !important}
.x18:focus{border-color:#E2001A !important}
.x19:hover{background:#E2001A !important}
.x20:hover{background:#0C0C0E !important}
