/* El contenido introductorio se conserva; el campo recibe el espacio del índice. */
#bloqueEjemplos { display: none !important; }
#bloqueBuscadorCategorias > .col-lg-8 { width: 100%; max-width: 960px; }
.buscador-indice-linea > .indice-compacto-wrap { order: 0; }
#bloqueTituloPrincipal #tituloPrincipal {
    font-size: clamp(1.4rem, 1.12rem + 1.05vw, 1.95rem) !important;
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
}
#subtituloPrincipal.aviso-mision {
    padding: 12px 15px !important;
    margin: 8px 0 !important;
    border-radius: 16px !important;
}
#subtituloPrincipal .aviso-mision-texto { gap: 7px !important; }
#subtituloPrincipal .aviso-mision-linea1 { font-size: .88rem !important; line-height: 1.45 !important; }
#subtituloPrincipal .aviso-mision-publico { font-size: .82rem !important; line-height: 1.45 !important; }
#subtituloPrincipal .aviso-mision-linea2 { font-size: .76rem !important; line-height: 1.4 !important; padding-top: 7px !important; }
#bloqueTituloPrincipal .vocab-intro-lista { gap: 9px; margin: 10px 0 12px; }
#bloqueTituloPrincipal .vocab-intro-item { gap: 9px; }
#bloqueTituloPrincipal .vocab-intro-icono { width: 28px; height: 28px; font-size: 13px; }
#bloqueTituloPrincipal .vocab-intro-icono::after { height: 12px; }
#bloqueTituloPrincipal .vocab-intro-texto { font-size: .86rem; line-height: 1.4; padding-top: 3px; }
@media (min-width: 992px) {
    #filaHeroPrincipal > .col-lg-6 { width: 58.333333%; }
    #filaHeroPrincipal > #colAvatarHero { width: 16.666667%; }
    #colAvatarHero .avatar-hero-img { max-width: 100%; }
    html body:not(.vista-temas-movil) #colAvatarHero .avatar-hero-img {
        width: 270px !important;
        height: 310px !important;
        max-width: calc(100% + 56px) !important;
        flex-shrink: 0;
        object-fit: contain;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    html body:not(.vista-temas-movil) #colAvatarHero .avatar-hero-img {
        width: 220px !important;
        height: 260px !important;
        max-width: calc(100% + 24px) !important;
    }
}
#btnToggleAbc, #btnToggleAbcVocabulario {
    width: 52px !important;
    min-width: 52px !important;
    min-height: 48px;
    padding: 0 !important;
    gap: 0;
}
#btnToggleAbc .indice-compacto-texto,
#btnToggleAbc .indice-compacto-flecha,
#btnToggleAbcVocabulario .indice-compacto-texto,
#btnToggleAbcVocabulario .indice-compacto-flecha { display: none !important; }
#btnBuscar, #btnBuscarCategorias { padding-inline: 16px !important; }
#buscar, #buscarCategorias { padding-inline: 16px !important; }
:is(#sugerencias, #sugerenciasCategorias).lsp-panel-inicio {
    width: max-content !important;
    max-width: 100% !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #dce5ef !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px #182b5514 !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.lsp-sugerencias-inicio { padding: 8px 10px; }
.lsp-sugerencias-inicio-label { margin: 0 0 5px; font-size: .68rem; font-weight: 500; color: #718096; }
.lsp-sugerencias-inicio-lista { display: flex; flex-wrap: wrap; gap: 5px; }
.lsp-sugerencia-inicio {
    border: 1px solid #e3ebf5;
    border-radius: 9px;
    background: #f5f8fc;
    color: #294466;
    padding: 5px 10px;
    min-height: 32px;
    font: inherit;
    font-size: .82rem;
    cursor: pointer;
}
.lsp-sugerencia-inicio:hover, .lsp-sugerencia-inicio:focus-visible {
    background: #eaf2ff;
    outline: 2px solid #8fb7ed;
    outline-offset: 1px;
}
@media (pointer: coarse) { .lsp-sugerencia-inicio { min-height: 40px; } }
html[data-lsp-tema="dark"] :is(#sugerencias, #sugerenciasCategorias).lsp-panel-inicio {
    background: #172436 !important;
    border-color: #30435a !important;
}
html[data-lsp-tema="dark"] .lsp-sugerencia-inicio { background: #22334b; border-color: #344963; color: #dbeaff; }
html[data-lsp-tema="dark"] .lsp-sugerencia-inicio:hover,
html[data-lsp-tema="dark"] .lsp-sugerencia-inicio:focus-visible { background: #2d4566; }
html[data-lsp-tema="dark"] .lsp-sugerencias-inicio-label { color: #a8bad0; }

/* Vocabulario: una misma alineación para introducción y búsqueda. */
html body.vista-temas-movil #bloqueBuscadorCategorias {
    width: 100%;
    max-width: 960px;
    margin: 12px auto 32px !important;
    padding: 0 !important;
}
html body.vista-temas-movil #bloqueBuscadorCategorias .input-group {
    animation: none !important;
    transform: none !important;
    box-shadow: 0 3px 8px rgba(27, 58, 105, .06), 0 10px 24px rgba(27, 58, 105, .10) !important;
    transition: box-shadow .2s ease;
}
html body.vista-temas-movil #bloqueBuscadorCategorias .input-group:focus-within {
    box-shadow: 0 0 0 3px rgba(13, 110, 253, .10), 0 10px 24px rgba(27, 58, 105, .13) !important;
}
html[data-lsp-tema="dark"] body.vista-temas-movil #bloqueBuscadorCategorias .input-group {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .16), 0 12px 26px rgba(0, 0, 0, .22) !important;
}
html body.vista-temas-movil #bloqueBuscadorCategorias > .col-lg-8 {
    padding-inline: 0 !important;
}
html body.vista-temas-movil #vocabularioIntroLista {
    gap: 8px !important;
    margin: 10px 0 0 !important;
    padding: 12px !important;
    border: 1px solid #dce8f5 !important;
    border-radius: 14px !important;
    background: #f4f8fd !important;
    box-shadow: none !important;
}
html body.vista-temas-movil #vocabularioIntroLista .vocab-intro-item {
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
}
html body.vista-temas-movil #vocabularioIntroLista .vocab-intro-icono {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    flex: 0 0 26px !important;
    font-size: 12px !important;
    background: #e0edff;
    box-shadow: none !important;
}
html body.vista-temas-movil #vocabularioIntroLista .vocab-intro-icono::after { display: none !important; }
html body.vista-temas-movil #vocabularioIntroLista .vocab-intro-texto {
    font-size: .86rem !important;
    line-height: 1.45 !important;
    padding-top: 2px !important;
}
@media (min-width: 992px) {
    html body.vista-temas-movil #filaHeroPrincipal {
        width: 100%;
        max-width: 960px;
        margin: 0 auto 12px !important;
        gap: 16px;
        align-items: flex-start !important;
    }
    html body.vista-temas-movil #filaHeroPrincipal > .col-lg-6 {
        width: calc(100% - 196px);
        padding: 0;
        margin: 0 !important;
    }
    html body.vista-temas-movil #filaHeroPrincipal > #colAvatarHero {
        width: 180px;
        padding: 0;
        margin: 0 !important;
    }
    html body.vista-temas-movil #colAvatarHero .avatar-hero-img {
        max-width: 180px !important;
        height: 210px !important;
        object-fit: contain;
    }
    html body.vista-temas-movil #vocabularioIntroLista:not(.d-none) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
html body.vista-temas-movil #resultado:empty,
html body.vista-temas-movil #ultimasPalabras:empty,
html body.vista-temas-movil .row:has(> .col-12 > #resultadoCategoriasDiccionario:empty) {
    display: none !important;
}
@media (max-width: 991.98px) {
    html body.vista-temas-movil #bloqueBuscadorCategorias { margin-bottom: 24px !important; }
    html body.vista-temas-movil #vocabularioIntroLista { margin: 0 0 12px !important; }
}
html[data-lsp-tema="dark"] body.vista-temas-movil #vocabularioIntroLista {
    background: #172436 !important;
    border-color: #30435a !important;
}
html[data-lsp-tema="dark"] body.vista-temas-movil #vocabularioIntroLista .vocab-intro-icono { background: #263e5e; }