/* Versión clara: mismo diseño, fondo blanco. Se carga después de estilo.css. */
:root{
  --negro:#FBFAF8;        /* fondo general */
  --carbon:#FFFFFF;       /* tarjetas y bloques */
  --linea:#E4DFD6;
  --dorado:#A9762A;       /* dorado más oscuro, legible sobre blanco */
  --dorado-alto:#8C5F1F;
  --texto:#15161A;
  --suave:#6B6862;
}
body{background:var(--negro);color:var(--texto)}
.bajada{color:#55524c}
.btn-oro{background:var(--dorado);color:#fff}
.btn-oro:hover{background:var(--dorado-alto)}
.btn-ghost{border-color:#d7d1c6;color:var(--texto);background:#fff}
.btn-ghost:hover{border-color:var(--dorado);color:var(--dorado)}

/* Barra clara con sombra en vez de borde */
.nav{background:rgba(255,255,255,.72)}
.nav.solid{background:rgba(255,255,255,.97);box-shadow:0 1px 0 var(--linea)}
.links a{color:#6B6862}
.links a:hover,.links a.activo{color:#15161A}
.burger{color:#15161A}
.menu{background:rgba(255,255,255,.98)}
.logo-img{filter:invert(1) brightness(.12)}   /* el logo pasa a negro */

/* Tarjetas con sombra suave */
.auto,.tarjeta,.panel{box-shadow:0 8px 24px rgba(20,18,14,.06)}
.auto:hover{box-shadow:0 14px 34px rgba(20,18,14,.12)}
.auto .chip{background:rgba(21,22,26,.88);color:#F0D096}
.galeria img,.mapa{box-shadow:0 8px 24px rgba(20,18,14,.06)}
.mapa iframe{filter:none}

footer{background:#F3F0EA;color:#6B6862;border-top-color:var(--linea)}

/* Portada: el showroom 3D es claro, así que el velo aclara en vez de oscurecer */
.velo{background:linear-gradient(90deg,rgba(251,250,248,.92) 0%,rgba(251,250,248,.55) 32%,rgba(251,250,248,0) 58%,rgba(251,250,248,.25) 100%)}
@media (max-width:900px){
  .velo{background:linear-gradient(180deg,rgba(251,250,248,.35) 0%,rgba(251,250,248,0) 34%,rgba(251,250,248,.92) 82%)}
}
.solido{background:var(--negro)}
#carga{background:#FBFAF8}
#carga .marca{color:#15161A}
.buscador{background:#fff;box-shadow:0 14px 34px rgba(20,18,14,.1)}
.buscador select{background:#FBFAF8;color:var(--texto)}
.control button{border-color:#d7d1c6;color:var(--texto)}
.puntos i{background:rgba(21,22,26,.2)}
.rotulo b{color:var(--dorado)}


/* — Portada de la versión clara: texto + foto grande — */
.hero{min-height:auto;padding:clamp(6.5rem,12vw,9rem) 0 clamp(2.5rem,6vw,4rem)}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.hero .wrap>*{max-width:none}
.hero-texto>*{max-width:34ch}
.hero-foto{border-radius:20px;overflow:hidden;border:1px solid var(--linea);background:#fff;
  box-shadow:0 22px 50px rgba(20,18,14,.14);cursor:grab;touch-action:pan-y}
.hero-foto.agarrando{cursor:grabbing}
.hero-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:opacity .35s ease}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-foto{order:-1}
  .hero-texto>*{max-width:none}
}
@media (max-width:480px){
  .hero{padding:5.2rem 0 2rem}
  .hero-foto img{aspect-ratio:3/2}
}