/*
Theme Name: Sin Choke
Theme URI: https://motorads.io
Author: MotorAds.io
Description: Tema a medida para Sin Choke — Desabolladura y Pintura a domicilio.
Version: 1.1
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: sinchoke
*/

body{margin:0;background:#FFFBF7;font-family:'Inter',sans-serif;color:#161311;}
a{color:#F47920;text-decoration:none;}
a:hover{color:#c85f14;}
::selection{background:#F47920;color:#fff;}
img{max-width:100%;display:block;}
input,textarea,select{font-family:'Inter',sans-serif;}
input::placeholder,textarea::placeholder{color:#a39c92;}
* { box-sizing: border-box; }

@keyframes marquee-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes ba-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes hero-mobile-fade{0%,45%{opacity:1;}50%,95%{opacity:0;}100%{opacity:1;}}
@keyframes step-fade-up{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
@keyframes step-draw{from{stroke-dashoffset:400;}to{stroke-dashoffset:0;}}
.step-card{opacity:0;animation:step-fade-up 0.7s ease forwards;}
.step-card:nth-child(2){animation-delay:0.18s;}
.step-card:nth-child(3){animation-delay:0.36s;}
.step-card:nth-child(4){animation-delay:0.54s;}
.steps-arc path{stroke-dasharray:400;stroke-dashoffset:400;animation:step-draw 1.6s 0.5s ease forwards;}
.hero-bg-mobile{display:none;}
@media (max-width:900px){
  .hero-bg-desktop{display:none !important;}
  .hero-bg-mobile{display:block !important;}
}

@media (max-width:900px){
  #site-header{padding:14px 5% !important;}
  #site-header nav{gap:14px !important;}
  #site-header nav a:not(:last-child){font-size:13px !important;}
  .grid-4{grid-template-columns:repeat(2,1fr) !important;}
  .grid-2{grid-template-columns:1fr !important;gap:32px !important;}
  .grid-contact{grid-template-columns:1fr !important;gap:36px !important;}
  .footer-grid{grid-template-columns:1fr 1fr !important;gap:32px !important;}
  .reverse-img,.reverse-text{order:0 !important;}
  .hero-section{min-height:auto !important;padding:130px 6% 60px !important;}
  .ba-card{width:220px !important;}
  .ba-card > div{height:140px !important;}
  .coverage-grid{grid-template-columns:1fr !important;}
  .steps-grid{grid-template-columns:1fr !important;gap:56px !important;}
  .steps-arc{display:none !important;}
}
@media (max-width:560px){
  #site-header nav a{display:none !important;}
  #site-header nav{gap:10px !important;}
  #mobile-menu-btn{display:flex !important;}
  .grid-4{grid-template-columns:1fr !important;}
  .trust-strip span{font-size:13px !important;}
  .hero-badges{flex-direction:column !important;align-items:flex-start !important;gap:14px !important;}
  .ba-card{width:190px !important;}
  .ba-card > div{height:120px !important;}
}