:root{
  --ta-cobre-1:#6f3418; --ta-cobre-2:#b0713f; --ta-cobre-3:#d9a06b;
  --ta-tinta:#12161a; --ta-tinta-2:#1c2126; --ta-papel:#f2f4f3;
  --ta-radio:18px; --ta-sombra:0 18px 50px -18px rgb(18 22 26 / .22);
  --ta-ease:cubic-bezier(.22,.9,.28,1);
  --ta-cobre-grad:linear-gradient(100deg,var(--ta-cobre-1),var(--ta-cobre-2) 55%,var(--ta-cobre-3));
}
html{scroll-behavior:smooth; scroll-padding-top:96px}
body{background:var(--ta-papel); color:var(--ta-tinta);
     -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility}
::selection{background:rgb(176 113 63 / .28)}
::-webkit-scrollbar{width:10px} ::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--ta-cobre-grad); border-radius:99px}
*{scrollbar-color:var(--ta-cobre-2) transparent; scrollbar-width:thin}
:focus-visible{outline:2px solid var(--ta-cobre-2); outline-offset:3px; border-radius:6px}
h1,h2,h3{text-wrap:balance; letter-spacing:-.02em}
p{text-wrap:pretty}

#ta-preloader{position:fixed; inset:0; z-index:99999; background:var(--ta-papel);
  display:grid; place-items:center; transition:opacity .7s var(--ta-ease), visibility .7s}
#ta-preloader.ta-pl-out{opacity:0; visibility:hidden}
#ta-preloader.ta-pl-out .ta-pl-stage{transform:scale(1.045); opacity:.4}
.ta-pl-stage{display:grid; justify-items:center; gap:6px; transition:transform .8s var(--ta-ease), opacity .8s}
.ta-pl-svg{width:min(78vw,560px); height:auto; overflow:visible}
.ta-pl-svg path{fill:none; stroke:url(#taCu); stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray:1; stroke-dashoffset:1}
.ta-s1{stroke-width:7; animation:taDraw .95s var(--ta-ease) .15s forwards}
.ta-s2{stroke-width:6; animation:taDraw .55s var(--ta-ease) .75s forwards}
.ta-s3{stroke-width:6; animation:taDraw .85s var(--ta-ease) .95s forwards}
.ta-pl-word{margin-top:10px; font-size:clamp(22px,5.4vw,44px); font-weight:500; color:var(--ta-tinta);
  opacity:0; letter-spacing:.62em; animation:taWord .9s var(--ta-ease) 1.35s forwards}
.ta-pl-sub{display:flex; align-items:center; gap:14px; color:var(--ta-cobre-2);
  font-size:clamp(11px,2.4vw,16px); letter-spacing:.5em; opacity:0; animation:taFade .6s ease 1.75s forwards}
.ta-pl-sub .ln{width:clamp(40px,12vw,110px); height:1px; background:var(--ta-cobre-2);
  transform:scaleX(0); animation:taLine .7s var(--ta-ease) 1.8s forwards}
@keyframes taDraw{to{stroke-dashoffset:0}}
@keyframes taWord{to{opacity:1; letter-spacing:.42em}}
@keyframes taFade{to{opacity:1}}
@keyframes taLine{to{transform:scaleX(1)}}

:is(header,.site-header,#header,.cabecera,.top){transition:background .4s, box-shadow .4s, backdrop-filter .4s}
:is(header,.site-header,#header,.cabecera,.top).is-scrolled{
  background:color-mix(in srgb, #ffffff 82%, transparent);
  backdrop-filter:saturate(1.5) blur(16px); -webkit-backdrop-filter:saturate(1.5) blur(16px);
  box-shadow:0 10px 34px -18px rgb(18 22 26 / .28)}
.ta-progress{position:fixed; top:0; left:0; height:3px; width:0; z-index:99998;
  background:var(--ta-cobre-grad); border-radius:0 3px 3px 0}

:is(.hero,#hero,.portada,main>section:first-of-type){position:relative; isolation:isolate; overflow:hidden}
:is(.hero,#hero,.portada,main>section:first-of-type)::before{content:""; position:absolute; inset:-20%;
  z-index:-1; background:
   radial-gradient(38% 42% at 18% 22%, rgb(176 113 63 / .16), transparent 60%),
   radial-gradient(34% 40% at 82% 30%, rgb(217 160 107 / .14), transparent 62%),
   radial-gradient(46% 52% at 55% 88%, rgb(111 52 24 / .10), transparent 65%);
  animation:taAurora 16s ease-in-out infinite alternate}
@keyframes taAurora{to{transform:translate3d(2.5%,-2%,0) scale(1.06)}}

.rv{opacity:0; transform:translateY(26px); filter:blur(6px);
    transition:opacity .8s var(--ta-ease), transform .8s var(--ta-ease), filter .8s var(--ta-ease)}
.rv.in{opacity:1; transform:none; filter:none}

:is(.card,.oferta,.vehiculo,[class*=card],[class*=oferta]){position:relative;
  border-radius:var(--ta-radio); transition:transform .45s var(--ta-ease), box-shadow .45s, border-color .45s}
:is(.card,.oferta,.vehiculo,[class*=card],[class*=oferta]):hover{
  transform:translateY(-6px); box-shadow:var(--ta-sombra); border-color:rgb(176 113 63 / .55)}
:is(.card,.oferta,.vehiculo,[class*=card],[class*=oferta])::after{content:""; position:absolute; inset:0;
  border-radius:inherit; pointer-events:none; opacity:0; transition:opacity .4s;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), rgb(176 113 63 / .12), transparent 65%)}
:is(.card,.oferta,.vehiculo,[class*=card],[class*=oferta]):hover::after{opacity:1}

:is(a,button):is(.btn,.button,[class*=btn]):not([class*=ta-]){position:relative; overflow:hidden;
  transition:transform .35s var(--ta-ease), box-shadow .35s}
:is(a,button):is(.btn,.button,[class*=btn]):not([class*=ta-]):hover{
  transform:translateY(-2px); box-shadow:0 14px 30px -14px rgb(176 113 63 / .65)}
:is(a,button):is(.btn,.button,[class*=btn]):not([class*=ta-])::after{content:""; position:absolute;
  top:0; left:-60%; width:40%; height:100%; transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgb(255 255 255 / .35),transparent);
  transition:left .6s var(--ta-ease)}
:is(a,button):is(.btn,.button,[class*=btn]):not([class*=ta-]):hover::after{left:120%}

.ta-marquee{overflow:hidden; border-block:1px solid rgb(18 22 26 / .08); padding:14px 0;
  background:color-mix(in srgb, #fff 55%, transparent)}
.ta-marquee .ta-mq-track{display:flex; gap:3.5rem; width:max-content; animation:taMq 26s linear infinite;
  font-size:13px; letter-spacing:.32em; text-transform:uppercase; color:rgb(18 22 26 / .55)}
@keyframes taMq{to{transform:translateX(-50%)}}

details{border-bottom:1px solid rgb(18 22 26 / .1); transition:background .3s}
details[open]{background:rgb(255 255 255 / .5)}
summary{cursor:pointer; list-style:none; position:relative; padding-right:2.2rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+"; position:absolute; right:.4rem; top:50%; translate:0 -50%;
  font-size:1.5rem; color:var(--ta-cobre-2); transition:rotate .35s var(--ta-ease)}
details[open] summary::after{rotate:45deg}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important; animation-iteration-count:1!important;
    transition-duration:.01ms!important; scroll-behavior:auto!important}
  #ta-preloader{display:none} .rv{opacity:1; transform:none; filter:none}
}
@media print{#ta-preloader,.ta-progress{display:none!important}}