/* CSV48.8 · Altas Repsol · CTA de energía igualado al naranja de bombonas
   Fuente única de verdad para ambas píldoras. La estructura, luz, relieve,
   borde y sombra son idénticos; únicamente cambia la familia cromática. */
#altas-repsol .csv-signup-link{
  --signup-top:#ffb13b;
  --signup-mid:#f57a08;
  --signup-bottom:#c94b00;
  --signup-edge:#963900;
  --signup-glow:rgba(225,91,0,.30);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:210px;
  min-height:52px;
  padding:13px 20px;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:999px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:900;
  letter-spacing:.01em;
  line-height:1.18;
  background:
    linear-gradient(180deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.10) 29%,rgba(255,255,255,0) 47%),
    radial-gradient(125% 115% at 50% -12%,var(--signup-top) 0%,var(--signup-mid) 49%,var(--signup-bottom) 100%)!important;
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.90),
    inset 0 -5px 9px rgba(77,24,0,.27),
    inset 0 0 0 2px rgba(255,255,255,.13),
    0 2px 0 var(--signup-edge),
    0 9px 16px rgba(6,23,43,.19),
    0 15px 30px var(--signup-glow)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.38)!important;
  transform:translateY(0) translateZ(0);
  filter:none!important;
  transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,filter .16s ease!important;
  -webkit-tap-highlight-color:transparent;
}

#altas-repsol .csv-signup-card--energy .csv-signup-link{
  /* CSV48.8: el CTA de energía usa exactamente el mismo naranja del CTA de bombonas. */
  --signup-top:#ffb13b;
  --signup-mid:#f57a08;
  --signup-bottom:#c94b00;
  --signup-edge:#963900;
  --signup-glow:rgba(225,91,0,.30);
  background:
    linear-gradient(180deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.10) 29%,rgba(255,255,255,0) 47%),
    radial-gradient(125% 115% at 50% -12%,var(--signup-top) 0%,var(--signup-mid) 49%,var(--signup-bottom) 100%)!important;
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.90),
    inset 0 -5px 9px rgba(77,24,0,.27),
    inset 0 0 0 2px rgba(255,255,255,.13),
    0 2px 0 var(--signup-edge),
    0 9px 16px rgba(6,23,43,.19),
    0 15px 30px var(--signup-glow)!important;
}

#altas-repsol .csv-signup-link::after{
  content:"↗"!important;
  position:relative;
  z-index:2;
  flex:0 0 auto;
  font-size:1.12em;
  line-height:1;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  transform:translateY(-1px)!important;
  opacity:1!important;
  background:none!important;
  width:auto!important;
  height:auto!important;
  inset:auto!important;
}

@media (hover:hover){
  #altas-repsol .csv-signup-card:hover .csv-signup-link,
  #altas-repsol .csv-signup-card:focus-visible .csv-signup-link{
    transform:translateY(-2px) scale(1.012)!important;
    filter:saturate(1.07) brightness(1.045)!important;
    box-shadow:
      inset 0 2px 1px rgba(255,255,255,.95),
      inset 0 -5px 9px rgba(0,22,69,.23),
      inset 0 0 0 2px rgba(255,255,255,.17),
      0 3px 0 var(--signup-edge),
      0 12px 20px rgba(6,23,43,.22),
      0 19px 38px var(--signup-glow)!important;
  }
}

#altas-repsol .csv-signup-card:active .csv-signup-link{
  transform:translateY(2px) scale(.988)!important;
  filter:brightness(.96) saturate(1.03)!important;
  box-shadow:
    inset 0 4px 10px rgba(0,0,0,.24),
    inset 0 -1px 2px rgba(255,255,255,.48),
    0 1px 0 var(--signup-edge),
    0 4px 8px rgba(6,23,43,.18)!important;
}

@media(max-width:560px){
  #altas-repsol .csv-signup-link{
    width:100%;
    min-width:0;
    min-height:52px;
    padding:13px 18px;
  }
}

@media(prefers-reduced-motion:reduce){
  #altas-repsol .csv-signup-link{transition:none!important}
}