/* Juego responsable: estilos compartidos y variantes de las tres páginas.
   La cabecera conserva cab.css y estilos.css.
   :where() mantiene la especificidad de las reglas originales. */

:where(body.jr-inicio,body.jr-recomendaciones) .site-main,
:where(body.jr-inicio,body.jr-recomendaciones) .site-main * { box-sizing:border-box; }

:where(body.jr-registro) .site-main,
:where(body.jr-registro) .site-main * { box-sizing:border-box; }

:where(body.jr-inicio,body.jr-registro) .site-main { color:#808080;font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif; }

:where(body.jr-recomendaciones) .site-main { color:#202020;font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .contenido { max-width:785px;margin:0 auto;padding:11px 10px 36px; }

:where(body.jr-inicio) .site-main h1 { margin:0 22px 12px;color:#808080;font-size:29px;line-height:1.2;font-weight:600;letter-spacing:.1px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main h1 { margin:0 22px 12px;color:#808080;font-size:29px;line-height:1.2;font-weight:600;letter-spacing:.1px; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main h1 span { color:#c90015; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .separador { position:relative;height:2px;background:#ff5966;margin:0 0 19px; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .separador:after { content:"";position:absolute;right:-6px;top:-1px;width:4px;height:4px;border-radius:50%;background:#d00017;box-shadow:8px 0 #d00017; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .introduccion { margin:0 22px;font-size:13.7px;line-height:17px;letter-spacing:.08px; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .tarjetas { display:grid;grid-template-columns:repeat(2,308px);justify-content:space-between;gap:38px 30px;margin:36px 49px 0 41px; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .tarjeta { --color:#cc001c;--borde:#f8d5dd;--fondo:#fff4f6;--onda:#fbdee4;--circulo:#fcdee5;position:relative;display:grid;grid-template-columns:83px 1fr 26px;align-items:center;gap:10px;min-height:147px;padding:18px 12px 18px 14px;border:1px solid var(--borde);border-radius:15px;background:linear-gradient(115deg,#fff8,var(--fondo));box-shadow:0 2px 0 #fff,0 3px 1px #0003,0 8px 10px #00000008;color:var(--color);text-decoration:none;overflow:hidden; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .tarjeta:before { content:"";position:absolute;inset:auto 0 0;height:35px;background:var(--onda);clip-path:polygon(44% 100%,100% 0,100% 100%); }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .icono { width:74px;height:75px;display:grid;place-items:center;border-radius:50%;background:var(--circulo);position:relative; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .icono svg { width:61px;height:61px;display:block; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .texto { position:relative;border-left:1px solid var(--color);padding-left:11px;margin-left:-10px; }

:where(body.jr-inicio) .texto h2 { margin:-4px 0 7px;font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;font-stretch:condensed;font-size:18px;font-weight:800;line-height:20px;letter-spacing:-.7px; }

:where(body.jr-inicio) .texto p { margin:0;color:#454b54;font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;font-size:14px;line-height:16px;letter-spacing:-.35px; }

:where(body.jr-recomendaciones,body.jr-registro) .texto h2 { margin:-4px 0 7px;font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;font-stretch:condensed;font-size:18px;font-weight:800;line-height:23px;letter-spacing:-.7px; }

:where(body.jr-recomendaciones,body.jr-registro) .texto p { margin:0;color:#454b54;font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;font-size:14px;line-height:16px;letter-spacing:-.35px; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .flecha { position:relative;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--color);color:white; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .flecha svg { width:11px;height:16px; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .familiar { --color:#b65b00;--borde:#f5e3c9;--fondo:#fdf7ed;--onda:#fae9cd;--circulo:#fae9d0; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .responsable { --color:#005bbd;--borde:#c9e4fc;--fondo:#edf8ff;--onda:#cce7fc;--circulo:#d0e9fc; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .orientacion { --color:#227704;--borde:#d7ecdd;--fondo:#f2fbf3;--onda:#d0efd8;--circulo:#d6f1dc; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .tarjeta:focus-visible { outline:3px solid var(--color);outline-offset:5px; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .tarjeta:hover { box-shadow:0 2px 0 #fff,0 3px 1px #0003,0 9px 14px #00000012; }

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .contenido { padding:18px 18px 32px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main h1 { margin:0 0 14px;font-size:26px; }
}

@media(max-width:700px) {
:where(body.jr-inicio) .introduccion { margin:0;font-size:14px;line-height:1.45;color:#808080; }
}

@media(max-width:700px) {
:where(body.jr-recomendaciones,body.jr-registro) .introduccion { margin:0;font-size:14px;line-height:1.45; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .tarjetas { grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0 0; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .tarjeta { grid-template-columns:64px 1fr 23px;gap:7px;padding:16px 10px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .icono { width:60px;height:64px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .icono svg { width:53px;height:53px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .texto { margin-left:-4px;padding-left:8px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .texto h2 { font-size:18px;line-height:21px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .texto p { font-size:13px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .flecha { width:23px;height:23px; }
}

@media(max-width:540px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .tarjetas { grid-template-columns:minmax(0,308px);justify-content:center;gap:25px; }
}

@media(max-width:540px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .tarjeta { grid-template-columns:83px 1fr 26px;padding:18px 12px 18px 14px;gap:10px; }
}

@media(max-width:540px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .icono { width:74px;height:75px; }
}

@media(max-width:540px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .icono svg { width:61px;height:61px; }
}

@media(max-width:540px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .texto { margin-left:-10px;padding-left:11px; }
}

@media(max-width:540px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .texto h2 { font-size:18px;line-height:23px; }
}

@media(max-width:540px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .texto p { font-size:14px; }
}

@media(max-width:540px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .flecha { width:26px;height:26px; }
}

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-layout { display:grid;grid-template-columns:208px minmax(0,1fr);gap:20px;padding:24px 18px 30px; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .side-navigation { font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;display:flex;flex-direction:column;gap:6px;align-self:start; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .side-navigation a { display:flex;align-items:center;min-height:36px;padding:9px 19px;border:1px solid #d8e0e5;color:#333333;background:white;font-size:12px;line-height:17px;text-decoration:none;transition:background .15s,border-color .15s; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .side-navigation a:hover,
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .side-navigation a:focus-visible,
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .side-navigation a[aria-current="page"] { background:linear-gradient(#fff,#ececec);border-color:#929da4;color:#333333; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .side-navigation a:focus-visible { outline:2px solid #43566a;outline-offset:2px; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main { min-width:0; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main>.page,
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main>.contenido { width:100%;margin:0 auto; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main>.page:not(.tips-page) { padding:0 12px 25px; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main>.contenido { padding-top:0; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main>.tips-page { padding-top:0; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .skip-link { position:absolute;left:15px;top:-80px;padding:10px;background:#fff;color:#123;z-index:30; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .skip-link:focus { top:8px; }

@media(max-width:900px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-layout { grid-template-columns:185px minmax(0,1fr);gap:12px;padding:22px 12px; }
}

@media(max-width:900px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .side-navigation a { padding:9px 12px; }
}

@media(max-width:900px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .tarjetas { grid-template-columns:minmax(0,308px);justify-content:center;margin:28px 10px 0; }
}

@media(max-width:900px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .inner { margin-left:0;margin-right:0; }
}

@media(max-width:900px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .areas { grid-template-columns:1fr; }
}

@media(max-width:900px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .signup { flex-wrap:wrap; }
}

@media(max-width:900px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .types { grid-template-columns:1fr; }
}

@media(max-width:900px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .cta { margin:0 auto; }
}

@media(max-width:900px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .requirements { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:900px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .intro { margin-left:0;margin-right:0; }
}

@media(max-width:900px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main h1 { margin-left:0;margin-right:0; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-layout { grid-template-columns:minmax(0,1fr);padding:18px 14px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .side-navigation { display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .side-navigation a { padding:10px;font-size:12px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main>.page:not(.tips-page) { padding:0 0 20px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main>.tips-page { padding:0; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main>.contenido { padding-left:0;padding-right:0; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .introduccion { margin:0; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .tips { grid-template-columns:1fr; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .tip { display:grid;grid-template-columns:65px 1fr;column-gap:10px;text-align:left;min-height:0;padding:16px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .tip .badge { grid-row:1/3;margin:auto; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .tip h2 { font-size:18px;line-height:19px; }
}

@media(max-width:700px) {
:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main .tip p { font-size:13px;line-height:17px; }
}

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-shell .site-layout { display:grid; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .site-main h1 { font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif; }

:where(body.jr-inicio,body.jr-recomendaciones,body.jr-registro) .side-navigation a { box-sizing:border-box; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main * { box-sizing:border-box; }

:where(body.jr-recomendaciones) .site-main { margin:0;background:#fff;color:#182b4b;font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif; }

:where(body.jr-registro) .site-main { margin:0;background:#fff;color:#080808;font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .page { max-width:905px;margin:auto;padding:18px 44px 32px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main h1 { font-size:29px;line-height:1.2;margin:0 22px 14px;font-weight:700; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .rule { height:2px;background:#ff626c;position:relative;margin-right:20px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .rule:after { content:"•••";position:absolute;right:-29px;top:-9px;letter-spacing:3px;color:#d5001b;font-size:13px;background:white;padding-left:3px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .intro { font-size:13.6px;line-height:18px;color:#202020;margin:19px 22px 40px;text-align:justify; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .inner { margin:0 53px;max-width:665px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .panel { --tone:#c90022;--base:#fff1f4;--wave:#ffc8d2;--circle:#ffdee5;background:linear-gradient(120deg,#ffffff55,var(--base));border-radius:19px;position:relative;overflow:hidden; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .panel:after { content:"";position:absolute;bottom:0;right:0;width:72%;height:30px;background:var(--wave);clip-path:polygon(0 100%,100% 0,100% 100%);opacity:.8; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .panel>* { position:relative;z-index:1; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .yellow { --tone:#b75b00;--base:#fff7de;--wave:#ffe394;--circle:#fff0c7; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .blue { --tone:#005eaa;--base:#e5f3ff;--wave:#aedcf5;--circle:#d0eafd; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .green { --tone:#156b0e;--base:#edf9e8;--wave:#bfe4a8;--circle:#dcf3d2; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .purple { --tone:#7135a0;--base:#f1eafa;--wave:#ccb1eb;--circle:#eee1fa; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .badge { color:var(--tone);background:var(--circle);border-radius:50%;width:88px;height:88px;flex:none;display:grid;place-items:center; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .badge svg { width:67px;height:67px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main h2,
:where(body.jr-recomendaciones,body.jr-registro) .site-main h3,
:where(body.jr-recomendaciones,body.jr-registro) .site-main p { margin:0; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main h2 { font-size:18px;line-height:1.12;color:var(--tone); }

:where(body.jr-recomendaciones,body.jr-registro) .site-main p { font-size:14px;line-height:18px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main h3.section-title { font-size:18px;color:#35415c;margin:25px 4px 15px;line-height:1.3; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .section-title span { border-bottom:5px solid #c9002a;padding-bottom:4px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .row-panel { display:flex;align-items:center;padding:14px 24px;gap:24px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .row-panel .copy { border-left:1px solid var(--tone);padding-left:22px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .row-panel h2 { margin-bottom:7px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .row-panel p { font-size:16px;line-height:21px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .areas { display:grid;grid-template-columns:1fr 1fr;gap:10px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .areas .row-panel { padding:15px 16px;gap:16px;min-height:144px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .areas .copy { padding-left:17px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .areas h2 { font-size:18px;margin-bottom:9px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .areas p { font-size:14px;line-height:17px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .areas .badge { width:86px;height:86px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .signup { padding:9px 30px;gap:20px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .signup .badge { width:68px;height:68px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .signup .badge svg { width:58px;height:58px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .signup .copy { padding-left:20px;max-width:240px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .signup p { font-size:14px;line-height:18px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .cta { margin-left:auto;flex:none;color:white;background:linear-gradient(#f21c34,#ce001d);border:1px solid #fff;border-radius:22px;padding:10px 24px;font-size:19px;font-weight:bold;text-decoration:none;box-shadow:inset 0 1px 2px #ffffff99; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .cta b { font-size:31px;line-height:16px;margin-left:14px;font-weight:400;vertical-align:-2px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .types { display:grid;grid-template-columns:40% 1fr;gap:13px;margin:25px 3px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .type { padding:12px 16px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .type .top { display:flex;align-items:center;gap:8px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .type .badge { width:57px;height:57px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .type .badge svg { width:45px;height:45px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .type h2 { font-size:18px;color:#b90018;letter-spacing:-.6px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .validity { display:table;margin:5px auto 10px;text-align:center;background:var(--circle);border-radius:20px;padding:6px 10px;font-size:13px;line-height:16px;color:#164318; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .family .validity { margin:7px 0;color:#7d3500; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .type p { font-size:14px;line-height:17px;margin:0 12px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .family { padding:9px 15px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .family-details { display:grid;grid-template-columns:1fr 136px;gap:5px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .family-details p { margin:0;font-size:13px;line-height:17px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .family ul { padding:6px 8px 6px 24px;margin:0;border-left:1px solid #e9b963;background:#ffffffa6;border-radius:0 15px 15px 0;font-size:12px;line-height:20px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .family li::marker { color:#c27500; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .requirements { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:9px 15px;background:#e7f4ff;border-radius:18px;margin:0 9px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .requirement { background:#ffffffb8;border:1px solid #d2e8f9;border-radius:16px;text-align:center;min-height:109px;padding:7px;color:#061738;font-size:14px;line-height:17px;box-shadow:0 1px 2px #99b9d833; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .requirement svg { width:45px;height:38px;color:#0064bc;margin-bottom:5px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .requirement small { font-size:12px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .after { margin:19px 12px 0;padding:14px 22px;gap:19px;align-items:flex-start; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .after .badge { width:60px;height:60px;background:none; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .after .badge svg { width:60px;height:60px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .after .copy { padding-left:17px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .after h2 { font-size:18px;color:#c00016; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .after p { font-size:14px;line-height:18px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content { max-width:550px;padding:8px 23px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content h1 { font-size:19px;margin:0 14px 8px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .rule { height:1px;margin-right:20px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .intro { font-size:9px;line-height:11px;margin:12px 14px 17px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .inner { margin:0 22px;max-width:440px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tip { min-height:149px;padding:7px 15px 17px;text-align:center;border-radius:11px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tip .badge { width:51px;height:51px;margin:0 auto 7px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tip .badge svg { width:41px;height:41px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tip h2 { font-size:13px;line-height:13px;margin-bottom:8px;letter-spacing:-.5px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tip p { text-align:left;font-size:9px;line-height:11px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .panel:after { height:22px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .row-panel { padding:11px 23px;gap:12px;border-radius:15px;margin-top:17px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .badge { width:78px;height:78px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .badge svg { width:66px;height:66px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .copy { padding-left:14px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .row-panel h2 { font-size:18px;line-height:18px;margin-bottom:0; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .row-panel p { font-size:10px;line-height:12px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .alerts ul { font-size:10px;line-height:13px;padding-left:20px;margin:2px 0 0; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .alerts li::marker { color:#0064ac;font-size:14px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .definition { margin:12px 5px 0;padding:17px 31px;gap:10px;background:#fff7e4;min-height:98px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .definition .badge { width:63px;height:63px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .definition .badge svg { width:47px;height:47px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .definition .copy { padding-left:13px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .definition h2 { font-size:18px;margin-bottom:2px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .definition p { font-size:9px;line-height:11px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .definition:after,
:where(body.jr-recomendaciones,body.jr-registro) .site-main .help:after { display:none; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .help { margin:13px 5px 0;padding:10px 22px 11px;background:#eaf7ee;border-radius:17px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .help-heading { display:flex;gap:12px;align-items:center;margin-bottom:8px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .help-heading>svg { width:55px;height:32px;color:#136a0c;flex:none; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .help-heading .copy { border-left:1px solid #227b24;padding-left:11px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .help h2 { font-size:1spx;letter-spacing:-.35px;margin-bottom:3px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .help p { font-size:9px;line-height:11px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .help-actions { display:grid;grid-template-columns:1fr 1.05fr 1.12fr;gap:6px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .help-action { display:flex;align-items:center;gap:7px;background:#ffffffd9;border-radius:8px;padding:7px 10px;font-size:8px;line-height:10px;box-shadow:0 1px 2px #0000000c; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .help-action svg { width:24px;height:24px;color:#146b14;flex:none; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main a:focus-visible { outline:3px solid #125caa;outline-offset:4px; }

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .page:not(.tips-content) { padding:20px; }
}

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .page:not(.tips-content) .inner { margin:0 10px; }
}

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .page:not(.tips-content) .intro { margin:18px 0 28px; }
}

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .areas { grid-template-columns:1fr; }
}

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .signup { flex-wrap:wrap; }
}

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .cta { margin:0 auto; }
}

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .types { grid-template-columns:1fr; }
}

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .requirements { grid-template-columns:repeat(2,1fr); }
}

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main h1 { margin-left:0;font-size:26px; }
}

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .row-panel { padding:16px;gap:15px; }
}

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .row-panel .copy { padding-left:15px; }
}

@media(max-width:760px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .family-details { grid-template-columns:1fr 150px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content { padding:15px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .inner { margin:0; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .intro { font-size:12px;line-height:16px;margin:16px 0; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips { grid-template-columns:1fr;gap:12px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tip { min-height:0;display:grid;grid-template-columns:65px 1fr;column-gap:10px;text-align:left;padding:16px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tip .badge { grid-row:1/3;margin:auto; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tip h2 { font-size:17px;line-height:19px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tip p { font-size:13px;line-height:17px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .row-panel { padding:16px 12px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .row-panel p,
:where(body.jr-recomendaciones,body.jr-registro) .site-main .alerts ul { font-size:12px;line-height:16px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .badge { width:56px;height:56px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .badge svg { width:50px;height:50px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .definition { padding:16px 12px;margin:14px 0; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .definition p { font-size:12px;line-height:16px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .help { margin:14px 0;padding:15px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .help-actions { grid-template-columns:1fr; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .help-action { font-size:12px;line-height:16px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .help p { font-size:11px;line-height:15px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .help h2 { font-size:16px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .page:not(.tips-content) .inner { margin:0; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .row-panel .badge { width:62px;height:62px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .row-panel .badge svg { width:52px;height:52px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .row-panel p { font-size:14px;line-height:19px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .areas .badge { width:68px;height:68px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .requirements { margin:0;padding:9px;gap:8px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .after { margin:18px 0 0;padding:15px 10px;gap:9px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .after .copy { padding-left:10px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .after h2 { font-size:18px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .after .badge { width:40px;height:40px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .after .badge svg { width:40px;height:40px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .family-details { grid-template-columns:1fr; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .family ul { margin-top:10px; }
}

@media(max-width:480px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .cta { font-size:16px;padding:10px 18px; }
}

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content { width:100%;max-width:785px;margin:0 auto;padding:0 10px 36px;color:#202020;font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content h1 { margin:0 22px 12px;font-size:29px;line-height:1.2;font-weight:600;letter-spacing:.1px;color:#808080; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .rule { height:2px;margin:0 0 19px;background:#ff5966; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .rule:after { content:"";position:absolute;right:-6px;top:-1px;width:4px;height:4px;border-radius:50%;background:#d00017;box-shadow:8px 0 #d00017;padding:0; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .intro { margin:0 22px;font-size:13.7px;line-height:17px;letter-spacing:.08px;text-align:left;color:#808080; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .inner { max-width:none;margin:36px 41px 0; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content h2 { font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;font-size:18px;line-height:18px;font-weight:800;letter-spacing:-.7px;margin:0 0 7px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content p { font-size:14px;line-height:18px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .copy p,
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .tip p,
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .type p,
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .family-details p { font-family:"Droid Sans", Trebuchet MS, Arial, Helvetica, sans-serif;font-size:14px;line-height:18px;letter-spacing:-.15px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .section-title { font-size:19px;line-height:24px;margin:25px 4px 17px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .section-title:first-child { margin-top:0; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .badge { width:74px;height:75px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .badge svg { width:61px;height:61px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .tips { grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .tip { display:block;text-align:center;min-height:235px;padding:16px 15px 25px;border-radius:15px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .tip .badge { margin:0 auto 13px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .tip h2 { font-size:18px;line-height:18px;margin-bottom:10px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .tip p { text-align:left; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .row-panel { padding:18px 20px;gap:18px;border-radius:15px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .row-panel { margin-top:26px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .alerts ul { font-size:14px;line-height:20px;margin:7px 0 0;padding-left:20px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .definition { margin:24px 0 0;padding:21px 20px;min-height:125px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .help { margin:24px 0 0;padding:18px 20px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .help-heading { gap:15px;margin-bottom:15px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .help-heading>svg { width:58px;height:56px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .help h2 { font-size:18px;line-height:23px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .help p { font-size:14px;line-height:18px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .help-actions { gap:9px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .help-action { padding:12px 9px;gap:8px;font-size:13px;line-height:17px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .help-action svg { width:28px;height:28px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .areas .row-panel { padding:17px 15px;gap:15px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .areas .copy { padding-left:14px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .signup { padding:14px 20px;gap:15px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .signup .copy { padding-left:15px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .cta { font-size:18px;padding:11px 18px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .types { grid-template-columns:40% minmax(0,1fr);margin:25px 0;gap:14px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .type .badge { width:55px;height:55px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .type .badge svg { width:45px;height:45px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .type h2 { font-size:18px;line-height:22px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .validity { font-size:14px;line-height:18px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .family-details { grid-template-columns:minmax(0,1fr); }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .family ul { margin-top:10px;font-size:14px;line-height:21px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .requirements { margin:0;padding:12px;gap:10px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .requirement { font-size:14px;line-height:18px;padding:10px 6px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .requirement small { font-size:13px; }

:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .after { margin:24px 0 0; }

@media(max-width:1050px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .inner { margin-left:12px;margin-right:12px; }
}

@media(max-width:1050px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .tips { grid-template-columns:1fr; }
}

@media(max-width:1050px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .tip { min-height:0;display:grid;grid-template-columns:80px minmax(0,1fr);gap:0 18px;text-align:left; }
}

@media(max-width:1050px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .tip .badge { grid-row:1/3;margin:auto; }
}

@media(max-width:1050px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .areas,
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .types { grid-template-columns:1fr; }
}

@media(max-width:1050px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .signup { flex-wrap:wrap; }
}

@media(max-width:1050px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .cta { margin:0 auto; }
}

@media(max-width:1050px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .requirements { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:1050px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .tips-content .help-actions { grid-template-columns:1fr; }
}

@media(max-width:700px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content { padding:0 0 30px; }
}

@media(max-width:700px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content h1 { font-size:26px;margin:0 0 14px; }
}

@media(max-width:700px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .intro { margin:0;font-size:14px;line-height:1.45; }
}

@media(max-width:700px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .inner { margin:28px 0 0; }
}

@media(max-width:700px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .row-panel { padding:16px 12px;gap:12px; }
}

@media(max-width:700px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .row-panel .badge { width:58px;height:58px; }
}

@media(max-width:700px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .row-panel .badge svg { width:50px;height:50px; }
}

@media(max-width:700px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .row-panel .copy { padding-left:12px; }
}

@media(max-width:700px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .after .badge { width:40px;height:40px; }
}

@media(max-width:700px) {
:where(body.jr-recomendaciones,body.jr-registro) .site-main .detail-content .after .badge svg { width:40px;height:40px; }
}

/* Color trasladado desde los atributos style del HTML. */
:where(body.jr-registro) .jr-titulo-rojo { color:#c40018; }