/* ============================================================
   PARADAS · TARJETA COMPACTA ESPECÍFICA
   ============================================================ */

.cf-week-stop-card{
  position:relative;
  width:100%;
  min-height:48px;
  border-radius:14px;
  overflow:visible;
  padding:8px 12px;
  background:
    linear-gradient(180deg, rgba(17,39,68,.96), rgba(11,26,48,.98)),
    linear-gradient(90deg, rgba(76,166,255,.24), rgba(76,166,255,.12));
  border:1px solid rgba(105,190,255,.64);
  box-shadow:
    0 8px 18px rgba(0,0,0,.24),
    0 0 0 1px rgba(74,168,255,.12),
    0 0 18px rgba(63,156,255,.14),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* sin hover en paradas */
.cf-week-stop-card:hover{
  transform:none !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.24),
    0 0 0 1px rgba(74,168,255,.12),
    0 0 18px rgba(63,156,255,.14),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.cf-week-card-clickarea-stop{
  cursor:default !important;
}

.cf-week-item.is-stop-item .cf-week-card-visual{
  border-radius:14px;
}

.cf-week-item.is-stop-item .cf-week-floating-chip-hour{
  top:-10px;
  left:10px;
}

.cf-week-item.is-stop-item .cf-week-floating-chip-field{
  bottom:-10px;
  max-width:68%;
  background:rgba(30,79,138,.96);
  border:1px solid rgba(111,192,255,.48);
  color:#eef7ff;
}

.cf-week-stop-main{
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:left;
  padding:2px 58px 2px 0;
}

.cf-week-stop-icon{
  width:24px;
  height:24px;
  object-fit:contain;
  flex:0 0 auto;
  display:block;
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.28));
}

.cf-week-stop-texts{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:2px;
}

.cf-week-stop-title{
  font-size:.82rem;
  line-height:1;
  font-weight:900;
  color:#eef7ff;
  letter-spacing:.01em;
}

.cf-week-stop-description{
  font-size:.74rem;
  line-height:1.1;
  font-weight:700;
  color:rgba(214,232,248,.88);
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}

.cf-week-stop-delete-chip{
  position:absolute;
  right:10px;
  bottom:-10px;
  z-index:30;

  min-height:22px;
  height:22px;
  min-width:68px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,132,132,.55);
  background:linear-gradient(180deg, rgba(131,33,33,.96), rgba(93,18,18,.98));
  color:#fff3f3;
  font-size:11px;
  font-weight:900;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  appearance:none;
  -webkit-appearance:none;
  outline:none;
  box-shadow:
    0 2px 8px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.06);

  transition:
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease,
    opacity .18s ease;
}

.cf-week-stop-delete-chip:hover{
  transform:translateY(-1px);
  box-shadow:
    0 6px 14px rgba(0,0,0,.24),
    0 0 0 1px rgba(255,120,120,.12),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.cf-week-stop-delete-chip:focus-visible{
  box-shadow:
    0 0 0 2px rgba(255,255,255,.10),
    0 0 0 4px rgba(255,120,120,.20);
}

.cf-week-item.is-stop-item .cf-week-floating-chip-kms.is-stop-locked{
  top:-10px;
  right:10px;
  min-width:56px;
  height:22px;
  min-height:22px;
  padding:0 10px;
  cursor:default;
  pointer-events:none;
}

.cf-week-item.is-stop-item .cf-week-option-badge,
.cf-week-item.is-stop-item .cf-week-side-badges{
  display:none !important;
}

@media (max-width: 900px){
  .cf-week-stop-card{
    min-height:46px;
    padding:8px 10px;
  }

  .cf-week-stop-main{
    gap:8px;
    padding-right:54px;
  }

  .cf-week-stop-icon{
    width:22px;
    height:22px;
  }

  .cf-week-stop-title{
    font-size:.78rem;
  }

  .cf-week-stop-description{
    font-size:.70rem;
  }

  .cf-week-stop-delete-chip{
    min-width:62px;
    height:21px;
    min-height:21px;
    font-size:10px;
    right:8px;
    bottom:-9px;
  }
}

@media (max-width: 520px){
  .cf-week-stop-main{
    padding-right:50px;
  }

  .cf-week-stop-icon{
    width:20px;
    height:20px;
  }

  .cf-week-stop-title{
    font-size:.75rem;
  }

  .cf-week-stop-description{
    font-size:.68rem;
  }

  .cf-week-item.is-stop-item .cf-week-floating-chip-kms.is-stop-locked{
    min-width:48px;
    height:20px;
    min-height:20px;
    font-size:10px;
    right:8px;
  }

  .cf-week-stop-delete-chip{
    min-width:56px;
    height:20px;
    min-height:20px;
    padding:0 8px;
    font-size:10px;
  }
}