/* ADEJE_PROGRESS_CARD_V1: solo afecta a la tarjeta nueva. */
body.route-participa .adeje-progress-card {
  width:100%; box-sizing:border-box; margin:0; padding:14px 18px;
  color:#f5f8ff; background:#102139; border:1px solid #bc884a;
  border-radius:14px; box-shadow:0 4px 18px rgba(0,0,0,.16);
  font:inherit; display:grid; gap:9px;
}
body.route-participa .adeje-progress-top,body.route-participa .adeje-progress-meta,
body.route-participa .adeje-progress-next {display:flex; align-items:center; gap:12px; flex-wrap:wrap}
body.route-participa .adeje-progress-top strong{font-size:16px}
body.route-participa .adeje-progress-votes{margin-left:auto;border:1px solid #f69a28;border-radius:999px;padding:5px 10px;color:#ffc47d;font-size:12px;font-weight:700}
body.route-participa .adeje-progress-sample{font-size:10px;letter-spacing:.025em;color:#ffe2a2}
body.route-participa .adeje-progress-meta{font-size:13px;justify-content:space-between}
body.route-participa .adeje-progress-track{height:9px;border-radius:999px;background:#2b4158;overflow:hidden}
body.route-participa .adeje-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#e67a14,#ffac3b);border-radius:inherit;transition:width .35s ease}
body.route-participa .adeje-progress-next{font-size:12px;gap:9px}
body.route-participa .adeje-progress-steps{display:flex;gap:4px}
body.route-participa .adeje-progress-step{display:block;width:21px;height:9px;background:#36506a;border-radius:3px}
body.route-participa .adeje-progress-step.done{background:#f69a28}
body.route-participa .adeje-progress-hint{color:#c5d3e2;margin-left:auto}
@media(max-width:550px){
 body.route-participa .adeje-progress-card{padding:12px;gap:8px;border-radius:11px}
 body.route-participa .adeje-progress-votes{margin-left:0}
 body.route-participa .adeje-progress-hint{margin-left:0;flex-basis:100%}
}

/* ADEJE_PROGRESS_MOBILE_COMPACT_V2 */
@media(max-width:600px){

 body.route-participa .adeje-progress-card{
  padding:9px 11px;
  gap:6px;
  border-radius:12px;
 }

 body.route-participa .adeje-progress-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  align-items:center;
  gap:3px 6px;
 }

 body.route-participa .adeje-progress-top strong{
  font-size:14px;
  line-height:1.2;
 }

 body.route-participa .adeje-progress-votes{
  grid-column:2;
  grid-row:1;
  margin:0;
  padding:4px 7px;
  font-size:10px;
  white-space:nowrap;
 }

 body.route-participa .adeje-progress-sample{
  grid-column:1/-1;
  grid-row:2;
  font-size:9px;
  line-height:1.15;
 }

 body.route-participa .adeje-progress-meta{
  font-size:12px;
  gap:3px;
  line-height:1.25;
 }

 body.route-participa .adeje-progress-track{
  height:7px;
 }

 body.route-participa .adeje-progress-next{
  font-size:11px;
  gap:5px 8px;
  line-height:1.25;
 }

 body.route-participa .adeje-progress-step{
  width:17px;
  height:7px;
 }

 body.route-participa .adeje-progress-hint{
  margin:0;
  flex-basis:100%;
  font-size:11px;
  line-height:1.2;
 }
}

/* ADEJE_VOTO_BOTON_BRILLANTE_V1 — limitado a la tarjeta de progreso. */
@keyframes adeje-vote-glow-v1 {
  0%,100% {box-shadow:0 0 0 0 rgba(255,173,67,.08),0 0 8px rgba(255,173,67,.15)}
  50% {box-shadow:0 0 0 3px rgba(255,173,67,.22),0 0 19px rgba(255,173,67,.50)}
}
body.route-participa .adeje-progress-votes.has-votes {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  color:#fff0c8;
  border-color:#ffb655;
  background:rgba(235,133,22,.16);
  animation:adeje-vote-glow-v1 2.8s ease-in-out infinite;
}
body.route-participa button.adeje-progress-votes.has-votes {
  appearance:none;
  font-family:inherit;
  font-weight:700;
  line-height:inherit;
  cursor:pointer;
}
body.route-participa button.adeje-progress-votes.has-votes:hover {
  background:rgba(255,166,49,.28);
}
body.route-participa button.adeje-progress-votes.has-votes:focus-visible {
  outline:2px solid #fff3cc;
  outline-offset:3px;
}
body.route-participa .adeje-vote-arrow {font-size:1.2em;line-height:1}
body.route-participa .adeje-vote-arrival {
  outline:2px solid #ffa62e;
  outline-offset:5px;
  border-radius:10px;
}
@media (max-width:600px) {
  body.route-participa button.adeje-progress-votes.has-votes {padding:4px 7px}
}
@media (prefers-reduced-motion:reduce) {
  body.route-participa .adeje-progress-votes.has-votes {animation:none;box-shadow:0 0 0 1px rgba(255,173,67,.35)}
}
