/* ####################################
TILE DE MINIATURAS DEL ARBOL DE CATEGORIAS

El `background-image` vivia en css/style.css (lineas 903, 932 y 1306). Se ha
traido aqui porque Apache sirve los .css con `Cache-Control: max-age=31536000`
y no hay ningun `?v=` en el HTML: a quien ya haya visitado la web, un style.css
nuevo no le llega. Este fichero si cambia de nombre en cada version del tile,
asi que la URL es nueva y el navegador la pide. Los selectores y los @media son
los mismos que en style.css, y este fichero se carga DESPUES (scripts_comunes.php),
por lo que gana sobre el style.css que alguien tenga cacheado.

2026-08-31: el fichero cambia de nombre (era -2026-08-28) porque abajo hay un
arreglo nuevo -el «Ver todo» del menu movil no debe llevar miniatura- y con un
`max-age` de un ano el CSS anterior no le llega a quien ya lo tenga cacheado.
El tile es el mismo.

`images/tile_categorias.png` (el viejo) se conserva: lo referencian dos CSS
minificados con hash y los style.css ya cacheados.
*/

@media only screen and (max-width: 989px) {
	.navbar-nav > li > a > .img-cat::before {
		background-image: url(../images/tile_categorias_2026-08-28.png);
	}
	.sub-sub-menu>li::before {
		background-image: url(../images/tile_categorias_2026-08-28.png);
	}
}
@media screen and (min-width: 992px){
	.sub-menu-item li::before {
		background-image: url(../images/tile_categorias_2026-08-28.png);
	}
}

/* El «Ver todo» que el menu movil mete al principio de cada submenu NO es una
   categoria: no lleva miniatura. Lo neutralizaba `li.ver-todo::before` de
   style.css, que ganaba por orden mientras el `background-image` vivia en ese
   mismo fichero; al traerlo aqui -que se carga despues y tiene la misma
   especificidad- el tile volvio a salir, y con la celda 0 0 (Aceites). Se sube
   la especificidad para que no vuelva a depender del orden de carga. */
.sub-sub-menu > li.ver-todo::before,
.sub-menu-item li.ver-todo::before {
	background-image: none;
}

.site-nav-subnivel .inner a span:last-child {
    padding-top: 6px;
    float: left;
}
/* ####################################
FILA 1 
ACEITES Y LUBRICANTES
*/

.cat12::before {
	background-position: 0px 0px;
}
.cat138::before {
	background-position: -50px 0px;
}
.cat199::before {
	background-position: -100px 0px;
}
.cat161::before {
	background-position: -150px 0px;
}
.cat1953::before {
	background-position: -200px 0px;
}
.cat542::before {
	background-position: -250px 0px;
}
.cat341::before {
	background-position: -300px 0px;
}
.cat240::before {
	background-position: -350px 0px;
}
.cat362::before {
	background-position: -400px 0px;
}
.cat2710::before {
	background-position: -450px 0px;
}
.cat2061::before {
	background-position: -500px 0px;
}
.cat2726::before {
	background-position: -550px 0px;
}
.cat2725::before {
	background-position: -600px 0px;
}
.cat16::before {
	background-position: -650px 0px;
}
.cat2722::before {
	background-position: -700px 0px;
}

/* FILA 2 - VIBRADORES */

.cat78::before, .cat76::before, .cat2719::before {
	background-position: 0px -50px;
}
.cat111::before {
	background-position: -50px -50px;
}
.cat77::before {
	background-position: -100px -50px;
}
.cat140::before {
	background-position: -150px -50px;
}

.cat228::before {
	background-position: -250px -50px;
}
.cat104::before {
	background-position: -300px -50px;
}
.cat122::before {
	background-position: -350px -50px;
}

.cat47::before {
	background-position: -450px -50px;
}
.cat1131::before {
	background-position: -500px -50px;
}
.cat2212::before {
	background-position: -550px -50px;
}

.cat2542::before {
	background-position: -650px -50px;
}

.cat2771::before {
	background-position: -750px -50px;
}

/* FILA 3 - DILDOS */

.cat80::before, .cat79::before {
	background-position: 0px -100px;
}
.cat277::before {
	background-position: -50px -100px;
}
.cat273::before {
	background-position: -100px -100px;
}
.cat81::before {
	background-position: -150px -100px;
}
.cat107::before {
	background-position: -200px -100px;
}
.cat375::before {
	background-position: -250px -100px;
}
.cat349::before {
	background-position: -300px -100px;
}
.cat276::before {
	background-position: -350px -100px;
}
.cat332::before {
	background-position: -400px -100px;
}
.cat154::before {
	background-position: -450px -100px;
}
.cat2753::before {
	background-position: -500px -100px;
}
.cat2738::before {
	background-position: -550px -100px;
}

/* FILA 4 - BOLAS CHINAS */

.cat64::before, .cat37::before {
	background-position: 0px -150px;
}
.cat1605::before {
	background-position: -50px -150px;
}

.cat91::before {
	background-position: -150px -150px;
}
.cat2709::before, .cat2728::before {
	background-position: -200px -150px;
}
.cat2721::before {
	background-position: -250px -150px;
}
.cat2722::before {
	background-position: -300px -150px;
}
.cat2734::before {
	background-position: -350px -150px;
}
.cat122::before {
	background-position: -400px -150px;
}
.cat2816::before {
	background-position: -450px -150px;
}
.cat162::before {
	background-position: -500px -150px;
}
.cat163::before {
	background-position: -550px -150px;
}

/* FILA 5 - ANAL */

.cat192::before, .cat34::before {
	background-position: 0px -200px;
}
.cat35::before {
	background-position: -50px -200px;
}
.cat38::before {
	background-position: -100px -200px;
}
.cat48::before {
	background-position: -150px -200px;
}
.cat82::before {
	background-position: -200px -200px;
}
.cat97::before {
	background-position: -250px -200px;
}
.cat216::before {
	background-position: -300px -200px;
}
.cat36::before {
	background-position: -350px -200px;
}
.cat275::before {
	background-position: -400px -200px;
}
.cat254::before {
	background-position: -450px -200px;
}
.cat2052::before {
	background-position: -500px -200px;
}
.cat151::before {
	background-position: -550px -200px;
}
.cat2718::before {
	background-position: -600px -200px;
}
.cat2754::before {
	background-position: -650px -200px;
}

/* FILA 6 - PARA ELLOS */

.cat2141::before, .cat117::before {
	background-position: 0px -250px;
}

.cat203::before {
	background-position: -100px -250px;
}
.cat126::before {
	background-position: -150px -250px;
}
.cat155::before {
	background-position: -200px -250px;
}
.cat229::before {
	background-position: -250px -250px;
}
.cat367::before {
	background-position: -300px -250px;
}
.cat88::before {
	background-position: -350px -250px;
}
.cat105::before {
	background-position: -400px -250px;
}
.cat218::before {
	background-position: -450px -250px;
}

.cat45::before, .cat1993::before, .cat2715::before {
	background-position: -550px -250px;
}


.cat2178::before {
	background-position: -700px -250px;
}


/*  ##########################################3
FILA 7 
PARA PAREJAS
*/



.cat39::before {
	background-position: -100px -300px;
}
.cat46::before, .cat674::before {
	background-position: -150px -300px;
}
.cat343::before {
	background-position: -200px -300px;
}




.cat1540::before {
	background-position: -450px -300px;
}
.cat114::before, .cat2834::before {
	background-position: -500px -300px;
}
.cat2171::before {
	background-position: -550px -300px;
}
.cat337::before {
	background-position: -600px -300px;
}
.cat2173::before {
	background-position: -650px -300px;
}

/* FILA 8 - BDSM */

.cat158::before {
	background-position: 0px -350px;
}
.cat100::before, .cat98::before {
	background-position: -50px -350px;
}
.cat109::before, .cat18::before {
	background-position: -100px -350px;
}
.cat164::before {
	background-position: -150px -350px;
}
.cat19::before {
	background-position: -200px -350px;
}
.cat200::before {
	background-position: -250px -350px;
}
.cat168::before {
	background-position: -300px -350px;
}
.cat113::before {
	background-position: -350px -350px;
}
.cat167::before {
	background-position: -400px -350px;
}
.cat376::before {
	background-position: -450px -350px;
}
.cat2063::before {
	background-position: -500px -350px;
}
.cat1945::before {
	background-position: -550px -350px;
}
.cat170::before {
	background-position: -600px -350px;
}

.cat456::before {
	background-position: -700px -350px;
}

/* FILA 9 */

.cat214::before {
	background-position: 0px -400px;
}

.cat160::before {
	background-position: -100px -400px;
}
.cat159::before {
	background-position: -150px -400px;
}
.cat2744::before {
	background-position: -200px -400px;
}
.cat2743::before {
	background-position: -250px -400px;
}
.cat108::before {
	background-position: -300px -400px;
}
.cat509::before {
	background-position: -350px -400px;
}
.cat420::before {
	background-position: -400px -400px;
}
.cat421::before {
	background-position: -450px -400px;
}
.cat418::before {
	background-position: -500px -400px;
}
.cat417::before {
	background-position: -550px -400px;
}
.cat219::before {
	background-position: -600px -400px;
}
.cat371::before, .cat370::before {
	background-position: -650px -400px;
}
.cat425::before {
	background-position: -700px -400px;
}
.cat455::before {
	background-position: -750px -400px;
}

/* FILA 10 - AFRODISIACOS */

.cat2188::before {
	background-position: 0px -450px;
}
.cat247::before {
	background-position: -50px -450px;
}
.cat272::before {
	background-position: -100px -450px;
}


.cat1607::before {
	background-position: -250px -450px;
}
.cat2176::before {
	background-position: -300px -450px;
}
.cat2182::before {
	background-position: -350px -450px;
}
.cat2184::before {
	background-position: -400px -450px;
}


.cat252::before {
	background-position: -550px -450px;
}

.cat2815::before {
	background-position: -650px -450px;
}

/* FILA 11 - PRESERVATIVOS */

.cat75::before, .cat73::before {
	background-position: 0px -500px;
}
.cat137::before {
	background-position: -50px -500px;
}
.cat282::before {
	background-position: -100px -500px;
}
.cat74::before {
	background-position: -150px -500px;
}
.cat286::before {
	background-position: -200px -500px;
}
.cat146::before {
	background-position: -250px -500px;
}
.cat148::before {
	background-position: -300px -500px;
}
.cat150::before {
	background-position: -350px -500px;
}
.cat283::before {
	background-position: -400px -500px;
}
.cat489::before {
	background-position: -450px -500px;
}
.cat2736::before, .cat83::before {
	background-position: -500px -500px;
}

/* FILA 12 - VARIOS */

.cat1297::before {
	background-position: 0px -550px;
}
.cat6::before, .cat1289::before {
	background-position: -50px -550px;
}
.cat49::before {
	background-position: -100px -550px;
}
.cat60::before {
	background-position: -150px -550px;
}



.cat2177::before {
	background-position: -350px -550px;
}
.cat2735::before {
	background-position: -400px -550px;
}
.cat2724::before {
	background-position: -450px -550px;
}
.cat2814::before, .cat247::before, .cat1539::before, .cat1602::before {
	background-position: -500px -550px;
}

/* FILA 13 - LENCERIA */

.cat387::before, .cat93::before {
	background-position: 0px -600px;
}
.cat211::before, .cat208::before, .cat209::before {
	background-position: -50px -600px;
}
.cat381::before {
	background-position: -100px -600px;
}
.cat390::before {
	background-position: -150px -600px;
}
.cat391::before {
	background-position: -200px -600px;
}
.cat393::before {
	background-position: -250px -600px;
}
.cat378::before {
	background-position: -300px -600px;
}
.cat395::before {
	background-position: -350px -600px;
}
.cat412::before {
	background-position: -400px -600px;
}
.cat400::before {
	background-position: -450px -600px;
}
.cat204::before {
	background-position: -500px -600px;
}

.cat94::before {
	background-position: -600px -600px;
}
.cat318::before {
	background-position: -650px -600px;
}
.cat210::before {
	background-position: -700px -600px;
}


/* FILA 14 - SOLUCIONES */

.cat2757::before {
	background-position: 0px -650px;
}
.cat2760::before {
	background-position: -50px -650px;
}
.cat2758::before {
	background-position: -100px -650px;
}
.cat2761::before {
	background-position: -150px -650px;
}

.cat2759::before {
	background-position: -250px -650px;
}
.cat1984::before {
	background-position: -300px -650px;
}
.cat2767::before {
	background-position: -350px -650px;
}
.cat1985::before {
	background-position: -400px -650px;
}
.cat2766::before {
	background-position: -450px -650px;
}
.cat2765::before {
	background-position: -500px -650px;
}

/* ####################################
CATEGORIAS ANADIDAS 2026-08-28
El arbol las pintaba sin miniatura. Ocupan primero los huecos que dejaron las
categorias eliminadas de la tabla (filas 1-14) y despues las filas 15-18, que
son nuevas: el tile pasa de 800x700 a 800x900.
*/

/* FILA 1 */
/* Cosmetica */
.cat11::before {
	background-position: -750px 0px;
}
/* FILA 2 */
/* Lubricantes Base de Agua */
.cat23::before {
	background-position: -200px -50px;
}
/* Lubricantes Sabores */
.cat24::before {
	background-position: -400px -50px;
}
/* Dedales */
.cat89::before {
	background-position: -700px -50px;
}
/* FILA 3 */
/* Pezoneras */
.cat95::before {
	background-position: -600px -100px;
}
/* Culos de silicona */
.cat106::before {
	background-position: -650px -100px;
}
/* Esposas Metal */
.cat110::before {
	background-position: -700px -100px;
}
/* Bocas Masturbadoras */
.cat118::before {
	background-position: -750px -100px;
}
/* FILA 4 */
/* Anos */
.cat119::before {
	background-position: -100px -150px;
}
/* Cintas Y Cuerdas */
.cat121::before {
	background-position: -600px -150px;
}
/* Vaginas masturbadoras */
.cat157::before {
	background-position: -650px -150px;
}
/* Jaulas para pene */
.cat171::before {
	background-position: -700px -150px;
}
/* Fustas */
.cat172::before {
	background-position: -750px -150px;
}
/* FILA 5 */
/* Esposas Peluche */
.cat173::before {
	background-position: -700px -200px;
}
/* Cremas Estimulantes */
.cat176::before {
	background-position: -750px -200px;
}
/* FILA 6 */
/* Para Cama */
.cat213::before {
	background-position: -50px -250px;
}
/* Kits de masajes para parejas */
.cat227::before {
	background-position: -500px -250px;
}
/* Esposas Cuero */
.cat243::before {
	background-position: -600px -250px;
}
/* Munecas Realistas */
.cat279::before {
	background-position: -650px -250px;
}
/* Con Vibracion */
.cat321::before {
	background-position: -750px -250px;
}
/* FILA 7 */
/* Aceites Comestibles */
.cat322::before {
	background-position: 0px -300px;
}
/* Potenciadores */
.cat328::before {
	background-position: -50px -300px;
}
/* Con Pene */
.cat340::before {
	background-position: -250px -300px;
}
/* Torsos */
.cat351::before {
	background-position: -300px -300px;
}
/* Caras */
.cat352::before {
	background-position: -350px -300px;
}
/* Pechos */
.cat364::before {
	background-position: -400px -300px;
}
/* Aceites monodosis */
.cat365::before {
	background-position: -700px -300px;
}
/* Medias con liguero */
.cat385::before {
	background-position: -750px -300px;
}
/* FILA 8 */
/* De Malla */
.cat388::before {
	background-position: -650px -350px;
}
/* Con Ligueros */
.cat397::before {
	background-position: -750px -350px;
}
/* FILA 9 */
/* Camisones */
.cat398::before {
	background-position: -50px -400px;
}
/* FILA 10 */
/* Arneses Basicos */
.cat1410::before {
	background-position: -150px -450px;
}
/* Masturbadores Dobles */
.cat1413::before {
	background-position: -200px -450px;
}
/* Conjuntos */
.cat1613::before {
	background-position: -450px -450px;
}
/* Lubricantes Dilatadores */
.cat1933::before {
	background-position: -500px -450px;
}
/* Anestecicos anales */
.cat1934::before {
	background-position: -600px -450px;
}
/* Relajantes Anales */
.cat1935::before {
	background-position: -700px -450px;
}
/* Efecto Calor */
.cat1949::before {
	background-position: -750px -450px;
}
/* FILA 11 */
/* Lubricantes para Fisting */
.cat2199::before {
	background-position: -550px -500px;
}
/* Hinchables */
.cat2523::before {
	background-position: -600px -500px;
}
/* Lubricantes Naturales */
.cat2534::before {
	background-position: -650px -500px;
}
/* Masturbadores Automaticos */
.cat2729::before {
	background-position: -700px -500px;
}
/* Plugs Vibradores */
.cat2746::before {
	background-position: -750px -500px;
}
/* FILA 12 */
/* Divertirse en solitario */
.cat2763::before {
	background-position: -200px -550px;
}
/* Divertirse en solitario */
.cat2764::before {
	background-position: -250px -550px;
}
/* Soluciones */
.cat2772::before {
	background-position: -300px -550px;
}
/* Para pene */
.cat2773::before {
	background-position: -550px -550px;
}
/* Salud Sexual Masculina */
.cat2774::before {
	background-position: -600px -550px;
}
/* Para clitoris */
.cat2779::before {
	background-position: -650px -550px;
}
/* Para vagina */
.cat2780::before {
	background-position: -700px -550px;
}
/* Potenciadores y Tratamientos */
.cat2782::before {
	background-position: -750px -550px;
}
/* FILA 13 */
/* Soluciones */
.cat2784::before {
	background-position: -550px -600px;
}
/* Para calentar el ambiente */
.cat2785::before {
	background-position: -750px -600px;
}
/* FILA 14 */
/* Para dar placer */
.cat2786::before {
	background-position: -200px -650px;
}
/* Para comerse */
.cat2787::before {
	background-position: -550px -650px;
}
/* Para subir de nivel */
.cat2788::before {
	background-position: -600px -650px;
}
/* Soluciones */
.cat2789::before {
	background-position: -650px -650px;
}
/* Para jugar */
.cat2790::before {
	background-position: -700px -650px;
}
/* Lubricantes */
.cat2791::before {
	background-position: -750px -650px;
}
/* FILA 15 */
/* Tratamientos */
.cat2792::before {
	background-position: 0px -700px;
}
/* Higiene y cuidado */
.cat2793::before {
	background-position: -50px -700px;
}
/* Dilatacion */
.cat2795::before {
	background-position: -100px -700px;
}
/* Juguetes */
.cat2796::before {
	background-position: -150px -700px;
}
/* Avanzado */
.cat2797::before {
	background-position: -200px -700px;
}
/* Basicos */
.cat2800::before {
	background-position: -250px -700px;
}
/* Realistas */
.cat2801::before {
	background-position: -300px -700px;
}
/* Con vibracion */
.cat2802::before {
	background-position: -350px -700px;
}
/* Avanzados */
.cat2803::before {
	background-position: -400px -700px;
}
/* Estimuladores */
.cat2804::before {
	background-position: -450px -700px;
}
/* Bondage */
.cat2805::before {
	background-position: -500px -700px;
}
/* Mobiliario erotico */
.cat2806::before {
	background-position: -550px -700px;
}
/* Accesorios BDSM */
.cat2807::before {
	background-position: -600px -700px;
}
/* Tematica */
.cat2809::before {
	background-position: -650px -700px;
}
/* Conjuntos y sujetadores */
.cat2810::before {
	background-position: -700px -700px;
}
/* Complementos */
.cat2811::before {
	background-position: -750px -700px;
}
/* FILA 16 */
/* Ropa sexy */
.cat2812::before {
	background-position: 0px -750px;
}
/* Medias y ligueros */
.cat2813::before {
	background-position: -50px -750px;
}
/* Pinzas Clitoris */
.cat2818::before {
	background-position: -100px -750px;
}
/* Preservativos femeninos */
.cat2820::before {
	background-position: -150px -750px;
}
/* Cojines */
.cat2822::before {
	background-position: -200px -750px;
}
/* Chicles Estimulantes */
.cat2823::before {
	background-position: -250px -750px;
}
/* Higiene */
.cat2825::before {
	background-position: -300px -750px;
}
/* Protesis de pene */
.cat2827::before {
	background-position: -350px -750px;
}
/* Conservar juguetes */
.cat2828::before {
	background-position: -400px -750px;
}
/* De fantasia */
.cat2830::before {
	background-position: -450px -750px;
}
/* Probar cosas nuevas */
.cat2831::before {
	background-position: -500px -750px;
}
/* Probar cosas nuevas */
.cat2832::before {
	background-position: -550px -750px;
}
/* Vaginas Vibradoras */
.cat2838::before {
	background-position: -600px -750px;
}
/* Vaginas de Goma */
.cat2840::before {
	background-position: -650px -750px;
}
/* Vaginas Fleshlight */
.cat2844::before {
	background-position: -700px -750px;
}
/* Dildos para lesbianas */
.cat2848::before {
	background-position: -750px -750px;
}
/* FILA 17 */
/* Feromonas para Gays */
.cat2854::before {
	background-position: 0px -800px;
}
/* Cross dressing */
.cat2855::before {
	background-position: -50px -800px;
}
/* Gel para oral */
.cat2857::before {
	background-position: -100px -800px;
}
/* Clonadores */
.cat2859::before {
	background-position: -150px -800px;
}
/* Accesorios */
.cat2860::before {
	background-position: -200px -800px;
}
/* Con ventosas */
.cat2862::before {
	background-position: -250px -800px;
}
/* Replicas de Actores */
.cat2863::before {
	background-position: -300px -800px;
}
/* Esposas manos y pies */
.cat2865::before {
	background-position: -350px -800px;
}
/* Kit de esposas */
.cat2870::before {
	background-position: -400px -800px;
}
/* Antifaces */
.cat2871::before {
	background-position: -450px -800px;
}
/* Vibradores Hombre */
.cat2872::before {
	background-position: -500px -800px;
}
/* Conjuntos */
.cat2874::before {
	background-position: -550px -800px;
}
/* Vibradores para dedo */
.cat2875::before {
	background-position: -600px -800px;
}
/* Munecas de latex */
.cat2876::before {
	background-position: -650px -800px;
}
/* Juegos de preguntas eroticas */
.cat2878::before {
	background-position: -700px -800px;
}
/* Juegos de posiciones sexuales */
.cat2880::before {
	background-position: -750px -800px;
}
/* FILA 18 */
/* Iniciacion */
.cat2884::before {
	background-position: 0px -850px;
}
/* Lenceria de poliester */
.cat2911::before {
	background-position: -50px -850px;
}
/* Lenceria de nylon */
.cat2912::before {
	background-position: -100px -850px;
}
/* Lenceria elastica */
.cat2913::before {
	background-position: -150px -850px;
}
/* Lenceria erotica de cuero */
.cat2915::before {
	background-position: -200px -850px;
}
/* Expansores anales */
.cat2950::before {
	background-position: -250px -850px;
}
/* Esposas de Tela */
.cat2959::before {
	background-position: -300px -850px;
}
/* Juguetes */
.cat2960::before {
	background-position: -350px -850px;
}
/* Sujetadores */
.cat2962::before {
	background-position: -400px -850px;
}
/* Por material */
.cat2967::before {
	background-position: -450px -850px;
}

/* Anadidas 2026-08-28 (2a tanda): 1531 y 2379 compartian celda y ninguna
   ensenaba su propia imagen; la 127 no estaba en el tile. */

/* FILA 18 */
/* Anillos Vibradores */
.cat127::before {
	background-position: -500px -850px;
}
/* Vibradores con Mando */
.cat1531::before {
	background-position: -550px -850px;
}
/* Vibradores con App */
.cat2379::before {
	background-position: -600px -850px;
}

/* ####################################
NIVEL DE EXPERIENCIA - la columna «POR NIVEL» del megamenu

Esos tres <li> NO son categorias sino especificaciones (369/370/371, header.php:236), asi
que no tienen celda en el tile: el `background-position` se quedaba sin declarar, o sea en
`0 0`, y los tres niveles salian con la MISMA miniatura -el bote de la celda 0 0, Aceites-.
Exactamente el mismo sintoma que tuvo el «Ver todo» del menu movil, aqui arriba.

🔑 El icono no se inventa: es el lenguaje que el sitio ya usa para el nivel -una, dos o tres
   llamas (`.icon-fire`, vivefont `\f525`) en verde, amarillo y fucsia-, el mismo de
   `.nivel-badge.nivel1|2|3` (css/style.css:5021) y de los botones `.vv-niv` del listado
   (modulos/niveles_listado/niveles_listado.css). Asi la columna del menu, la ficha y el
   listado cuentan el nivel de la misma manera.

🔴 `li.espNNN` con los DOS selectores de sitio, no `.espNNN` a secas: el `background-image`
   del tile lo ponen `.sub-sub-menu>li::before` (movil) y `.sub-menu-item li::before` (pc),
   que llevan una clase + un tipo y ganan a una clase sola. Misma razon que el «Ver todo».

🔑 `display:flex` y no `line-height`: la caja mide 50x50 en movil y 50x42 en pc, y asi las
   llamas quedan centradas en las dos sin dos juegos de reglas.
*/
.sub-sub-menu > li.esp369::before, .sub-menu-item li.esp369::before,
.sub-sub-menu > li.esp370::before, .sub-menu-item li.esp370::before,
.sub-sub-menu > li.esp371::before, .sub-menu-item li.esp371::before {
	background-image: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "vivefont";
	font-size: 18px;
	line-height: 1;
	/*  18 px y no 20: a 20 las tres llamas del nivel avanzado miden 45 px en una caja de 50 que
	    en pc acaba a 2 px del texto, y quedaban pegadas a la palabra. Se aprietan 3 px entre si,
	    la misma proporcion que en los botones del listado (`.vv-niv-ico`, -2 px sobre 12).
	    ⛔ Sin `padding` para recentrar: la caja es `content-box` -no hay `* { box-sizing }` en
	       este sitio-, asi que un `padding-left` la ensancha y corre el icono hacia el texto en
	       vez de centrarlo. El descuadre que deja el `letter-spacing` negativo es de 1,5 px. */
	letter-spacing: -3px;
	white-space: nowrap;
}
/* Nivel Iniciacion */
.sub-sub-menu > li.esp369::before, .sub-menu-item li.esp369::before {
	content: '\f525';
	color: var(--color-verde, #45c2b1);
}
/* Nivel Medio */
.sub-sub-menu > li.esp370::before, .sub-menu-item li.esp370::before {
	content: '\f525\f525';
	color: var(--color-amarillo, #ffb71b);
}
/* Nivel Avanzado */
.sub-sub-menu > li.esp371::before, .sub-menu-item li.esp371::before {
	content: '\f525\f525\f525';
	color: var(--color-fucsia, #f04d98);
}
