/* eq-diseno-global: copia de los style de php/{niveles,materia,leccion,temario,blog}orden.php, anclada por ruta. La genera disenoglobal.php; no editar a mano. */
/* == eq-niveles-orden (nivelesorden.php) == */
html.eq-rt-nivel #root main{ background:#F4F6FA !important; padding-top:40px !important; }html.eq-rt-nivel #root main > div:first-child{
        border-image:linear-gradient(#021a53, #021a53) fill 0 / 0 / 40px 100vw 0 100vw;
        padding-bottom:54px !important;
        
        opacity:1 !important; transform:none !important;
      }html.eq-rt-nivel #root main > div:first-child a, html.eq-rt-nivel #root main > div:first-child a:hover{ color:#D7E0F0 !important; }html.eq-rt-nivel #root main > div:first-child div.mt-6 > span:first-child{
        background:rgba(255,255,255,.10) !important; color:#cfac65 !important;
      }html.eq-rt-nivel #root main > div:first-child div.mt-6 > div > p.rounded-full{
        background:transparent !important; color:#cfac65 !important;
        box-shadow:inset 0 0 0 1px rgba(207,172,101,.55) !important;
      }html.eq-rt-nivel #root main > div:first-child div.mt-6 > div > h1{
        color:#FFFFFF !important; font-size:44px !important; line-height:1.05 !important; letter-spacing:-.02em;
      }html.eq-rt-nivel #root main > div:first-child div.mt-6 > div > p.max-w-2xl{ color:#DCE4F2 !important; }
      @media (max-width:639px){html.eq-rt-nivel #root main > div:first-child div.mt-6 > div > h1{ font-size:32px !important; }
      }html.eq-rt-portada #root main > section:first-child{
        border-image:linear-gradient(#021a53, #021a53) fill 0 / 0 / 0 100vw;
      }html.eq-rt-portada #root main > section:first-child > div:first-child > p:first-child{
        background:transparent !important; color:#cfac65 !important;
        box-shadow:inset 0 0 0 1px rgba(207,172,101,.55) !important;
      }html.eq-rt-portada #root main > section:first-child > div:first-child > h1{ color:#FFFFFF !important; }html.eq-rt-portada #root main > section:first-child > div:first-child > p:not(:first-child){ color:#DCE4F2 !important; }html.eq-rt-portada #root main > section:first-child #empezar > a{
        background:#cfac65 !important; color:#021a53 !important; box-shadow:none !important;
      }html.eq-rt-portada #root main > section:first-child #empezar > a:hover{ background:#dcc07f !important; color:#021a53 !important; }html.eq-rt-portada #root main > section:first-child #empezar > span{ color:#D7E0F0 !important; }html.eq-rt-niveles #root #niveles{ padding-top:0 !important; border-top-width:0 !important; }html.eq-rt-niveles #root #niveles > div > div:first-child{
        border-image:linear-gradient(#021a53, #021a53) fill 0 / 0 / 0 100vw;
        padding:36px 0 30px !important;   
        opacity:1 !important; transform:none !important;   
      }
      @media (min-width:640px){html.eq-rt-niveles #root #niveles > div > div:first-child{ padding:48px 0 32px !important; }   
      }html.eq-rt-niveles #root #niveles > div > div:first-child > p:first-child{ color:#cfac65 !important; }html.eq-rt-niveles #root #niveles > div > div:first-child > h2{ color:#FFFFFF !important; }html.eq-rt-niveles #root #niveles > div > div:first-child > p:not(:first-child){ color:#DCE4F2 !important; }html.eq-rt-nivel #eq-temario-del-grado.eq-grado{ color:#475569 !important; }html.eq-rt-nivel #eq-temario-del-grado.eq-grado h2{ color:#021a53 !important; }html.eq-rt-nivel #eq-temario-del-grado.eq-grado .tar{
        background:#FFFFFF !important; border:1px solid #E3E8F1 !important; border-radius:14px !important;
        box-shadow:0 1px 2px rgba(2,26,83,.05) !important;
      }html.eq-rt-nivel #eq-temario-del-grado.eq-grado .tar h3 a{ color:#021a53 !important; font-weight:650 !important; }html.eq-rt-nivel #eq-temario-del-grado.eq-grado .tar h3 a:hover{ color:#164687 !important; }html.eq-rt-nivel #eq-temario-del-grado.eq-grado .tar p{ color:#475569 !important; }html.eq-rt-nivel #eq-temario-del-grado.eq-grado details summary{ color:#164687 !important; }html.eq-rt-nivel #eq-temario-del-grado.eq-grado details a{ color:#164687 !important; }:is(html.eq-rt-portada, html.eq-rt-niveles, html.eq-rt-nivel) #eq-pie{ color:#64748B !important; }:is(html.eq-rt-portada, html.eq-rt-niveles, html.eq-rt-nivel) #eq-pie a{ color:#164687 !important; }:is(html.eq-rt-portada, html.eq-rt-niveles, html.eq-rt-nivel) #root h1 span.relative.inline-block > span.absolute{ display:none !important; }html.eq-rt-portada #root main > section:first-child > div:nth-child(2) div.absolute{ background:transparent !important; box-shadow:inset 0 0 0 2px #cfac65 !important; }html.eq-rt-portada #root main > section:first-child > div:nth-child(2) img{ box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 18px 40px rgba(0,0,0,.28) !important; }html.eq-rt-portada #root main > section:first-child > div:nth-child(2) div.bg-white{ border-color:#E2E8F0 !important; border-top:3px solid #cfac65 !important; }html.eq-rt-portada #root main > section:first-child > div:nth-child(2) div.bg-white p{ color:#021a53 !important; }html.eq-rt-portada #root main > section:first-child > div:nth-child(2) div.bg-white p span{ color:#475569 !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles{ background:#F4F6FA !important; border-color:#E2E8F0 !important; counter-reset:eqgrupo; }html.eq-rt-portada #root #niveles > div > div:first-child > p:first-child{ color:#8a6a14 !important; letter-spacing:.2em !important; }html.eq-rt-portada #root #niveles > div > div:first-child > h2{ color:#021a53 !important; }html.eq-rt-portada #root #niveles > div > div:first-child > p.max-w-2xl{ color:#475569 !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.rounded-2xl.p-6{
        background:#FFFFFF !important; border:1px solid #E2E8F0 !important; border-top:4px solid #cfac65 !important;
        border-radius:14px !important; box-shadow:0 1px 2px rgba(2,26,83,.05), 0 8px 24px rgba(2,26,83,.06) !important;
      }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.rounded-2xl.p-6 h3{ color:#021a53 !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.rounded-2xl.p-6 > div:first-child > span{ color:#8a6a14 !important; letter-spacing:.18em !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.rounded-2xl.p-6 > p{ color:#475569 !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.flex.items-center:has(> span.h-px) > h3{ color:#021a53 !important; font-size:20px !important; display:flex; align-items:baseline; gap:12px; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.flex.items-center:has(> span.h-px) > h3::before{
        counter-increment:eqgrupo; content:counter(eqgrupo, decimal-leading-zero);
        color:#8a6a14; font-size:34px; font-weight:800; line-height:1; letter-spacing:-.02em; font-variant-numeric:tabular-nums;
      }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.flex.items-center > span.h-px{ background:rgba(138,106,20,.35) !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.flex.items-center > span.h-px + span{ color:#475569 !important; letter-spacing:.18em !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles a.group{
        background:#FFFFFF !important; border:1px solid #E2E8F0 !important; border-radius:14px !important;
        box-shadow:0 1px 2px rgba(2,26,83,.05), 0 4px 14px rgba(2,26,83,.05) !important; position:relative;
      }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles a.group:hover{ border-color:#cfac65 !important; box-shadow:0 10px 28px rgba(2,26,83,.12) !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles a.group:focus-visible{ outline:3px solid #cfac65 !important; outline-offset:2px; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles a.group > span:first-child{ background:#E8EDF7 !important; color:#021a53 !important; border-radius:12px !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles a.group:hover > span:first-child{ background:#021a53 !important; color:#cfac65 !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles a.group > span:nth-child(2){ color:#021a53 !important; font-weight:700 !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles a.group > span:nth-child(3){ color:#475569 !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles a.group::after{
        content:"\2192" / ""; position:absolute; top:22px; right:20px; color:#8a6a14; font-size:18px; font-weight:700; line-height:1;
        transition:transform .15s;
      }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles a.group:hover::after{ transform:translateX(3px); }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles p.text-center.uppercase{ color:#475569 !important; }html.eq-rt-portada #root #inteligente{ background:#021a53 !important; counter-reset:eqpaso; }html.eq-rt-portada #root #inteligente h2{ color:#FFFFFF !important; }html.eq-rt-portada #root #inteligente .eq-nuevo{ color:#021a53 !important; }html.eq-rt-portada #root #inteligente > div > div:first-child > div.flex-wrap::before{
        content:"C\00F3mo funciona"; flex-basis:100%; margin-bottom:-2px; color:#cfac65;
        font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
      }html.eq-rt-portada #root #inteligente p.text-white\/70{ color:#DCE4F2 !important; }html.eq-rt-portada #root #inteligente > div > div:first-child > a{ background:#FFFFFF !important; color:#021a53 !important; min-height:44px; }html.eq-rt-portada #root #inteligente > div > div:first-child > a:hover{ background:#E8EDF7 !important; }html.eq-rt-portada #root #inteligente div.grid.gap-8 > div{ position:relative; padding-top:6px; border-top:1px solid rgba(207,172,101,.35); }html.eq-rt-portada #root #inteligente div.grid.gap-8 > div::before{
        counter-increment:eqpaso; content:counter(eqpaso, decimal-leading-zero);
        position:absolute; top:12px; right:0; color:#cfac65; font-size:34px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums;
      }html.eq-rt-portada #root #inteligente div.grid.gap-8 > div > span:first-child{ margin-top:12px; background:rgba(207,172,101,.14) !important; color:#cfac65 !important; }html.eq-rt-portada #root main > section:nth-of-type(4){ background:#FFFFFF !important; }html.eq-rt-portada #root main > section:nth-of-type(4) div.border-t-4{
        background:#F4F6FA !important; border:1px solid #E2E8F0 !important; border-top:4px solid #cfac65 !important;
        border-radius:14px !important; box-shadow:0 1px 2px rgba(2,26,83,.05), 0 8px 24px rgba(2,26,83,.06) !important;
      }html.eq-rt-portada #root main > section:nth-of-type(4) div.border-t-4 p.rounded-full{
        background:transparent !important; color:#8a6a14 !important; box-shadow:inset 0 0 0 1px rgba(138,106,20,.45) !important;
      }html.eq-rt-portada #root main > section:nth-of-type(4) div.border-t-4 h3{ color:#021a53 !important; }html.eq-rt-portada #root main > section:nth-of-type(4) div.border-t-4 p.leading-relaxed{ color:#475569 !important; }html.eq-rt-portada #root main > section:nth-of-type(4) div.border-t-4 a{ background:#021a53 !important; color:#FFFFFF !important; box-shadow:none !important; }html.eq-rt-portada #root main > section:nth-of-type(4) div.border-t-4 a:hover{ background:#0a2a73 !important; }html.eq-rt-portada #root #precios{
        background:#021a53 !important; border-radius:14px !important; position:relative; overflow:hidden;
        box-shadow:inset 0 4px 0 #cfac65 !important;
      }html.eq-rt-portada #root #precios p{ color:#DCE4F2 !important; }html.eq-rt-portada #root #precios a{ background:#cfac65 !important; color:#021a53 !important; }html.eq-rt-portada #root #precios a:hover{ background:#dcc07f !important; }html.eq-rt-portada #root #blog footer{ background:#021a53 !important; border-top:4px solid #cfac65 !important; color:#C9D4EA !important; }html.eq-rt-portada #root #blog footer div.grid > div{ color:#C9D4EA !important; }html.eq-rt-portada #root #blog footer p.font-bold{ color:#cfac65 !important; text-transform:uppercase; letter-spacing:.16em; font-size:12px; }html.eq-rt-portada #root #blog footer div.grid > div:first-child > p.font-bold{ color:#FFFFFF !important; text-transform:none; letter-spacing:0; font-size:18px; }html.eq-rt-portada #root #blog footer p.font-bold span{ color:#cfac65 !important; }html.eq-rt-portada #root #blog footer a{ color:#DCE4F2 !important; display:inline-flex; align-items:center; min-height:32px; }html.eq-rt-portada #root #blog footer a:hover{ color:#FFFFFF !important; }html.eq-rt-portada #root #blog footer div.mt-8{ border-color:rgba(255,255,255,.14) !important; color:#B7C3DB !important; }html.eq-rt-niveles #eq-extra{
        background:#FFFFFF !important; border:1px solid #E2E8F0; border-radius:14px;
        box-shadow:0 1px 2px rgba(2,26,83,.05), 0 8px 24px rgba(2,26,83,.06), 0 0 0 100vmax #F4F6FA;
        clip-path:inset(-48px -100vmax -48px -100vmax); margin:0 auto 48px !important;
        padding:28px 28px 32px !important; width:calc(100% - 32px); box-sizing:border-box; counter-reset:eqguia; color:#334155 !important;
      }html.eq-rt-niveles #eq-extra h2{ color:#021a53 !important; font-size:26px !important; margin-top:0 !important; }html.eq-rt-niveles #eq-extra h2::before{
        content:"Gu\00ED a"; display:block; margin-bottom:8px; color:#8a6a14; font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
      }html.eq-rt-niveles #eq-extra h3{ color:#021a53 !important; display:flex; align-items:baseline; gap:12px; padding-top:14px; margin-top:18px !important; border-top:1px solid #E2E8F0; }html.eq-rt-niveles #eq-extra h3::before{
        counter-increment:eqguia; content:counter(eqguia, decimal-leading-zero);
        color:#8a6a14; font-size:28px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums; flex:none;
      }html.eq-rt-niveles #eq-extra p{ color:#334155 !important; }html.eq-rt-niveles #eq-extra a{ color:#164687 !important; }html.eq-rt-niveles #eq-pie{
        border-image:linear-gradient(#cfac65 0 4px, #021a53 4px) fill 0 / 0 / 0 100vw; color:#C9D4EA !important;
      }html.eq-rt-niveles #eq-pie a{ color:#DCE4F2 !important; }html.eq-rt-niveles #eq-pie a:hover{ color:#FFFFFF !important; }html.eq-rt-niveles #eq-pie strong{ color:#FFFFFF !important; }
      @media (max-width:639px){html.eq-rt-niveles #eq-extra{ padding:22px 18px 26px !important; width:calc(100% - 32px); }html.eq-rt-portada #root #blog footer a{ min-height:44px; }html.eq-rt-niveles #eq-pie nav a{ display:inline-flex; align-items:center; min-height:44px; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.flex.items-center:has(> span.h-px) > h3::before{ font-size:28px; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.flex.items-center:has(> span.h-px){ flex-wrap:wrap !important; row-gap:6px !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.flex.items-center:has(> span.h-px) > h3{ white-space:nowrap; flex:0 0 auto !important; }:is(html.eq-rt-portada, html.eq-rt-niveles) #root #niveles div.flex.items-center > span.h-px + span{ flex:0 0 100% !important; }
      }html.eq-rt-nivel #root main :is(a[href*="/materia/espanol/"], a[href$="/materia/espanol"]), html.eq-rt-nivel #eq-temario-del-grado .tar:has(a[href*="/materia/espanol"]){ --eq-mf:#C02C00; --eq-mt:#FFEBE6; }html.eq-rt-nivel #root main :is(a[href*="/materia/matematica/"], a[href$="/materia/matematica"]), html.eq-rt-nivel #eq-temario-del-grado .tar:has(a[href*="/materia/matematica"]){ --eq-mf:#044593; --eq-mt:#E7F1FF; }html.eq-rt-nivel #root main :is(a[href*="/materia/ciencias/"], a[href$="/materia/ciencias"]), html.eq-rt-nivel #eq-temario-del-grado .tar:has(a[href*="/materia/ciencias"]){ --eq-mf:#006A4E; --eq-mt:#DDF7EC; }html.eq-rt-nivel #root main :is(a[href*="/materia/estudios_sociales/"], a[href$="/materia/estudios_sociales"]), html.eq-rt-nivel #eq-temario-del-grado .tar:has(a[href*="/materia/estudios_sociales"]){ --eq-mf:#653401; --eq-mt:#FFECDF; }html.eq-rt-nivel #root main :is(a[href*="/materia/formacion_ciudadana/"], a[href$="/materia/formacion_ciudadana"]), html.eq-rt-nivel #eq-temario-del-grado .tar:has(a[href*="/materia/formacion_ciudadana"]){ --eq-mf:#790663; --eq-mt:#FFE9F7; }html.eq-rt-nivel #root main :is(a[href*="/materia/civica/"], a[href$="/materia/civica"]), html.eq-rt-nivel #eq-temario-del-grado .tar:has(a[href*="/materia/civica"]){ --eq-mf:#790663; --eq-mt:#FFE9F7; }html.eq-rt-nivel #root main :is(a[href*="/materia/ingles/"], a[href$="/materia/ingles"]), html.eq-rt-nivel #eq-temario-del-grado .tar:has(a[href*="/materia/ingles"]){ --eq-mf:#047CB3; --eq-mt:#E2F3FF; --eq-mx:#006DA3; }html.eq-rt-nivel #root main :is(a[href*="/materia/frances/"], a[href$="/materia/frances"]), html.eq-rt-nivel #eq-temario-del-grado .tar:has(a[href*="/materia/frances"]){ --eq-mf:#3D678B; --eq-mt:#E4F2FF; }html.eq-rt-nivel #root main :is(a[href*="/materia/biologia/"], a[href$="/materia/biologia"]), html.eq-rt-nivel #eq-temario-del-grado .tar:has(a[href*="/materia/biologia"]){ --eq-mf:#006A4E; --eq-mt:#DDF7EC; }html.eq-rt-nivel #root main :is(a[href*="/materia/quimica/"], a[href$="/materia/quimica"]), html.eq-rt-nivel #eq-temario-del-grado .tar:has(a[href*="/materia/quimica"]){ --eq-mf:#078451; --eq-mt:#DFF7E8; --eq-mx:#007846; }html.eq-rt-nivel #root main :is(a[href*="/materia/fisica/"], a[href$="/materia/fisica"]), html.eq-rt-nivel #eq-temario-del-grado .tar:has(a[href*="/materia/fisica"]){ --eq-mf:#184C34; --eq-mt:#DFF7E9; }html.eq-rt-nivel #root main a.group[href*="/materia/"]{
        background:var(--eq-mt, #FFFFFF) !important;
        border-color:color-mix(in srgb, var(--eq-mf, #0B3C6B) 28%, transparent) !important;
        border-left:8px solid var(--eq-mf, #E2E8F0) !important;
      }html.eq-rt-nivel #root main a.group[href*="/materia/"] > span:first-child{
        width:56px !important; height:56px !important; border-radius:14px !important;
        background:var(--eq-mf, #021a53) !important; color:#FFFFFF !important;
      }html.eq-rt-nivel #root main a.group[href*="/materia/"] > span:first-child svg{ width:30px !important; height:30px !important; stroke-width:2 !important; }html.eq-rt-nivel #root main a.group[href*="/materia/"]:hover{
        border-color:var(--eq-mf, #cfac65) !important; border-left-width:8px !important;
        box-shadow:0 12px 28px color-mix(in srgb, var(--eq-mf, #021a53) 22%, transparent) !important;
      }html.eq-rt-nivel #root main a.group[href*="/materia/"]:hover > span:first-child{ background:var(--eq-mf, #021a53) !important; color:#FFFFFF !important; }html.eq-rt-nivel #root main a.group[href*="/materia/"] > h2{ color:#021a53 !important; font-weight:700 !important; }html.eq-rt-nivel #root main a.group[href*="/materia/"] > p{ color:#334155 !important; }html.eq-rt-nivel #root main a.group[href*="/materia/"] > span:last-child{ color:var(--eq-mx, var(--eq-mf, #164687)) !important; font-weight:700 !important; }html.eq-rt-nivel #root main a.group[href*="/materia/"]:focus-visible{ outline:3px solid var(--eq-mf, #cfac65) !important; outline-offset:2px; }html.eq-rt-nivel #root main a[href*="/materia/"][href$="/temario"]{
        border:2px solid var(--eq-mf, #9AA8C2) !important; color:#021a53 !important; min-height:44px; background:#FFFFFF !important; font-weight:600 !important;
      }html.eq-rt-nivel #root main a[href*="/materia/"][href$="/temario"] svg{ color:var(--eq-mf, #021a53) !important; }html.eq-rt-nivel #root main a[href*="/materia/"][href$="/temario"]:hover{ background:var(--eq-mt, #E8EDF7) !important; color:#021a53 !important; }html.eq-rt-nivel #eq-temario-del-grado.eq-grado .tar{
        background:var(--eq-mt, #FFFFFF) !important; border-color:color-mix(in srgb, var(--eq-mf, #0B3C6B) 28%, transparent) !important;
        border-left:8px solid var(--eq-mf, #E3E8F1) !important;
      }html.eq-rt-nivel #eq-temario-del-grado.eq-grado .tar p{ color:#334155 !important; }

/* == eq-materia-orden (materiaorden.php) == */
html.eq-rt-materia section[aria-label="Modos de práctica"] div.grid.gap-4{
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap:0.5rem !important;
      }
      @media (min-width: 768px){html.eq-rt-materia section[aria-label="Modos de práctica"] div.grid.gap-4{
          grid-template-columns: repeat(4, minmax(0,1fr)) !important;
        }
      }html.eq-rt-materia section[aria-label="Modos de práctica"] a.rounded-2xl{ padding:0.7rem 0.75rem !important; }html.eq-rt-materia section[aria-label="Modos de práctica"] a.rounded-2xl > p.flex-1, html.eq-rt-materia section[aria-label="Modos de práctica"] a.rounded-2xl > span.mt-4{
        max-height:0 !important; overflow:hidden !important; flex:0 0 auto !important;
        margin:0 !important; padding:0 !important; border:0 !important;
      }html.eq-rt-materia section[aria-label="Modos de práctica"] a.rounded-2xl > p.text-lg{
        margin-top:0.3rem !important; font-size:0.95rem !important; line-height:1.25 !important;
      }html.eq-rt-materia section[aria-label="Modos de práctica"] a.rounded-2xl > p.text-lg svg{
        width:1rem !important; height:1rem !important;
      }html.eq-rt-materia section[aria-label="Modos de práctica"] a.rounded-2xl > span.rounded-full{
        letter-spacing:0 !important; white-space:nowrap !important;
        padding-left:0.45rem !important; padding-right:0.45rem !important;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) h1 + p.max-w-2xl{
        font-size:1rem !important; line-height:1.45 !important;
        display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:2;
        overflow:hidden !important;
      }html.eq-rt-materia #temas > div > p.max-w-2xl{
        max-height:0 !important; overflow:hidden !important;
        margin:0 !important; padding:0 !important; border:0 !important;
      }html.eq-rt-materia #temas [class*="bg-[#1565C0]/5"]{
        background-color:transparent !important;
        border-color:#64748B !important;
        color:#0B3C6B !important;
      }html.eq-rt-materia #temas button.rounded-xl{
        border-color:#64748B !important; color:#475569 !important;
        min-height:44px !important;   
      }html.eq-rt-materia #temas button.rounded-xl svg{ color:#475569 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)){
        background:#F4F6FA !important;
        position:relative;
        --eq-banda:0px;
        padding-top:18px !important;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas))::before{
        content:"";
        position:absolute; left:50%; transform:translateX(-50%);
        top:0; width:100vw; height:var(--eq-banda);
        background:#021a53;
        z-index:0; pointer-events:none;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > *{ position:relative; z-index:1; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child > h1{
        font-size:44px !important; line-height:1.05 !important; letter-spacing:-.02em;
      }html.eq-rt-materia .eq-enbanda h1{ color:#FFFFFF !important; }html.eq-rt-materia .eq-enbanda p{ color:#DCE4F2 !important; }html.eq-rt-materia .eq-enbanda a, html.eq-rt-materia .eq-enbanda a *{ color:#D7E0F0 !important; }html.eq-rt-materia .eq-enbanda a svg{ stroke:#D7E0F0 !important; }html.eq-rt-materia .eq-enbanda svg{ color:#cfac65 !important; }html.eq-rt-materia .eq-enbanda *[class*="/10"], html.eq-rt-materia .eq-enbanda *[class*="/15"]{ background:rgba(255,255,255,.10) !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child{
        display:flex !important; flex-direction:column !important; align-items:stretch !important;
        min-width:0 !important;
        
        padding-bottom:134px !important;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child:has(> .eq-cifras){ padding-bottom:66px !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child:has(> .eq-buscar){ padding-bottom:0 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child > h1{ order:1 !important; margin-top:0 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child > p.rounded-full{ order:2 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child > p.max-w-2xl{ order:3 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child > .eq-cifras{ order:4; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child > .eq-buscar{ order:5; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child > *{ order:6; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child > p[class*="rounded-full"]{
        display:block !important; width:auto !important;
        background:transparent !important;
        border:0 !important; padding:0 !important; margin:2px 0 0 0 !important;
        font-size:34px !important; line-height:1.1 !important; font-weight:700 !important;
        letter-spacing:-.01em !important; text-transform:none !important; white-space:normal !important;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) .eq-enbanda div.mt-6 p[class*="rounded-full"]{ color:#cfac65 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child > p.max-w-2xl{ margin-top:10px !important; font-size:15px !important; max-width:52ch; }html.eq-rt-materia .eq-cifras{ display:flex; flex-wrap:wrap; gap:28px; margin:22px 0 0 0; padding:0; }html.eq-rt-materia .eq-cifras div{ min-width:76px; }html.eq-rt-materia .eq-cifras b{
        display:block; font-size:26px; line-height:28px; color:#8a6a14; font-weight:800;
        font-variant-numeric:tabular-nums;
      }html.eq-rt-materia .eq-cifras span{ display:block; font-size:13px; line-height:18px; letter-spacing:.04em; text-transform:uppercase; color:#4A5B7C; }html.eq-rt-materia .eq-enbanda.eq-cifras b, html.eq-rt-materia .eq-enbanda .eq-cifras b{ color:#cfac65; }html.eq-rt-materia .eq-enbanda.eq-cifras span, html.eq-rt-materia .eq-enbanda .eq-cifras span{ color:#D7E0F0; }html.eq-rt-materia .eq-buscar{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; max-width:520px; min-width:0; margin:22px 0 0 0; }html.eq-rt-materia .eq-buscar input{
        width:100%; min-width:0; box-sizing:border-box; min-height:44px; border:0; border-radius:10px; padding:12px 14px;
        font-size:16px; line-height:20px; background:#FFFFFF; color:#021a53;   
      }html.eq-rt-materia .eq-buscar input::placeholder{ color:#5A6B8C; }html.eq-rt-materia .eq-buscar button{
        min-height:44px; border:0; border-radius:10px; padding:0 18px;
        background:#cfac65; color:#021a53; font-weight:700; font-size:15px; cursor:pointer;
      }html.eq-rt-materia .eq-vacio{
        margin:14px 0 0 0; padding:14px 16px; border-radius:12px;
        background:#FFFFFF; border:1px solid #E3E8F1; color:#3C4D6E; font-size:15px;
      }html.eq-rt-materia section[aria-label="Modos de práctica"]{
        background:#FFFFFF; border-radius:16px;
        box-shadow:0 10px 30px rgba(2,26,83,.13);
        padding:6px !important;
      }html.eq-rt-materia section[aria-label="Modos de práctica"] div.grid.gap-4{ gap:0 !important; }html.eq-rt-materia section[aria-label="Modos de práctica"] a.rounded-2xl{
        border:0 !important; background:transparent !important;
        border-right:1px solid #E7EBF3 !important; border-radius:0 !important;
      }html.eq-rt-materia section[aria-label="Modos de práctica"] a.rounded-2xl:last-child{ border-right:0 !important; }
      @media (max-width: 767px){html.eq-rt-materia section[aria-label="Modos de práctica"] a.rounded-2xl{ border-bottom:1px solid #E7EBF3 !important; }
      }html.eq-rt-materia #temas div.grid.gap-3{
        display:grid !important; grid-template-columns:minmax(0,1fr) !important;
        gap:12px !important; counter-reset:eqtema;
      }
      
      @media (min-width:1100px){html.eq-rt-materia #temas div.grid.gap-3{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; align-items:stretch; }
      }html.eq-rt-materia #temas div.grid.gap-3 > div{
        counter-increment:eqtema;
        background:#FFFFFF !important;
        border:1px solid #E3E8F1 !important; border-radius:14px !important;
        box-shadow:0 1px 2px rgba(2,26,83,.05) !important;
        padding:0 !important; overflow:hidden !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child{
        display:grid !important;
        grid-template-columns:54px minmax(0,1fr) auto !important;
        grid-template-areas:"num tit btn" "num ava btn" !important;
        align-items:center !important; column-gap:14px !important; row-gap:3px !important;
        padding:14px 18px !important; margin:0 !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child::before{
        content:counter(eqtema, decimal-leading-zero);
        grid-area:num; align-self:center;
        font-size:26px; font-weight:800; color:#8a6a14; line-height:1;
        font-variant-numeric:tabular-nums; text-align:center;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child > label{ grid-area:tit; margin:0 !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child span.font-semibold{
        font-size:17px !important; line-height:1.25 !important; color:#021a53 !important; font-weight:650 !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child label > span.grid{ width:1.8rem !important; min-width:1.8rem !important; }html.eq-rt-materia .eq-avance{
        grid-area:ava; display:flex; align-items:center; gap:12px; flex-wrap:wrap;
        margin:0 0 0 1.8rem; padding:0;
        color:#4A5B7C; font-size:13.5px; line-height:1.3;
      }html.eq-rt-materia .eq-barra{
        display:block; height:6px; width:120px; background:#E7EBF3; border-radius:99px; overflow:hidden;
      }html.eq-rt-materia .eq-barra i{ display:block; height:100%; background:#164687; border-radius:99px; }html.eq-rt-materia .eq-practicar{
        grid-area:btn; align-self:center; justify-self:end;
        display:inline-flex !important; align-items:center; min-height:44px;
        padding:0 18px; border:0; border-radius:99px; cursor:pointer;
        background:#002e7a; color:#FFFFFF; font-size:14px; font-weight:650; white-space:nowrap;
        text-decoration:none;
      }html.eq-rt-materia .eq-practicar:hover{ background:#164687; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3{
        margin-top:0 !important;
        padding:4px 18px 12px 72px !important;
        border-top:1px solid #EEF1F7 !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex{
        display:grid !important; grid-template-columns:minmax(0,1fr) auto !important;
        align-items:center !important; gap:12px !important;
        width:100% !important; margin:0 !important; padding:0 !important;
        border-bottom:1px solid #F2F4F9 !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex:last-child{ border-bottom:0 !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex:first-child{ border-top:0 !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Marcar este subtema"], html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Quitar de la selección"]{
        grid-column:1 !important; grid-row:1 !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > a.eq-leer-sub{
        grid-column:2 !important; grid-row:1 !important;
      }html.eq-rt-materia #temas button[title="Marcar este subtema"], html.eq-rt-materia #temas button[title="Quitar de la selección"]{
        border:0 !important; background:transparent !important; border-radius:0 !important;
        padding:9px 0 !important; margin:0 !important; text-align:left !important;
        font-size:14.5px !important; color:#021a53 !important; min-height:44px !important;
        font-weight:500 !important; width:100% !important; justify-content:flex-start !important;
      }html.eq-rt-materia #temas button[title="Quitar de la selección"]{ color:#002e7a !important; font-weight:650 !important; }html.eq-rt-materia #temas a.eq-leer-sub{
        flex:none !important; width:auto !important; min-width:0 !important; max-width:none !important;
        justify-content:flex-end !important; justify-self:end;
        background:transparent !important; border:0 !important; box-shadow:none !important;
        padding:0 2px !important; margin:0 !important; min-height:44px !important; line-height:44px !important;
        color:#164687 !important; font-size:14.5px !important; font-weight:600 !important;
        text-decoration:none !important; overflow:visible !important; position:relative !important;
      }html.eq-rt-materia #temas a.eq-leer-sub > span{ position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; }html.eq-rt-materia #temas a.eq-leer-sub::after{ content:"Leer"; color:#164687; font-weight:600; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 button[title^="Practicar solo"]{ display:none !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > button.mt-2{
        position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important;
        clip:rect(0 0 0 0) !important; margin:0 !important; padding:0 !important;
      }html.eq-rt-materia #temas ul.mt-2.flex{
        margin:0 !important; padding:0 18px 0 72px !important; row-gap:0 !important;
        max-height:0 !important; overflow:hidden !important;
      }html.eq-rt-materia #temas ul.mt-2.flex.eq-abierta{ max-height:none !important; padding-bottom:4px !important; }html.eq-rt-materia #temas ul.mt-2.flex > li{ width:100% !important; margin:0 !important; }html.eq-rt-materia #temas ul.mt-2.flex > li > a{
        width:100% !important;
        border:0 !important; border-radius:0 !important; background:transparent !important;
        border-top:1px solid #F2F4F9 !important;
        padding:11px 0 !important; margin:0 !important;
        font-size:14.5px !important; line-height:1.35 !important; font-weight:500 !important;
        color:#23406B !important; text-align:left !important; min-height:44px !important;
      }html.eq-rt-materia .eq-vertodas{
        display:inline-flex !important; align-items:center; gap:6px;
        min-height:44px; margin:0 0 6px 72px; padding:0 2px;
        border:0; background:transparent;
        color:#164687; font-size:14px; font-weight:650; cursor:pointer; text-decoration:none;
      }html.eq-rt-materia .eq-vertodas[hidden]{ display:none !important; }html.eq-rt-materia .eq-vertodas::after{ content:"→"; }html.eq-rt-materia .eq-vertodas[aria-expanded="true"]::after{ content:"↑"; }

      
      @media (max-width: 639px){html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child > h1{ font-size:32px !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child > p[class*="rounded-full"]{ font-size:24px !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child{ padding-bottom:109px !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child:has(> .eq-cifras){ padding-bottom:56px !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) > div:first-child div.mt-6 > div:last-child:has(> .eq-buscar){ padding-bottom:0 !important; }html.eq-rt-materia .eq-cifras{ gap:18px; margin-top:12px; }html.eq-rt-materia .eq-cifras b{ font-size:21px; line-height:23px; }html.eq-rt-materia .eq-cifras span{ font-size:13px; }html.eq-rt-materia .eq-buscar{ margin-top:12px; }html.eq-rt-materia .eq-buscar input{ font-size:16px; padding:10px 12px; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) h1 + p.max-w-2xl{ -webkit-line-clamp:2; font-size:0.95rem !important; margin-top:4px !important; }html.eq-rt-materia section[aria-label="Modos de práctica"]{ padding:4px !important; }html.eq-rt-materia section[aria-label="Modos de práctica"] a.rounded-2xl{ padding:0.6rem 0.6rem !important; }html.eq-rt-materia #temas div.grid.gap-3{ gap:10px !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child{
          grid-template-columns:40px minmax(0,1fr) auto !important;
          grid-template-areas:"num tit chev" "num ava chev" "btn btn btn" !important;
          column-gap:10px !important; padding:12px 14px !important;
        }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child > button:not(.eq-practicar){ grid-area:chev; align-self:start; margin:0 !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child > .eq-m-pista{ grid-column:1 / -1; grid-row:4; }html.eq-rt-materia #temas .eq-m-acord:not(.eq-m-abierto) > .eq-vertodas{ display:none !important; }html.eq-rt-materia .eq-cifras div:nth-child(4){ display:none; }html.eq-rt-materia .eq-buscar{ grid-template-columns:minmax(0,1fr); }html.eq-rt-materia .eq-buscar button{ display:none; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child::before{ font-size:21px; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child span.font-semibold{ font-size:16px !important; }html.eq-rt-materia .eq-barra{ width:88px; }html.eq-rt-materia .eq-practicar{ justify-self:stretch; justify-content:center; margin-top:8px; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3{ padding:2px 14px 10px 14px !important; }html.eq-rt-materia #temas ul.mt-2.flex{ padding:0 14px !important; }html.eq-rt-materia .eq-vertodas{ margin-left:14px; }
      }html.eq-materia #root > div:first-child{ background:#F4F6FA !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)){ padding-bottom:0 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]) > div:first-child > div.flex.items-center.gap-2{
        flex-wrap:wrap !important; row-gap:6px !important;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]) > div:first-child > div.flex.items-center.gap-2::before{
        flex:0 0 100%; display:block;
        content:"Por tema";
        font-size:13px; line-height:18px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
        color:#8a6a14;
        padding-left:34px;
        background:linear-gradient(#8a6a14,#8a6a14) left center / 24px 3px no-repeat;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) #inteligente > div:first-child > div.flex.items-center.gap-2::before{
        content:"A tu medida";
        
        color:#7a5c0e; background:linear-gradient(#7a5c0e,#7a5c0e) left center / 24px 3px no-repeat;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) > div:first-child > div.flex.items-center.gap-2::before{
        content:"Examen completo"; color:#cfac65;
        background:linear-gradient(#cfac65,#cfac65) left center / 24px 3px no-repeat;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]) h2{
        color:#021a53 !important; font-size:28px !important; line-height:1.15 !important; letter-spacing:-.015em !important;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]) > div:first-child > div.flex.items-center.gap-2 > svg{ color:#8a6a14 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]) > div:first-child > p{ color:#3C4D6E !important; }html.eq-rt-materia #temas div.grid.gap-3 > div{
        border:1px solid #DCE3EF !important; border-left:5px solid #cfac65 !important;
        box-shadow:0 2px 6px rgba(2,26,83,.06) !important;
        transition:box-shadow .15s ease;
      }html.eq-rt-materia #temas div.grid.gap-3 > div:hover{ box-shadow:0 8px 22px rgba(2,26,83,.12) !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child{
        background:linear-gradient(180deg,#F3F6FB,#FFFFFF) !important;
        grid-template-columns:52px minmax(0,1fr) auto !important;
        padding:16px 20px 16px 18px !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child::before{
        display:grid; place-items:center;
        width:52px; height:52px; border-radius:12px;
        background:#021a53; color:#cfac65 !important;
        font-size:21px !important; letter-spacing:-.01em;
        box-shadow:0 3px 8px rgba(2,26,83,.25);
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child span.font-semibold{ font-size:18px !important; font-weight:700 !important; }html.eq-rt-materia .eq-avance{ color:#3C4D6E; }html.eq-rt-materia .eq-barra{ height:8px; width:140px; background:#DCE3EF; box-shadow:inset 0 0 0 1px rgba(2,26,83,.06); }html.eq-rt-materia .eq-barra i{ background:linear-gradient(90deg,#164687,#cfac65); min-width:0; }html.eq-rt-materia .eq-avance > span:last-child{ font-weight:700; color:#021a53; }html.eq-rt-materia #temas .eq-practicar{
        min-height:44px !important; height:auto !important; padding:0 20px !important;
        background:#021a53 !important; color:#FFFFFF !important; font-weight:700 !important;
        box-shadow:0 3px 10px rgba(2,26,83,.22);
      }html.eq-rt-materia #temas .eq-practicar::after{ content:"→"; margin-left:8px; color:#cfac65; }html.eq-rt-materia #temas .eq-practicar:hover{ background:#002e7a !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child{ background:#021a53 !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child::before{ background:#cfac65; color:#021a53 !important; box-shadow:0 3px 8px rgba(0,0,0,.25); }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child span.font-semibold{ color:#FFFFFF !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child .eq-avance{ color:#C9D4E8; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child .eq-avance > span:last-child{ color:#FFFFFF; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child .eq-barra{ background:rgba(255,255,255,.22); box-shadow:none; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child > .eq-m-pista{ color:#C9D4E8 !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child > button:not(.eq-practicar){ color:#FFFFFF !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child > button:not(.eq-practicar) svg{ color:#FFFFFF !important; stroke:currentColor; }html.eq-rt-materia #temas .eq-practicar{ background:#cfac65 !important; color:#021a53 !important; }html.eq-rt-materia #temas .eq-practicar:hover{ background:#E0C386 !important; }html.eq-rt-materia #temas .eq-practicar::after{ color:#021a53; }html.eq-rt-materia #temas div.grid.gap-3 > div{ background:#EAF0F8 !important; }html.eq-rt-materia #temas{ background:#E6ECF6 !important; box-shadow:0 0 0 100vmax #E6ECF6 !important; clip-path:inset(0 -100vmax) !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child .eq-barra{ background:rgba(255,255,255,.4); }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child .eq-barra i{ background:#cfac65; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]) > div:first-child > div.flex.items-center.gap-2::before{ color:#7a5c0e; background:linear-gradient(#7a5c0e,#7a5c0e) left center / 24px 3px no-repeat; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3{
        padding:6px 20px 14px 89px !important;
        border-top:1px solid #E3E8F1 !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex{
        grid-template-columns:10px minmax(0,1fr) auto !important;
        gap:14px !important;
        border-top:0 !important; border-bottom:1px solid #E9EDF5 !important;
        border-radius:0 !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex::before{
        content:""; grid-column:1; grid-row:1;
        width:8px; height:8px; border-radius:2px; transform:rotate(45deg);
        background:#cfac65; box-shadow:0 0 0 1px #8a6a14;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex:has(> button[title="Quitar de la selección"])::before{ background:#021a53; box-shadow:0 0 0 1px #021a53; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Marcar este subtema"], html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Quitar de la selección"]{
        grid-column:2 !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > a.eq-leer-sub{ grid-column:3 !important; }html.eq-rt-materia #temas button[title="Marcar este subtema"], html.eq-rt-materia #temas button[title="Quitar de la selección"]{
        padding:13px 0 !important; font-size:15px !important; line-height:1.4 !important; color:#1B2B4B !important;
      }html.eq-rt-materia #temas button[title="Quitar de la selección"]{ color:#002e7a !important; }html.eq-rt-materia #temas a.eq-leer-sub{
        min-height:44px !important; line-height:34px !important; box-sizing:border-box !important;
        padding:0 16px !important;
        border:5px solid transparent !important; border-left-width:0 !important; border-right-width:0 !important;
        background:#FFFFFF !important; background-clip:padding-box !important; box-shadow:inset 0 0 0 1px #6B7FA3 !important;
        border-radius:99px !important;
      }html.eq-rt-materia #temas a.eq-leer-sub::after{ color:#002e7a; font-weight:700; font-size:14px; }html.eq-rt-materia #temas a.eq-leer-sub:hover{ background:#021a53 !important; background-clip:padding-box !important;  box-shadow:none !important; }html.eq-rt-materia #temas a.eq-leer-sub:hover::after{ color:#FFFFFF; }html.eq-rt-materia #temas ul.mt-2.flex{ padding-left:89px !important; padding-right:20px !important; }html.eq-rt-materia #temas ul.mt-2.flex > li > a{ padding:13px 0 13px 24px !important; position:relative !important; color:#1B2B4B !important; font-size:15px !important; }html.eq-rt-materia #temas ul.mt-2.flex > li > a::before{
        content:""; position:absolute; left:2px; top:50%; margin-top:-4px;
        width:8px; height:8px; border-radius:2px; transform:rotate(45deg);
        background:#cfac65; box-shadow:0 0 0 1px #8a6a14;
      }html.eq-rt-materia .eq-vertodas{ margin-left:89px; color:#002e7a; font-weight:700; }html.eq-rt-materia #temas .eq-vertodas{ min-height:44px !important; }   
      
      @media (min-width:768px){html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3{ padding-left:18px !important; }html.eq-rt-materia #temas ul.mt-2.flex{ padding-left:18px !important; }html.eq-rt-materia #temas div.grid.gap-3 .eq-vertodas{ margin-left:16px; }
      }html.eq-rt-materia .eq-vertodas::after{ color:#7a5c0e; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex::before{ content:none !important; display:none !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Marcar este subtema"], html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Quitar de la selección"]{
        position:relative !important; grid-column:1 / 3 !important; text-align:left !important;
        justify-content:flex-start !important; width:100% !important;
        padding:11px 14px 11px 46px !important; min-height:44px !important;
        border:1.5px solid transparent !important; border-radius:10px !important;
        background:transparent !important; background-image:none !important; box-shadow:none !important;
        color:#1B2B4B !important; font-weight:500 !important; cursor:pointer;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Marcar este subtema"]:hover{
        background:#EAF2FF !important; border-color:#9DB7DE !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Quitar de la selección"]{
        background:#DCE8FA !important; border-color:#164687 !important; color:#021A53 !important; font-weight:700 !important;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Marcar este subtema"]::before, html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Quitar de la selección"]::before{
        content:""; position:absolute; left:13px; top:50%; margin-top:-11px;
        width:22px; height:22px; box-sizing:border-box; border-radius:6px;
        border:2px solid #164687; background:#FFFFFF;
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Marcar este subtema"]:hover::before{ background:#EAF2FF; border-color:#062B78; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Quitar de la selección"]::before{ background:#164687; border-color:#164687; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Quitar de la selección"]::after{
        content:""; position:absolute; left:21px; top:50%; margin-top:-8px;
        width:6px; height:12px; box-sizing:border-box; border:solid #FFFFFF; border-width:0 3px 3px 0; transform:rotate(45deg);
      }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Marcar este subtema"]:focus-visible, html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3 > span.inline-flex > button[title="Quitar de la selección"]:focus-visible{
        outline:3px solid #062B78 !important; outline-offset:2px !important;
      }html.eq-rt-materia #temas div.mt-6.rounded-2xl{
        background:#021a53 !important; border:0 !important;
        box-shadow:0 10px 26px rgba(2,26,83,.22) !important;
      }html.eq-rt-materia #temas div.mt-6.rounded-2xl > p{ color:#DCE4F2 !important; font-size:15px !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) #temas div.mt-6.rounded-2xl > button{
        background:#cfac65 !important; color:#021a53 !important; min-height:44px !important;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) #temas div.mt-6.rounded-2xl > button:hover{ background:#E0C386 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) #temas div.mt-6.rounded-2xl > button:disabled{
        background:transparent !important; color:#DCE4F2 !important; opacity:1 !important;
        box-shadow:inset 0 0 0 1px #8FA3C8 !important;
      }html.eq-rt-materia #temas > div:first-child button.rounded-xl{ background:#FFFFFF !important; border-color:#9AA8C2 !important; color:#021a53 !important; }html.eq-rt-materia #temas > div:first-child button.rounded-xl svg{ color:#021a53 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) #inteligente{
        background:#E6ECF6;
        box-shadow:0 0 0 100vmax #E6ECF6; clip-path:inset(0 -100vmax);
        padding:44px 0 52px !important; margin-top:56px !important;
      }html.eq-rt-materia #inteligente div.rounded-2xl{
        border:1px solid #D2DBEA !important; border-style:solid !important; background:#FFFFFF !important;
        box-shadow:inset 5px 0 0 #021a53, 0 4px 14px rgba(2,26,83,.08) !important;
      }html.eq-rt-materia #inteligente div.rounded-2xl > span.grid{ background:#021a53 !important; color:#cfac65 !important; }html.eq-rt-materia #inteligente div.rounded-2xl > div{ color:#3C4D6E !important; }html.eq-rt-materia #inteligente div.rounded-2xl p.font-semibold{ color:#021a53 !important; font-size:16px !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) #inteligente a.rounded-xl{ min-height:44px !important; padding-left:18px !important; padding-right:18px !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) #inteligente a.rounded-xl:not(.border){ background:#021a53 !important; color:#FFFFFF !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) #inteligente a.rounded-xl.border{ background:#FFFFFF !important; border-color:#021a53 !important; color:#021a53 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente){
        background:#021a53;
        box-shadow:0 0 0 100vmax #021a53; clip-path:inset(0 -100vmax);
        padding:48px 0 60px !important; margin-top:0 !important;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) h2{ color:#FFFFFF !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) > div:first-child > div.flex.items-center.gap-2 > svg{ color:#cfac65 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) > div:first-child > p{ color:#DCE4F2 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) > div:first-child > p span{ color:#cfac65 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) a.group{
        background:#FFFFFF !important; border:0 !important;
        box-shadow:inset 5px 0 0 #cfac65, 0 14px 34px rgba(0,0,0,.28) !important;
      }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) a.group p{ color:#021a53 !important; font-weight:700 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) a.group ul{ color:#3C4D6E !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) a.group > div > span.grid{ background:#021a53 !important; color:#cfac65 !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) a.group > span.inline-flex{
        background:#cfac65 !important; color:#021a53 !important; font-weight:800 !important; min-height:44px;
      }html.eq-materia #eq-practica-y-fecha{
        background:#FBF6EA !important;
        box-shadow:0 0 0 100vmax #FBF6EA; clip-path:inset(0 -100vmax);
        padding-top:30px !important; padding-bottom:40px !important;
        border-top:0 !important;
      }html.eq-materia #eq-practica-y-fecha > h2{ color:#021a53 !important; font-weight:800 !important; font-size:24px !important; margin-top:0 !important; }html.eq-materia #eq-practica-y-fecha > h2::before{
        content:"Del MEP"; display:block; margin-bottom:6px;
        font-size:13px; line-height:18px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#8a6a14;
        padding-left:34px; background:linear-gradient(#8a6a14,#8a6a14) left center / 24px 3px no-repeat;
      }html.eq-materia #eq-practica-y-fecha a{ color:#002e7a !important; }html.eq-materia #root #eq-practica-y-fecha a[style*="background"], html.eq-materia #eq-practica-y-fecha a[style*="background"]{
        background:#021a53 !important; color:#FFFFFF !important; min-height:44px; box-sizing:border-box;
        box-shadow:0 4px 12px rgba(2,26,83,.2);
      }html.eq-materia footer{ background:#021a53 !important; border-top:4px solid #cfac65 !important; }html.eq-materia footer div.flex-col{ color:#C9D4E8 !important; row-gap:0 !important; }html.eq-materia footer p.font-bold{ color:#cfac65 !important; margin-bottom:4px; }html.eq-materia footer p.font-bold span{ color:#FFFFFF !important; }html.eq-materia footer a{ color:#DCE4F2 !important; display:flex; align-items:center; min-height:44px; }html.eq-materia footer a:hover{ color:#FFFFFF !important; }html.eq-materia footer div.border-t{ border-color:rgba(255,255,255,.18) !important; color:#AEBBD4 !important; }html.eq-materia footer div.border-t p{ color:#AEBBD4 !important; }

      
      @media (max-width: 639px){html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child{ grid-template-columns:42px minmax(0,1fr) auto !important; padding:14px 14px 14px 13px !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child::before{ width:42px; height:42px; font-size:17px !important; border-radius:10px; }html.eq-rt-materia #temas div.grid.gap-3 > div > div:first-child span.font-semibold{ font-size:16.5px !important; }html.eq-rt-materia #temas div.grid.gap-3 > div > div.mt-3{ padding:4px 14px 12px 13px !important; }html.eq-rt-materia #temas ul.mt-2.flex{ padding-left:13px !important; padding-right:14px !important; }html.eq-rt-materia .eq-vertodas{ margin-left:13px; }html.eq-rt-materia .eq-barra{ width:96px; }html.eq-rt-materia #temas a.eq-leer-sub{ padding:0 13px !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]) h2{ font-size:24px !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) #inteligente{ padding:36px 0 40px !important; }html.eq-rt-materia main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente){ padding:40px 0 48px !important; }html.eq-materia footer div.grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; row-gap:22px !important; column-gap:16px !important; }html.eq-materia footer div.grid > div:first-child{ grid-column:1 / -1; }
      }html[data-eq-materia="espanol"]{ --eq-mf:#C02C00; --eq-mt:#FFEBE6; --eq-mv:#FB8368; --eq-mx:#C02C00; }html[data-eq-materia="matematica"]{ --eq-mf:#044593; --eq-mt:#E7F1FF; --eq-mv:#75ACFB; --eq-mx:#044593; }html[data-eq-materia="ciencias"]{ --eq-mf:#006A4E; --eq-mt:#DDF7EC; --eq-mv:#26C797; --eq-mx:#006A4E; }html[data-eq-materia="estudios_sociales"]{ --eq-mf:#653401; --eq-mt:#FFECDF; --eq-mv:#F78B20; --eq-mx:#653401; }html[data-eq-materia="formacion_ciudadana"]{ --eq-mf:#790663; --eq-mt:#FFE9F7; --eq-mv:#EE7CCF; --eq-mx:#790663; }html[data-eq-materia="civica"]{ --eq-mf:#790663; --eq-mt:#FFE9F7; --eq-mv:#EE7CCF; --eq-mx:#790663; }html[data-eq-materia="ingles"]{ --eq-mf:#047CB3; --eq-mt:#E2F3FF; --eq-mv:#3BB6FB; --eq-mx:#006DA3; }html[data-eq-materia="frances"]{ --eq-mf:#3D678B; --eq-mt:#E4F2FF; --eq-mv:#59B2FB; --eq-mx:#3D678B; }html[data-eq-materia="biologia"]{ --eq-mf:#006A4E; --eq-mt:#DDF7EC; --eq-mv:#26C797; --eq-mx:#006A4E; }html[data-eq-materia="quimica"]{ --eq-mf:#078451; --eq-mt:#DFF7E8; --eq-mv:#26C980; --eq-mx:#007846; }html[data-eq-materia="fisica"]{ --eq-mf:#184C34; --eq-mt:#DFF7E9; --eq-mv:#26C987; --eq-mx:#184C34; }html[data-eq-materia] main:is(html.eq-materia *, :has(#temas))::before{ box-shadow:inset 0 5px 0 var(--eq-mv, #cfac65), inset 0 -6px 0 var(--eq-mv, #cfac65); }html[data-eq-materia] main:is(html.eq-materia *, :has(#temas)) .eq-enbanda div.mt-6 p[class*="rounded-full"]{ color:var(--eq-mv, #cfac65) !important; }html[data-eq-materia] .eq-enbanda div.mt-6 > span:first-child svg{ color:var(--eq-mv, #cfac65) !important; }html[data-eq-materia] .eq-enbanda div.mt-6 > span:first-child{ box-shadow:inset 0 0 0 1.5px var(--eq-mv, transparent) !important; }html[data-eq-materia] main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]) > div:first-child > div.flex.items-center.gap-2::before{
        color:var(--eq-mx, #7a5c0e); background:linear-gradient(var(--eq-mx, #7a5c0e),var(--eq-mx, #7a5c0e)) left center / 24px 3px no-repeat;
      }html[data-eq-materia] main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]) > div:first-child > div.flex.items-center.gap-2 > svg{ color:var(--eq-mx, #8a6a14) !important; }html[data-eq-materia] main:is(html.eq-materia *, :has(#temas)) #inteligente > div:first-child > div.flex.items-center.gap-2::before{ color:var(--eq-mx, #7a5c0e); background:linear-gradient(var(--eq-mx, #7a5c0e),var(--eq-mx, #7a5c0e)) left center / 24px 3px no-repeat; }html[data-eq-materia] main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) > div:first-child > div.flex.items-center.gap-2::before{
        color:var(--eq-mv, #cfac65); background:linear-gradient(var(--eq-mv, #cfac65),var(--eq-mv, #cfac65)) left center / 24px 3px no-repeat;
      }html[data-eq-materia] main:is(html.eq-materia *, :has(#temas)) div.space-y-14 > section:not([aria-label]):not(#temas):not(#inteligente) > div:first-child > div.flex.items-center.gap-2 > svg{ color:var(--eq-mv, #cfac65) !important; }html[data-eq-materia] #temas div.grid.gap-3 > div{ border-left:6px solid var(--eq-mf, #cfac65) !important; }html[data-eq-materia] #temas div.grid.gap-3 > div > div:first-child::before{ background:var(--eq-mv, #cfac65); color:#021a53 !important; }
    
/* == eq-leccion-orden (leccionorden.php) == */
html.eq-rt-leccion:not(.eq-no-leccion) #root{
        --eq-azul:#002e7a; --eq-azul-toque:#164687; --eq-tinta:#021a53;
        --eq-foco:0 0 0 3px rgba(0,46,122,.35);
      }html.eq-rt-leccion:not(.eq-no-leccion) #root > div{
        background:#F4F6FA !important; color:#021a53 !important;
      }html.eq-rt-leccion:not(.eq-no-leccion) #root main a[class*="hover:text-[#1565C0]"]:hover{
        color:#164687 !important;
      }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > p.uppercase:first-child{
        background:#021a53 !important; color:#cfac65 !important;
        margin:0 !important; padding:18px 22px 0 22px !important;
        border-radius:16px 16px 0 0 !important;
        font-size:13px !important; line-height:16px !important; font-weight:700 !important;
        letter-spacing:.06em !important;
      }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > h1{
        background:#021a53 !important; color:#FFFFFF !important;
        margin:0 !important; padding:20px 22px 22px 22px !important;
        border-radius:16px !important;
        font-size:30px !important; line-height:36px !important; font-weight:800 !important;
        letter-spacing:-.01em !important;
        box-shadow:0 10px 30px rgba(2,26,83,.13) !important;
      }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > p.uppercase:first-child + h1{
        padding-top:6px !important; border-radius:0 0 16px 16px !important;
      }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > nav:not(#eq-enlaces){
        border:1px solid #E3E8F1 !important;
        box-shadow:0 1px 2px rgba(2,26,83,.05) !important;
      }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > nav:not(#eq-enlaces) > p{ color:#021a53 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > nav:not(#eq-enlaces) a{ color:#164687 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > nav:not(#eq-enlaces) a > span{
        color:#7a5d10 !important; opacity:1 !important;
      }html.eq-rt-leccion:not(.eq-no-leccion) #root main article{ color:#021a53 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article figcaption{ color:#475569 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article :is(h2, th, td), html.eq-rt-leccion:not(.eq-no-leccion) #root #eq-enlaces > h2, html.eq-rt-leccion:not(.eq-no-leccion) #root p.eq-pasos a{ border-color:#E3E8F1 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > :is(div, section).rounded-2xl.bg-white{
        box-shadow:0 10px 30px rgba(2,26,83,.13) !important;
      }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > div.rounded-2xl.bg-white :is(h2, h3, h4){ color:#021a53 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article blockquote{
        border-left-color:#cfac65 !important; background:#F4F6FA !important; color:#021a53 !important;
      }html.eq-rt-leccion:not(.eq-no-leccion) #root main article th{ background:#021a53 !important; color:#FFFFFF !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article a[class*="text-[#1565C0]"]{ color:#164687 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root .eq-anuncio-leccion > p, html.eq-rt-leccion:not(.eq-no-leccion) #root main > div.mt-10 > p{ color:#475569 !important; }html.eq-rt-leccion:not(.eq-no-leccion) :is(#root, #eq-preguntas, #eq-practica-y-fecha) [style*="#1565C0" i]{ color:#164687 !important; }html.eq-rt-leccion:not(.eq-no-leccion) :is(#root, #eq-preguntas, #eq-practica-y-fecha) [style*="solid #1565C0" i]:not(blockquote){ border-color:#164687 !important; }html.eq-rt-leccion:not(.eq-no-leccion) :is(#root, #eq-preguntas, #eq-practica-y-fecha) [style*="color:#0B3C6B" i]{ color:#021a53 !important; }html.eq-rt-leccion:not(.eq-no-leccion) :is(#root, #eq-preguntas, #eq-practica-y-fecha) :is([style*="background:#1565C0" i], [style*="background-color:#1565C0" i]){
        background:#002e7a !important; color:#FFFFFF !important;
      }html.eq-rt-leccion:not(.eq-no-leccion) :is(#root, #eq-preguntas, #eq-practica-y-fecha) :is([style*="background:#0B3C6B" i], [style*="background-color:#0B3C6B" i]){
        background:#021a53 !important;
      }html.eq-rt-leccion:not(.eq-no-leccion) :is(#eq-preguntas, #eq-practica-y-fecha), html.eq-rt-leccion:not(.eq-no-leccion) :is(#eq-preguntas, #eq-practica-y-fecha) :is(h2, h3, li, strong, b), html.eq-rt-leccion:not(.eq-no-leccion) :is(#eq-preguntas, #eq-practica-y-fecha) p:not([style*="color"]){ color:#021a53 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article tr, html.eq-rt-leccion:not(.eq-no-leccion) #root main aside > p, html.eq-rt-leccion:not(.eq-no-leccion) #root main aside .eq-m-toggle{ border-color:#E3E8F1 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > div.grid > a:not([class*="bg-[#1565C0]"]){ border-color:#E3E8F1 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > div.grid > a:not([class*="bg-[#1565C0]"]) > p:first-child{ color:#475569 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > div.grid > a:not([class*="bg-[#1565C0]"]) > p + p{ color:#164687 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root p.eq-migas, html.eq-rt-leccion:not(.eq-no-leccion) #root p.eq-migas span{ color:#475569 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root p.eq-migas a, html.eq-rt-leccion:not(.eq-no-leccion) #root p.eq-tema a, html.eq-rt-leccion:not(.eq-no-leccion) #root p.eq-pasos a{ color:#164687 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root p.eq-tema, html.eq-rt-leccion:not(.eq-no-leccion) #root p.eq-tema strong{ color:#021a53 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root #eq-enlaces{ border-color:#E3E8F1 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root #eq-enlaces > h2{ color:#021a53 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root #eq-enlaces a{ color:#164687 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root #eq-enlaces em{ color:#7a5d10 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root #eq-enlaces span.eq-punto{ color:#475569 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main aside > p, html.eq-rt-leccion:not(.eq-no-leccion) #root main aside .eq-m-flecha, html.eq-rt-leccion:not(.eq-no-leccion) #root main aside .eq-m-pista{ color:#475569 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main aside a:not([class*="bg-[#1565C0]"]){ color:#3C4D6E !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main aside a:not([class*="bg-[#1565C0]"]):hover{ color:#164687 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main aside a:not([class*="bg-[#1565C0]"]) > span{ color:#7a5d10 !important; opacity:1 !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main aside a[class*="bg-[#1565C0]"] > span{ color:#cfac65 !important; opacity:1 !important; }

      
      @media (max-width:639px){html.eq-rt-leccion:not(.eq-no-leccion) #root main article > p.uppercase:first-child{ padding:14px 16px 0 16px !important; }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > h1{
          font-size:24px !important; line-height:30px !important; padding:16px 16px 18px 16px !important;
        }html.eq-rt-leccion:not(.eq-no-leccion) #root main article > p.uppercase:first-child + h1{ padding-top:4px !important; }
      }
    
/* == eq-temario-orden (temarioorden.php) == */
html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) > div:first-child{
        display:flex !important; flex-direction:column !important; align-items:flex-start !important;
        background:#021a53 !important;
        box-shadow:0 0 0 100vmax #021a53 !important;
        clip-path:inset(-4rem -100vmax 0 -100vmax);
        padding-bottom:30px !important;
      }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) > div:first-child > a{
        order:0; color:#D7E0F0 !important; margin:0 0 14px 0 !important;
      }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) > div:first-child > h1{
        order:1; color:#FFFFFF !important; margin-top:0 !important;
        font-size:44px !important; line-height:1.05 !important; letter-spacing:-.02em;
      }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) > div:first-child > p[class*="rounded-full"]{
        order:2; display:block !important;
        background:transparent !important; border:0 !important; border-radius:0 !important;
        padding:0 !important; margin:4px 0 0 0 !important;
        color:#cfac65 !important; font-size:30px !important; line-height:1.1 !important;
        font-weight:700 !important; letter-spacing:-.01em !important; text-transform:none !important;
      }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) > div:first-child > p.max-w-2xl{
        order:3; color:#DCE4F2 !important; margin-top:12px !important; max-width:60ch !important;
      }
      @media (max-width:639px){html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) > div:first-child > h1{ font-size:32px !important; }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) > div:first-child > p[class*="rounded-full"]{ font-size:24px !important; }
      }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) > div > div > article{
        background:#FFFFFF !important; border:1px solid #E3E8F1 !important;
        border-radius:14px !important; box-shadow:0 1px 2px rgba(2,26,83,.05) !important;
      }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article h2{ color:#021a53 !important; }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article h2 > span.mr-2{
        color:#8a6a14 !important; font-weight:800 !important; font-variant-numeric:tabular-nums;
      }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article ol.border-l-2{ border-left-color:#E3E8F1 !important; }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article ol > li{ color:#23406B !important; }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article ol > li > div:first-child span.mr-2{ color:#5A6B8C !important; }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article button[data-eq-rotulo]{
        background:#002e7a !important; color:#FFFFFF !important; border-radius:10px !important;
      }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article button[data-eq-rotulo]:hover{
        background:#164687 !important; color:#FFFFFF !important;
      }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article a.eq-leer-sub{
        background:#FFFFFF !important; color:#164687 !important;
        box-shadow:inset 0 0 0 1.5px #164687 !important; border-radius:10px !important;
      }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article a.eq-leer-sub > span{ color:#164687 !important; }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article a.eq-leer-sub > span:first-child{ color:#021a53 !important; }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article a.eq-leer-sub:hover{ background:#EDF1F6 !important; }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article [class*="bg-[#1565C0]/5"]{
        background-color:transparent !important; border-color:#64748B !important; color:#0B3C6B !important;
      }html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1) article p[class*="uppercase"]{ color:#164687 !important; }html.eq-rt-temario #root main:has(> div:first-child > div h1) > div:first-child{
        background:#021a53 !important;
        box-shadow:0 0 0 100vmax #021a53 !important;
        clip-path:inset(-4rem -100vmax 0 -100vmax);
      }html.eq-rt-temario #root main:has(> div:first-child > div h1) > div:first-child > a{ color:#D7E0F0 !important; }html.eq-rt-temario #root main:has(> div:first-child > div h1) > div:first-child h1{ color:#FFFFFF !important; }html.eq-rt-temario #root main:has(> div:first-child > div h1) > div:first-child p[class*="rounded-full"]{
        background:transparent !important; color:#cfac65 !important;
        box-shadow:inset 0 0 0 1px #cfac65 !important;
      }html.eq-rt-temario #root main:has(> div:first-child > div h1) > div:first-child p.max-w-2xl{ color:#DCE4F2 !important; }html.eq-rt-temario #root main:has(> div:first-child > div h1) #temas div.rounded-2xl.border{
        background:#FFFFFF !important; border-color:#E3E8F1 !important;
        border-radius:14px !important; box-shadow:0 1px 2px rgba(2,26,83,.05) !important;
      }html.eq-rt-temario #root main:has(> div:first-child > div h1) section h2{ color:#021a53 !important; }html.eq-rt-temario #root > article > h1{
        background:#021a53 !important; color:#FFFFFF !important;
        box-shadow:0 0 0 100vmax #021a53 !important;
        clip-path:inset(-1rem -100vmax 0 -100vmax);
        margin:0 !important; padding:22px 0 22px 0 !important;
        font-size:32px !important; line-height:1.15 !important; font-weight:700 !important;
        letter-spacing:-.01em;
      }html.eq-rt-temario #root > article > h1 + p{
        margin:18px 0 8px 0 !important;
        color:#475569 !important; font-size:16px !important; line-height:1.5 !important;
      }
      @media (max-width:639px){html.eq-rt-temario #root > article > h1{ font-size:24px !important; padding:18px 0 18px 0 !important; }
      }html.eq-rt-temario #root > article{ counter-reset:eqtema; }html.eq-rt-temario #root > article > h2{
        counter-increment:eqtema; position:relative;
        margin:18px 0 0 0 !important;
        padding:16px 18px 12px 64px !important;
        background:#FFFFFF !important; border:1px solid #E3E8F1 !important; border-bottom:0 !important;
        border-radius:14px 14px 0 0 !important;
        font-size:18px !important; font-weight:650 !important; color:#021a53 !important;
      }html.eq-rt-temario #root > article > h2::before{
        content:counter(eqtema, decimal-leading-zero);
        position:absolute; left:18px; top:13px;
        font-size:24px; font-weight:800; color:#8a6a14; font-variant-numeric:tabular-nums;
      }html.eq-rt-temario #root > article > h2 + p{
        margin:0 !important; padding:0 18px 8px 64px !important;
        background:#FFFFFF !important; border:1px solid #E3E8F1 !important; border-top:0 !important; border-bottom:0 !important;
        color:#23406B !important;
      }html.eq-rt-temario #root > article > h2 + ul, html.eq-rt-temario #root > article > h2 + p + ul{
        list-style:none !important;
        margin:0 0 14px 0 !important; padding:4px 18px 12px 64px !important;
        background:#FFFFFF !important; border:1px solid #E3E8F1 !important; border-top:0 !important;
        border-radius:0 0 14px 14px !important; box-shadow:0 1px 2px rgba(2,26,83,.05) !important;
      }html.eq-rt-temario #root > article > h2 + ul > li, html.eq-rt-temario #root > article > h2 + p + ul > li{
        list-style:none !important; margin:0 !important;
        padding:8px 0 !important; border-top:1px solid #F2F4F9 !important;
        color:#23406B !important; font-size:14.5px !important;
      }html.eq-rt-temario #root > article > h2 + ul > li:first-child, html.eq-rt-temario #root > article > h2 + p + ul > li:first-child{ border-top:0 !important; }html.eq-rt-temario :is(#root > article, html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1)) #eq-enlaces{ color:#23406B !important; }html.eq-rt-temario :is(#root > article, html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1)) #eq-enlaces a{ color:#164687 !important; }html.eq-rt-temario :is(#root > article, html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1)) #eq-enlaces .eq-migas, html.eq-rt-temario :is(#root > article, html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1)) #eq-enlaces .eq-migas span{ color:#3C4D6E !important; }html.eq-rt-temario :is(#root > article, html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1)) #eq-enlaces details.eq-plegable > summary{
        color:#021a53 !important; border-bottom-color:#E3E8F1 !important;
      }html.eq-rt-temario :is(#root > article, html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1)) #eq-enlaces details.eq-plegable > summary::before{ border-color:#164687 !important; }html.eq-rt-temario :is(#root > article, html.eq-rt-temario #root main:not(:has(#temas)):has(> div:first-child > h1)) #eq-enlaces .eq-cuenta{ color:#4A5B7C !important; }html.eq-rt-temario #eq-practica-y-fecha, html.eq-rt-temario #eq-temario-explicado{ color:#23406B !important; }html.eq-rt-temario #eq-practica-y-fecha h2, html.eq-rt-temario #eq-temario-explicado h2{ color:#021a53 !important; }html.eq-rt-temario #eq-practica-y-fecha a:not([style*="background"]), html.eq-rt-temario #eq-temario-explicado a{ color:#164687 !important; }html.eq-rt-temario #eq-practica-y-fecha a[style*="background"]{
        background:#002e7a !important; color:#FFFFFF !important; border-radius:10px !important;
      }html.eq-rt-temario #eq-practica-y-fecha a[style*="background"]:hover{ background:#164687 !important; color:#FFFFFF !important; }
    
/* == eq-blog-orden (blogorden.php) == */
html.eq-rt-blog main:has(> article > div > div.blog-contenido) > article > header{
        background-color:#021a53 !important; border-bottom-color:#021a53 !important;
      }html.eq-rt-blog main:has(> article > div > div.blog-contenido) > article > header h1{ color:#FFFFFF !important; }html.eq-rt-blog main:has(> article > div > div.blog-contenido) > article > header p{ color:#DCE4F2 !important; }html.eq-rt-blog main:has(> article > div > div.blog-contenido) > article > header a[href="/blog"]{ color:#D7E0F0 !important; }html.eq-rt-blog main:has(> article > div > div.blog-contenido) > article > header a[href="/blog"]:hover{ color:#cfac65 !important; }html.eq-rt-blog main:has(> article > div > div.blog-contenido) > article > header div.mt-5 span{ color:#D7E0F0 !important; }html.eq-rt-blog main:has(> article > div > div.blog-contenido) > article > header div.mt-5 span.rounded-full{
        background-color:rgba(255,255,255,.10) !important; color:#cfac65 !important;
      }html.eq-rt-blog main:has(> article > div > div.blog-contenido) aside.fixed div.my-8 > p{
        background-color:#FFFFFF !important; color:#475569 !important; border-radius:4px;
      }html.eq-rt-blog main:has(> section input[placeholder^="Buscar art"]):has(> section div.flex.flex-wrap.gap-2 > button) > section:first-child{
        background-color:#021a53 !important; border-bottom-color:#021a53 !important;
      }html.eq-rt-blog main:has(> section input[placeholder^="Buscar art"]):has(> section div.flex.flex-wrap.gap-2 > button) > section:first-child h1{ color:#FFFFFF !important; }html.eq-rt-blog main:has(> section input[placeholder^="Buscar art"]):has(> section div.flex.flex-wrap.gap-2 > button) > section:first-child p{ color:#DCE4F2 !important; }html.eq-rt-blog main:has(> section input[placeholder^="Buscar art"]):has(> section div.flex.flex-wrap.gap-2 > button) > section:first-child p.rounded-full{
        background-color:rgba(255,255,255,.10) !important; color:#cfac65 !important;
      }html.eq-rt-blog #root > article:has(> ul > li > a[href^="/blog/"]) > h1, html.eq-rt-blog #root > article:has(> ul > li > a[href^="/blog/"]) > h1 + p{
        background-color:#021a53 !important;
        box-shadow:0 0 0 100vmax #021a53 !important;
      }html.eq-rt-blog #root > article:has(> ul > li > a[href^="/blog/"]) > h1{ color:#FFFFFF !important; clip-path:inset(-1rem -100vmax -1rem -100vmax) !important; }html.eq-rt-blog #root > article:has(> ul > li > a[href^="/blog/"]) > h1 + p{ color:#DCE4F2 !important; clip-path:inset(-1px -100vmax -.5rem -100vmax) !important; }
    
/* == capa cuenta (disenoglobal.php v2): /ingresar, /registro, /mi-progreso, /precios, /app.html == */
/* colores con !important: eq-contraste-css (regla 361) sube el texto atenuado con !important y le ganaria a la banda */
html.eq-rt-app body,html.eq-rt-app #root .min-h-screen{background:#F4F6FA}
html.eq-rt-app #root :is(main,aside) .rounded-2xl:is(.bg-white,[class*="border-[#0B3C6B]/10"]){border:1px solid #E2E8F0;border-radius:14px}
html.eq-rt-app #root :is(main,aside) :is(a,button):is([class~="bg-[#1565C0]"],[class~="bg-[#0B3C6B]"]),html.eq-rt-progreso #eq-sin-cuenta a[href*="ingresar"]{background:#021a53!important;color:#fff!important;border-color:#021a53!important}
html.eq-rt-app #root :is(main,aside) :is(a,button):is([class~="bg-[#1565C0]"],[class~="bg-[#0B3C6B]"]):hover,html.eq-rt-progreso #eq-sin-cuenta a[href*="ingresar"]:hover{background:#0B3C6B!important}
html.eq-rt-progreso #eq-sin-cuenta>p:first-child{background:#021a53;color:#fff!important;border-radius:10px;padding:.9rem 1rem}
html.eq-rt-progreso #eq-sin-cuenta>p:first-child::before{content:"Mi progreso";display:block;margin-bottom:.3rem;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#F0A202}
html.eq-rt-app #root :is(main,aside) :is(a,button,select),html.eq-rt-app #root main input:not([type=checkbox]):not([type=radio]){min-height:44px}
html.eq-rt-app #root :is(main,aside) button{min-width:44px}
html.eq-rt-precios #root main>section:first-child>div.text-center:first-child{background:#021a53;color:#fff!important;border-radius:14px;padding:2.5rem 1.25rem 2.25rem}
html.eq-rt-precios #root main>section:first-child>div.text-center:first-child>h1{color:#fff!important}
html.eq-rt-precios #root main>section:first-child>div.text-center:first-child>p:first-child{color:#F0A202!important;background:rgba(240,162,2,.16)}
html.eq-rt-precios #root main>section:first-child>div.text-center:first-child>p:last-child{color:rgba(255,255,255,.88)!important}
html.eq-rt-precios #root main>section:first-child{padding-top:1.5rem}
html.eq-rt-progreso #root main>div.space-y-8>div:first-child{background:#021a53;color:#fff!important;border-radius:14px;padding:1.5rem 1.25rem}
html.eq-rt-progreso #root main>div.space-y-8>div:first-child>h1{color:#fff!important}
html.eq-rt-progreso #root main>div.space-y-8>div:first-child>p:first-child{color:#F0A202!important}
html.eq-rt-progreso #root main>div.space-y-8>div:first-child>p:last-child{color:rgba(255,255,255,.88)!important}
html.eq-rt-ingresar #root main>div.rounded-2xl:first-of-type{overflow:hidden}
html.eq-rt-ingresar #root main>div.rounded-2xl:first-of-type>h1:first-child{margin:-2rem -2rem 0;padding:1.5rem 2rem .25rem;background:#021a53;color:#fff!important}
html.eq-rt-ingresar #root main>div.rounded-2xl:first-of-type>h1:first-child::before{content:"Tu cuenta";display:block;margin-bottom:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#F0A202!important}
html.eq-rt-ingresar #root main>div.rounded-2xl:first-of-type>h1:first-child+p{margin:0 -2rem;padding:.25rem 2rem 1.5rem;background:#021a53;color:rgba(255,255,255,.88)!important}
@media (min-width:640px){html.eq-rt-ingresar #root main>div.rounded-2xl:first-of-type>h1:first-child{margin:-2.5rem -2.5rem 0;padding:1.75rem 2.5rem .25rem}html.eq-rt-ingresar #root main>div.rounded-2xl:first-of-type>h1:first-child+p{margin:0 -2.5rem;padding:.25rem 2.5rem 1.75rem}}
/* LAS FILAS DE LA CUENTA NO SE ESTRUJAN EN TELEFONO (29-set-2026, decisiones/filascuenta.md).
   La regla de php/movil.php del 23-set desaparecio de /mi-progreso: `movil` no esta en la cadena y cada corrida de
   `copiar`/`prerender` rehace app.html sin su bloque. Aca vive donde la cadena la re-escribe sola. Solo /mi-progreso.
   La fila «Imagen de perfil» es `flex items-center gap-4` sin wrap: imagen 80 + boton 143 dejaban 45 px al texto.
   Ahora la fila se parte: el texto pide 7 rem (10 rem al lado de la imagen del perfil) y lo que no cabe baja a su linea;
   el boton con borde baja entero y de ancho completo (<= 480 px). Hasta 767 px porque de 640 a 767 las tarjetas de
   racha y puntos (2 columnas) tambien se estrujaban. De 768 en adelante no cambia nada.
   v3 (revisiones A y B de filascuenta): las filas del ranking (li.flex.items-center.gap-4, nombre `min-w-0 flex-1`, puntos `shrink-0`)
   quedan FUERA con :not(li) y :not(.flex-1): con la base de 7 rem y flex-wrap, a 320-328 px los puntos de 4-6 cifras bajaban a otra linea. */
@media (max-width:767px){
html.eq-rt-progreso #root main .flex.items-center.gap-4:not(li){flex-wrap:wrap}
html.eq-rt-progreso #root main .flex.items-center.gap-4:not(li)>.min-w-0:not(.flex-1){flex:1 1 7rem}
html.eq-rt-progreso #root main .flex.items-center.gap-4:not(li)>.min-w-0:has(+button.ml-auto.border){flex-basis:10rem}
}
@media (max-width:480px){
html.eq-rt-progreso #root main .flex.items-center.gap-4:not(li)>button.ml-auto.border{margin-left:0;width:100%}
}