/* TV PLAY V1.31 — sección "Cómo funciona".
   Más claridad, cuatro pasos reales y un camino directo a la demo.
   Solo afecta .section-journey; portada, video y precios se mantienen. */
.section-journey {
  padding-top: 89px;
  padding-bottom: 91px;
  background:
    radial-gradient(ellipse 65% 70% at 8% 8%, rgba(18,87,147,.10), transparent 75%),
    radial-gradient(ellipse 54% 60% at 96% 96%, rgba(15,73,122,.10), transparent 79%),
    #091323;
  border-top: 1px solid #1b2e49;
  border-bottom: 1px solid #223a59;
}
.section-journey .journey-heading {
  grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr);
  column-gap: 38px;
  align-items: center;
  margin-bottom: 38px;
}
.section-journey .journey-heading-copy .section-label {
  margin-bottom: 18px;
  letter-spacing: 2.3px;
}
.section-journey .journey-heading h2 {
  font-size: clamp(40px, 4.2vw, 61px);
  line-height: 1.09;
  letter-spacing: -.056em;
  font-weight: 830;
}
.section-journey .journey-heading-copy > p {
  max-width: 690px;
  margin-top: 21px;
  color: #b5c5d9;
  font-size: 15px;
  line-height: 1.76;
}
.section-journey .journey-heading-note {
  display: flex;
  align-items: center;
  max-width: 330px;
  min-height: 108px;
  gap: 13px;
  margin-left: auto;
  padding: 18px 18px;
  background: linear-gradient(135deg,rgba(17,44,74,.72),rgba(12,30,52,.65));
  border: 1px solid #2b4b6b;
  border-radius: 15px;
  box-shadow: 0 15px 28px rgba(0,0,0,.09);
}
.section-journey .journey-note-symbol {
  display: grid;
  place-items: center;
  flex: 0 0 43px;
  width: 43px;
  height: 43px;
  border-radius: 12px;
  background: #113f65;
  color: #84e2f3;
}
.section-journey .journey-note-symbol svg {width:25px;height:25px;display:block;}
.section-journey .journey-heading-note strong {
  font-size: 14px;
  font-weight: 770;
  line-height: 1.45;
}
.section-journey .journey-heading-note p {
  margin-top: 5px;
  color: #adc2d7;
  font-size: 12px;
  line-height: 1.55;
}
.section-journey .journey-cards {
  gap: 16px;
  align-items: stretch;
}
.section-journey .journey-card {
  min-height: 286px;
  padding: 25px 23px 23px;
  border-radius: 19px;
  border: 1px solid #2b4564;
  background: linear-gradient(146deg,#111e32 0%,#0d182b 100%);
  box-shadow: 0 11px 22px rgba(0,0,0,.08);
}
.section-journey .journey-card::before {
  z-index: -1;
  top: auto;
  bottom: -78px;
  right: -92px;
  width: 210px;
  height: 210px;
  border: 1px solid rgba(88,159,221,.085);
  transform: none;
  pointer-events: none;
}
.section-journey .journey-card::after {
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,rgba(57,134,226,.9),rgba(58,225,234,.65));
  opacity:.55;
}
.section-journey .journey-card-trial {
  border-color: #3b7cb4;
  background: linear-gradient(145deg,#12365e,#102b4a 72%,#102540);
  box-shadow: 0 10px 33px rgba(24,91,177,.11);
}
.section-journey .journey-card-trial::after {opacity:1;}
.section-journey .journey-card:hover {
  border-color:#5386b4;
  transform:translateY(-3px);
  box-shadow: 0 17px 38px rgba(1,6,19,.19);
}
.section-journey .journey-card-top {
  align-items: center;
  margin-bottom: 23px;
}
.section-journey .journey-card-number {
  font-size: 16px;
  font-weight: 820;
  line-height: 1;
  margin-top: 0;
  color:#5fe1f1;
  letter-spacing: 1.7px;
}
.section-journey .journey-card-symbol {
  width: 49px;
  height: 49px;
  border-radius: 14px;
  background:rgba(20,78,121,.52);
  border:1px solid rgba(100,189,235,.24);
  color:#91e6ef;
}
.section-journey .journey-card-symbol svg {
  display:block;
  width:27px;
  height:27px;
}
.section-journey .journey-symbol-guide {color:#8ce9e2;background:#14434e;}
.section-journey .journey-symbol-trial {background:linear-gradient(135deg,#297be5,#3456dc);border-color:#438cea;color:#fff;}
.section-journey .journey-symbol-plan {color:#8ce9d8;background:#154449;}
.section-journey .journey-card h3 {
  margin-bottom: 12px;
  color: #f5f9ff;
  font-size: clamp(19px,1.65vw,21px);
  font-weight: 790;
  line-height: 1.24;
  letter-spacing: -.025em;
}
.section-journey .journey-card p {
  color: #b1c2db;
  font-size: 14px;
  line-height: 1.65;
}
.section-journey .journey-card-bottom {padding-top:22px;}
.section-journey .journey-card-tag {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:15px;
  min-height:39px;
  padding:10px 12px;
  border:1px solid #376a98;
  border-radius:9px;
  background:rgba(22,69,108,.47);
  color:#c8ebfb;
  font:inherit;
  font-size:12px;
  font-weight:760;
  line-height:1.2;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  transition:background .15s,border-color .15s,transform .15s;
}
.section-journey .journey-card-tag:hover {
  transform:translateY(-1px);
  background:rgba(34,101,148,.6);
  border-color:#60bbde;
}
.section-journey .journey-card-tag:focus-visible {outline:3px solid #5fe2ee;outline-offset:3px;}
.section-journey .journey-card-action-primary {
  color:#fff;
  border-color:#3e7ff3;
  background:linear-gradient(105deg,#2577f8,#394df0);
  box-shadow:0 9px 23px rgba(22,81,199,.24);
}
.section-journey .journey-card-action-primary:hover {
  background:linear-gradient(105deg,#3487ff,#495bfa);
  border-color:#73b7ff;
}
.section-journey .journey-actions {
  align-items:center;
  gap:22px;
  margin-top:22px;
  padding:23px 28px;
  border-color:#2a4e75;
  border-radius:16px;
  background:linear-gradient(110deg,#122b4b,#0d1c32);
}
.section-journey .journey-actions-copy strong {
  color:#f2f9ff;
  font-size:20px;
  line-height:1.34;
}
.section-journey .journey-actions-copy p {
  max-width:590px;
  color:#b4c9df;
  font-size:13px;
  line-height:1.65;
  margin-top:7px;
}
.section-journey .journey-action-buttons {gap:11px;}
.section-journey .journey-action-buttons .button {
  min-height:51px;
  padding:14px 18px;
  font-size:14px;
  font-weight:750;
  gap:14px;
}
@media (max-width:1150px){
  .section-journey .journey-heading {grid-template-columns:1.2fr .8fr;}
  .section-journey .journey-cards {grid-template-columns:repeat(2,minmax(0,1fr));}
  .section-journey .journey-card {min-height:250px;}
}
@media (max-width:860px){
  .section-journey .journey-heading {grid-template-columns:1fr;}
  .section-journey .journey-heading-note {max-width:440px;margin-left:0;}
  .section-journey .journey-actions {align-items:flex-start;}
}
@media (max-width:600px){
  .section-journey {padding-top:67px;padding-bottom:69px;}
  .section-journey .journey-heading {gap:23px;margin-bottom:27px;}
  .section-journey .journey-heading-copy .section-label {margin-bottom:13px;}
  .section-journey .journey-heading h2 {font-size:clamp(34px,9.4vw,43px);line-height:1.11;}
  .section-journey .journey-heading-copy > p {font-size:14px;line-height:1.65;margin-top:15px;}
  .section-journey .journey-heading-note {min-height:0;padding:15px 16px;gap:11px;}
  .section-journey .journey-note-symbol {width:39px;height:39px;flex-basis:39px;}
  .section-journey .journey-cards {grid-template-columns:1fr;gap:12px;}
  .section-journey .journey-card {min-height:0;padding:20px 21px 20px;}
  .section-journey .journey-card-top {margin-bottom:16px;}
  .section-journey .journey-card-number {font-size:14px;}
  .section-journey .journey-card-symbol {width:43px;height:43px;border-radius:12px;}
  .section-journey .journey-card-symbol svg {width:25px;height:25px;}
  .section-journey .journey-card h3 {font-size:21px;margin-bottom:10px;}
  .section-journey .journey-card p {font-size:14px;line-height:1.6;}
  .section-journey .journey-card-bottom {padding-top:17px;}
  .section-journey .journey-card-tag {font-size:12px;min-height:41px;}
  .section-journey .journey-actions {padding:21px 19px;gap:17px;margin-top:17px;}
  .section-journey .journey-actions-copy strong {font-size:19px;}
  .section-journey .journey-actions-copy p {font-size:13px;}
  .section-journey .journey-action-buttons {width:100%;gap:10px;}
  .section-journey .journey-action-buttons .button {width:100%;min-height:52px;font-size:14px;justify-content:center;}
}
@media (prefers-reduced-motion:reduce) {
  .section-journey .journey-card {transition:none;}
  .section-journey .journey-card:hover {transform:none;}
  .section-journey .journey-card-tag {transition:none;}
  .section-journey .journey-card-tag:hover {transform:none;}
}