/* ══ ROEWE VENEZUELA — tema (base ToyoVE: negro / blanco / rojo #EB0A1E) ══ */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@700;800;900&display=swap');
:root{--color-accent-primary:#EB0A1E!important;--accent-primary:#EB0A1E!important;--color-accent:#EB0A1E!important;--accent:#EB0A1E!important;--gold:#EB0A1E!important;--accent-hover:#c8000f!important;--roewe-red:#EB0A1E;--roewe-black:#0b0b0f;}
body{background-color:#0b0b0f;background-image:radial-gradient(rgba(235,10,30,.22) 1px,transparent 1.2px);background-size:26px 26px;}
h1,h2,.font-display,.text-gradient-accent,[class*="text-5xl"],[class*="text-6xl"],[class*="text-7xl"]{font-family:'Inter Tight',Inter,system-ui,sans-serif!important;font-weight:900!important;letter-spacing:-.03em!important;}
h2{text-transform:uppercase;}
.text-accent-primary,[class*="text-accent-primary"]{color:#EB0A1E!important;}
.border-accent-primary,[class*="border-accent-primary"]:not([class*="/"]){border-color:#EB0A1E!important;}
.bg-accent-primary,[class*="bg-accent-primary"]:not([class*="/"]){background-color:#EB0A1E!important;color:#fff!important;}
[class*="bg-accent-primary/"]{background-color:rgba(235,10,30,.12)!important;}
[class*="border-accent-primary/"]{border-color:rgba(235,10,30,.3)!important;}
.text-gradient-accent{background:linear-gradient(135deg,#EB0A1E 0%,#B5000F 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;}
.text-orange-500,.text-orange-400,.text-orange-600,.text-amber-500,.text-amber-400{color:#EB0A1E!important;}
.bg-orange-500,.bg-orange-400,.bg-amber-500{background-color:#EB0A1E!important;}
.border-orange-500,.border-orange-400{border-color:#EB0A1E!important;}
/* Botones */
.btn-primary,a.btn-primary,button.btn-primary{background-color:#EB0A1E!important;color:#fff!important;}
.btn-primary:hover{background-color:#c8000f!important;}
/* Nav: botón Contactar rojo con texto blanco; logo */
nav a[class*="bg-accent-primary"]{background-color:#EB0A1E!important;color:#fff!important;}
nav a[class*="bg-accent-primary"] *{color:#fff!important;}
nav img[src*="roewe_logo_white"]{height:1.35rem!important;}
@media(min-width:768px){nav img[src*="roewe_logo_white"]{height:1.7rem!important;}}
/* Hero */
#roewe-hero img{object-fit:cover!important;object-position:center center!important;}
#roewe-hero h1{text-transform:uppercase;line-height:.95!important;}
/* Tarjetas de modelos (2 versiones): ocultar la 3ª (Automático Élite heredada) */
/* Galería: imágenes completas */
#galeria img{object-fit:cover!important;background:#0d0d14!important;}
#galeria button.absolute{background:rgba(10,10,18,.75)!important;border-color:rgba(255,255,255,.2)!important;backdrop-filter:blur(12px)!important;}
#galeria button.absolute:hover{background:rgba(235,10,30,.85)!important;}
/* Ciudades / concesionarios: tarjetas con borde rojo (estilo ToyoVE) */
#contacto .grid>div,#contacto .grid>a,section[id*="ciudad"] .grid>*{border:1.5px solid #EB0A1E!important;border-radius:14px!important;background:#111118!important;}
/* FAQ */
#faq h3{color:#fff!important;-webkit-text-fill-color:#fff!important;}
#faq .w-8.h-8.rounded-full{background:transparent!important;border-color:rgba(255,255,255,.25)!important;}
/* Iconos con acento suave */
.space-y-4 .w-9.h-9,.space-y-4 .w-10.h-10,div.flex.items-start .w-9.h-9,div.flex.items-start .w-10.h-10,#solicitar-pdf .w-10.h-10,#solicitar-pdf .w-12.h-12{background-color:rgba(235,10,30,.1)!important;border-color:rgba(235,10,30,.25)!important;}
/* Formularios */
select{color:rgba(255,255,255,.85)!important;} select option{color:#111!important;background:#fff!important;}
/* Bloques heredados de la i5 (comparativas contra sedáns y artículo SEO): ocultos hasta generar los del i5 */
#comparativas{display:none!important;}
section.sr-only,.seo-content,#seo-article,[data-seo-block]{display:none!important;}
/* WhatsApp flotante verde se conserva; chatbot en rojo */
#chatbot-toggle,.chatbot-button,[id*="chatbot"] button.rounded-full{background:#EB0A1E!important;}
section[id]{scroll-margin-top:86px}

.text-gradient-blue{background:linear-gradient(135deg,#EB0A1E 0%,#B5000F 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;}
.text-blue-400,.text-blue-500,.text-sky-400{color:#EB0A1E!important;}

/* azules heredados -> rojo */
[class*="text-blue"],[class*="text-sky"],[class*="accent-blue"],.text-cyan-400{color:#EB0A1E!important;}
[class*="bg-blue-500/"],[class*="bg-blue-400/"],[class*="bg-sky-500/"]{background-color:rgba(235,10,30,.12)!important;}
[class*="border-blue"],[class*="border-sky"]{border-color:rgba(235,10,30,.3)!important;}

.product-img{background:#0b0b0f!important;}

/* bloques SEO ocultos heredados de la i5 (fuera de <main>): sin mostrar hasta rehacerlos para el i5 */
body > section:not(#roewe-seo-footer){display:none!important;}

/* 26: 3 versiones */
#elige .grid{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:1024px){#elige .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== 28: #modelos showcase (3 versiones, diseño distinto a #elige) ===== */
#modelos .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1280px;margin:0 auto;gap:28px!important;align-items:stretch}
@media(max-width:1023px){#modelos .grid{grid-template-columns:1fr!important;max-width:540px}}
#modelos a.relative.bg-bg-surface{border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;background:linear-gradient(180deg,#15151c 0%,#0b0b10 100%)!important;position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .45s!important}
#modelos a.relative.bg-bg-surface::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#EB0A1E 0%,#ff3b4a 55%,rgba(255,59,74,0) 100%);z-index:3}
#modelos a.relative.bg-bg-surface:hover{border-color:rgba(235,10,30,.75)!important;box-shadow:0 30px 80px rgba(0,0,0,.65),0 0 48px rgba(235,10,30,.2)!important;transform:translateY(-10px)!important}
#modelos .absolute.top-4.left-4{display:block!important;top:20px!important;left:20px!important;z-index:4}
#modelos .absolute.top-4.left-4 span{background:#EB0A1E!important;color:#fff!important;border:0!important;font-weight:800!important;letter-spacing:.14em!important;padding:7px 13px!important;border-radius:7px!important;box-shadow:0 8px 24px rgba(235,10,30,.45);text-transform:uppercase}
#modelos .absolute.top-4.right-4,#modelos .absolute.top-3.right-3{display:none!important}
#modelos a .relative.bg-gradient-to-b{padding:0!important;background:#0a0a0e!important;aspect-ratio:16/9;overflow:hidden}
#modelos a .relative.bg-gradient-to-b img{max-width:none!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(1.05) contrast(1.04);transform:none!important}
#modelos a:hover .relative.bg-gradient-to-b img{transform:scale(1.06)!important}
#modelos a .relative.bg-gradient-to-b::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,#101015 100%);pointer-events:none}
#modelos a .p-6{padding:22px 24px 26px!important}
#modelos a .flex.items-baseline{flex-direction:column!important;align-items:flex-start!important;gap:14px;margin-bottom:6px!important}
#modelos a h3{font-size:1.5rem!important;line-height:1.05!important;letter-spacing:-.02em!important;color:#fff!important}
#modelos a .text-right{text-align:left!important;display:flex;flex-direction:column;gap:4px;width:100%;padding:14px 18px;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding:14px 0 0!important}
#modelos a .text-right .text-text-tertiary{color:#9a9ba3!important;font-weight:700!important;letter-spacing:.16em!important}
#modelos a .text-right .font-mono{color:#fff!important;font-family:'Inter Tight',sans-serif!important;font-weight:900!important;font-size:2.5rem!important;letter-spacing:-.04em!important;line-height:1!important}
#modelos a .text-right .font-mono::after{content:" USD";font-size:.8rem;color:#EB0A1E;letter-spacing:.08em;font-weight:800;vertical-align:middle}
#modelos a ul{margin:14px 0 18px!important}
#modelos a ul li{display:flex;align-items:center;padding:10px 0!important;border-bottom:1px solid rgba(255,255,255,.07);font-size:.93rem!important;color:#d3d4da!important}
#modelos a ul li:last-child{border-bottom:0}
#modelos a ul li>span:first-child{font-size:0!important;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(235,10,30,.16);margin-right:12px!important;flex:none;color:transparent!important}
#modelos a ul li>span:first-child::before{content:"✓";font-size:12px;font-weight:900;color:#ff3b4a}
#modelos a span.bg-accent-primary{background:linear-gradient(90deg,#EB0A1E,#c8000f)!important;color:#fff!important;border-radius:12px!important;font-weight:800!important;letter-spacing:.02em;box-shadow:0 12px 32px rgba(235,10,30,.32);padding:15px 18px!important}
#modelos a:hover span.bg-accent-primary{background:linear-gradient(90deg,#ff3b4a,#EB0A1E)!important}
#modelos h2 .text-gradient-accent{background:linear-gradient(90deg,#EB0A1E,#ff3b4a);-webkit-background-clip:text;background-clip:text;color:transparent}
/* ===== 34: hero móvil + FAQ debajo del cierre ===== */
@media(max-width:820px){#roewe-hero img,main>section:first-child img,section.h-screen>div>img{object-fit:cover!important;object-position:50% 62%!important}#roewe-hero,main>section:first-child{min-height:100svh}}
main{display:flex;flex-direction:column}main>*{order:0;width:100%}main>#contacto{order:1}main>#faq{order:2}
/* fin 34 */
/* ===== 38: botón flotante chat rojo sólido (sin naranja/coral) ===== */
.fixed.bottom-5 button,.fixed.bottom-6 button,#roewe-chatbot-launch,.roewe-chatbot-toggle{background:#EB0A1E!important;background-image:none!important;box-shadow:0 6px 20px rgba(0,0,0,.35)!important}
.fixed.bottom-5 button:hover,.fixed.bottom-6 button:hover{background:#c8000f!important}
/* fin 38 */
/* ===== 50: enlaces internos SEO visibles ===== */
#roewe-seo-footer{display:block!important;visibility:visible!important;height:auto!important;overflow:visible!important;position:static!important;left:auto!important;opacity:1!important}