/* TiresImport.cl · Consentimiento de cookies */
:root { --ti-yellow:#ffd100; --ti-ink:#121212; --ti-white:#fff; --ti-muted:#656565; --ti-border:#e7e7e7; }
.ti-consent *, .ti-modal * { box-sizing:border-box; }
.ti-consent { position:fixed; z-index:99998; right:20px; bottom:20px; left:20px; font-family:Arial, Helvetica, sans-serif; color:var(--ti-ink); }
.ti-consent__card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:20px; align-items:center; max-width:1120px; margin:auto; padding:24px 26px; background:var(--ti-white); border:1px solid rgba(18,18,18,.1); border-top:4px solid var(--ti-yellow); border-radius:16px; box-shadow:0 18px 60px rgba(0,0,0,.2); animation:ti-slide-up .45s cubic-bezier(.2,.8,.2,1) both; }
.ti-consent__icon { display:grid; width:44px; height:44px; place-items:center; border-radius:50%; background:var(--ti-yellow); color:var(--ti-ink); }
.ti-consent__icon svg { width:31px; height:31px; display:block; }
.ti-consent__eyebrow { margin:0 0 5px; color:#777; font-size:11px; font-weight:800; letter-spacing:.13em; }
.ti-consent h2, .ti-modal h2 { margin:0 0 8px; font-size:20px; line-height:1.2; }
.ti-consent__content > p:not(.ti-consent__eyebrow), .ti-modal__dialog > p:not(.ti-consent__eyebrow) { max-width:610px; margin:0; color:var(--ti-muted); font-size:14px; line-height:1.55; }
.ti-consent__link { display:inline-block; margin-top:9px; color:var(--ti-ink); font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.ti-consent__actions, .ti-modal__actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; }
.ti-button { min-height:42px; padding:10px 15px; border:2px solid transparent; border-radius:8px; cursor:pointer; font:700 13px/1 Arial, Helvetica, sans-serif; transition:transform .18s ease, background-color .18s ease, box-shadow .18s ease; }
.ti-button:hover { transform:translateY(-1px); } .ti-button:focus-visible, .ti-modal__close:focus-visible, .ti-switch input:focus-visible + span { outline:3px solid #1769e0; outline-offset:3px; }
.ti-button--primary { background:var(--ti-yellow); color:var(--ti-ink); box-shadow:0 3px 0 #d7ac00; } .ti-button--primary:hover { background:#ffe04d; }
.ti-button--outline { border-color:var(--ti-ink); background:var(--ti-white); color:var(--ti-ink); } .ti-button--outline:hover { background:#f4f4f4; }
.ti-button--ghost { background:transparent; color:var(--ti-ink); text-decoration:underline; text-underline-offset:3px; }
.ti-modal { position:fixed; z-index:99999; inset:0; display:grid; place-items:center; padding:18px; font-family:Arial, Helvetica, sans-serif; }
.ti-modal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.58); animation:ti-fade .2s ease both; }
.ti-modal__dialog { position:relative; width:min(100%,610px); max-height:min(720px,calc(100vh - 36px)); overflow:auto; padding:31px; background:var(--ti-white); border-radius:16px; box-shadow:0 24px 80px rgba(0,0,0,.35); animation:ti-pop .25s ease both; }
.ti-modal__close { position:absolute; top:12px; right:14px; width:36px; height:36px; border:0; border-radius:50%; background:transparent; color:var(--ti-ink); cursor:pointer; font-size:29px; line-height:1; } .ti-modal__close:hover { background:#f0f0f0; }
.ti-preferences { margin:24px 0; border-top:1px solid var(--ti-border); }
.ti-preference { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 0; border-bottom:1px solid var(--ti-border); cursor:pointer; }
.ti-preference__copy { display:grid; gap:4px; } .ti-preference__copy strong { font-size:15px; } .ti-preference__copy small { color:var(--ti-muted); font-size:13px; line-height:1.4; }
.ti-switch { flex:0 0 auto; } .ti-switch input { position:absolute; opacity:0; width:1px; height:1px; } .ti-switch span { display:block; position:relative; width:46px; height:26px; border-radius:99px; background:#b9b9b9; transition:background .18s ease; } .ti-switch span::after { position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:white; content:""; transition:transform .18s ease; box-shadow:0 1px 3px rgba(0,0,0,.25); } .ti-switch input:checked + span { background:var(--ti-ink); } .ti-switch input:checked + span::after { transform:translateX(20px); } .ti-switch input:disabled + span { background:var(--ti-yellow); cursor:not-allowed; }
@keyframes ti-slide-up { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } } @keyframes ti-fade { from { opacity:0; } to { opacity:1; } } @keyframes ti-pop { from { opacity:0; transform:scale(.96); } to { opacity:1; transform:scale(1); } }
@media (max-width:800px) { .ti-consent__card { grid-template-columns:auto 1fr; gap:13px; padding:20px; } .ti-consent__actions { grid-column:1/-1; justify-content:stretch; } .ti-consent__actions .ti-button { flex:1 1 auto; } }
@media (max-width:480px) { .ti-consent { right:10px; bottom:10px; left:10px; } .ti-consent__card { display:block; } .ti-consent__icon { margin-bottom:12px; } .ti-consent__actions { margin-top:18px; } .ti-consent__actions .ti-button { width:100%; } .ti-modal__dialog { padding:27px 20px 20px; } .ti-modal__actions .ti-button { flex:1; } }
@media (prefers-reduced-motion:reduce) { .ti-consent__card, .ti-modal__backdrop, .ti-modal__dialog { animation:none; } .ti-button, .ti-switch span, .ti-switch span::after { transition:none; } }

/* Evita que los estilos globales del tema cambien los colores de los botones. */
#ti-cookie-consent .ti-button, #ti-cookie-modal .ti-button { font-family:Arial, Helvetica, sans-serif !important; text-transform:none !important; letter-spacing:normal !important; }
#ti-cookie-consent .ti-button--primary, #ti-cookie-modal .ti-button--primary { background:#ffd100 !important; border-color:#ffd100 !important; color:#121212 !important; box-shadow:0 3px 0 #d7ac00 !important; }
#ti-cookie-consent .ti-button--primary:hover, #ti-cookie-modal .ti-button--primary:hover { background:#ffe04d !important; color:#121212 !important; }
#ti-cookie-consent .ti-button--outline, #ti-cookie-modal .ti-button--outline { background:#fff !important; border-color:#121212 !important; color:#121212 !important; box-shadow:none !important; }
#ti-cookie-consent .ti-button--outline:hover, #ti-cookie-modal .ti-button--outline:hover { background:#f4f4f4 !important; color:#121212 !important; }
#ti-cookie-consent .ti-button--ghost, #ti-cookie-modal .ti-button--ghost { background:transparent !important; border-color:transparent !important; color:#121212 !important; box-shadow:none !important; }