.match-welcome{max-width:850px}.match-welcome h1{margin-bottom:18px}.match-description{max-width:630px;margin:0 auto 34px;color:#e0e2e4;font-size:clamp(15px,2vw,18px);line-height:1.6}.match-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:620px;margin:auto}.match-choice{min-height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#fff;text-decoration:none;background:#101214b8;border:1px solid #ffffff7a;border-radius:12px;font-size:16px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.match-choice:hover,.match-choice:focus-visible{background:#ffffff26;border-color:#fff;transform:translateY(-2px)}.match-choice svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}@media(max-width:440px){.match-choices{gap:10px}.match-choice{min-height:125px;font-size:13px;padding:12px}.match-description{font-size:14px}}
/* V38: jerarquía tipográfica de bienvenida */
.match-title{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.15;text-align:center}
.match-title .match-intro{font-size:.64em;font-weight:400;letter-spacing:-.02em;color:#e4e6e8}
.match-title strong{font-weight:800;color:#fff;letter-spacing:-.035em}
.match-description span{display:block}
.match-description span+span{margin-top:13px}

/* V40: dos opciones equivalentes, sin selección previa */
.match-choice{background:rgba(16,18,20,.53);border-color:rgba(255,255,255,.38);backdrop-filter:blur(9px)}
.match-choice:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* V43: subtítulo compacto y bloque de bienvenida centrado ligeramente más arriba */
.match-description{max-width:710px;margin:0 auto 25px;line-height:1.5}
.match-welcome h1{margin-bottom:17px}
.match-welcome{transform:translateY(-clamp(12px,3.5vh,35px))}
.match-choice svg{width:35px;height:35px}
@media(max-width:600px){.match-welcome{transform:translateY(-14px)}.match-description{max-width:350px;margin-bottom:22px;line-height:1.45}.match-choice svg{width:32px;height:32px}}

/* V44: destello blanco perimetral suave, sin alterar el contraste minimalista */
.match-choice{box-shadow:0 0 0 1px rgba(255,255,255,.11),0 0 19px 1px rgba(255,255,255,.14),inset 0 1px 14px rgba(255,255,255,.055);transition:background .22s,border-color .22s,transform .22s,box-shadow .22s}
.match-choice:hover,.match-choice:focus-visible{box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 26px 3px rgba(255,255,255,.24),inset 0 1px 16px rgba(255,255,255,.09)}

/* V47: resplandor más presente en la portada */
.match-choice{border-color:rgba(255,255,255,.52);box-shadow:0 0 0 1px rgba(255,255,255,.19),0 0 25px 3px rgba(255,255,255,.23),inset 0 1px 18px rgba(255,255,255,.085)}
.match-choice:hover,.match-choice:focus-visible{box-shadow:0 0 0 1px rgba(255,255,255,.4),0 0 33px 5px rgba(255,255,255,.33),inset 0 1px 20px rgba(255,255,255,.12)}

/* V49: elevar el bloque completo de portada solo en pantallas pequeñas. */
@media(max-width:600px){.match-welcome{transform:translateY(-clamp(42px,7vh,65px))}}

/* V50: translate independiente de la animación fade (que controla transform). */
@media(max-width:600px){.match-welcome{transform:none;translate:0 -clamp(48px,8svh,76px)}}

/* V62: +10% de intensidad de resplandor de las dos tarjetas principales. */
.match-choice{box-shadow:0 0 0 1px rgba(255,255,255,.19),0 0 25px 3px rgba(255,255,255,.253),inset 0 1px 18px rgba(255,255,255,.094)}
.match-choice:hover,.match-choice:focus-visible{box-shadow:0 0 0 1px rgba(255,255,255,.4),0 0 33px 5px rgba(255,255,255,.363),inset 0 1px 20px rgba(255,255,255,.132)}

/* V65: subir únicamente el título, sin desplazar subtítulo ni tarjetas. */
.match-welcome .match-title{translate:0 -18px}
@media(max-width:600px){.match-welcome .match-title{translate:0 -15px}}

/* V85: subir solo el título de bienvenida; conservar descripción y botones. */
.match-welcome .match-title{position:relative;margin-bottom:18px}
.match-welcome .match-title .match-intro{position:relative;top:-22px}
.match-welcome .match-title strong{position:relative;top:-22px}
@media(max-width:600px){.match-welcome .match-title .match-intro,.match-welcome .match-title strong{top:-15px}}

/* V86: subir exclusivamente subtitulo y botones; mantener el titulo fijo. */
body:has(.match-welcome) .match-welcome .match-description,
body:has(.match-welcome) .match-welcome .match-choices {
  position:relative;
  top:-44px;
}
@media (max-width:700px){
 body:has(.match-welcome) .match-welcome .match-description,
 body:has(.match-welcome) .match-welcome .match-choices {top:-24px;}
}

/* V92 — animación piloto del logotipo original adjunto, ciclo de 3 segundos */
.match-welcome .match-logo-title{top:0!important;translate:0 0!important;display:flex;justify-content:center;align-items:center;margin:0 auto 30px!important;line-height:1;overflow:visible;text-shadow:none}
.jdc-match-logo{display:flex;align-items:center;justify-content:center;gap:0;width:fit-content;max-width:100%;height:auto;white-space:nowrap}
.jdc-match-logo img{display:block;height:auto;max-width:none;flex-shrink:0}
.jdc-match-logo .jdc-logo-part{width:clamp(132px,33.6vw,334px)}
.jdc-match-logo .jdc-heart-part{width:clamp(35px,8.8vw,88px);margin-left:clamp(8px,2.1vw,21px)}
.jdc-tail-reveal{display:block;overflow:hidden;width:0;flex-shrink:0;animation:jdc-logo-expand 3s ease-in-out infinite}
.jdc-tail-reveal img{width:clamp(94px,23.5vw,234px);max-width:none}
@keyframes jdc-logo-expand{0%,10%{width:0;opacity:0}35%,66%{width:clamp(94px,23.5vw,234px);opacity:1}90%,100%{width:0;opacity:0}}
@media(max-width:600px){.match-welcome .match-logo-title{margin-bottom:25px!important}.jdc-match-logo .jdc-logo-part{width:38vw}.jdc-match-logo .jdc-heart-part{width:10vw;margin-left:2.4vw}.jdc-tail-reveal img{width:26.6vw}@keyframes jdc-logo-expand{0%,10%{width:0;opacity:0}35%,66%{width:26.6vw;opacity:1}90%,100%{width:0;opacity:0}}}
@media(prefers-reduced-motion:reduce){.jdc-tail-reveal{animation:none;width:clamp(94px,23.5vw,234px);opacity:1}}

/* V93 — logo piloto dentro del área superior indicada, sin invadir subtítulo. */
.match-welcome .match-logo-title{position:relative!important;top:-66px!important;translate:0 0!important;margin-bottom:30px!important;min-height:56px!important;}
.jdc-match-logo .jdc-logo-part{width:clamp(115px,15vw,190px)!important}
.jdc-match-logo .jdc-heart-part{width:clamp(31px,3.9vw,50px)!important;margin-left:clamp(6px,1vw,12px)!important}
.jdc-tail-reveal img{width:clamp(81px,10.5vw,133px)!important}
.jdc-tail-reveal{animation:jdc-logo-expand-v93 5s ease-in-out infinite!important}
@keyframes jdc-logo-expand-v93{0%,10%{width:0;opacity:0}35%,66%{width:clamp(81px,10.5vw,133px);opacity:1}90%,100%{width:0;opacity:0}}
@media(max-width:600px){.match-welcome .match-logo-title{top:-32px!important;min-height:40px!important;margin-bottom:22px!important}.jdc-match-logo .jdc-logo-part{width:35vw!important}.jdc-match-logo .jdc-heart-part{width:9.2vw!important;margin-left:2vw!important}.jdc-tail-reveal img{width:24.5vw!important}@keyframes jdc-logo-expand-v93{0%,10%{width:0;opacity:0}35%,66%{width:24.5vw;opacity:1}90%,100%{width:0;opacity:0}}}
@media(prefers-reduced-motion:reduce){.jdc-tail-reveal{animation:none!important;width:clamp(81px,10.5vw,133px)!important;opacity:1!important}}