/* CSV45.8 — consolidación de volumen, brillo óptico y destello dorado protegido */
:root{
  --csv458-gold:#d7ad55;
  --csv458-gold-deep:#8b5b14;
  --csv458-shadow:0 12px 22px rgba(1,34,59,.23),inset 0 2px 2px rgba(255,255,255,.92),inset 0 -7px 13px rgba(0,30,55,.17);
}

/* Mantiene las proporciones aprobadas de CSV45.6 y mejora únicamente el acabado óptico. */
.csv-object__icon,
.csv-contact-brand__icon,
.csv45-shrine-card__icon{
  isolation:isolate!important;
  transform:translateZ(0);
  box-shadow:var(--csv458-shadow)!important;
}

/* Reflejo superior común: visible también sobre iconos blancos y el botón compartir. */
.csv-object__icon:before,
.csv-contact-brand__icon:before,
.csv45-shrine-card__icon:before{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  left:8%!important;
  right:8%!important;
  top:5%!important;
  height:40%!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.46) 42%,rgba(255,255,255,0) 100%)!important;
  opacity:.84!important;
  pointer-events:none!important;
  mix-blend-mode:screen;
}

/* Halo inferior fino para separar iconos claros del fondo. */
.csv-object__icon{filter:drop-shadow(0 7px 8px rgba(2,36,63,.13))}
.csv-object--route .csv-object__icon,
.csv-contact-brand[data-csv-share] .csv-contact-brand__icon{
  background:linear-gradient(145deg,#ffffff 0%,#eaf4fa 48%,#bfdced 100%)!important;
  box-shadow:0 13px 24px rgba(1,40,68,.22),inset 0 3px 3px #fff,inset 0 -8px 14px rgba(22,92,133,.14)!important;
}
.csv-contact-brand[data-csv-share] .csv-contact-brand__icon svg,
.csv-object--route .csv-object__icon:after{
  filter:drop-shadow(0 5px 5px rgba(0,45,76,.24))!important;
}

/* Píldoras y controles: borde de luz y profundidad uniforme, sin cambiar geometría. */
.btn,
.hero-station-nav a,
.repsol-pill,
.station-tab,
.csv45-share-action,
.csv45-share-close{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.btn:before,
.hero-station-nav a:before,
.repsol-pill:before,
.station-tab:before,
.csv45-share-action:before,
.csv45-share-close:before{
  content:"";
  position:absolute;
  z-index:0;
  left:7%;right:7%;top:4%;height:42%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(255,255,255,0));
  pointer-events:none;
}
.btn > *,
.hero-station-nav a > *,
.repsol-pill > *,
.station-tab > *,
.csv45-share-action > *,
.csv45-share-close > *{position:relative;z-index:1}

/* Destello dorado recuperado en la placa de identidad y elementos premium. */
.csv-brand-plaque,
.csv-logo-stage,
.csv45-shrine-card,
.payment.csv-brand-payment{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
}
.csv-brand-plaque:after,
.csv-logo-stage:after,
.csv45-shrine-card:after,
.payment.csv-brand-payment:after{
  content:"";
  position:absolute;
  z-index:5;
  top:-42%;
  left:-48%;
  width:25%;
  height:184%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,247,211,.18),rgba(255,218,126,.74),rgba(255,251,231,.92),rgba(215,173,85,.48),transparent);
  filter:blur(.2px) drop-shadow(0 0 10px rgba(215,173,85,.42));
  opacity:0;
  pointer-events:none;
  animation:csv458GoldenSweep 8.5s cubic-bezier(.2,.7,.2,1) infinite;
}
.csv-logo-stage:after{animation-delay:1.1s}
.csv45-shrine-card:after{animation-delay:2.2s}
.payment.csv-brand-payment:after{animation-delay:3.1s}

/* Línea dorada estática, discreta y siempre perceptible en la placa principal. */
.csv-brand-plaque:before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  inset:1px 12% auto!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(215,173,85,.42),#ffe8a9,rgba(215,173,85,.42),transparent)!important;
  box-shadow:0 1px 8px rgba(215,173,85,.42)!important;
  pointer-events:none!important;
}

/* Respuesta táctil coherente. */
@media (hover:hover){
  .csv-object:hover .csv-object__icon,
  .csv-contact-brand:hover .csv-contact-brand__icon,
  .social a:hover .csv-social-logo{
    transform:translateY(-2px) scale(1.025);
    filter:drop-shadow(0 10px 10px rgba(2,36,63,.19));
  }
}
.csv-object:active .csv-object__icon,
.csv-contact-brand:active .csv-contact-brand__icon{transform:translateY(1px) scale(.985)}

@keyframes csv458GoldenSweep{
  0%,62%{left:-48%;opacity:0}
  66%{opacity:.18}
  74%{opacity:.92}
  83%{left:132%;opacity:.12}
  100%{left:132%;opacity:0}
}

@media (prefers-reduced-motion:reduce){
  .csv-brand-plaque:after,.csv-logo-stage:after,.csv45-shrine-card:after,.payment.csv-brand-payment:after{animation:none!important;display:none!important}
  .csv-object__icon,.csv-contact-brand__icon{transition:none!important}
}