/* TV PLAY V1.35 — íconos de los cuatro pasos.
   Iconografía SVG uniforme y semántica:
   1 TV + celular, 2 descarga al celular, 3 reproducción + reloj,
   4 plan seleccionado. Solo cambia los símbolos, no la estructura. */

.section-journey .journey-card-symbol {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #94e8ff;
  background: linear-gradient(145deg, #17486b, #10314d);
  border: 1px solid rgba(98, 190, 238, .42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 7px 19px rgba(3,16,37,.19);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.section-journey .journey-card-symbol .journey-icon-svg {
  display: block;
  width: 29px;
  height: 29px;
  overflow: visible;
  stroke-linejoin: round;
  shape-rendering: geometricPrecision;
}
.section-journey .journey-symbol-device {
  color: #91dfff;
  background: linear-gradient(140deg,#174e79,#103453);
  border-color: #2d779e;
}
.section-journey .journey-symbol-guide {
  color: #8cf9e8;
  background: linear-gradient(140deg,#145758,#103842);
  border-color: #277a80;
}
.section-journey .journey-symbol-trial {
  color: #fff;
  background: linear-gradient(145deg,#318dfe,#3451e0);
  border-color: #6fb5ff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 8px 19px rgba(36,99,233,.32);
}
.section-journey .journey-symbol-plan {
  color: #92efdc;
  background: linear-gradient(145deg,#165f5c,#123f49);
  border-color: #2a817d;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .section-journey .journey-card:hover .journey-card-symbol {
    transform: translateY(-2px);
    border-color: rgba(134,218,250,.67);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 12px 24px rgba(2,15,34,.25);
  }
  .section-journey .journey-card-trial:hover .journey-card-symbol {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 13px 25px rgba(34,100,245,.4);
  }
}
@media (max-width:600px){
  .section-journey .journey-card-symbol {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 12px;
  }
  .section-journey .journey-card-symbol .journey-icon-svg {
    width: 26px;
    height: 26px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .section-journey .journey-card-symbol {transition:none;}
}