/* Portadas públicas y visor vertical de los tutoriales de registro. */
.home_coordina_wrap:has(.home_registro_video) { width:94%; margin:3em auto; padding:2.5em 0 0; border-radius:1.8em; background:#fff6fa; }
.home_coordina_wrap:has(.home_registro_video) .home_coordina_contenido { width:92%; column-gap:5%; }
.home_coordina_wrap:has(.home_registro_video) .home_coordina_cta { box-sizing:border-box; width:100%; max-width:100%; margin:2em 0 0; padding:1.6em 4%; border-radius:0 0 1.8em 1.8em; box-shadow:none; grid-template-columns:7% 1fr 42%; column-gap:3%; row-gap:1em; }
.home_coordina_wrap:has(.home_registro_video) .home_coordina_cta_icono img { width:100%; height:4em; object-fit:contain; }
.home_coordina_wrap:has(.home_registro_video) .home_coordina_cta_separador { display:none; }
.home_coordina_wrap:has(.home_registro_video) .home_coordina_cta_texto { font-size:1em; line-height:1.5; text-align:left; }
.home_coordina_wrap:has(.home_registro_video) .home_coordina_cta_boton_wrap { width:100%; min-width:0; }
.home_coordina_wrap:has(.home_registro_video) .home_coordina_cta_boton { box-sizing:border-box; width:100%; min-width:0; padding:1em 6%; font-size:1.25em; line-height:1.35; text-align:center; cursor:pointer; border:.12em solid #fff; box-shadow:0 .3em .7em #8b174b40; }
.home_coordina_wrap:has(.home_registro_video) .home_coordina_cta_boton:hover { background:#fff0f7; transform:translateY(-.12em); box-shadow:0 .45em .9em #8b174b50; }
.home_coordina_wrap:has(.home_registro_video) .home_coordina_cta_boton:focus-visible { outline:.2em solid #071c50; outline-offset:.2em; }
.home_coordina_wrap:has(.home_registro_video) .home_coordina_cta_boton_enlace_movil { font-size:inherit; }
.home_coordina_wrap:has(.home_registro_video) .home_coordina_cta_mini { font-size:1.15em; line-height:1.4; }
.home_coordina_col_der:has(.home_registro_video)::before { content:none; }
.home_registro_video { width:100%; box-sizing:border-box; text-align:left; position:relative; font-size:1rem; }
.home_registro_video h3, .home_artistas .home_registro_video h3 { font-size:1.75em; line-height:1.2; color:#10133f; margin:0 0 .5em; }
.home_artistas .home_registro_video h3::after { content:none; }
.home_registro_video p, .home_artistas .home_registro_video p { font-size:1em; line-height:1.5; margin:0 0 1em; color:#10133f; }
.home_registro_video .home_registro_portada { width:100%; aspect-ratio:16/10; border:0; border-radius:1.5em; padding:1.5em 5%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1em; cursor:pointer; color:#fff; box-shadow:0 .8em 2em #17113f20; background-position:center; background-size:cover; }
.home_registro_jammanager { background-image:linear-gradient(#17113f65,#17113fc9),url('/imagenes/hero_card_phone_placeholder.svg'); }
.home_registro_jamster { background-image:linear-gradient(#17113f45,#17113fa8),url('/imagenes/que_es_arriba.png'); }
.home_registro_portada .home_registro_play { display:grid; place-items:center; width:20%; aspect-ratio:1; border-radius:50%; background:#ed0878; font-size:2em; padding-left:1%; box-sizing:border-box; }
.home_registro_portada .home_registro_ver { font-size:1.15em; font-weight:700; text-shadow:0 .1em .3em #000; }
.home_registro_video small { display:block; font-size:.8em; margin-top:.8em; color:#54536c; }
.home_registro_portada:hover { filter:brightness(1.08); }
.home_registro_portada:focus-visible, .home_registro_cerrar:focus-visible { outline:.2em solid #ffad36; outline-offset:.2em; }
.home_registro_dialogo { font-size:1rem; position:fixed; inset:0; margin:auto; width:90%; max-width:42em; max-height:44em; padding:1em 2%; box-sizing:border-box; border:0; border-radius:1em; background:#111127; color:#fff; overflow:auto; }
.home_registro_dialogo::backdrop { background:#08081bd9; }
.home_registro_dialogo h2 { font-size:1.25em; line-height:1.3; margin:.6em 0; color:#fff; clear:both; }
.home_registro_dialogo video { display:block; width:100%; height:34em; object-fit:contain; background:#000; }
.home_registro_cerrar { display:block; margin:0 0 0 auto; background:#ed0878; color:#fff; border:0; border-radius:2em; padding:.55em 5%; font-size:1em; cursor:pointer; }
#home_registro_dialogo .home_registro_cerrar { color:#fff !important; }
@media(max-width:48em) {
 .home_coordina_wrap:has(.home_registro_video) { padding-top:1.5em; }
 .home_coordina_wrap:has(.home_registro_video) .home_coordina_cta { display:flex; flex-direction:column; padding:1.5em 5%; font-size:1rem; }
 .home_coordina_wrap:has(.home_registro_video) .home_coordina_cta_icono { display:none; }
 .home_coordina_wrap:has(.home_registro_video) .home_coordina_cta_texto { text-align:center; }
 .home_coordina_col_der:has(.home_registro_video) { margin-top:1.5em; }
 .home_registro_video h3, .home_artistas .home_registro_video h3 { font-size:1.5em; }
 .home_registro_dialogo { width:96%; padding:.8em 3%; }
}