/* TiresChile · Tema Halloween (morado y naranjo).
   Se carga después de tc-2026.css / tc-shell.css / tc-product.css y solo cambia colores. */
:root{
  --blue:#4A1B53;        /* morado principal (antes azul) */
  --blue-d:#27142D;
  --navy:#151118;
  --nav:#0B0B0D;
  --ink:#16121A;
  --muted:#5E5468;
  --yellow:#FF6A00;      /* naranjo principal (antes amarillo) */
  --yellow-d:#D64200;
  --bg:#F5F2F7;
  --line:#E6DEEA;
  --red:#D64200;
}
/* Textos sobre botones naranjos: casi negro para buen contraste */
.tc-btn--yellow,.tc-search>button,.tc-cart__ico i,.tc-pdp__disc,.tc-tag--yellow{color:#151118}
.tc-btn--yellow:hover{color:#fff}

/* Barra superior y menú: morado profundo a negro */
.tc-top{background:linear-gradient(90deg,#27142D 0%,#4A1B53 50%,#27142D 100%)}
.tc-nav{background:#0B0B0D;box-shadow:inset 0 -1px 0 rgba(255,106,0,.25)}
.tc-menu>li>a:hover,.tc-menu>li>button:hover{color:#FF8A00}
.tc-menu__hot{color:#FF8A00!important}
.tc-nav__phone{color:#FF8A00}

/* Superficies que tenían tinte azul */
.tc-perk svg{background:#F1E6F4;color:#4A1B53}
.tc-finder__box{box-shadow:0 18px 40px rgba(74,27,83,.32)}
.tc-promo--offers::before,.tc-promo--trip::before{background:linear-gradient(90deg,rgba(21,17,24,.95) 0%,rgba(39,20,45,.75) 45%,rgba(39,20,45,0) 80%)}
.tc-promo--disc{background:linear-gradient(160deg,#4A1B53 0%,#151118 100%)}
.tc-promo--disc strong{color:#FF8A00}
.tc-foot,#footer.color-bg{background:#0B0B0D}
.tc-foot__grid a:hover{color:#FF8A00}
.tc-foot__ico svg{color:#FF8A00}
.tc-news{background:linear-gradient(135deg,#4A1B53 0%,#151118 100%)}

/* Brillo de los botones del banner en naranjo */
.tc-bglow--michelin,.tc-bglow--giti{--c:255,138,0}

/* Ficha de producto */
.tc-pdp__gallery{background:linear-gradient(180deg,#FAF7FB 0%,#EFE8F2 100%)}
.tc-pdp__inst{background:#F6EEF8;border-color:#E3D2EA}
.tc-pdp__inst>svg,.tc-pdp__inst b,.tc-pdp__inst i{color:#4A1B53}
.tc-read{background:linear-gradient(160deg,#F4ECF7 0%,#FAF7FB 100%)}
.tc-read li b{border-color:#E3D2EA;color:#4A1B53}
.tc-read__code span{color:#D64200}
.tc-video__txt{background:#F6F1F8}
.tc-tabs__nav button.is-active{background:#4A1B53;border-bottom-color:#FF6A00}
.tc-pdp__price b{color:#D64200}
.tc-pdp__off{background:#FFE9DA;color:#D64200}
.tc-prod__disc{background:#D64200}
.tc-prod__prices b{color:#4A1B53}

/* Páginas antiguas (contenido interior): acentos azules principales */
.le-button,.le-button.huge{background-color:#4A1B53!important;border-color:#4A1B53!important}
.le-button:hover{background-color:#FF6A00!important;border-color:#FF6A00!important;color:#151118!important}

/* Logo de Halloween (se cambia en cabecera y pie; el HTML conserva el logo normal) */
html body .tc-logo img,html body .tc-foot__brand img{content:url(../images/logo-tires-halloween.webp)}
html body .tc-logo img,html body .tc-logo img.tc-logo-hw{width:250px;height:auto;margin:-6px 0 -8px}
html body .tc-foot__brand img,html body .tc-foot__brand img.tc-logo-hw{width:230px;height:auto}
@media (max-width:991px){html body .tc-logo img,html body .tc-logo img.tc-logo-hw{width:200px;margin:-4px 0}}
@media (max-width:767px){html body .tc-logo img,html body .tc-logo img.tc-logo-hw{width:172px;margin:-4px 0 -6px}}

/* WhatsApp en modo calabaza, con murciélagos que lo rondan */
html body .tc-wa__btn{background:radial-gradient(ellipse 22% 48% at 30% 52%,rgba(122,38,4,.38),rgba(122,38,4,0) 70%),radial-gradient(ellipse 22% 48% at 70% 52%,rgba(122,38,4,.38),rgba(122,38,4,0) 70%),radial-gradient(circle at 32% 26%,#FFB04A 0%,#FF6A00 46%,#A83300 100%);box-shadow:0 0 0 2px rgba(255,138,0,.4),0 8px 24px rgba(214,66,0,.45),0 0 26px rgba(255,106,0,.35)}
html body .tc-wa__btn::after{content:"";position:absolute;left:50%;top:-6px;width:9px;height:11px;margin-left:-3px;border-radius:3px 6px 2px 2px;background:linear-gradient(160deg,#7A8A3A,#3E4A1C);transform:rotate(14deg);z-index:2}
html body .tc-wa__orbit{background:conic-gradient(from 0deg,transparent 0 55%,#FF8A00 75%,#FFD27A 90%,transparent 100%)}
html body .tc-wa__orbit--2{background:conic-gradient(from 90deg,transparent 0 70%,#9B4DFF 85%,transparent 100%)}
html body .tc-wa__wave{border-color:rgba(255,138,0,.7)}
html body .tc-wa__dot{background:#FF8A00;box-shadow:0 0 8px #FF8A00}
html body .tc-wa__label{background:rgba(21,17,24,.94);border-color:rgba(255,138,0,.5)}
html body .tc-wa__label b{color:#FF8A00}
html body .tc-wa::before,html body .tc-wa::after{content:"";position:absolute;left:21px;top:-26px;width:20px;height:12px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2012%22%3E%3Cg%20fill%3D%22%23151118%22%3E%3Cpath%20d%3D%22M10%207C8%204%205%201%200%202c3%202%203%204%204%206%202-2%204-1%206%201%202-2%204-3%206-1%201-2%201-4%204-6-5-1-8%202-10%205z%22/%3E%3Cellipse%20cx%3D%2210%22%20cy%3D%227%22%20rx%3D%221.8%22%20ry%3D%222.4%22/%3E%3Cpath%20d%3D%22M8.8%205.2l.4-1.6.8%201.2.8-1.2.4%201.6z%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23151118%22%20transform%3D%22translate%2820%200%29%22%3E%3Cpath%20d%3D%22M10%206C8%207%205%207%200%2010c3%200%204%201%205%202%202-3%203-3%205-3%202%200%203%200%205%203%201-1%202-2%205-2-5-3-8-3-10-4z%22/%3E%3Cellipse%20cx%3D%2210%22%20cy%3D%227%22%20rx%3D%221.8%22%20ry%3D%222.4%22/%3E%3Cpath%20d%3D%22M8.8%205.2l.4-1.6.8%201.2.8-1.2.4%201.6z%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23FF8A00%22%3E%3Ccircle%20cx%3D%229.3%22%20cy%3D%226.4%22%20r%3D%22.45%22/%3E%3Ccircle%20cx%3D%2210.7%22%20cy%3D%226.4%22%20r%3D%22.45%22/%3E%3Ccircle%20cx%3D%2229.3%22%20cy%3D%226.4%22%20r%3D%22.45%22/%3E%3Ccircle%20cx%3D%2230.7%22%20cy%3D%226.4%22%20r%3D%22.45%22/%3E%3C/g%3E%3C/svg%3E") 0 0/40px 12px no-repeat;transform-origin:10px 57px;animation:tcHwBatOrbit 7s linear infinite,tcHwBatFlap .22s steps(1) infinite;pointer-events:none;z-index:5}
html body .tc-wa::after{left:23.5px;top:-16px;transform-origin:10px 47px;width:15px;height:9px;background-size:30px 9px;animation:tcHwBatOrbit2 5.2s linear infinite,tcHwBatFlap2 .18s steps(1) infinite;animation-delay:-2.4s,0s}
@keyframes tcHwBatOrbit{from{rotate:0deg}to{rotate:360deg}}
@keyframes tcHwBatOrbit2{from{rotate:360deg}to{rotate:0deg}}
@keyframes tcHwBatFlap{0%{background-position:0 0}50%{background-position:-20px 0}}
@keyframes tcHwBatFlap2{0%{background-position:0 0}50%{background-position:-15px 0}}
@media (max-width:767px){
  html body .tc-wa::before{left:17px;top:-22px;transform-origin:10px 49px}
  html body .tc-wa::after{left:19.5px;top:-14px;transform-origin:7.5px 41px}
}
@media (prefers-reduced-motion:reduce){html body .tc-wa::before,html body .tc-wa::after{animation:none}}