/* TV PLAY V1.14 — una sola sección: beneficios + funcionamiento
   Diseño propio, sin elementos promocionales de terceros. */
.section-journey{
  position:relative;
  padding:88px 0 92px;
  background:
    radial-gradient(ellipse 66% 48% at 3% 15%,rgba(24,88,163,.11),transparent 80%),
    radial-gradient(ellipse 60% 38% at 98% 88%,rgba(23,91,125,.08),transparent 82%),
    #091121;
  border-top:1px solid #172a44;
  border-bottom:1px solid #233653;
}
.section-journey .container{position:relative}
.journey-anchor{position:absolute;top:0;scroll-margin-top:125px}
.section-journey{scroll-margin-top:102px}
.journey-heading{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(0,.65fr);
  align-items:end;
  column-gap:60px;
  row-gap:25px;
  margin-bottom:33px;
}
.journey-heading-copy .section-label{display:inline-block;margin-bottom:17px}
.journey-heading h2{
  margin:0;
  font-size:clamp(37px,4.25vw,60px);
  font-weight:840;
  letter-spacing:-.055em;
  line-height:1.095;
  color:#f6fbff;
}
.journey-heading-copy p{
  color:#b7c6db;
  font-size:15px;
  line-height:1.85;
  max-width:740px;
  margin:20px 0 0;
}
.journey-heading-note{
  max-width:370px;
  display:flex;
  gap:15px;
  align-items:flex-start;
  border-left:2px solid #3a789b;
  padding:9px 0 8px 20px;
  margin-left:auto;
}
.journey-note-symbol{
  flex-shrink:0;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid rgba(97,207,244,.3);
  border-radius:11px;
  background:#103553;
  color:#6cddf0;
  font-size:21px;
}
.journey-heading-note strong{
  display:block;color:#eff8ff;font-size:14px;line-height:1.48;letter-spacing:-.01em
}
.journey-heading-note p{
  font-size:12px;line-height:1.7;color:#9db3cd;margin:7px 0 0
}
.journey-cards{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:0;
  margin:0;
  counter-reset:journey;
}
.journey-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:26px 24px 22px;
  min-height:291px;
  border-radius:18px;
  border:1px solid #273d5c;
  background:linear-gradient(147deg,#101e35 0%,#0d192d 75%);
  isolation:isolate;
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.journey-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-74px;
  top:-68px;
  width:195px;
  height:195px;
  border:24px solid rgba(72,167,229,.07);
  border-radius:50%;
  transform:rotate(-20deg);
}
.journey-card:hover{
  border-color:#3d7199;
  transform:translateY(-2px);
  box-shadow:0 16px 35px rgba(0,0,0,.16);
}
.journey-card-trial{
  border-color:#3c729a;
  background:linear-gradient(147deg,#112b49 0%,#0d2440 67%,#10203a 100%);
}
.journey-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:24px}
.journey-card-number{
  font-variant-numeric:tabular-nums;
  font-size:13px;
  line-height:1;
  font-weight:850;
  letter-spacing:1.2px;
  color:#60d9e9;
  margin-top:9px;
}
.journey-card-symbol{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  border:1px solid rgba(94,185,245,.18);
  color:#83e1f0;
  font-size:24px;
  background:rgba(24,68,105,.48);
}
.journey-symbol-guide{color:#72d7e9;background:#15364c}
.journey-symbol-trial{color:#fff;background:#2264a7;border-color:#347bb7;font-size:19px}
.journey-symbol-plan{color:#86e5d2;background:#144b55}
.journey-card h3{
  margin:0 0 12px;
  color:#f6fbff;
  font-size:clamp(18px,1.65vw,21px);
  line-height:1.21;
  font-weight:790;
  letter-spacing:-.028em;
}
.journey-card p{
  margin:0;
  color:#acbed7;
  font-size:13px;
  line-height:1.78;
  overflow-wrap:break-word;
}
.journey-card-bottom{margin-top:auto;padding-top:23px}
.journey-card-tag{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  font-size:10px;
  font-weight:760;
  letter-spacing:.25px;
  padding:6px 10px;
  color:#88c8e8;
  background:rgba(17,66,99,.34);
  border:1px solid rgba(64,136,178,.32);
  border-radius:7px;
}
.journey-card-trial .journey-card-tag{color:#a7ebf3;border-color:rgba(85,193,233,.42)}
.journey-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:21px;
  padding:23px 28px;
  border:1px solid #2a4163;
  border-radius:16px;
  background:linear-gradient(110deg,rgba(14,36,66,.9),rgba(13,27,47,.96));
}
.journey-actions-copy strong{
  display:block;
  font-size:18px;
  color:#f3faff;
  font-weight:790;
  line-height:1.4;
}
.journey-actions-copy p{
  color:#a9bed8;
  font-size:12px;
  line-height:1.75;
  margin:5px 0 0;
  max-width:570px;
}
.journey-action-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
.journey-action-buttons .button{
  white-space:nowrap;
  min-height:47px;
  font-size:12px;
  font-weight:750;
  padding:12px 17px;
  cursor:pointer;
}
.journey-action-buttons .button:focus-visible{outline:3px solid #66dfec;outline-offset:3px}
@media(max-width:1150px){
  .journey-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-card{min-height:236px}
  .journey-heading{grid-template-columns:1.25fr .75fr;column-gap:30px}
  .journey-card h3{font-size:21px}
}
@media(max-width:860px){
  .journey-heading{grid-template-columns:1fr}
  .journey-heading-note{max-width:none;margin-left:0}
  .journey-actions{align-items:flex-start;flex-direction:column}
  .journey-action-buttons{justify-content:flex-start;width:100%}
}
@media(max-width:600px){
  .section-journey{padding:64px 0 65px}
  .journey-heading{gap:22px;margin-bottom:24px}
  .journey-heading-copy .section-label{margin-bottom:12px}
  .journey-heading h2{font-size:clamp(36px,9vw,43px);line-height:1.12}
  .journey-heading-copy p{font-size:13px;line-height:1.78;margin-top:15px}
  .journey-heading-note{padding-left:14px;gap:12px}
  .journey-heading-note strong{font-size:13px}
  .journey-heading-note p{font-size:11px}
  .journey-cards{grid-template-columns:1fr;gap:10px}
  .journey-card{padding:20px 20px 19px;min-height:0}
  .journey-card-top{margin-bottom:16px}
  .journey-card-number{font-size:12px}
  .journey-card-symbol{width:42px;height:42px;border-radius:12px;font-size:21px}
  .journey-symbol-trial{font-size:17px}
  .journey-card h3{font-size:20px;margin-bottom:8px}
  .journey-card p{font-size:12px;line-height:1.75}
  .journey-card-bottom{padding-top:15px}
  .journey-actions{padding:21px 18px;gap:18px;margin-top:15px}
  .journey-actions-copy strong{font-size:16px}
  .journey-action-buttons{flex-direction:column;align-items:stretch}
  .journey-action-buttons .button{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.journey-card{transition:none}.journey-card:hover{transform:none}}