/*
 Theme Name:   Vinilado Child
 Theme URI:    https://vinilado.es
 Description:  Tema hijo personalizado para Vinilado
 Author:       Vinilado
 Author URI:   https://vinilado.es
 Template:     Divi
 Version:      1.0.0
*/

/* === Vinilado.es – Sobre Nosotros === */

/* Scope sección */
#about-vinilado { 
  color: #e8eaf0; 
}
#about-vinilado .vw-sub { 
  color: #a9afbb; 
}

/* Foto principal */
#about-vinilado .vw-photo img {
  border-radius: 22px;
  box-shadow: 0 20px 60px rgba(0,0,0,.38);
}

/* Lista con bullets */
#about-vinilado .vw-list li { 
  display: flex; 
  gap: 10px; 
  margin: .25rem 0; 
}
#about-vinilado .vw-dot {
  width: 10px; 
  height: 10px; 
  margin-top: .55em; 
  border-radius: 50%;
  background: linear-gradient(180deg, #f0d65b, #c9ad1a);
  box-shadow: 0 6px 16px rgba(201,173,26,.35);
}

/* KPI cards */
#about-vinilado .vw-kpi {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 16px;
  text-align: center;
}
#about-vinilado .vw-kpi strong { 
  display: block; 
  font-weight: 900; 
  font-size: clamp(20px,3.2vw,28px); 
}
#about-vinilado .vw-kpi span { 
  color: #a9afbb; 
}

/* Pasos / Blurbs */
#about-vinilado .step-card {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 16px;
}
#about-vinilado .step-ico {
  width: 40px; 
  height: 40px; 
  border-radius: 10px; 
  display: grid; 
  place-items: center; 
  margin-bottom: 8px;
  background: linear-gradient(180deg, #f0d65b, #c9ad1a);
  box-shadow: 0 6px 18px rgba(201,173,26,.35);
}
#about-vinilado .et_pb_blurb_container h4 { 
  margin: .2rem 0 .2rem; 
  font-weight: 900; 
}
#about-vinilado .et_pb_blurb_container p { 
  color: #a9afbb; 
}

/* Logos partners */
#about-vinilado .vw-logo img {
  width: 100%; 
  max-width: 120px; 
  margin: auto; 
  opacity: .9;
  filter: grayscale(100%) contrast(1.1);
}
#about-vinilado .vw-logo img:hover { 
  opacity: 1; 
  filter: none; 
}

/* Testimonios */
#about-vinilado .vw-quote {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 16px;
}
#about-vinilado .vw-quote p { 
  margin: 0 0 8px; 
  line-height: 1.6; 
}
#about-vinilado .vw-quote span { 
  color: #a9afbb; 
  font-size: 14px; 
}

/* Botones gold / ghost */
#about-vinilado .btn-oro .et_pb_button {
  background: linear-gradient(180deg, #f0d65b, #c9ad1a) !important;
  color: #0b0c0f !important;
  border-radius: 999px; 
  font-weight: 800; 
  letter-spacing: .2px;
  box-shadow: 0 10px 28px rgba(201,173,26,.35);
  padding: 12px 18px !important; 
  border: none !important;
}
#about-vinilado .btn-oro .et_pb_button:hover {
  filter: saturate(1.05); 
  transform: translateY(-1px);
}

#about-vinilado .btn-ghost .et_pb_button {
  background: transparent !important; 
  color: #e8eaf0 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 999px; 
  font-weight: 800; 
  letter-spacing: .2px;
  padding: 12px 18px !important;
}
#about-vinilado .btn-ghost .et_pb_button:hover {
  border-color: rgba(255,255,255,.26) !important; 
  transform: translateY(-1px);
}

/* Responsivo logos */
@media (max-width: 980px) {
  #about-vinilado .vw-logos .et_pb_column { 
    width: 33.33% !important; 
  }
}
@media (max-width: 640px) {
  #about-vinilado .vw-logos .et_pb_column { 
    width: 50% !important; 
  }
}

/* === Comunidad Vinilado === */
.vinilado-community {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.vinilado-community .logo-text {
  font-size: 24px;
  font-weight: 700;
  color: #2c3e50;
}
.vinilado-community .logo-text span {
  color: #e74c3c;
}

/* === BuddyPress === */
.buddypress.groups .group-card {
  margin-bottom: 30px;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}
.buddypress .group-header {
  padding: 20px;
  background: #2c3e50;
  color: white;
}
.buddypress .group-details {
  padding: 20px;
}