/* SELECTOT LETRAS */
.selector-letras { margin-top: 20px; margin-bottom: 50px; padding: 15px 15px 15px; background-color: var(--blanco-tlf); position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 15px; }
.selector-letras a { font-size: 18px; line-height: 1; margin: 0; text-decoration: none !important; color: var(--base); font-weight: var(--body-light);}
.selector-letras a:hover {color: var(--link);}


    /* Solo letras */
    .selector-letras.solo-letras {margin-top: 20px; margin-bottom: 50px;}

/* LISTADO TERMINOS */
.listado-terminos { margin-bottom: 30px; }

.listado-terminos ul { list-style: none; padding: 0; margin-left: 0; }
.listado-terminos ul li { margin-bottom: 5px; }

.listado-terminos ul li a {font-weight: var(--body-semibold); text-decoration: none !important;}
.listado-terminos ul li a:hover {color: var(--link) !important; text-decoration: underline !important;}


    /* SI NO HAY LETRAS */
    .listado-terminos.no-letras ul {margin-bottom: 10px !important;}

    /* SI HAY LETRAS */
    .listado-terminos.letras { display: grid; grid-template-columns: 20px 1fr; gap: 10px; }
    .listado-terminos.letras span.letras-encabezado { margin-top: 0px; display: block; font-size: 25px; font-weight: var(--body-light); }
    .listado-terminos.letras ul { padding: 8px 20px; border-left: 1px solid var(--linea); }

    /* TERMINOS RELACIONADOS */
    .listado-terminos.terminos-relacionados {margin-bottom: 0;}
    .listado-terminos.terminos-relacionados > ul {column-count: 2; margin-bottom: 0 !important;}




/* CABECERA */
.rc-diccionario-cabecera-section.alignfull {margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); max-width: 100vw; width: 100vw; padding-inline: 20px; height: 200px; background-size: cover; background-position: center; display: flex; align-items: center; background-color: rgb(0 0 0 / 60%); background-blend-mode: multiply;}
.rc-diccionario-cabecera-container {width: 100%; max-width: var(--max-width-web); height: 100%; margin-left: auto; margin-right: auto; display: flex; align-items: center;}
.rc-diccionario-cabecera-container > p { font-size: 45px; line-height: 1; color: var(--blanco); font-weight: var(--header-light) !important; }

/*-----------------------------------------------------------------*/
/*  RESPONSIVE 
/*-----------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------- IPAD ---*/

@media (max-width: 921px) {

    /* SELECTOT LETRAS */
    .selector-letras, .selector-letras.solo-letras {margin-top: 0; margin-bottom: 30px;}

    /* CABECERA */
    .rc-diccionario-cabecera-section.alignfull {height: 120px;}
    .rc-diccionario-cabecera-container > p { font-size: 35px; margin-bottom: 10px !important; font-weight: var(--header-light) !important; }
}

/*---------------------------------------------------------------------------------------- MOVIL ---*/

@media (max-width: 559px) {

    /* SELECTOT LETRAS */
    .selector-letras, .selector-letras.solo-letras {margin-top: 0; margin-bottom: 30px;}

    /* CABECERA */
    .rc-diccionario-cabecera-container > p { font-size: 25px; margin-bottom: 10px !important; font-weight: var(--header-light) !important; }

    /* TERMINOS RELACIONADOS */
    .listado-terminos.terminos-relacionados > ul {column-count: 1;}
}