/* ============================================================= GPM — Tema Claro Se carga en TODAS las páginas. Solo activa cuando tiene la clase "theme-white" (gestionada por JS). El navbar y el footer mantienen fondo negro. ============================================================= */ /* ----------------------------------------------------------- Body ----------------------------------------------------------- */ html.theme-white body { background-color: #f2f2f2; color: #1a1a1a; } /* ----------------------------------------------------------- Tipografía global ----------------------------------------------------------- */ html.theme-white h1, html.theme-white h2, html.theme-white h3, html.theme-white h4, html.theme-white h5, html.theme-white h6 { color: #111111; } html.theme-white .gpm-section-title { color: #111111; } /* ----------------------------------------------------------- Puntos destacados ----------------------------------------------------------- */ html.theme-white .gpm-puntos { background-color: #ffffff; border-top: 1px solid #dde0e4; border-bottom: 1px solid #dde0e4; } html.theme-white .gpm-punto { border-right-color: #e5e7ea; } html.theme-white .gpm-punto:hover { background: rgba(86, 122, 0, 0.04); } html.theme-white .gpm-punto-titulo { color: #111111; } html.theme-white .gpm-punto-desc { color: #555555; } /* ----------------------------------------------------------- Buscador ----------------------------------------------------------- */ html.theme-white .gpm-buscador { background: #e6e6e6; } html.theme-white .gpm-buscador-box { background: #ffffff; border-color: rgba(86, 122, 0, 0.25); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07); } html.theme-white .gpm-buscador-titulo { color: #111111; } html.theme-white .gpm-form-label { color: #555555; } html.theme-white .gpm-select { background-color: #f7f7f7; border-color: rgba(0, 0, 0, 0.15); color: #111111; } html.theme-white .gpm-select:focus { background-color: #ffffff; box-shadow: 0 0 0 3px rgba(86, 122, 0, 0.12); } html.theme-white .gpm-select option { background: #ffffff; color: #111111; } /* ----------------------------------------------------------- Secciones de vehículos ----------------------------------------------------------- */ html.theme-white .gpm-seccion { background: #f2f2f2; } html.theme-white .gpm-seccion-alt { background: #e8e8e8; } html.theme-white .gpm-seccion-header { border-bottom-color: #d8d8d8; } html.theme-white .gpm-ver-todos { color: var(--gpm-verde); } html.theme-white .gpm-ver-todos:hover { color: var(--gpm-verde-hover); } /* ----------------------------------------------------------- Cards de vehículos ----------------------------------------------------------- */ html.theme-white .gpm-card { background: #ffffff; border-color: #e0e0e0; } html.theme-white .gpm-card:hover { border-color: rgba(86, 122, 0, 0.4); box-shadow: 0 16px 48px rgba(0, 0, 0, 0.10); } html.theme-white .gpm-card-foto { background: #e8e8e8; } html.theme-white .gpm-card-foto-placeholder { background: linear-gradient(135deg, #e4e4e4, #f0f0f0); } html.theme-white .gpm-card-foto-placeholder img { opacity: 0.18; } html.theme-white .gpm-card-modelo { color: #111111; } html.theme-white .gpm-card-precio { color: #111111; } html.theme-white .gpm-card-precio.consultar { color: #555555; } html.theme-white .gpm-badge-usado { background: rgba(0, 0, 0, 0.62); border-color: rgba(0, 0, 0, 0.2); } /* ----------------------------------------------------------- Botones outline en contextos sobre fondo claro ----------------------------------------------------------- */ html.theme-white .gpm-seccion .gpm-btn-outline, html.theme-white .gpm-buscador .gpm-btn-outline, html.theme-white .gpm-ficha-panel .gpm-btn-outline, html.theme-white .gpm-cta-inferior .gpm-btn-outline { color: #333333; border-color: rgba(0, 0, 0, 0.25); } html.theme-white .gpm-seccion .gpm-btn-outline:hover, html.theme-white .gpm-buscador .gpm-btn-outline:hover, html.theme-white .gpm-ficha-panel .gpm-btn-outline:hover, html.theme-white .gpm-cta-inferior .gpm-btn-outline:hover { background: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.45); color: #000000; } /* ----------------------------------------------------------- Filtros en listados (cero-km / usados) ----------------------------------------------------------- */ html.theme-white .gpm-filtros { background: #e6e6e6; border-bottom-color: #d0d0d0; } html.theme-white .gpm-filtros-titulo { color: #111111; } /* ----------------------------------------------------------- Detalle de vehículo — sección principal ----------------------------------------------------------- */ html.theme-white .gpm-detalle-section { background: #f2f2f2; } html.theme-white .gpm-galeria-principal { background: #e0e0e0; } html.theme-white .gpm-thumb { background: #e0e0e0; } html.theme-white .gpm-thumb.active, html.theme-white .gpm-thumb:hover { border-color: var(--gpm-verde); } /* Ficha panel lateral */ html.theme-white .gpm-ficha-panel { background: #ffffff; border-color: #e0e0e0; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07); } html.theme-white .gpm-ficha-nombre { color: #111111; } html.theme-white .gpm-ficha-precio { color: #111111; } html.theme-white .gpm-ficha-precio.consultar { color: #666666; } html.theme-white .gpm-ficha-row { border-bottom-color: #eeeeee; } html.theme-white .gpm-ficha-label { color: #777777; } html.theme-white .gpm-ficha-valor { color: #111111; } /* ----------------------------------------------------------- Sección Descripción — Sobre este vehículo ----------------------------------------------------------- */ html.theme-white .gpm-detalle-desc-section { background: #ffffff; border-top-color: #e0e0e0; } html.theme-white .gpm-desc-text { color: #444444; } /* ----------------------------------------------------------- Páginas de contenido (nosotros, financiación, etc.) ----------------------------------------------------------- */ html.theme-white .gpm-page-banner { background-color: #1a1a1a; } html.theme-white .gpm-nosotros-texto { color: #333333; } html.theme-white .gpm-nosotros-punto { background: #ffffff; border-color: #e0e0e0; color: #333333; } html.theme-white .gpm-contacto-box { background: #ffffff; border-color: #e0e0e0; } html.theme-white .gpm-contacto-label { color: #555555; } html.theme-white .gpm-contacto-valor { color: #111111; } /* ----------------------------------------------------------- Formularios ----------------------------------------------------------- */ html.theme-white .gpm-input, html.theme-white .gpm-textarea { background: #ffffff; border-color: rgba(0, 0, 0, 0.15); color: #111111; } html.theme-white .gpm-input:focus, html.theme-white .gpm-textarea:focus { background: #ffffff; border-color: var(--gpm-verde); box-shadow: 0 0 0 3px rgba(86, 122, 0, 0.12); color: #111111; } html.theme-white .gpm-input::placeholder, html.theme-white .gpm-textarea::placeholder { color: #999999; } /* ----------------------------------------------------------- Navbar y Footer — mantienen fondo negro (sin overrides) Carousel de marcas — tiene bg-image con overlay oscuro ----------------------------------------------------------- */ /* ----------------------------------------------------------- Excepciones: secciones con fondo oscuro permanente Los headings dentro de estas secciones DEBEN quedar blancos ----------------------------------------------------------- */ /* Hero slider */ html.theme-white .gpm-hero h1, html.theme-white .gpm-hero h2, html.theme-white .gpm-hero .gpm-hero-title { color: #ffffff; } /* Sección de marcas (tiene fondo con imagen oscura) */ html.theme-white .gpm-marcas .gpm-section-title, html.theme-white .gpm-marcas h2 { color: #ffffff; } /* Banners de página (gpm-page-banner tiene bg #050505 / #1a1a1a) */ html.theme-white .gpm-page-banner h1 { color: #ffffff; } /* ----------------------------------------------------------- Secciones CTA que pasan a modo claro ----------------------------------------------------------- */ html.theme-white .gpm-cta-dark { background: #ebebeb !important; border-top-color: rgba(0, 0, 0, 0.07) !important; } html.theme-white .gpm-cta-dark p { color: #555555 !important; } html.theme-white .gpm-cta-dark .gpm-btn-outline { color: #333333; border-color: rgba(0, 0, 0, 0.25); } html.theme-white .gpm-cta-dark .gpm-btn-outline:hover { background: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.45); color: #000000; } /* CTA inferior de vehiculo.php */ html.theme-white .gpm-cta-inferior { background: #ebebeb !important; border-top-color: rgba(0, 0, 0, 0.07) !important; } html.theme-white .gpm-cta-inferior p { color: #555555 !important; } /* ----------------------------------------------------------- Nosotros — secciones de contenido ----------------------------------------------------------- */ html.theme-white .gpm-nosotros-intro { background: #f2f2f2; } html.theme-white .gpm-nosotros-intro p { color: #555555; } html.theme-white .gpm-nosotros-intro strong { color: #111111 !important; } html.theme-white .gpm-valores-section { background: #eaeaea; } html.theme-white .gpm-valor-card { background: #ffffff; border-color: #e0e0e0; } html.theme-white .gpm-valor-card h5 { color: #111111; } html.theme-white .gpm-valor-card p { color: #555555; } /* ----------------------------------------------------------- Páginas interiores (financiación, tasación, contacto) Sección principal con clase gpm-pagina-contenido ----------------------------------------------------------- */ html.theme-white .gpm-pagina-contenido { background: #f2f2f2 !important; } /* Cards oscuras internas (background:#111 inline) */ html.theme-white .gpm-pagina-contenido [style*="background:#111"] { background: #ffffff !important; border-color: rgba(0, 0, 0, 0.10) !important; } /* Texto blanco inline dentro de la sección → pasa a oscuro */ html.theme-white .gpm-pagina-contenido [style*="color:#fff"] { color: #111111 !important; }