/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Contenedor centrado */
.colores-container {
  margin: 20px 0;
  text-align: center;
}

/* Swatches con efecto metálico/glow */
.colores-container .color-swatch {
  width: 40px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 8px;
  border: 2px solid #e3e3e3;
  /* Simula brillo metálico */
  background-image:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.6), transparent 60%),
    radial-gradient(circle at 70% 70%, rgba(0,0,0,0.2), transparent 50%);
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  transition: transform 0.15s, box-shadow 0.15s;
}
#vehicle-image {
    max-width: 100%;
    display:block;
    margin: 0 auto;
}

#color-name {
    font-size: 1.2em;
    margin-top: 10px;
    font-weight: bold;
}

/* Hover / activo con glow */
.colores-container .color-swatch:hover,
.colores-container .color-swatch.active {
  transform: scale(1.1);
  box-shadow: 0 0 8px rgba(255,255,255,0.8), 0 0 4px rgba(0,0,0,0.3);
}