@charset "UTF-8";
/*!
  _____ _     _                             _            _ _           ____
 / ____(_)   | |                           | |          | (_)         /___/
| (___  _ ___| |_ ___ _ __ ___   __ _    __| | ___    __| |_ ___  ___ _ __   ___
 \___ \| / __| __/ _ \ '_ ` _ \ / _` |  / _` |/ _ \  / _` | / __|/ _ \ '_ \ / _ \
 ____) | \__ \ ||  __/ | | | | | (_| | | (_| |  __/ | (_| | \__ \  __/ | | | (_) |
|_____/|_|___/\__\___|_| |_| |_|\__,_|  \__,_|\___|  \__,_|_|___/\___|_| |_|\___/

VÍA SISTEMA DE DISEÑO © 2025 DE LA SUBSECRETARÍA DE TECNOLOGÍAS BAJO LICENCIA CC BY-NC-SA 4.0

Soporte:
Si tienes alguna duda o sugerencia sobre el Sistema de diseño Vía, 
únete a nuestro canal de soporte en Telegram y obtén asistencia para resolver tus preguntas o inquietudes, 
así como la oportunidad de aportar tus sugerencias. https://t.me/+kDwyRDVhpP85Njlh

Menú de estilos para los sistemas gubernamentales versión 1.3.4 (11/08/2026) 
*/
/*
1.- Fuentes (utilizada apartir de google fonts)
2.- Paleta de colores
3.- Estilos generales y básicos
4.- Estilos para botónes
5.- Estilos para input, selector, text area y fileinput
6.- Estilos para radios, checkbox y switch
7.- Estilos para cuadros resumen
8.- Estilos para acordeon
9.- Estilos para tarjeta
10.- Estilos para listas
11.- Estilos para buscador
12.- Estilos para tabla
13.- Estilos para tabs
14.- Estilos para tooltips
15.- Estilos para modal
16.- Estilos para footer
17.- Estilos para titulos
18.- Estilos para Login
19.- Estilos para verificador
20.- Estilos para header
21.- Estilos para menu vertical
22.- Estilos para carrusel
23.- Estilos para banner estatico
24.- Estilos para caja navegador
25.- Estilos para breadcrums
26.- Estilos para escritos
27.- Estilos para formularios
28.- Estilos para boletos
29.- Estilos para alertas
30.- Estilos para citas
31.- Estilos para numeralia
32.- Estilos para notificaciones
33.- Estilos para perfil
34.- Estilos para galeria
35.- Estilos para página de error
36.- Estilos para accesibilidad

 .- Lineamiento para responsivo
*/
/* 1.- Fuentes

    modo de uso:

    se declara con la ruta que proporciona fonts.googleapis.com con "@import url()" ,
    y se declara directamente sobre el body como "font-family: 'Poppins', sans-serif;"
    como viene en el nombre de la familia en la ruta, y posteriormente en la clase donde se
    utilice se declara solamente el peso por ejemplo: "font-weight: 500;" para utilizar los diferentes casos.
*/
/*Fuente para texto en general*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500&display=swap");
/*Fuente para titulos*/
@import url("https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap");
/*Base para iconos*/
@import url("https://fonts.googleapis.com/icon?family=Material+Icons&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Outlined&display=swap");
/* @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"); */
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap");
/*Segunda base para iconos*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.min.css");

@font-face {
    font-family: "bootstrap-icons";
    src: url("https://cdn.jsdelivr.net/npm/bootstrap-icons/font/fonts/bootstrap-icons.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/bootstrap-icons/font/fonts/bootstrap-icons.woff") format("woff");
    font-display: swap;
}
/*Fin de Fuentes*/
/*2.- Paleta de colores
    modo de uso:
    se deberán utilizar en cualquier caso en donde existe algun color para sustituir de manera
    más sencilla y llevar un control de los usos en el sistema, se puede utilizar en color,
    background-color, radius, etc de esta manera ejemplo: "background-color: var(--primary-color);"
*/
:root {
    /* Colores para Secretaría de Administración */
    --primario_administracion: #4B858E;
    --hover_administracion: #007481;
    --background_administracion: #dae5e7;
    --etiqueta_administracion: #709ca3;
    /* Colores para Secretaría de Desarrollo Regional y Agropecuario */
    --primario_agropecuario: #FD5F5F;
    --hover_agropecuario: #BE4747;
    --background_agropecuario: #FFDFDF;
    --etiqueta_agropecuario: #FD7F7F;
    /* Colores para Secretaría de Contraloría */
    --primario_contraloria: #F7A000;
    --hover_contraloria: #B97800;
    --background_contraloria: #FDECCC;
    --etiqueta_contraloria: #F9B333;
    /* Colores para Secretaría de Cultura */
    --primario_cultura: #8093DC;
    --hover_cultura: #45548F;
    --background_cultura: #E5E8F7;
    --etiqueta_cultura: #9AA8E3;
    /* Colores para Secretaría de Economía */
    --primario_economia: #00A6CE;
    --hover_economia: #005367;
    --background_economia: #CFEDF4;
    --etiqueta_economia: #5FCAE1;
    /* Colores para Secretaría de Educación */
    --primario_educacion: #00C4B3;
    --hover_educacion: #009386;
    --background_educacion: #D2F3EE;
    --etiqueta_educacion: #00D1C2;
    /* Colores para Secretaría General de Gobierno */
    --primario_general: #2C4851;
    --hover_general: #182D34;
    --background_general: #BCE2E5;
    --etiqueta_general: #357785;
    /* Colores para Secretaría de Igualdad e Inclusión */
    --primario_inclusion: #DF1683;
    --hover_inclusion: #A71162;
    --background_inclusion: #FDD8E4;
    --etiqueta_inclusion: #EA5C9A;
    /* Colores para Secretaría de Medio Ambiente */
    --primario_ambiente: #00BC70;
    --hover_ambiente: #008D54;
    --background_ambiente: #D1F2E0;
    --etiqueta_ambiente: #6CD9A7;
    /* Colores para Secretaría de Movilidad */
    --primario_movilidad: #73CC80;
    --hover_movilidad: #2D8C3B;
    --background_movilidad: #E1F7E4;
    --etiqueta_movilidad: #97DEA1;
    /* Colores para Secretaría de Mujeres */
    --primario_mujeres: #9164CC;
    --hover_mujeres: #533280;
    --background_mujeres: #E9DEF4;
    --etiqueta_mujeres: #A882D7;
    /* Colores para Secretaría de Participación Ciudadana */
    --primario_participacion: #FF6B00;
    --hover_participacion: #86400D;
    --background_participacion: #FFE2C7;
    --etiqueta_participacion: #FF8C1C;
    /* Colores para Secretaría de Salud */
    --primario_salud: #00A7E1;
    --hover_salud: #007DA9;
    --background_salud: #D7ECF8;
    --etiqueta_salud: #44B8E7;
    /* Colores para Secretaría de Seguridad */
    --primario_seguridad: #051C2C;
    --hover_seguridad: #030E16;
    --background_seguridad: #C7CBD0;
    --etiqueta_seguridad: #616D79;
    /* Colores para Secretaría de Tesorería */
    --primario_tesoreria: #DC463B;
    --hover_tesoreria: #B6291F;
    --background_tesoreria: #FEE4E2;
    --etiqueta_tesoreria: #F67C73;
    /* Colores para Secretaría del Trabajo */
    --primario_trabajo: #FF9015;
    --hover_trabajo: #BF6C10;
    --background_trabajo: #FFE8D2;
    --etiqueta_trabajo: #FFBD7B;
    /* Colores para Secretaría de Turismo */
    --primario_turismo: #8A84D6;
    --hover_turismo: #4C4789;
    --background_turismo: #E7E4F6;
    --etiqueta_turismo: #B9B3E7;
    /* Colores para Coordinación del Ecosistema Educativo "Legado Nuevo León" */
    --primario_ecosistema_educativo: #051C2C;
    --hover_ecosistema_educativo: #192F3F;
    --background_ecosistema_educativo: #B6CBD3;
    --etiqueta_ecosistema_educativo: #405664;
    /* Colores para Gabinete buen gobierno */
    --primario_buen_gobierno: #F7A000;
    --hover_buen_gobierno: #DA8824;
    --background_buen_gobierno: #FCECD9;
    --etiqueta_buen_gobierno: #FFC27A;
    /* Colores para Gabinete de riqueza sostenible */
    --primario_riqueza: #006E43;
    --hover_riqueza: #005640;
    --background_riqueza: #CFDDBB;
    --etiqueta_riqueza: #348F41;
    /* Colores para Gabinete igualdad para todas las personas */
    --primario_igualdad: #410099;
    --hover_igualdad: #230871;
    --background_igualdad: #DCDAE9;
    --etiqueta_igualdad: #8A84D6;
    /* Colores para Amar a Nuevo León */
    --primario_amar: #A48A59;
    --hover_amar: #CC6002;
    --background_amar: #DBD0BD;
    --etiqueta_amar: #FFB532;
    /* Colores para Centro de Gobierno */
    --primario_centro_gobierno: #051C2C;
    --hover_centro_gobierno: #192F3F;
    --background_centro_gobierno: #B6CBD3;
    --etiqueta_centro_gobierno: #405664;
    /* Colores para Consejería Jurídica del Gobernador */
    --primario_consejeria_gobernador: #051C2C;
    --hover_consejeria_gobernador: #192F3F;
    --background_consejeria_gobernador: #B6CBD3;
    --etiqueta_consejeria_gobernador: #405664;
    /* Colores para Oficina de Comunicación */
    --primario_oficina_comunicacion: #051C2C;
    --hover_oficina_comunicacion: #192F3F;
    --background_oficina_comunicacion: #B6CBD3;
    --etiqueta_oficina_comunicacion: #405664;
    /* Colores para Oficina Ejecutiva */
    --primario_oficina_ejecutiva: #051C2C;
    --hover_oficina_ejecutiva: #192F3F;
    --background_oficina_ejecutiva: #B6CBD3;
    --etiqueta_oficina_ejecutiva: #405664;
    /* Colores para Oficina de Representación */
    --primario_oficina_representacion: #051C2C;
    --hover_oficina_representacion: #192F3F;
    --background_oficina_representacion: #B6CBD3;
    --etiqueta_oficina_representacion: #405664;
    /* Colores para Sistema Estatal de Información */
    --primario_secretaria_informacion: #051C2C;
    --hover_secretaria_informacion: #192F3F;
    --background_secretaria_informacion: #B6CBD3;
    --etiqueta_secretaria_informacion: #405664;
    /* Colores para Secretaría Particular */
    --primario_secretaria_particular: #051C2C;
    --hover_secretaria_particular: #192F3F;
    --background_secretaria_particular: #B6CBD3;
    --etiqueta_secretaria_particular: #405664;
    /* Colores para Secretaría Técnica de Gobierno */
    --primario_secretaria_tecnica: #051C2C;
    --hover_secretaria_tecnica: #192F3F;
    --background_secretaria_tecnica: #B6CBD3;
    --etiqueta_secretaria_tecnica: #405664;
    /* Colores para Festival Santa Lucía */
    --primario_festival_santa_lucia: #725DFF;
    --hover_festival_santa_lucia: #F05098;
    --background_festival_santa_lucia: #E0DBFF;
    --etiqueta_festival_santa_lucia: #9B51E0;
    /* Colores para FIDECITRUS */
    --primario_fidecitrus: #FD5F5F;
    --hover_fidecitrus: #BE4747;
    --background_fidecitrus: #FFDFDF;
    --etiqueta_fidecitrus: #FD7F7F;
    /* Colores para FIDEPROES */
    --primario_fideprodes: #4B858E;
    --hover_fideprodes: #007481;
    --background_fideprodes: #dae5e7;
    --etiqueta_fideprodes: #709ca3;
    /* Colores para FIDESUR */
    --primario_fidesur: #FD5F5F;
    --hover_fidesur: #BE4747;
    --background_fidesur: #FFDFDF;
    --etiqueta_fidesur: #FD7F7F;
    /* Colores para FOCRECE */
    --primario_focrece: #678DAE;
    --hover_focrece: #2A465A;
    --background_focrece: #DDE6ED;
    --etiqueta_focrece: #6A9ECC;
    /* Colores para Fomerrey */
    --primario_fomerrey: #643A7B;
    --hover_fomerrey: #4A3262;
    --background_fomerrey: #E9DEF3;
    --etiqueta_fomerrey: #9071A3;
    /* Colores para Fondo Editorial de Nuevo León */
    --primario_fondo_editorial: #AB0534;
    --hover_fondo_editorial: #860A32;
    --background_fondo_editorial: #ECC7D2;
    --etiqueta_fondo_editorial: #CF2E2E;
    /* Colores para Fideicomiso Puente Internacional Solidaridad */
    --primario_puente_colombia: #312E41;
    --hover_puente_colombia: #051C2C;
    --background_puente_colombia: #D1D1D5;
    --etiqueta_puente_colombia: #433C67;
    /* Colores para SINTRAM */
    --primario_sintram: #009900;
    --hover_sintram: #026F0F;
    --background_sintram: #C6E8C6;
    --etiqueta_sintram: #52C052;
    /* Colores para Fideicomiso Vida Silvestre */
    --primario_vida_silvestre: #4B8552;
    --hover_vida_silvestre: #1A5632;
    --background_vida_silvestre: #DAF6E4;
    --etiqueta_vida_silvestre: #72A47A;
    /* Colores para Fideicomiso del Desarrollo Urbano */
    --primario_fideurb: #73CC80;
    --hover_fideurb: #2D8C3B;
    --background_fideurb: #E1F7E4;
    --etiqueta_fideurb: #97DEA1;
    /* Colores para CECyTE */
    --primario_cecyte: #6EC2B1;
    --hover_cecyte: #3B9184;
    --background_cecyte: #D7F0EA;
    --etiqueta_cecyte: #AFE0D5;
    /* Colores para CONALEP */
    --primario_conalep: #009673;
    --hover_conalep: #13322B;
    --background_conalep: #F6F6F6;
    --etiqueta_conalep: #09644F;
    /* Colores para CONARTE */
    --primario_conarte: #1D1D1B;
    --hover_conarte: #E6540F;
    --background_conarte: #BABABA;
    --etiqueta_conarte: #C8017D;
    /* Colores para DIF */
    --primario_dif: #AF8C55;
    --hover_dif: #8c6642;
    --background_dif: #ece6d5;
    --etiqueta_dif: #c4ac80;
    /* Colores para ICET */
    --primario_icet: #003469;
    --hover_icet: #77B322;
    --background_icet: #CED7E2;
    --etiqueta_icet: #E3882B;
    /* Colores para ICIFED */
    --primario_icifed: #00CE7C;
    --hover_icifed: #05A86B;
    --background_icifed: #D1F2E0;
    --etiqueta_icifed: #5DDEA8;
    /* Colores para ICV */
    --primario_icv: #B61C3E;
    --hover_icv: #010102;
    --background_icv: #FFDDD3;
    --etiqueta_icv: #E8E8E7;
    /* Colores para IIIEPE */
    --primario_iiiepe: #E63E52;
    --hover_iiiepe: #A84850;
    --background_iiiepe: #FCEAEC;
    --etiqueta_iiiepe: #FF7866;
    /* Colores para Instituto de la Defensoría Pública */
    --primario_instituto_defensoria: #051C2C;
    --hover_instituto_defensoria: #192F3F;
    --background_instituto_defensoria: #B6CBD3;
    --etiqueta_instituto_defensoria: #405664;
    /* Colores para Instituto de Innovación y Transferencia Tecnológica de Nuevo León */
    --primario_instituto_innovacion: #CD372A;
    --hover_instituto_innovacion: #A4322B;
    --background_instituto_innovacion: #FFDDD3;
    --etiqueta_instituto_innovacion: #E38175;
    /* Colores para IRC */
    --primario_irc: #2C4851;
    --hover_irc: #004750;
    --background_irc: #AAC6C9;
    --etiqueta_irc: #7DA9B7;
    /* Colores para ISSSTELEON */
    --primario_isssteleon: #99CA3C;
    --hover_isssteleon: #4D4A4B;
    --background_isssteleon: #C4C4C4;
    --etiqueta_isssteleon: #00833C;
    /* Colores para OSETUR */
    --primario_osetur: #8A84D6;
    --hover_osetur: #4C4789;
    --background_osetur: #E7E4F6;
    --etiqueta_osetur: #B9B3E7;
    /* Colores para Parque Fundidora */
    --primario_parque_fundidora: #4D4DFF;
    --hover_parque_fundidora: #2B2B8E;
    --background_parque_fundidora: #D7D7FF;
    --etiqueta_parque_fundidora: #8888FF;
    /* Colores para PRODERLEON */
    --primario_proderleon: #FD5F5F;
    --hover_proderleon: #BE4747;
    --background_proderleon: #FFDFDF;
    --etiqueta_proderleon: #FD7F7F;
    /* Colores para Red Estatal de Autopistas de Nuevo León */
    --primario_rea: #73CC80;
    --hover_rea: #2D8C3B;
    --background_rea: #E1F7E4;
    --etiqueta_rea: #97DEA1;
    /* Colores para Servicios de Agua y Drenaje de Monterrey */
    --primario_agua_drenaje: #003973;
    --hover_agua_drenaje: #3898EC;
    --background_agua_drenaje: #DEEEFC;
    --etiqueta_agua_drenaje: #1C68AF;
    /* Colores para SIMEPRODE */
    --primario_simeprode: #BBD147;
    --hover_simeprode: #7B921E;
    --background_simeprode: #F2F6D1;
    --etiqueta_simeprode: #D2E274;
    /* Colores para Sistema de Caminos */
    --primario_sistema_caminos: #73CC80;
    --hover_sistema_caminos: #2D8C3B;
    --background_sistema_caminos: #E1F7E4;
    --etiqueta_sistema_caminos: #97DEA1;
    /* Colores para Sistema de Transporte Colectivo Metrorrey */
    --primario_metrorrey: #00BC70;
    --hover_metrorrey: #1A5632;
    --background_metrorrey: #DAF6E4;
    --etiqueta_metrorrey: #95E1BF;
    /* Colores para Sistema de Radio y Televisión de Nuevo León */
    --primario_sistema_radio_television: #626FB3;
    --hover_sistema_radio_television: #425CC7;
    --background_sistema_radio_television: #E5E8F7;
    --etiqueta_sistema_radio_television: #969FCC;
    /* Colores para Unidad de Integración Educativa */
    --primario_integracion_educativa: #00C4B3;
    --hover_integracion_educativa: #009386;
    --background_integracion_educativa: #D2F3EE;
    --etiqueta_integracion_educativa: #00D1C2;
    /* Colores para Universidad de Apodaca */
    --primario_universidad_apodaca: #FBCD18;
    --hover_universidad_apodaca: #CA9A29;
    --background_universidad_apodaca: #F9F4E7;
    --etiqueta_universidad_apodaca: #FFE682;
    /* Colores para Universidad Ciencias de la Seguridad */
    --primario_universidad_seguridad: #051C2C;
    --hover_universidad_seguridad: #030E16;
    --background_universidad_seguridad: #C7CBD0;
    --etiqueta_universidad_seguridad: #616D79;
    /* Colores para UT Santa Catarina */
    --primario_ut_santa_catarina: #009A66;
    --hover_ut_santa_catarina: #057F5A;
    --background_ut_santa_catarina: #D1F2E0;
    --etiqueta_ut_santa_catarina: #11BB77;
    /* Colores para CODEFRONT */
    --primario_codefront: #FD5F5F;
    --hover_codefront: #BE4747;
    --background_codefront: #FFDFDF;
    --etiqueta_codefront: #FD7F7F;
    /* Colores para CODETUR */
    --primario_codetur: #8A84D6;
    --hover_codetur: #4C4789;
    --background_codetur: #E7E4F6;
    --etiqueta_codetur: #B9B3E7;
    /* Colores para IEPAM */
    --primario_iepam: #430A9B;
    --hover_iepam: #5A4594;
    --background_iepam: #E7E4F6;
    --etiqueta_iepam: #814CB4;
    /* Colores para INDE */
    --primario_inde: #051C2C;
    --hover_inde: #192F3F;
    --background_inde: #B6CBD3;
    --etiqueta_inde: #405664;
    /* Colores para INJUVE */
    --primario_injuve: #DF1683;
    --hover_injuve: #A71162;
    --background_injuve: #FDD8E4;
    --etiqueta_injuve: #EA5C9A;
    /* Colores para Instituto de Movilidad y Accesibilidad de Nuevo León */
    --primario_instituto_movilidad: #73CC80;
    --hover_instituto_movilidad: #2D8C3B;
    --background_instituto_movilidad: #E1F7E4;
    --etiqueta_instituto_movilidad: #97DEA1;
    /* Colores para Instituto Estatal de Mujeres */
    --primario_instituto_mujeres: #9164CC;
    --hover_instituto_mujeres: #533280;
    --background_instituto_mujeres: #E9DEF4;
    --etiqueta_instituto_mujeres: #A882D7;
    /* Colores para Instituto de la Vivienda */
    --primario_instituto_vivienda: #612272;
    --hover_instituto_vivienda: #3F2254;
    --background_instituto_vivienda: #E9DEF3;
    --etiqueta_instituto_vivienda: #8E619D;
    /* Colores para Parques y Vida Silvestre de Nuevo León */
    --primario_parques_vida_silvestre: #4B8552;
    --hover_parques_vida_silvestre: #1A5632;
    --background_parques_vida_silvestre: #DAF6E4;
    --etiqueta_parques_vida_silvestre: #72A47A;
    /* Colores para Unidad de Igualdad y Género */
    --primario_unidad_igualdad_genero: #9164CC;
    --hover_unidad_igualdad_genero: #533280;
    --background_unidad_igualdad_genero: #E9DEF4;
    --etiqueta_unidad_igualdad_genero: #A882D7;
    /* Colores para Junta Local de Conciliación y Arbitraje */
    --primario_junta_local: #FF9015;
    --hover_junta_local: #BF6C10;
    --background_junta_local: #FFE8D2;
    --etiqueta_junta_local: #FFBD7B;
    /* Colores para Tribunal de Arbitraje del Estado de Nuevo León */
    --primario_tribunal_arbitraje: #051C2C;
    --hover_tribunal_arbitraje: #192F3F;
    --background_tribunal_arbitraje: #B6CBD3;
    --etiqueta_tribunal_arbitraje: #405664;
    /* Colores para Doscientos Aniversario */
    --primario_doscientos: #FF9163;
    --hover_doscientos: #FFB96A;
    --background_doscientos: #FFDACB;
    --etiqueta_doscientos: #00BCEB;
    /* Colores para Subsecretaría de Administración Tributaria */
    --primario_sat: #DC463B;
    --hover_sat: #B6291F;
    --background_sat: #FEE4E2;
    --etiqueta_sat: #F67C73;
    /* Colores para Comisión Estatal de Arbitraje Médico  */
    --primario_coesamed: #4BA6DE;
    --hover_coesamed: #007DA9;
    --background_coesamed: #CEEDF4;
    --etiqueta_coesamed: #44B8E7;
    /* Colores para Compro NL */
    --primario_compro: #051C2C;
    --hover_compro: #006098;
    --background_compro: #DCF1F8;
    --etiqueta_compro: #95D4E9;
    /* Colores para Datos Abiertos */
    --primario_datos_abiertos: #45548F;
    --hover_datos_abiertos: #223270;
    --background_datos_abiertos: #DDE4F2;
    --etiqueta_datos_abiertos: #4C62A9;
    /* Colores para Empleón */
    --primario_empleon: #0E9CA4;
    --hover_empleon: #11585E;
    --background_empleon: #F0FDFC;
    --etiqueta_empleon: #14B3B8;
    /* Colores para Comisión Mejora Regulatoria */
    --primario_mejora_regulatoria: #17A4CC;
    --hover_mejora_regulatoria: #188AAC;
    --background_mejora_regulatoria: #CEEDF4;
    --etiqueta_mejora_regulatoria: #98D7E8;
    /* Colores para Nuevo León Travel */
    --primario_nl_travel: #1262FF;
    --hover_nl_travel: #FF7175;
    --background_nl_travel: #DAE2FF;
    --etiqueta_nl_travel: #071C49;
    /* Colores para Oficina de Convenciones y Visitantes */
    --primario_ocvmty: #252525;
    --hover_ocvmty: #3083B8;
    --background_ocvmty: #DDDDDD;
    --etiqueta_ocvmty: #4995D1;
    /* Colores para Plataforma Aprendiendo */
    --primario_aprendiendo: #4B858E;
    --hover_aprendiendo: #007481;
    --background_aprendiendo: #dae5e7;
    --etiqueta_aprendiendo: #709ca3;
    /* Colores para Instituto de Profesionalización */
    --primario_profesionalizacion: #4B858E;
    --hover_profesionalizacion: #007481;
    --background_profesionalizacion: #dae5e7;
    --etiqueta_profesionalizacion: #709ca3;
    /* Colores para Protección Civil */
    --primario_proteccion_civil: #585F5A;
    --hover_proteccion_civil: #F49B05;
    --background_proteccion_civil: #C1C1C1;
    --etiqueta_proteccion_civil: #F8BC58;
    /* Colores para PROVEE */
    --primario_provee: #0B4F52;
    --hover_provee: #002F34;
    --background_provee: #EEFFFD;
    --etiqueta_provee: #027F83;
    /* Colores para VÍA */
    --primario_via: #3156A6;
    --hover_via: #264382;
    --background_via: #E3EAF7;
    --etiqueta_via: #4A72CA;
    /* Colores para NLínea */
    --primario_nlinea: #051C2C;
    --hover_nlinea: #192F3F;
    --background_nlinea: #B6CBD3;
    --etiqueta_nlinea: #405664;
    /* Colores para Color secundario */
    --color_secundario: #FF8400; /*dorado_institucional*/
    --color_secundario_hover: #CC6002;
    --color_dorado_background: #FFF5D3;
    --color_secundario_etiqueta: #FFB532;
    /* Colores para Cadenas productivas */
    --primario_cadenas_productivas: #00A6CE;
    --hover_cadenas_productivas: #005367;
    --background_cadenas_productivas: #CFEDF4;
    --etiqueta_cadenas_productivas: #5FCAE1;
    /* Colores para Comisión Ejecutiva Estatal de Atención a Víctimas */
    --primario_atencion_victimas: #2C4851;
    --hover_atencion_victimas: #182D34;
    --background_atencion_victimas: #BCE2E5;
    --etiqueta_atencion_victimas: #357785;
    /* Colores para Comisión Local de Búsqueda de Personas */
    --primario_busqueda_personas: #2C4851;
    --hover_busqueda_personas: #182D34;
    --background_busqueda_personas: #BCE2E5;
    --etiqueta_busqueda_personas: #357785;
    /* Colores para ConectaTi */
    --primario_conectati: #00C4B3;
    --hover_conectati: #02837C;
    --background_conectati: #EEFFFB;
    --etiqueta_conectati: #00CDBB;
}

    /* colores de accesibilidad al 20% para Secretaría de Administración */
    .administracion.es_accesible:root,
    :root .administracion.es_accesible {
        --color_primario: rgb(96.7, 117.1298507463, 120.3);
        --color_primario_hover: rgb(12.9, 105.7, 116.1);
        --color_primario_background: rgb(224.1, 224.7769230769, 224.9);
        --color_primario_etiqueta: rgb(135.5, 138.9509803922, 139.5);
    }

    /* colores de la clase individual para Secretaría de Administración */
    .administracion:root,
    :root .administracion {
        --color_primario: var(--primario_administracion);
        --color_primario_hover: var(--hover_administracion);
        --color_primario_background: var(--background_administracion);
        --color_primario_etiqueta: var(--etiqueta_administracion);
    }

    /* colores de accesibilidad al 20% para Secretaría de Desarrollo Regional y Agropecuario */
    .agropecuario.es_accesible:root,
    :root .agropecuario.es_accesible {
        --color_primario: rgb(236.8, 111.2, 111.2);
        --color_primario_hover: rgb(165.1, 95.9, 95.9);
        --color_primario_background: rgb(251.8, 226.2, 226.2);
        --color_primario_etiqueta: #f08c8c;
    }

    /* colores de la clase individual para Secretaría de Desarrollo Regional y Agropecuario */
    .agropecuario:root,
    :root .agropecuario {
        --color_primario: var(--primario_agropecuario);
        --color_primario_hover: var(--hover_agropecuario);
        --color_primario_background: var(--background_agropecuario);
        --color_primario_etiqueta: var(--etiqueta_agropecuario);
    }

    /* colores de accesibilidad al 20% para Secretaría de Contraloría */
    .contraloria.es_accesible:root,
    :root .contraloria.es_accesible {
        --color_primario: rgb(222.3, 152.7, 24.7);
        --color_primario_hover: rgb(166.5, 114.5, 18.5);
        --color_primario_background: rgb(247.7, 234.3775510204, 209.3);
        --color_primario_etiqueta: rgb(228, 172.8484848485, 72);
    }

    /* colores de la clase individual para Secretaría de Contraloría */
    .contraloria:root,
    :root .contraloria {
        --color_primario: var(--primario_contraloria);
        --color_primario_hover: var(--hover_contraloria);
        --color_primario_background: var(--background_contraloria);
        --color_primario_etiqueta: var(--etiqueta_contraloria);
    }

    /* colores de accesibilidad al 20% para Secretaría de Cultura */
    .cultura.es_accesible:root,
    :root .cultura.es_accesible {
        --color_primario: rgb(144.2, 156.5086956522, 203.8);
        --color_primario_hover: rgb(90.2, 96.6054054054, 121.8);
        --color_primario_background: rgb(232.4, 234.2666666667, 243.6);
        --color_primario_etiqueta: rgb(166.9, 175.9520547945, 214.1);
    }

    /* colores de la clase individual para Secretaría de Cultura */
    .cultura:root,
    :root .cultura {
        --color_primario: var(--primario_cultura);
        --color_primario_hover: var(--hover_cultura);
        --color_primario_background: var(--background_cultura);
        --color_primario_etiqueta: var(--etiqueta_cultura);
    }

    /* colores de accesibilidad al 20% para Secretaría de Economía */
    .economia.es_accesible:root,
    :root .economia.es_accesible {
        --color_primario: rgb(20.6, 153.4, 185.4);
        --color_primario_hover: rgb(10.3, 76.7, 92.7);
        --color_primario_background: rgb(212.9, 233.3324324324, 238.1);
        --color_primario_etiqueta: rgb(114, 189.7230769231, 206);
    }

    /* colores de la clase individual para Secretaría de Economía */
    .economia:root,
    :root .economia {
        --color_primario: var(--primario_economia);
        --color_primario_hover: var(--hover_economia);
        --color_primario_background: var(--background_economia);
        --color_primario_etiqueta: var(--etiqueta_economia);
    }

    /* colores de accesibilidad al 20% para Secretaría de Educación */
    .educacion.es_accesible:root,
    :root .educacion.es_accesible {
        --color_primario: rgb(19.6, 176.4, 162.8);
        --color_primario_hover: rgb(14.7, 132.3, 121.9);
        --color_primario_background: rgb(215.7, 237.3, 234.0272727273);
        --color_primario_etiqueta: rgb(20.9, 188.1, 176.1);
    }

    /* colores de la clase individual para Secretaría de Educación */
    .educacion:root,
    :root .educacion {
        --color_primario: var(--primario_educacion);
        --color_primario_hover: var(--hover_educacion);
        --color_primario_background: var(--background_educacion);
        --color_primario_etiqueta: var(--etiqueta_educacion);
    }

    /* colores de accesibilidad al 20% para Secretaría General de Gobierno */
    .general.es_accesible:root,
    :root .general.es_accesible {
        --color_primario: rgb(56.5, 65.5810810811, 68.5);
        --color_primario_hover: rgb(31.6, 41.2, 44.4);
        --color_primario_background: rgb(197.3, 218.0609756098, 219.7);
        --color_primario_etiqueta: rgb(71.6, 106.91, 114.4);
    }

    /* colores de la clase individual para Secretaría General de Gobierno */
    .general:root,
    :root .general {
        --color_primario: var(--primario_general);
        --color_primario_hover: var(--hover_general);
        --color_primario_background: var(--background_general);
        --color_primario_etiqueta: var(--etiqueta_general);
    }

    /* colores de accesibilidad al 20% para Secretaría de Igualdad e Inclusión */
    .inclusion.es_accesible:root,
    :root .inclusion.es_accesible {
        --color_primario: rgb(198.5, 46.5, 128.9278606965);
        --color_primario_hover: rgb(148.6, 35.4, 96.528);
        --color_primario_background: rgb(248.9, 220.1, 229.4405405405);
        --color_primario_etiqueta: rgb(215.6, 110.4, 156.3323943662);
    }

    /* colores de la clase individual para Secretaría de Igualdad e Inclusión */
    .inclusion:root,
    :root .inclusion {
        --color_primario: var(--primario_inclusion);
        --color_primario_hover: var(--hover_inclusion);
        --color_primario_background: var(--background_inclusion);
        --color_primario_etiqueta: var(--etiqueta_inclusion);
    }

    /* colores de accesibilidad al 20% para Secretaría de Medio Ambiente */
    .ambiente.es_accesible:root,
    :root .ambiente.es_accesible {
        --color_primario: rgb(18.8, 169.2, 108.4);
        --color_primario_hover: rgb(14.1, 126.9, 81.3);
        --color_primario_background: rgb(214.9, 236.1, 224.5363636364);
        --color_primario_etiqueta: rgb(126.5, 198.5, 165.4724770642);
    }

    /* colores de la clase individual para Secretaría de Medio Ambiente */
    .ambiente:root,
    :root .ambiente {
        --color_primario: var(--primario_ambiente);
        --color_primario_hover: var(--hover_ambiente);
        --color_primario_background: var(--background_ambiente);
        --color_primario_etiqueta: var(--etiqueta_ambiente);
    }

    /* colores de accesibilidad al 20% para Secretaría de Movilidad */
    .movilidad.es_accesible:root,
    :root .movilidad.es_accesible {
        --color_primario: rgb(134.1, 184.9, 141.5202247191);
        --color_primario_hover: rgb(63.5, 121.5, 72.0473684211);
        --color_primario_background: rgb(228.8, 243.2, 230.7636363636);
        --color_primario_etiqueta: rgb(164.7, 208.3, 170.8408450704);
    }

    /* colores de la clase individual para Secretaría de Movilidad */
    .movilidad:root,
    :root .movilidad {
        --color_primario: var(--primario_movilidad);
        --color_primario_hover: var(--hover_movilidad);
        --color_primario_background: var(--background_movilidad);
        --color_primario_etiqueta: var(--etiqueta_movilidad);
    }

    /* colores de accesibilidad al 20% para Secretaría de Mujeres */
    .mujeres.es_accesible:root,
    :root .mujeres.es_accesible {
        --color_primario: rgb(147.7730769231, 120.6, 183.4);
        --color_primario_hover: rgb(85.7384615385, 67.8, 110.2);
        --color_primario_background: rgb(233, 226.4, 239.6);
        --color_primario_etiqueta: rgb(169.7470588235, 146.5, 198.5);
    }

    /* colores de la clase individual para Secretaría de Mujeres */
    .mujeres:root,
    :root .mujeres {
        --color_primario: var(--primario_mujeres);
        --color_primario_hover: var(--hover_mujeres);
        --color_primario_background: var(--background_mujeres);
        --color_primario_etiqueta: var(--etiqueta_mujeres);
    }

    /* colores de accesibilidad al 20% para Secretaría de Participación Ciudadana */
    .participacion.es_accesible:root,
    :root .participacion.es_accesible {
        --color_primario: rgb(229.5, 111.1, 25.5);
        --color_primario_hover: rgb(119.3, 66.3082644628, 27.7);
        --color_primario_background: rgb(249.4, 226.2, 204.6);
        --color_primario_etiqueta: rgb(232.3, 140.3, 50.7);
    }

    /* colores de la clase individual para Secretaría de Participación Ciudadana */
    .participacion:root,
    :root .participacion {
        --color_primario: var(--primario_participacion);
        --color_primario_hover: var(--hover_participacion);
        --color_primario_background: var(--background_participacion);
        --color_primario_etiqueta: var(--etiqueta_participacion);
    }

    /* colores de accesibilidad al 20% para Secretaría de Salud */
    .salud.es_accesible:root,
    :root .salud.es_accesible {
        --color_primario: rgb(22.5, 156.1, 202.5);
        --color_primario_hover: rgb(16.9, 116.9, 152.1);
        --color_primario_background: rgb(219.7, 234.7181818182, 243.3);
        --color_primario_etiqueta: rgb(89.1, 175.0680981595, 209.9);
    }

    /* colores de la clase individual para Secretaría de Salud */
    .salud:root,
    :root .salud {
        --color_primario: var(--primario_salud);
        --color_primario_hover: var(--hover_salud);
        --color_primario_background: var(--background_salud);
        --color_primario_etiqueta: var(--etiqueta_salud);
    }

    /* colores de accesibilidad al 20% para Secretaría de Seguridad */
    .seguridad.es_accesible:root,
    :root .seguridad.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(5.5, 13.6052631579, 19.5);
        --color_primario_background: rgb(203.5, 203.5, 203.5);
        --color_primario_etiqueta: #6d6d6d;
    }

    /* colores de la clase individual para Secretaría de Seguridad */
    .seguridad:root,
    :root .seguridad {
        --color_primario: var(--primario_seguridad);
        --color_primario_hover: var(--hover_seguridad);
        --color_primario_background: var(--background_seguridad);
        --color_primario_etiqueta: var(--etiqueta_seguridad);
    }

    /* colores de accesibilidad al 20% para Secretaría de Tesorería */
    .tesoreria.es_accesible:root,
    :root .tesoreria.es_accesible {
        --color_primario: rgb(196.9, 89.9434782609, 82.1);
        --color_primario_hover: rgb(160.7, 59.478807947, 52.3);
        --color_primario_background: rgb(251, 230.5714285714, 229);
        --color_primario_etiqueta: rgb(231.1, 136.8526717557, 129.9);
    }

    /* colores de la clase individual para Secretaría de Tesorería */
    .tesoreria:root,
    :root .tesoreria {
        --color_primario: var(--primario_tesoreria);
        --color_primario_hover: var(--hover_tesoreria);
        --color_primario_background: var(--background_tesoreria);
        --color_primario_etiqueta: var(--etiqueta_tesoreria);
    }

    /* colores de accesibilidad al 20% para Secretaría del Trabajo */
    .trabajo.es_accesible:root,
    :root .trabajo.es_accesible {
        --color_primario: rgb(231.6, 142.8, 44.4);
        --color_primario_hover: rgb(170.3, 106.9354285714, 36.7);
        --color_primario_background: rgb(250.5, 232.1, 214.5);
        --color_primario_etiqueta: rgb(241.8, 189, 136.2);
    }

    /* colores de la clase individual para Secretaría del Trabajo */
    .trabajo:root,
    :root .trabajo {
        --color_primario: var(--primario_trabajo);
        --color_primario_hover: var(--hover_trabajo);
        --color_primario_background: var(--background_trabajo);
        --color_primario_etiqueta: var(--etiqueta_trabajo);
    }

    /* colores de accesibilidad al 20% para Secretaría de Turismo */
    .turismo.es_accesible:root,
    :root .turismo.es_accesible {
        --color_primario: rgb(152, 148.4, 197.6);
        --color_primario_hover: rgb(93.6484848485, 91.8, 116.2);
        --color_primario_background: rgb(233.4, 231.6, 242.4);
        --color_primario_etiqueta: rgb(192.6923076923, 189, 221);
    }

    /* colores de la clase individual para Secretaría de Turismo */
    .turismo:root,
    :root .turismo {
        --color_primario: var(--primario_turismo);
        --color_primario_hover: var(--hover_turismo);
        --color_primario_background: var(--background_turismo);
        --color_primario_etiqueta: var(--etiqueta_turismo);
    }

    /* colores de accesibilidad al 20% para Coordinación del Ecosistema Educativo "Legado Nuevo León" */
    .ecosistema_educativo.es_accesible:root,
    :root .ecosistema_educativo.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para Coordinación del Ecosistema Educativo "Legado Nuevo León" */
    .ecosistema_educativo:root,
    :root .ecosistema_educativo {
        --color_primario: var(--primario_ecosistema_educativo);
        --color_primario_hover: var(--hover_ecosistema_educativo);
        --color_primario_background: var(--background_ecosistema_educativo);
        --color_primario_etiqueta: var(--etiqueta_ecosistema_educativo);
    }

    /* colores de accesibilidad al 20% para Gabinete buen gobierno */
    .buen_gobierno.es_accesible:root,
    :root .buen_gobierno.es_accesible {
        --color_primario: rgb(222.3, 152.7, 24.7);
        --color_primario_hover: rgb(192.6, 133.4879120879, 61.4);
        --color_primario_background: rgb(247.9, 235.6485714286, 221.1);
        --color_primario_etiqueta: rgb(241.7, 192.9, 135.3);
    }

    /* colores de la clase individual para Gabinete buen gobierno */
    .buen_gobierno:root,
    :root .buen_gobierno {
        --color_primario: var(--primario_buen_gobierno);
        --color_primario_hover: var(--hover_buen_gobierno);
        --color_primario_background: var(--background_buen_gobierno);
        --color_primario_etiqueta: var(--etiqueta_buen_gobierno);
    }

    /* colores de accesibilidad al 20% para Gabinete de riqueza sostenible */
    .riqueza.es_accesible:root,
    :root .riqueza.es_accesible {
        --color_primario: rgb(11, 99, 64.6);
        --color_primario_hover: rgb(8.6, 77.4, 59.8);
        --color_primario_background: rgb(205.2, 210.8, 197.2);
        --color_primario_etiqueta: rgb(71.5, 123.5, 78.9285714286);
    }

    /* colores de la clase individual para Gabinete de riqueza sostenible */
    .riqueza:root,
    :root .riqueza {
        --color_primario: var(--primario_riqueza);
        --color_primario_hover: var(--hover_riqueza);
        --color_primario_background: var(--background_riqueza);
        --color_primario_etiqueta: var(--etiqueta_riqueza);
    }

    /* colores de accesibilidad al 20% para Gabinete igualdad para todas las personas */
    .igualdad.es_accesible:root,
    :root .igualdad.es_accesible {
        --color_primario: rgb(67.3, 15.3, 137.7);
        --color_primario_hover: rgb(40.8771428571, 20.1, 100.9);
        --color_primario_background: rgb(224.3266666667, 223.9, 227.1);
        --color_primario_etiqueta: rgb(152, 148.4, 197.6);
    }

    /* colores de la clase individual para Gabinete igualdad para todas las personas */
    .igualdad:root,
    :root .igualdad {
        --color_primario: var(--primario_igualdad);
        --color_primario_hover: var(--hover_igualdad);
        --color_primario_background: var(--background_igualdad);
        --color_primario_etiqueta: var(--etiqueta_igualdad);
    }

    /* colores de accesibilidad al 20% para Amar a Nuevo León */
    .amar.es_accesible:root,
    :root .amar.es_accesible {
        --color_primario: rgb(138.7, 130.2413333333, 114.3);
        --color_primario_hover: rgb(183.4, 97.4277227723, 22.6);
        --color_primario_background: rgb(208.8, 205.28, 199.2);
        --color_primario_etiqueta: rgb(234.5, 175.3, 70.5);
    }

    /* colores de la clase individual para Amar a Nuevo León */
    .amar:root,
    :root .amar {
        --color_primario: var(--primario_amar);
        --color_primario_hover: var(--hover_amar);
        --color_primario_background: var(--background_amar);
        --color_primario_etiqueta: var(--etiqueta_amar);
    }

    /* colores de accesibilidad al 20% para Centro de Gobierno */
    .centro_gobierno.es_accesible:root,
    :root .centro_gobierno.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para Centro de Gobierno */
    .centro_gobierno:root,
    :root .centro_gobierno {
        --color_primario: var(--primario_centro_gobierno);
        --color_primario_hover: var(--hover_centro_gobierno);
        --color_primario_background: var(--background_centro_gobierno);
        --color_primario_etiqueta: var(--etiqueta_centro_gobierno);
    }

    /* colores de accesibilidad al 20% para Consejería Jurídica del Gobernador */
    .consejeria_gobernador.es_accesible:root,
    :root .consejeria_gobernador.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para Consejería Jurídica del Gobernador */
    .consejeria_gobernador:root,
    :root .consejeria_gobernador {
        --color_primario: var(--primario_consejeria_gobernador);
        --color_primario_hover: var(--hover_consejeria_gobernador);
        --color_primario_background: var(--background_consejeria_gobernador);
        --color_primario_etiqueta: var(--etiqueta_consejeria_gobernador);
    }

    /* colores de accesibilidad al 20% para Oficina de Comunicación */
    .oficina_comunicacion.es_accesible:root,
    :root .oficina_comunicacion.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para Oficina de Comunicación */
    .oficina_comunicacion:root,
    :root .oficina_comunicacion {
        --color_primario: var(--primario_oficina_comunicacion);
        --color_primario_hover: var(--hover_oficina_comunicacion);
        --color_primario_background: var(--background_oficina_comunicacion);
        --color_primario_etiqueta: var(--etiqueta_oficina_comunicacion);
    }

    /* colores de accesibilidad al 20% para Oficina Ejecutiva */
    .oficina_ejecutiva.es_accesible:root,
    :root .oficina_ejecutiva.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para Oficina Ejecutiva */
    .oficina_ejecutiva:root,
    :root .oficina_ejecutiva {
        --color_primario: var(--primario_oficina_ejecutiva);
        --color_primario_hover: var(--hover_oficina_ejecutiva);
        --color_primario_background: var(--background_oficina_ejecutiva);
        --color_primario_etiqueta: var(--etiqueta_oficina_ejecutiva);
    }

    /* colores de accesibilidad al 20% para Oficina de Representación */
    .oficina_representacion.es_accesible:root,
    :root .oficina_representacion.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para Oficina de Representación */
    .oficina_representacion:root,
    :root .oficina_representacion {
        --color_primario: var(--primario_oficina_representacion);
        --color_primario_hover: var(--hover_oficina_representacion);
        --color_primario_background: var(--background_oficina_representacion);
        --color_primario_etiqueta: var(--etiqueta_oficina_representacion);
    }

    /* colores de accesibilidad al 20% para Sistema Estatal de Información */
    .secretaria_informacion.es_accesible:root,
    :root .secretaria_informacion.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para Sistema Estatal de Información */
    .secretaria_informacion:root,
    :root .secretaria_informacion {
        --color_primario: var(--primario_secretaria_informacion);
        --color_primario_hover: var(--hover_secretaria_informacion);
        --color_primario_background: var(--background_secretaria_informacion);
        --color_primario_etiqueta: var(--etiqueta_secretaria_informacion);
    }

    /* colores de accesibilidad al 20% para Secretaría Particular */
    .secretaria_particular.es_accesible:root,
    :root .secretaria_particular.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para Secretaría Particular */
    .secretaria_particular:root,
    :root .secretaria_particular {
        --color_primario: var(--primario_secretaria_particular);
        --color_primario_hover: var(--hover_secretaria_particular);
        --color_primario_background: var(--background_secretaria_particular);
        --color_primario_etiqueta: var(--etiqueta_secretaria_particular);
    }

    /* colores de accesibilidad al 20% para Secretaría Técnica de Gobierno */
    .secretaria_tecnica.es_accesible:root,
    :root .secretaria_tecnica.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para Secretaría Técnica de Gobierno */
    .secretaria_tecnica:root,
    :root .secretaria_tecnica {
        --color_primario: var(--primario_secretaria_tecnica);
        --color_primario_hover: var(--hover_secretaria_tecnica);
        --color_primario_background: var(--background_secretaria_tecnica);
        --color_primario_etiqueta: var(--etiqueta_secretaria_tecnica);
    }

    /* colores de accesibilidad al 20% para Festival Santa Lucía */
    .festival_santa_lucia.es_accesible:root,
    :root .festival_santa_lucia.es_accesible {
        --color_primario: rgb(126, 109.2, 238.8);
        --color_primario_hover: rgb(221, 99, 153.9);
        --color_primario_background: rgb(226.6, 222.6, 251.4);
        --color_primario_etiqueta: rgb(154.2832167832, 101.5, 203.5);
    }

    /* colores de la clase individual para Festival Santa Lucía */
    .festival_santa_lucia:root,
    :root .festival_santa_lucia {
        --color_primario: var(--primario_festival_santa_lucia);
        --color_primario_hover: var(--hover_festival_santa_lucia);
        --color_primario_background: var(--background_festival_santa_lucia);
        --color_primario_etiqueta: var(--etiqueta_festival_santa_lucia);
    }

    /* colores de accesibilidad al 20% para FIDECITRUS */
    .fidecitrus.es_accesible:root,
    :root .fidecitrus.es_accesible {
        --color_primario: rgb(236.8, 111.2, 111.2);
        --color_primario_hover: rgb(165.1, 95.9, 95.9);
        --color_primario_background: rgb(251.8, 226.2, 226.2);
        --color_primario_etiqueta: #f08c8c;
    }

    /* colores de la clase individual para FIDECITRUS */
    .fidecitrus:root,
    :root .fidecitrus {
        --color_primario: var(--primario_fidecitrus);
        --color_primario_hover: var(--hover_fidecitrus);
        --color_primario_background: var(--background_fidecitrus);
        --color_primario_etiqueta: var(--etiqueta_fidecitrus);
    }

    /* colores de accesibilidad al 20% para FIDEPROES */
    .fideprodes.es_accesible:root,
    :root .fideprodes.es_accesible {
        --color_primario: rgb(96.7, 117.1298507463, 120.3);
        --color_primario_hover: rgb(12.9, 105.7, 116.1);
        --color_primario_background: rgb(224.1, 224.7769230769, 224.9);
        --color_primario_etiqueta: rgb(135.5, 138.9509803922, 139.5);
    }

    /* colores de la clase individual para FIDEPROES */
    .fideprodes:root,
    :root .fideprodes {
        --color_primario: var(--primario_fideprodes);
        --color_primario_hover: var(--hover_fideprodes);
        --color_primario_background: var(--background_fideprodes);
        --color_primario_etiqueta: var(--etiqueta_fideprodes);
    }

    /* colores de accesibilidad al 20% para FIDESUR */
    .fidesur.es_accesible:root,
    :root .fidesur.es_accesible {
        --color_primario: rgb(236.8, 111.2, 111.2);
        --color_primario_hover: rgb(165.1, 95.9, 95.9);
        --color_primario_background: rgb(251.8, 226.2, 226.2);
        --color_primario_etiqueta: #f08c8c;
    }

    /* colores de la clase individual para FIDESUR */
    .fidesur:root,
    :root .fidesur {
        --color_primario: var(--primario_fidesur);
        --color_primario_hover: var(--hover_fidesur);
        --color_primario_background: var(--background_fidesur);
        --color_primario_etiqueta: var(--etiqueta_fidesur);
    }

    /* colores de accesibilidad al 20% para FOCRECE */
    .focrece.es_accesible:root,
    :root .focrece.es_accesible {
        --color_primario: rgb(126.3, 139.3591549296, 150.7);
        --color_primario_hover: rgb(55.2, 67.8, 76.8);
        --color_primario_background: rgb(226.2, 229.35, 231.8);
        --color_primario_etiqueta: rgb(126, 156.7755102041, 184);
    }

    /* colores de la clase individual para FOCRECE */
    .focrece:root,
    :root .focrece {
        --color_primario: var(--primario_focrece);
        --color_primario_hover: var(--hover_focrece);
        --color_primario_background: var(--background_focrece);
        --color_primario_etiqueta: var(--etiqueta_focrece);
    }

    /* colores de accesibilidad al 20% para Fomerrey */
    .fomerrey.es_accesible:root,
    :root .fomerrey.es_accesible {
        --color_primario: rgb(94.7092307692, 76.1, 104.9);
        --color_primario_hover: rgb(74, 64.8, 83.2);
        --color_primario_background: rgb(232.7857142857, 226.5, 238.5);
        --color_primario_etiqueta: rgb(138.384, 136.4, 139.6);
    }

    /* colores de la clase individual para Fomerrey */
    .fomerrey:root,
    :root .fomerrey {
        --color_primario: var(--primario_fomerrey);
        --color_primario_hover: var(--hover_fomerrey);
        --color_primario_background: var(--background_fomerrey);
        --color_primario_etiqueta: var(--etiqueta_fomerrey);
    }

    /* colores de accesibilidad al 20% para Fondo Editorial de Nuevo León */
    .fondo_editorial.es_accesible:root,
    :root .fondo_editorial.es_accesible {
        --color_primario: rgb(153.4, 22.6, 59.6337349398);
        --color_primario_hover: rgb(119.6, 24.4, 55.1096774194);
        --color_primario_background: rgb(228.5, 206.5, 213.0405405405);
        --color_primario_etiqueta: rgb(181.7, 71.3, 71.3);
    }

    /* colores de la clase individual para Fondo Editorial de Nuevo León */
    .fondo_editorial:root,
    :root .fondo_editorial {
        --color_primario: var(--primario_fondo_editorial);
        --color_primario_hover: var(--hover_fondo_editorial);
        --color_primario_background: var(--background_fondo_editorial);
        --color_primario_etiqueta: var(--etiqueta_fondo_editorial);
    }

    /* colores de accesibilidad al 20% para Fideicomiso Puente Internacional Solidaridad */
    .puente_colombia.es_accesible:root,
    :root .puente_colombia.es_accesible {
        --color_primario: rgb(55.5, 55.5, 55.5);
        --color_primario_hover: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_background: lightgray;
        --color_primario_etiqueta: rgb(77.9930232558, 76.3, 86.7);
    }

    /* colores de la clase individual para Fideicomiso Puente Internacional Solidaridad */
    .puente_colombia:root,
    :root .puente_colombia {
        --color_primario: var(--primario_puente_colombia);
        --color_primario_hover: var(--hover_puente_colombia);
        --color_primario_background: var(--background_puente_colombia);
        --color_primario_etiqueta: var(--etiqueta_puente_colombia);
    }

    /* colores de accesibilidad al 20% para SINTRAM */
    .sintram.es_accesible:root,
    :root .sintram.es_accesible {
        --color_primario: rgb(15.3, 137.7, 15.3);
        --color_primario_hover: rgb(13.3, 99.7, 23.604587156);
        --color_primario_background: #cee0ce;
        --color_primario_etiqueta: rgb(105.6, 168.4, 105.6);
    }

    /* colores de la clase individual para SINTRAM */
    .sintram:root,
    :root .sintram {
        --color_primario: var(--primario_sintram);
        --color_primario_hover: var(--hover_sintram);
        --color_primario_background: var(--background_sintram);
        --color_primario_etiqueta: var(--etiqueta_sintram);
    }

    /* colores de accesibilidad al 20% para Fideicomiso Vida Silvestre */
    .vida_silvestre.es_accesible:root,
    :root .vida_silvestre.es_accesible {
        --color_primario: rgb(95.8, 112.2, 97.7793103448);
        --color_primario_hover: rgb(37.2, 74.8, 52.24);
        --color_primario_background: rgb(222.6, 241.4, 229.3142857143);
        --color_primario_etiqueta: rgb(137.2, 140.8, 137.776);
    }

    /* colores de la clase individual para Fideicomiso Vida Silvestre */
    .vida_silvestre:root,
    :root .vida_silvestre {
        --color_primario: var(--primario_vida_silvestre);
        --color_primario_hover: var(--hover_vida_silvestre);
        --color_primario_background: var(--background_vida_silvestre);
        --color_primario_etiqueta: var(--etiqueta_vida_silvestre);
    }

    /* colores de accesibilidad al 20% para Fideicomiso del Desarrollo Urbano */
    .fideurb.es_accesible:root,
    :root .fideurb.es_accesible {
        --color_primario: rgb(134.1, 184.9, 141.5202247191);
        --color_primario_hover: rgb(63.5, 121.5, 72.0473684211);
        --color_primario_background: rgb(228.8, 243.2, 230.7636363636);
        --color_primario_etiqueta: rgb(164.7, 208.3, 170.8408450704);
    }

    /* colores de la clase individual para Fideicomiso del Desarrollo Urbano */
    .fideurb:root,
    :root .fideurb {
        --color_primario: var(--primario_fideurb);
        --color_primario_hover: var(--hover_fideurb);
        --color_primario_background: var(--background_fideurb);
        --color_primario_etiqueta: var(--etiqueta_fideurb);
    }

    /* colores de accesibilidad al 20% para CECyTE */
    .cecyte.es_accesible:root,
    :root .cecyte.es_accesible {
        --color_primario: rgb(130.6, 173.4, 164.7380952381);
        --color_primario_hover: rgb(79.4, 124.6, 117.7674418605);
        --color_primario_background: rgb(220.5, 234.5, 231.14);
        --color_primario_etiqueta: rgb(186.1, 212.9, 206.8836734694);
    }

    /* colores de la clase individual para CECyTE */
    .cecyte:root,
    :root .cecyte {
        --color_primario: var(--primario_cecyte);
        --color_primario_hover: var(--hover_cecyte);
        --color_primario_background: var(--background_cecyte);
        --color_primario_etiqueta: var(--etiqueta_cecyte);
    }

    /* colores de accesibilidad al 20% para CONALEP */
    .conalep.es_accesible:root,
    :root .conalep.es_accesible {
        --color_primario: #0f876b;
        --color_primario_hover: rgb(25.9, 43.1, 39.2161290323);
        --color_primario_background: #f6f6f6;
        --color_primario_etiqueta: rgb(19.9, 89.1, 73.1307692308);
    }

    /* colores de la clase individual para CONALEP */
    .conalep:root,
    :root .conalep {
        --color_primario: var(--primario_conalep);
        --color_primario_hover: var(--hover_conalep);
        --color_primario_background: var(--background_conalep);
        --color_primario_etiqueta: var(--etiqueta_conalep);
    }

    /* colores de accesibilidad al 20% para CONARTE */
    .conarte.es_accesible:root,
    :root .conarte.es_accesible {
        --color_primario: #1c1c1c;
        --color_primario_hover: rgb(205.5, 92.7744186047, 39.5);
        --color_primario_background: #bababa;
        --color_primario_etiqueta: rgb(179.9, 21.1, 120.0507537688);
    }

    /* colores de la clase individual para CONARTE */
    .conarte:root,
    :root .conarte {
        --color_primario: var(--primario_conarte);
        --color_primario_hover: var(--hover_conarte);
        --color_primario_background: var(--background_conarte);
        --color_primario_etiqueta: var(--etiqueta_conarte);
    }

    /* colores de accesibilidad al 20% para DIF */
    .dif.es_accesible:root,
    :root .dif.es_accesible {
        --color_primario: rgb(150, 134.4444444444, 110);
        --color_primario_hover: rgb(119.4, 102.5567567568, 86.6);
        --color_primario_background: rgb(229.9, 227.0826086957, 219.1);
        --color_primario_etiqueta: rgb(177.4, 166.5294117647, 146.6);
    }

    /* colores de la clase individual para DIF */
    .dif:root,
    :root .dif {
        --color_primario: var(--primario_dif);
        --color_primario_hover: var(--hover_dif);
        --color_primario_background: var(--background_dif);
        --color_primario_etiqueta: var(--etiqueta_dif);
    }

    /* colores de accesibilidad al 20% para ICET */
    .icet.es_accesible:root,
    :root .icet.es_accesible {
        --color_primario: rgb(10.5, 52.1, 94.5);
        --color_primario_hover: rgb(115.3275862069, 157.7, 55.3);
        --color_primario_background: rgb(213.8, 215.78, 218.2);
        --color_primario_etiqueta: rgb(203, 135.7391304348, 67);
    }

    /* colores de la clase individual para ICET */
    .icet:root,
    :root .icet {
        --color_primario: var(--primario_icet);
        --color_primario_hover: var(--hover_icet);
        --color_primario_background: var(--background_icet);
        --color_primario_etiqueta: var(--etiqueta_icet);
    }

    /* colores de accesibilidad al 20% para ICIFED */
    .icifed.es_accesible:root,
    :root .icifed.es_accesible {
        --color_primario: rgb(20.6, 185.4, 119.8);
        --color_primario_hover: rgb(22.3, 150.7, 102.6484662577);
        --color_primario_background: rgb(214.9, 236.1, 224.5363636364);
        --color_primario_etiqueta: rgb(112.5, 202.5, 164.8255813953);
    }

    /* colores de la clase individual para ICIFED */
    .icifed:root,
    :root .icifed {
        --color_primario: var(--primario_icifed);
        --color_primario_hover: var(--hover_icifed);
        --color_primario_background: var(--background_icifed);
        --color_primario_etiqueta: var(--etiqueta_icifed);
    }

    /* colores de accesibilidad al 20% para ICV */
    .icv.es_accesible:root,
    :root .icv.es_accesible {
        --color_primario: rgb(161, 49, 73.7272727273);
        --color_primario_hover: rgb(1.3, 1.3, 1.7);
        --color_primario_background: rgb(250.6, 223.4, 215.4);
        --color_primario_etiqueta: rgb(231.5, 231.5, 231.5);
    }

    /* colores de la clase individual para ICV */
    .icv:root,
    :root .icv {
        --color_primario: var(--primario_icv);
        --color_primario_hover: var(--hover_icv);
        --color_primario_background: var(--background_icv);
        --color_primario_etiqueta: var(--etiqueta_icv);
    }

    /* colores de accesibilidad al 20% para IIIEPE */
    .iiiepe.es_accesible:root,
    :root .iiiepe.es_accesible {
        --color_primario: rgb(208.2, 83.8, 98.6095238095);
        --color_primario_hover: #906064;
        --color_primario_background: rgb(249.6, 236.4, 237.8666666667);
        --color_primario_etiqueta: rgb(239.7, 131.7, 117.3);
    }

    /* colores de la clase individual para IIIEPE */
    .iiiepe:root,
    :root .iiiepe {
        --color_primario: var(--primario_iiiepe);
        --color_primario_hover: var(--hover_iiiepe);
        --color_primario_background: var(--background_iiiepe);
        --color_primario_etiqueta: var(--etiqueta_iiiepe);
    }

    /* colores de accesibilidad al 20% para Instituto de la Defensoría Pública */
    .instituto_defensoria.es_accesible:root,
    :root .instituto_defensoria.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para Instituto de la Defensoría Pública */
    .instituto_defensoria:root,
    :root .instituto_defensoria {
        --color_primario: var(--primario_instituto_defensoria);
        --color_primario_hover: var(--hover_instituto_defensoria);
        --color_primario_background: var(--background_instituto_defensoria);
        --color_primario_etiqueta: var(--etiqueta_instituto_defensoria);
    }

    /* colores de accesibilidad al 20% para Instituto de Innovación y Transferencia Tecnológica de Nuevo León */
    .instituto_innovacion.es_accesible:root,
    :root .instituto_innovacion.es_accesible {
        --color_primario: rgb(180.3, 75.7601226994, 66.7);
        --color_primario_hover: rgb(143.3, 68.3049586777, 63.7);
        --color_primario_background: rgb(250.6, 223.4, 215.4);
        --color_primario_etiqueta: rgb(210.4, 141.9781818182, 133.6);
    }

    /* colores de la clase individual para Instituto de Innovación y Transferencia Tecnológica de Nuevo León */
    .instituto_innovacion:root,
    :root .instituto_innovacion {
        --color_primario: var(--primario_instituto_innovacion);
        --color_primario_hover: var(--hover_instituto_innovacion);
        --color_primario_background: var(--background_instituto_innovacion);
        --color_primario_etiqueta: var(--etiqueta_instituto_innovacion);
    }

    /* colores de accesibilidad al 20% para IRC */
    .irc.es_accesible:root,
    :root .irc.es_accesible {
        --color_primario: rgb(56.5, 65.5810810811, 68.5);
        --color_primario_hover: rgb(8, 64.8, 72);
        --color_primario_background: rgb(183.9, 186.7903225806, 187.1);
        --color_primario_etiqueta: rgb(145.2, 158.5517241379, 162.8);
    }

    /* colores de la clase individual para IRC */
    .irc:root,
    :root .irc {
        --color_primario: var(--primario_irc);
        --color_primario_hover: var(--hover_irc);
        --color_primario_background: var(--background_irc);
        --color_primario_etiqueta: var(--etiqueta_irc);
    }

    /* colores de accesibilidad al 20% para ISSSTELEON */
    .isssteleon.es_accesible:root,
    :root .isssteleon.es_accesible {
        --color_primario: rgb(145.3154929577, 177.2, 84.8);
        --color_primario_hover: rgb(75.5, 75.5, 75.5);
        --color_primario_background: #c4c4c4;
        --color_primario_etiqueta: rgb(13.1, 117.9, 61.1);
    }

    /* colores de la clase individual para ISSSTELEON */
    .isssteleon:root,
    :root .isssteleon {
        --color_primario: var(--primario_isssteleon);
        --color_primario_hover: var(--hover_isssteleon);
        --color_primario_background: var(--background_isssteleon);
        --color_primario_etiqueta: var(--etiqueta_isssteleon);
    }

    /* colores de accesibilidad al 20% para OSETUR */
    .osetur.es_accesible:root,
    :root .osetur.es_accesible {
        --color_primario: rgb(152, 148.4, 197.6);
        --color_primario_hover: rgb(93.6484848485, 91.8, 116.2);
        --color_primario_background: rgb(233.4, 231.6, 242.4);
        --color_primario_etiqueta: rgb(192.6923076923, 189, 221);
    }

    /* colores de la clase individual para OSETUR */
    .osetur:root,
    :root .osetur {
        --color_primario: var(--primario_osetur);
        --color_primario_hover: var(--hover_osetur);
        --color_primario_background: var(--background_osetur);
        --color_primario_etiqueta: var(--etiqueta_osetur);
    }

    /* colores de accesibilidad al 20% para Parque Fundidora */
    .parque_fundidora.es_accesible:root,
    :root .parque_fundidora.es_accesible {
        --color_primario: rgb(94.8, 94.8, 237.2);
        --color_primario_hover: rgb(61.5, 61.5, 123.5);
        --color_primario_background: #dbdbfb;
        --color_primario_etiqueta: rgb(147.9, 147.9, 243.1);
    }

    /* colores de la clase individual para Parque Fundidora */
    .parque_fundidora:root,
    :root .parque_fundidora {
        --color_primario: var(--primario_parque_fundidora);
        --color_primario_hover: var(--hover_parque_fundidora);
        --color_primario_background: var(--background_parque_fundidora);
        --color_primario_etiqueta: var(--etiqueta_parque_fundidora);
    }

    /* colores de accesibilidad al 20% para PRODERLEON */
    .proderleon.es_accesible:root,
    :root .proderleon.es_accesible {
        --color_primario: rgb(236.8, 111.2, 111.2);
        --color_primario_hover: rgb(165.1, 95.9, 95.9);
        --color_primario_background: rgb(251.8, 226.2, 226.2);
        --color_primario_etiqueta: #f08c8c;
    }

    /* colores de la clase individual para PRODERLEON */
    .proderleon:root,
    :root .proderleon {
        --color_primario: var(--primario_proderleon);
        --color_primario_hover: var(--hover_proderleon);
        --color_primario_background: var(--background_proderleon);
        --color_primario_etiqueta: var(--etiqueta_proderleon);
    }

    /* colores de accesibilidad al 20% para Red Estatal de Autopistas de Nuevo León */
    .rea.es_accesible:root,
    :root .rea.es_accesible {
        --color_primario: rgb(134.1, 184.9, 141.5202247191);
        --color_primario_hover: rgb(63.5, 121.5, 72.0473684211);
        --color_primario_background: rgb(228.8, 243.2, 230.7636363636);
        --color_primario_etiqueta: rgb(164.7, 208.3, 170.8408450704);
    }

    /* colores de la clase individual para Red Estatal de Autopistas de Nuevo León */
    .rea:root,
    :root .rea {
        --color_primario: var(--primario_rea);
        --color_primario_hover: var(--hover_rea);
        --color_primario_background: var(--background_rea);
        --color_primario_etiqueta: var(--etiqueta_rea);
    }

    /* colores de accesibilidad al 20% para Servicios de Agua y Drenaje de Monterrey */
    .agua_drenaje.es_accesible:root,
    :root .agua_drenaje.es_accesible {
        --color_primario: rgb(11.5, 57.1, 103.5);
        --color_primario_hover: rgb(77.8, 150.5466666667, 214.2);
        --color_primario_background: rgb(225.6, 237.76, 248.4);
        --color_primario_etiqueta: rgb(48.3, 103.3095238095, 154.7);
    }

    /* colores de la clase individual para Servicios de Agua y Drenaje de Monterrey */
    .agua_drenaje:root,
    :root .agua_drenaje {
        --color_primario: var(--primario_agua_drenaje);
        --color_primario_hover: var(--hover_agua_drenaje);
        --color_primario_background: var(--background_agua_drenaje);
        --color_primario_etiqueta: var(--etiqueta_agua_drenaje);
    }

    /* colores de accesibilidad al 20% para SIMEPRODE */
    .simeprode.es_accesible:root,
    :root .simeprode.es_accesible {
        --color_primario: rgb(171.3333333333, 186, 94);
        --color_primario_hover: rgb(112.3793103448, 128.4, 47.6);
        --color_primario_background: rgb(237.6891891892, 240.5, 214.5);
        --color_primario_etiqueta: rgb(198.0872727273, 209.2, 132.8);
    }

    /* colores de la clase individual para SIMEPRODE */
    .simeprode:root,
    :root .simeprode {
        --color_primario: var(--primario_simeprode);
        --color_primario_hover: var(--hover_simeprode);
        --color_primario_background: var(--background_simeprode);
        --color_primario_etiqueta: var(--etiqueta_simeprode);
    }

    /* colores de accesibilidad al 20% para Sistema de Caminos */
    .sistema_caminos.es_accesible:root,
    :root .sistema_caminos.es_accesible {
        --color_primario: rgb(134.1, 184.9, 141.5202247191);
        --color_primario_hover: rgb(63.5, 121.5, 72.0473684211);
        --color_primario_background: rgb(228.8, 243.2, 230.7636363636);
        --color_primario_etiqueta: rgb(164.7, 208.3, 170.8408450704);
    }

    /* colores de la clase individual para Sistema de Caminos */
    .sistema_caminos:root,
    :root .sistema_caminos {
        --color_primario: var(--primario_sistema_caminos);
        --color_primario_hover: var(--hover_sistema_caminos);
        --color_primario_background: var(--background_sistema_caminos);
        --color_primario_etiqueta: var(--etiqueta_sistema_caminos);
    }

    /* colores de accesibilidad al 20% para Sistema de Transporte Colectivo Metrorrey */
    .metrorrey.es_accesible:root,
    :root .metrorrey.es_accesible {
        --color_primario: rgb(18.8, 169.2, 108.4);
        --color_primario_hover: rgb(37.2, 74.8, 52.24);
        --color_primario_background: rgb(222.6, 241.4, 229.3142857143);
        --color_primario_etiqueta: rgb(162.6, 211.4, 189.5684210526);
    }

    /* colores de la clase individual para Sistema de Transporte Colectivo Metrorrey */
    .metrorrey:root,
    :root .metrorrey {
        --color_primario: var(--primario_metrorrey);
        --color_primario_hover: var(--hover_metrorrey);
        --color_primario_background: var(--background_metrorrey);
        --color_primario_etiqueta: var(--etiqueta_metrorrey);
    }

    /* colores de accesibilidad al 20% para Sistema de Radio y Televisión de Nuevo León */
    .sistema_radio_television.es_accesible:root,
    :root .sistema_radio_television.es_accesible {
        --color_primario: rgb(121.3, 126.8209876543, 155.7);
        --color_primario_hover: rgb(90.5, 106.9210526316, 174.5);
        --color_primario_background: rgb(232.4, 234.2666666667, 243.6);
        --color_primario_etiqueta: rgb(165.6, 169.4, 188.4);
    }

    /* colores de la clase individual para Sistema de Radio y Televisión de Nuevo León */
    .sistema_radio_television:root,
    :root .sistema_radio_television {
        --color_primario: var(--primario_sistema_radio_television);
        --color_primario_hover: var(--hover_sistema_radio_television);
        --color_primario_background: var(--background_sistema_radio_television);
        --color_primario_etiqueta: var(--etiqueta_sistema_radio_television);
    }

    /* colores de accesibilidad al 20% para Unidad de Integración Educativa */
    .integracion_educativa.es_accesible:root,
    :root .integracion_educativa.es_accesible {
        --color_primario: rgb(19.6, 176.4, 162.8);
        --color_primario_hover: rgb(14.7, 132.3, 121.9);
        --color_primario_background: rgb(215.7, 237.3, 234.0272727273);
        --color_primario_etiqueta: rgb(20.9, 188.1, 176.1);
    }

    /* colores de la clase individual para Unidad de Integración Educativa */
    .integracion_educativa:root,
    :root .integracion_educativa {
        --color_primario: var(--primario_integracion_educativa);
        --color_primario_hover: var(--hover_integracion_educativa);
        --color_primario_background: var(--background_integracion_educativa);
        --color_primario_etiqueta: var(--etiqueta_integracion_educativa);
    }

    /* colores de accesibilidad al 20% para Universidad de Apodaca */
    .universidad_apodaca.es_accesible:root,
    :root .universidad_apodaca.es_accesible {
        --color_primario: rgb(227.5, 191.0242290749, 47.5);
        --color_primario_hover: rgb(177.7, 144.1894409938, 65.3);
        --color_primario_background: rgb(246, 242.6666666667, 234);
        --color_primario_etiqueta: rgb(242.5, 222.5, 142.5);
    }

    /* colores de la clase individual para Universidad de Apodaca */
    .universidad_apodaca:root,
    :root .universidad_apodaca {
        --color_primario: var(--primario_universidad_apodaca);
        --color_primario_hover: var(--hover_universidad_apodaca);
        --color_primario_background: var(--background_universidad_apodaca);
        --color_primario_etiqueta: var(--etiqueta_universidad_apodaca);
    }

    /* colores de accesibilidad al 20% para Universidad Ciencias de la Seguridad */
    .universidad_seguridad.es_accesible:root,
    :root .universidad_seguridad.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(5.5, 13.6052631579, 19.5);
        --color_primario_background: rgb(203.5, 203.5, 203.5);
        --color_primario_etiqueta: #6d6d6d;
    }

    /* colores de la clase individual para Universidad Ciencias de la Seguridad */
    .universidad_seguridad:root,
    :root .universidad_seguridad {
        --color_primario: var(--primario_universidad_seguridad);
        --color_primario_hover: var(--hover_universidad_seguridad);
        --color_primario_background: var(--background_universidad_seguridad);
        --color_primario_etiqueta: var(--etiqueta_universidad_seguridad);
    }

    /* colores de accesibilidad al 20% para UT Santa Catarina */
    .ut_santa_catarina.es_accesible:root,
    :root .ut_santa_catarina.es_accesible {
        --color_primario: rgb(15.4, 138.6, 97);
        --color_primario_hover: rgb(18.2, 113.8, 84.806557377);
        --color_primario_background: rgb(214.9, 236.1, 224.5363636364);
        --color_primario_etiqueta: rgb(37.4, 166.6, 114.92);
    }

    /* colores de la clase individual para UT Santa Catarina */
    .ut_santa_catarina:root,
    :root .ut_santa_catarina {
        --color_primario: var(--primario_ut_santa_catarina);
        --color_primario_hover: var(--hover_ut_santa_catarina);
        --color_primario_background: var(--background_ut_santa_catarina);
        --color_primario_etiqueta: var(--etiqueta_ut_santa_catarina);
    }

    /* colores de accesibilidad al 20% para CODEFRONT */
    .codefront.es_accesible:root,
    :root .codefront.es_accesible {
        --color_primario: rgb(236.8, 111.2, 111.2);
        --color_primario_hover: rgb(165.1, 95.9, 95.9);
        --color_primario_background: rgb(251.8, 226.2, 226.2);
        --color_primario_etiqueta: #f08c8c;
    }

    /* colores de la clase individual para CODEFRONT */
    .codefront:root,
    :root .codefront {
        --color_primario: var(--primario_codefront);
        --color_primario_hover: var(--hover_codefront);
        --color_primario_background: var(--background_codefront);
        --color_primario_etiqueta: var(--etiqueta_codefront);
    }

    /* colores de accesibilidad al 20% para CODETUR */
    .codetur.es_accesible:root,
    :root .codetur.es_accesible {
        --color_primario: rgb(152, 148.4, 197.6);
        --color_primario_hover: rgb(93.6484848485, 91.8, 116.2);
        --color_primario_background: rgb(233.4, 231.6, 242.4);
        --color_primario_etiqueta: rgb(192.6923076923, 189, 221);
    }

    /* colores de la clase individual para CODETUR */
    .codetur:root,
    :root .codetur {
        --color_primario: var(--primario_codetur);
        --color_primario_hover: var(--hover_codetur);
        --color_primario_background: var(--background_codetur);
        --color_primario_etiqueta: var(--etiqueta_codetur);
    }

    /* colores de accesibilidad al 20% para IEPAM */
    .iepam.es_accesible:root,
    :root .iepam.es_accesible {
        --color_primario: rgb(70.5275862069, 26.5, 138.5);
        --color_primario_hover: rgb(100.1632911392, 90.7, 126.3);
        --color_primario_background: rgb(233.4, 231.6, 242.4);
        --color_primario_etiqueta: rgb(128.5115384615, 101.4, 154.6);
    }

    /* colores de la clase individual para IEPAM */
    .iepam:root,
    :root .iepam {
        --color_primario: var(--primario_iepam);
        --color_primario_hover: var(--hover_iepam);
        --color_primario_background: var(--background_iepam);
        --color_primario_etiqueta: var(--etiqueta_iepam);
    }

    /* colores de accesibilidad al 20% para INDE */
    .inde.es_accesible:root,
    :root .inde.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para INDE */
    .inde:root,
    :root .inde {
        --color_primario: var(--primario_inde);
        --color_primario_hover: var(--hover_inde);
        --color_primario_background: var(--background_inde);
        --color_primario_etiqueta: var(--etiqueta_inde);
    }

    /* colores de accesibilidad al 20% para INJUVE */
    .injuve.es_accesible:root,
    :root .injuve.es_accesible {
        --color_primario: rgb(198.5, 46.5, 128.9278606965);
        --color_primario_hover: rgb(148.6, 35.4, 96.528);
        --color_primario_background: rgb(248.9, 220.1, 229.4405405405);
        --color_primario_etiqueta: rgb(215.6, 110.4, 156.3323943662);
    }

    /* colores de la clase individual para INJUVE */
    .injuve:root,
    :root .injuve {
        --color_primario: var(--primario_injuve);
        --color_primario_hover: var(--hover_injuve);
        --color_primario_background: var(--background_injuve);
        --color_primario_etiqueta: var(--etiqueta_injuve);
    }

    /* colores de accesibilidad al 20% para Instituto de Movilidad y Accesibilidad de Nuevo León */
    .instituto_movilidad.es_accesible:root,
    :root .instituto_movilidad.es_accesible {
        --color_primario: rgb(134.1, 184.9, 141.5202247191);
        --color_primario_hover: rgb(63.5, 121.5, 72.0473684211);
        --color_primario_background: rgb(228.8, 243.2, 230.7636363636);
        --color_primario_etiqueta: rgb(164.7, 208.3, 170.8408450704);
    }

    /* colores de la clase individual para Instituto de Movilidad y Accesibilidad de Nuevo León */
    .instituto_movilidad:root,
    :root .instituto_movilidad {
        --color_primario: var(--primario_instituto_movilidad);
        --color_primario_hover: var(--hover_instituto_movilidad);
        --color_primario_background: var(--background_instituto_movilidad);
        --color_primario_etiqueta: var(--etiqueta_instituto_movilidad);
    }

    /* colores de accesibilidad al 20% para Instituto Estatal de Mujeres */
    .instituto_mujeres.es_accesible:root,
    :root .instituto_mujeres.es_accesible {
        --color_primario: rgb(147.7730769231, 120.6, 183.4);
        --color_primario_hover: rgb(85.7384615385, 67.8, 110.2);
        --color_primario_background: rgb(233, 226.4, 239.6);
        --color_primario_etiqueta: rgb(169.7470588235, 146.5, 198.5);
    }

    /* colores de la clase individual para Instituto Estatal de Mujeres */
    .instituto_mujeres:root,
    :root .instituto_mujeres {
        --color_primario: var(--primario_instituto_mujeres);
        --color_primario_hover: var(--hover_instituto_mujeres);
        --color_primario_background: var(--background_instituto_mujeres);
        --color_primario_etiqueta: var(--etiqueta_instituto_mujeres);
    }

    /* colores de accesibilidad al 20% para Instituto de la Vivienda */
    .instituto_vivienda.es_accesible:root,
    :root .instituto_vivienda.es_accesible {
        --color_primario: rgb(88.49, 48.8, 99.2);
        --color_primario_hover: rgb(61.112, 45.8, 72.2);
        --color_primario_background: rgb(232.7857142857, 226.5, 238.5);
        --color_primario_etiqueta: rgb(129.3, 122.4, 131.6);
    }

    /* colores de la clase individual para Instituto de la Vivienda */
    .instituto_vivienda:root,
    :root .instituto_vivienda {
        --color_primario: var(--primario_instituto_vivienda);
        --color_primario_hover: var(--hover_instituto_vivienda);
        --color_primario_background: var(--background_instituto_vivienda);
        --color_primario_etiqueta: var(--etiqueta_instituto_vivienda);
    }

    /* colores de accesibilidad al 20% para Parques y Vida Silvestre de Nuevo León */
    .parques_vida_silvestre.es_accesible:root,
    :root .parques_vida_silvestre.es_accesible {
        --color_primario: rgb(95.8, 112.2, 97.7793103448);
        --color_primario_hover: rgb(37.2, 74.8, 52.24);
        --color_primario_background: rgb(222.6, 241.4, 229.3142857143);
        --color_primario_etiqueta: rgb(137.2, 140.8, 137.776);
    }

    /* colores de la clase individual para Parques y Vida Silvestre de Nuevo León */
    .parques_vida_silvestre:root,
    :root .parques_vida_silvestre {
        --color_primario: var(--primario_parques_vida_silvestre);
        --color_primario_hover: var(--hover_parques_vida_silvestre);
        --color_primario_background: var(--background_parques_vida_silvestre);
        --color_primario_etiqueta: var(--etiqueta_parques_vida_silvestre);
    }

    /* colores de accesibilidad al 20% para Unidad de Igualdad y Género */
    .unidad_igualdad_genero.es_accesible:root,
    :root .unidad_igualdad_genero.es_accesible {
        --color_primario: rgb(147.7730769231, 120.6, 183.4);
        --color_primario_hover: rgb(85.7384615385, 67.8, 110.2);
        --color_primario_background: rgb(233, 226.4, 239.6);
        --color_primario_etiqueta: rgb(169.7470588235, 146.5, 198.5);
    }

    /* colores de la clase individual para Unidad de Igualdad y Género */
    .unidad_igualdad_genero:root,
    :root .unidad_igualdad_genero {
        --color_primario: var(--primario_unidad_igualdad_genero);
        --color_primario_hover: var(--hover_unidad_igualdad_genero);
        --color_primario_background: var(--background_unidad_igualdad_genero);
        --color_primario_etiqueta: var(--etiqueta_unidad_igualdad_genero);
    }

    /* colores de accesibilidad al 20% para Junta Local de Conciliación y Arbitraje */
    .junta_local.es_accesible:root,
    :root .junta_local.es_accesible {
        --color_primario: rgb(231.6, 142.8, 44.4);
        --color_primario_hover: rgb(170.3, 106.9354285714, 36.7);
        --color_primario_background: rgb(250.5, 232.1, 214.5);
        --color_primario_etiqueta: rgb(241.8, 189, 136.2);
    }

    /* colores de la clase individual para Junta Local de Conciliación y Arbitraje */
    .junta_local:root,
    :root .junta_local {
        --color_primario: var(--primario_junta_local);
        --color_primario_hover: var(--hover_junta_local);
        --color_primario_background: var(--background_junta_local);
        --color_primario_etiqueta: var(--etiqueta_junta_local);
    }

    /* colores de accesibilidad al 20% para Tribunal de Arbitraje del Estado de Nuevo León */
    .tribunal_arbitraje.es_accesible:root,
    :root .tribunal_arbitraje.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para Tribunal de Arbitraje del Estado de Nuevo León */
    .tribunal_arbitraje:root,
    :root .tribunal_arbitraje {
        --color_primario: var(--primario_tribunal_arbitraje);
        --color_primario_hover: var(--hover_tribunal_arbitraje);
        --color_primario_background: var(--background_tribunal_arbitraje);
        --color_primario_etiqueta: var(--etiqueta_tribunal_arbitraje);
    }

    /* colores de accesibilidad al 20% para Doscientos Aniversario */
    .doscientos.es_accesible:root,
    :root .doscientos.es_accesible {
        --color_primario: rgb(239.4, 151.4, 114.6);
        --color_primario_hover: rgb(240.1, 184.1, 120.9);
        --color_primario_background: rgb(249.8, 220.2, 208.2);
        --color_primario_etiqueta: rgb(23.5, 173.9, 211.5);
    }

    /* colores de la clase individual para Doscientos Aniversario */
    .doscientos:root,
    :root .doscientos {
        --color_primario: var(--primario_doscientos);
        --color_primario_hover: var(--hover_doscientos);
        --color_primario_background: var(--background_doscientos);
        --color_primario_etiqueta: var(--etiqueta_doscientos);
    }

    /* colores de accesibilidad al 20% para Subsecretaría de Administración Tributaria */
    .sat.es_accesible:root,
    :root .sat.es_accesible {
        --color_primario: rgb(196.9, 89.9434782609, 82.1);
        --color_primario_hover: rgb(160.7, 59.478807947, 52.3);
        --color_primario_background: rgb(251, 230.5714285714, 229);
        --color_primario_etiqueta: rgb(231.1, 136.8526717557, 129.9);
    }

    /* colores de la clase individual para Subsecretaría de Administración Tributaria */
    .sat:root,
    :root .sat {
        --color_primario: var(--primario_sat);
        --color_primario_hover: var(--hover_sat);
        --color_primario_background: var(--background_sat);
        --color_primario_etiqueta: var(--etiqueta_sat);
    }

    /* colores de accesibilidad al 20% para Comisión Estatal de Arbitraje Médico  */
    .coesamed.es_accesible:root,
    :root .coesamed.es_accesible {
        --color_primario: rgb(96.3, 160.9285714286, 200.7);
        --color_primario_hover: rgb(16.9, 116.9, 152.1);
        --color_primario_background: rgb(212, 233.2105263158, 238);
        --color_primario_etiqueta: rgb(89.1, 175.0680981595, 209.9);
    }

    /* colores de la clase individual para Comisión Estatal de Arbitraje Médico  */
    .coesamed:root,
    :root .coesamed {
        --color_primario: var(--primario_coesamed);
        --color_primario_hover: var(--hover_coesamed);
        --color_primario_background: var(--background_coesamed);
        --color_primario_etiqueta: var(--etiqueta_coesamed);
    }

    /* colores de accesibilidad al 20% para Compro NL */
    .compro.es_accesible:root,
    :root .compro.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(15.2, 92, 136.8);
        --color_primario_background: rgb(224.2, 238.9, 243.8);
        --color_primario_etiqueta: rgb(161.8, 205.6, 220.2);
    }

    /* colores de la clase individual para Compro NL */
    .compro:root,
    :root .compro {
        --color_primario: var(--primario_compro);
        --color_primario_hover: var(--hover_compro);
        --color_primario_background: var(--background_compro);
        --color_primario_etiqueta: var(--etiqueta_compro);
    }

    /* colores de accesibilidad al 20% para Datos Abiertos */
    .datos_abiertos.es_accesible:root,
    :root .datos_abiertos.es_accesible {
        --color_primario: rgb(90.2, 96.6054054054, 121.8);
        --color_primario_hover: rgb(48.6, 58.6102564103, 97.4);
        --color_primario_background: rgb(225.7, 229.5666666667, 237.3);
        --color_primario_etiqueta: rgb(100.5, 110.9086021505, 144.5);
    }

    /* colores de la clase individual para Datos Abiertos */
    .datos_abiertos:root,
    :root .datos_abiertos {
        --color_primario: var(--primario_datos_abiertos);
        --color_primario_hover: var(--hover_datos_abiertos);
        --color_primario_background: var(--background_datos_abiertos);
        --color_primario_etiqueta: var(--etiqueta_datos_abiertos);
    }

    /* colores de accesibilidad al 20% para Empleón */
    .empleon.es_accesible:root,
    :root .empleon.es_accesible {
        --color_primario: rgb(31.8, 140.0986666667, 146.2);
        --color_primario_hover: rgb(28.1, 78.6298701299, 82.9);
        --color_primario_background: rgb(241.7, 251.3, 250.5615384615);
        --color_primario_etiqueta: rgb(40.4, 159.843902439, 163.6);
    }

    /* colores de la clase individual para Empleón */
    .empleon:root,
    :root .empleon {
        --color_primario: var(--primario_empleon);
        --color_primario_hover: var(--hover_empleon);
        --color_primario_background: var(--background_empleon);
        --color_primario_etiqueta: var(--etiqueta_empleon);
    }

    /* colores de accesibilidad al 20% para Comisión Mejora Regulatoria */
    .mejora_regulatoria.es_accesible:root,
    :root .mejora_regulatoria.es_accesible {
        --color_primario: rgb(45.7, 151.3331491713, 181.3);
        --color_primario_hover: rgb(43.6, 127.4054054054, 152.4);
        --color_primario_background: rgb(212, 233.2105263158, 238);
        --color_primario_etiqueta: rgb(164.6, 207.755, 219.4);
    }

    /* colores de la clase individual para Comisión Mejora Regulatoria */
    .mejora_regulatoria:root,
    :root .mejora_regulatoria {
        --color_primario: var(--primario_mejora_regulatoria);
        --color_primario_hover: var(--hover_mejora_regulatoria);
        --color_primario_background: var(--background_mejora_regulatoria);
        --color_primario_etiqueta: var(--etiqueta_mejora_regulatoria);
    }

    /* colores de accesibilidad al 20% para Nuevo León Travel */
    .nl_travel.es_accesible:root,
    :root .nl_travel.es_accesible {
        --color_primario: rgb(41.7, 105.7, 231.3);
        --color_primario_hover: rgb(240.8, 127.2, 130.4);
        --color_primario_background: rgb(221.7, 228.1, 251.3);
        --color_primario_etiqueta: rgb(15, 30.9090909091, 65);
    }

    /* colores de la clase individual para Nuevo León Travel */
    .nl_travel:root,
    :root .nl_travel {
        --color_primario: var(--primario_nl_travel);
        --color_primario_hover: var(--hover_nl_travel);
        --color_primario_background: var(--background_nl_travel);
        --color_primario_etiqueta: var(--etiqueta_nl_travel);
    }

    /* colores de accesibilidad al 20% para Oficina de Convenciones y Visitantes */
    .ocvmty.es_accesible:root,
    :root .ocvmty.es_accesible {
        --color_primario: #252525;
        --color_primario_hover: rgb(71.2, 125.8823529412, 160.8);
        --color_primario_background: #dddddd;
        --color_primario_etiqueta: rgb(95.8, 146.3176470588, 186.2);
    }

    /* colores de la clase individual para Oficina de Convenciones y Visitantes */
    .ocvmty:root,
    :root .ocvmty {
        --color_primario: var(--primario_ocvmty);
        --color_primario_hover: var(--hover_ocvmty);
        --color_primario_background: var(--background_ocvmty);
        --color_primario_etiqueta: var(--etiqueta_ocvmty);
    }

    /* colores de accesibilidad al 20% para Plataforma Aprendiendo */
    .aprendiendo.es_accesible:root,
    :root .aprendiendo.es_accesible {
        --color_primario: rgb(96.7, 117.1298507463, 120.3);
        --color_primario_hover: rgb(12.9, 105.7, 116.1);
        --color_primario_background: rgb(224.1, 224.7769230769, 224.9);
        --color_primario_etiqueta: rgb(135.5, 138.9509803922, 139.5);
    }

    /* colores de la clase individual para Plataforma Aprendiendo */
    .aprendiendo:root,
    :root .aprendiendo {
        --color_primario: var(--primario_aprendiendo);
        --color_primario_hover: var(--hover_aprendiendo);
        --color_primario_background: var(--background_aprendiendo);
        --color_primario_etiqueta: var(--etiqueta_aprendiendo);
    }

    /* colores de accesibilidad al 20% para Instituto de Profesionalización */
    .profesionalizacion.es_accesible:root,
    :root .profesionalizacion.es_accesible {
        --color_primario: rgb(96.7, 117.1298507463, 120.3);
        --color_primario_hover: rgb(12.9, 105.7, 116.1);
        --color_primario_background: rgb(224.1, 224.7769230769, 224.9);
        --color_primario_etiqueta: rgb(135.5, 138.9509803922, 139.5);
    }

    /* colores de la clase individual para Instituto de Profesionalización */
    .profesionalizacion:root,
    :root .profesionalizacion {
        --color_primario: var(--primario_profesionalizacion);
        --color_primario_hover: var(--hover_profesionalizacion);
        --color_primario_background: var(--background_profesionalizacion);
        --color_primario_etiqueta: var(--etiqueta_profesionalizacion);
    }

    /* colores de accesibilidad al 20% para Protección Civil */
    .proteccion_civil.es_accesible:root,
    :root .proteccion_civil.es_accesible {
        --color_primario: rgb(91.5, 91.5, 91.5);
        --color_primario_hover: rgb(219.1, 148.6447698745, 29.9);
        --color_primario_background: #c1c1c1;
        --color_primario_etiqueta: rgb(230.6, 183.65, 105.4);
    }

    /* colores de la clase individual para Protección Civil */
    .proteccion_civil:root,
    :root .proteccion_civil {
        --color_primario: var(--primario_proteccion_civil);
        --color_primario_hover: var(--hover_proteccion_civil);
        --color_primario_background: var(--background_proteccion_civil);
        --color_primario_etiqueta: var(--etiqueta_proteccion_civil);
    }

    /* colores de accesibilidad al 20% para PROVEE */
    .provee.es_accesible:root,
    :root .provee.es_accesible {
        --color_primario: rgb(20.3, 70.485915493, 72.7);
        --color_primario_hover: rgb(5.2, 42.8, 46.8);
        --color_primario_background: rgb(239.7, 253.3, 251.7);
        --color_primario_etiqueta: rgb(15.3, 114.5248062016, 117.7);
    }

    /* colores de la clase individual para PROVEE */
    .provee:root,
    :root .provee {
        --color_primario: var(--primario_provee);
        --color_primario_hover: var(--hover_provee);
        --color_primario_background: var(--background_provee);
        --color_primario_etiqueta: var(--etiqueta_provee);
    }

    /* colores de accesibilidad al 20% para VÍA */
    .via.es_accesible:root,
    :root .via.es_accesible {
        --color_primario: rgb(70.5, 93.9017094017, 144.5);
        --color_primario_hover: rgb(54.8, 73.2086956522, 113.2);
        --color_primario_background: rgb(230.6, 235.08, 243.4);
        --color_primario_etiqueta: rgb(97.4, 122.775, 178.6);
    }

    /* colores de la clase individual para VÍA */
    .via:root,
    :root .via {
        --color_primario: var(--primario_via);
        --color_primario_hover: var(--hover_via);
        --color_primario_background: var(--background_via);
        --color_primario_etiqueta: var(--etiqueta_via);
    }

    /* colores de accesibilidad al 20% para NLínea */
    .nlinea.es_accesible:root,
    :root .nlinea.es_accesible {
        --color_primario: rgb(9.9, 27.1205128205, 39.1);
        --color_primario_hover: rgb(33.8, 45.6105263158, 54.2);
        --color_primario_background: rgb(193.7, 197.7551724138, 199.3);
        --color_primario_etiqueta: rgb(80.4, 82.3555555556, 83.6);
    }

    /* colores de la clase individual para NLínea */
    .nlinea:root,
    :root .nlinea {
        --color_primario: var(--primario_nlinea);
        --color_primario_hover: var(--hover_nlinea);
        --color_primario_background: var(--background_nlinea);
        --color_primario_etiqueta: var(--etiqueta_nlinea);
    }

    /* colores de accesibilidad al 20% para Color secundario */
    .secundario.es_accesible:root,
    :root .secundario.es_accesible {
        --color_primario: rgb(229.5, 131.1, 25.5);
        --color_primario_hover: rgb(183.4, 97.4277227723, 22.6);
        --color_primario_background: rgb(250.6, 242.6, 215.4);
        --color_primario_etiqueta: rgb(234.5, 175.3, 70.5);
    }

    /* colores de la clase individual para Color secundario */
    .secundario:root,
    :root .secundario {
        --color_primario: var(--primario_secundario);
        --color_primario_hover: var(--hover_secundario);
        --color_primario_background: var(--background_secundario);
        --color_primario_etiqueta: var(--etiqueta_secundario);
    }

    /* colores de accesibilidad al 20% para Cadenas productivas */
    .cadenas_productivas.es_accesible:root,
    :root .cadenas_productivas.es_accesible {
        --color_primario: rgb(20.6, 153.4, 185.4);
        --color_primario_hover: rgb(10.3, 76.7, 92.7);
        --color_primario_background: rgb(212.9, 233.3324324324, 238.1);
        --color_primario_etiqueta: rgb(114, 189.7230769231, 206);
    }

    /* colores de la clase individual para Cadenas productivas */
    .cadenas_productivas:root,
    :root .cadenas_productivas {
        --color_primario: var(--primario_cadenas_productivas);
        --color_primario_hover: var(--hover_cadenas_productivas);
        --color_primario_background: var(--background_cadenas_productivas);
        --color_primario_etiqueta: var(--etiqueta_cadenas_productivas);
    }

    /* colores de accesibilidad al 20% para Comisión Ejecutiva Estatal de Atención a Víctimas */
    .atencion_victimas.es_accesible:root,
    :root .atencion_victimas.es_accesible {
        --color_primario: rgb(56.5, 65.5810810811, 68.5);
        --color_primario_hover: rgb(31.6, 41.2, 44.4);
        --color_primario_background: rgb(197.3, 218.0609756098, 219.7);
        --color_primario_etiqueta: rgb(71.6, 106.91, 114.4);
    }

    /* colores de la clase individual para Comisión Ejecutiva Estatal de Atención a Víctimas */
    .atencion_victimas:root,
    :root .atencion_victimas {
        --color_primario: var(--primario_atencion_victimas);
        --color_primario_hover: var(--hover_atencion_victimas);
        --color_primario_background: var(--background_atencion_victimas);
        --color_primario_etiqueta: var(--etiqueta_atencion_victimas);
    }

    /* colores de accesibilidad al 20% para Comisión Local de Búsqueda de Personas */
    .busqueda_personas.es_accesible:root,
    :root .busqueda_personas.es_accesible {
        --color_primario: rgb(56.5, 65.5810810811, 68.5);
        --color_primario_hover: rgb(31.6, 41.2, 44.4);
        --color_primario_background: rgb(197.3, 218.0609756098, 219.7);
        --color_primario_etiqueta: rgb(71.6, 106.91, 114.4);
    }

    /* colores de la clase individual para Comisión Local de Búsqueda de Personas */
    .busqueda_personas:root,
    :root .busqueda_personas {
        --color_primario: var(--primario_busqueda_personas);
        --color_primario_hover: var(--hover_busqueda_personas);
        --color_primario_background: var(--background_busqueda_personas);
        --color_primario_etiqueta: var(--etiqueta_busqueda_personas);
    }

    /* colores de accesibilidad al 20% para ConectaTi */
    .conectati.es_accesible:root,
    :root .conectati.es_accesible {
        --color_primario: rgb(19.6, 176.4, 162.8);
        --color_primario_hover: rgb(15.3, 117.7, 112.1434108527);
        --color_primario_background: rgb(239.7, 253.3, 250.1);
        --color_primario_etiqueta: rgb(20.5, 184.5, 170.1);
    }

    /* colores de la clase individual para ConectaTi */
    .conectati:root,
    :root .conectati {
        --color_primario: var(--primario_conectati);
        --color_primario_hover: var(--hover_conectati);
        --color_primario_background: var(--background_conectati);
        --color_primario_etiqueta: var(--etiqueta_conectati);
    }

/*Colores base*/
/*Colores base institucionales*/
/*azul_institucional*/
/*azul_institucional_hover*/
/*background_seguridad*/
/*azul_institucional*/
/*azul_institucional_hover*/
/*background_seguridad*/
/*Colores semánticos*/
/*Dependencias y/o diseño en baja*/
:root {
    /*Colores base*/
    --color_negro: #15212F;
    --color_blanco: #FFFFFF;
    --color_accent: #15212F;
    /*Colores base institucionales*/
    --color_primario_institucional: #15212F; /*azul_institucional*/
    --color_primario_hover_institucional: #002E6D; /*azul_institucional_hover*/
    --color_primario_background_institucional: #C7CBD0; /*background_seguridad*/
    --color_primario_etiqueta_institucional: #2C3743;
    --color_primario: #15212F; /*azul_institucional*/
    --color_primario_hover: #002E6D; /*azul_institucional_hover*/
    --color_primario_background: #C7CBD0; /*background_seguridad*/
    --color_primario_etiqueta: #2C3743;
    --color_gris_background: #EBECF0;
    --color_texto: #1A2E3D;
    /*Colores semánticos*/
    --azul_informativo: #0075C9;
    --verde_exito: #00BC70;
    --rojo_error: #FF4438;
    --amarillo_alerta: #FFA400;
    --azul_informativo_back: #EDF5FF;
    --verde_exito_back: #DEFBE6;
    --rojo_error_back: #FFF1F1;
    --amarillo_alerta_back: #FFF8E1;
    --color_gris_inactivo: #73839C;
    /*Dependencias y/o diseño en baja*/
    --primario_baja: #73839C;
    --hover_baja: #C3C9D4;
    --background_baja: #EBECF0;
    --etiqueta_baja: #9BA6B8;
}

    .gobierno:root,
    :root .gobierno,
    .default:root,
    :root .default {
        --color_primario: var(--color_secundario);
        --color_primario_hover: var(--color_secundario_hover);
        --color_primario_background: var(--color_dorado_background);
        --color_primario_etiqueta: var(--color_secundario_etiqueta);
    }

    .dependencia:root,
    :root .dependencia,
    .baja:root,
    :root .baja {
        --color_primario: var(--primario_baja);
        --color_primario_hover: var(--hover_baja);
        --color_primario_background: var(--background_baja);
        --color_primario_etiqueta: var(--etiqueta_baja);
    }

    .es_institucional,
    :root .es_institucional {
        --color_primario: var(--color_primario_institucional) !important; /*azul_institucional*/
        --color_primario_hover: var(--color_primario_hover_institucional) !important; /*azul_institucional_hover*/
        --color_primario_background: var(--color_primario_background_institucional) !important; /*background_seguridad*/
        --color_primario_etiqueta: var(--color_primario_etiqueta_institucional) !important;
    }

/*Fin de Paleta de colores*/
/*3.- Estilos generales y básicos*/
:root {
    --unidad: 8px;
    --unidad_fuente: 4px; /*Unidad base para fuentes*/
    --unidad_fuente_interlineado: var(--unidad_fuente); /*Unidad base para interlineado de fuentes*/
    --unidad_fuente_espaciado: 0px; /*Unidad base para espaciado de fuentes*/
    --redondez_base: 4px; /*Escala para puntas de botones e input*/
    --alto_redes: calc(var(--unidad)* 5); /*Alto para caja de redes*/
    --alto_base: 48px; /*Alto general para botónes e input*/
    --borde_base: 2px; /*Escala para los bordes de manera general*/
    --unidad_base: calc(var(--unidad)* 4); /*Unidad base para separaciones, margenes y rellenos*/
    --ancho_base: 1440px; /*Unidad utilizada para limitar lo máximo que puede crecer un contenedor*/
    --alto_verificador: 32px; /*Medida estandar para el verificador y sus aplicaciones*/
    --alto_navegador: calc(var(--unidad)* 8); /*Medida estandar para el navegador*/
    --relleno_fila: 0px 80px; /*Unidad para rellenar los elementos en fila*/
    --ancho_menu: 300px; /*Unidad para el ancho del menú vertical*/
    /*Reglas para titulos*/
    --titulo_escala: calc(var(--unidad_fuente) * 12);
    --titulo_interlineado: calc(var(--unidad_fuente_interlineado) * 13);
    --h1_escala: calc(var(--unidad_fuente) * 10.5);
    --h1_interlineado: calc(var(--unidad_fuente_interlineado) * 11.5);
    --h2_escala: calc(var(--unidad_fuente) * 8);
    --h2_interlineado: calc(var(--unidad_fuente_interlineado) * 9);
    --h3_escala: calc(var(--unidad_fuente) * 6);
    --h3_interlineado: calc(var(--unidad_fuente_interlineado) * 7.5);
    --h4_escala: calc(var(--unidad_fuente) * 5);
    --h4_interlineado: calc(var(--unidad_fuente_interlineado) * 6);
    --h5_escala: calc(var(--unidad_fuente) * 4);
    --h5_interlineado: calc(var(--unidad_fuente_interlineado) * 5);
    --h6_escala: calc(var(--unidad_fuente) * 3.25);
    --h6_interlineado: calc(var(--unidad_fuente_interlineado) * 5);
    --etiqueta_escala: calc(var(--unidad_fuente) * 2.5);
    --etiqueta_interlineado: calc(var(--unidad_fuente_interlineado) * 3.5);
    /*Estilos para elevaciones*/
    --primera_sombra: rgba(0, 0, 0, 0.3);
    --segunda_sombra: rgba(0, 0, 0, 0.15);
    --elevacion_1: 0px 1px 2px var(--primera_sombra), 0px 1px 3px 1px var(--segunda_sombra);
    --elevacion_2: 0px 1px 2px var(--primera_sombra), 0px 2px 6px 2px var(--segunda_sombra);
    --elevacion_3: 0px 1px 3px var(--primera_sombra), 0px 4px 8px 3px var(--segunda_sombra);
    --elevacion_4: 0px 2px 3px var(--primera_sombra), 0px 6px 10px 4px var(--segunda_sombra);
    --elevacion_5: 0px 4px 4px var(--primera_sombra), 0px 8px 12px 6px var(--segunda_sombra);
    --elevacion_dorada: 0px 2px 6px 2px rgba(194, 169, 130, 0.3), 0px 1px 2px rgba(175, 140, 85, 0.15);
    /*Animaciones*/
    --animacion_base: all 0.3s ease-in-out;
}

html,
body {
    font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    font-size: var(--h5_escala);
    line-height: var(--h5_interlineado);
    letter-spacing: var(--unidad_fuente_espaciado);
    font-display: swap;
    /* height: 100%; */
    height: auto;
    min-height: 100%;
    width: 100%;
    color: var(--color_negro);
    margin: 0px;
    scroll-behavior: smooth;
}

    html.fuente_mas_1 {
        --unidad_fuente: calc(4px * 1.1);
    }

    html.fuente_mas_2 {
        --unidad_fuente: calc(4px * 1.2);
    }

    html.fuente_mas_3 {
        --unidad_fuente: calc(4px * 1.3);
    }

    html.fuente_mas_4 {
        --unidad_fuente: calc(4px * 1.4);
    }

    html.fuente_mas_5 {
        --unidad_fuente: calc(4px * 1.5);
    }

    html.interlineado_mas_1 {
        --unidad_fuente_interlineado: calc(var(--unidad_fuente) * 1.2);
    }

    html.interlineado_mas_2 {
        --unidad_fuente_interlineado: calc(var(--unidad_fuente) * 1.4);
    }

    html.interlineado_mas_3 {
        --unidad_fuente_interlineado: calc(var(--unidad_fuente) * 1.6);
    }

    html.separacion_mas_1 {
        --unidad_fuente_espaciado: 2px;
    }

    html.separacion_mas_2 {
        --unidad_fuente_espaciado: 4px;
    }

    html.separacion_mas_3 {
        --unidad_fuente_espaciado: 6px;
    }

body {
    min-width: 375px;
    background-color: var(--color_blanco);
}

* {
    text-rendering: optimizeLegibility;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.titulo {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--titulo_escala);
    line-height: var(--titulo_interlineado);
    font-weight: 600;
    color: inherit;
}

h1 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h1_escala);
    line-height: var(--h1_interlineado);
    font-weight: 600;
    color: inherit;
}

.h1 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h1_escala) !important;
    line-height: var(--h1_interlineado) !important;
    font-weight: 600 !important;
    color: inherit !important;
}

h2 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h2_escala);
    line-height: var(--h2_interlineado);
    font-weight: 600;
    color: inherit;
}

.h2 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h2_escala) !important;
    line-height: var(--h2_interlineado) !important;
    font-weight: 600 !important;
    color: inherit !important;
}

h3 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h3_escala);
    line-height: var(--h3_interlineado);
    font-weight: 600;
    color: inherit;
}

.h3 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h3_escala) !important;
    line-height: var(--h3_interlineado) !important;
    font-weight: 600 !important;
    color: inherit !important;
}

h4 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h4_escala);
    line-height: var(--h4_interlineado);
    font-weight: 600;
    color: inherit;
}

.h4 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h4_escala) !important;
    line-height: var(--h4_interlineado) !important;
    font-weight: 600 !important;
    color: inherit !important;
}

h5 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h5_escala);
    line-height: var(--h5_interlineado);
    font-weight: 600;
    color: inherit;
}

.h5 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h5_escala) !important;
    line-height: var(--h5_interlineado) !important;
    font-weight: 600 !important;
    color: inherit !important;
}

h6 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h6_escala);
    line-height: var(--h6_interlineado);
    font-weight: 600;
    color: inherit;
}

.h6 {
    font-family: "Maven Pro", sans-serif !important;
    font-size: var(--h6_escala) !important;
    line-height: var(--h6_interlineado) !important;
    font-weight: 600 !important;
    color: inherit !important;
}

hr {
    width: 100%;
    margin: var(--unidad_base) 0px 0px;
    opacity: 1;
    color: var(--color_gris_background);
}

    hr.dropdown-divider {
        border-top: 1px solid;
        color: var(--color_gris_background);
    }

.dropdown-menu hr {
    margin-top: 8px;
    margin-bottom: 8px;
}

.dropdown .dropdown-item {
    margin-inline: 8px;
    width: calc(100% - 16px);
    padding-inline: 8px;
    border-radius: var(--redondez_base);
}

    .dropdown .dropdown-item:is(:focus, :hover) {
        background-color: var(--color_primario_background);
    }

    .dropdown .dropdown-item .descripcion {
        color: var(--primario_baja);
        font-size: var(--etiqueta_escala);
        font-weight: 500;
        display: block;
        padding: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 0px;
    }

p {
    text-align: left;
    text-wrap: pretty;
}

.etiqueta {
    font-size: var(--etiqueta_escala);
    line-height: var(--etiqueta_interlineado);
}

a,
a.link {
    color: var(--color_primario);
    text-decoration: none;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}

    a.link::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-position: bottom left;
        background-repeat: no-repeat;
        background-image: linear-gradient(transparent calc(100% - 1px), var(--color_primario) 1px), linear-gradient(transparent calc(100% - 1px), var(--color_primario_background) 1px);
        background-size: 0% 6px, 100% 6px;
        -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    a:is(:focus, :hover),
    a.link:is(:focus, :hover) {
        color: var(--color_primario_hover);
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    a.link:hover::after {
        background-size: 100% 6px, 100% 6px;
    }

    a.link:visited {
        color: var(--color_primario_hover);
    }

.link.tiene_flecha {
    position: relative;
}

    .link.tiene_flecha::before {
        content: "\e5e1";
        font-family: "Material icons";
        position: absolute;
        font-size: inherit;
        font-weight: 500;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        left: 100%;
        height: 100%;
        bottom: -1px;
        color: inherit;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .link.tiene_flecha:hover:before {
        margin-left: 6px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.link.es_externo {
    position: relative;
    margin-right: 24px;
}

    .link.es_externo::before,
    a.es_externo::before {
        content: "\e5d8";
        font-family: "Material icons";
        position: absolute;
        font-size: larger;
        font-weight: 500;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        left: 100%;
        height: 100%;
        bottom: -1px;
        margin-left: 2px;
        color: inherit;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .link.es_externo:hover:before {
        margin-left: 4px;
        margin-bottom: 2px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.link > span {
    position: relative;
    bottom: -5px;
    font-size: large;
    margin-right: 4px;
}

.es_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--h5_escala);
    line-height: var(--h5_interlineado);
    font-weight: 600;
    /* margin-top: 32px; revisar si afecta en algo*/
    margin-top: 16px;
    /* margin-bottom: 16px; revisar si afecta en algo*/
    margin-bottom: 8px;
}

.elemento_forma {
    position: relative;
}

    .elemento_forma .es_label {
        margin-bottom: 8px;
    }

.es_horizontal {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .es_horizontal.es_invertida {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

.es_vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .es_vertical.es_invertida {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

.es_enlace {
    background: transparent;
    color: var(--color_primario);
    border: none;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    padding: 0px;
}

.es_invisible {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}

.caja_etiquetas,
.caja_filtros {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--unidad);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.es_etiqueta,
.es_filtro {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border: 1px solid var(--color_secundario);
    padding: 4px 16px;
    font-size: var(--h6_escala);
    line-height: var(--h6_interlineado);
    border-radius: var(--redondez_base);
    color: var(--color_secundario);
    background-color: var(--color_blanco);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

*:hover > .es_etiqueta,
*:hover > .es_filtro {
    background-color: var(--color_secundario);
    color: var(--color_blanco);
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

*:focus > .es_etiqueta,
*:active > .es_etiqueta,
*:focus > .es_filtro,
*:active > .es_filtro {
    background-color: var(--azul_informativo_back);
    color: var(--azul_informativo);
    border-color: var(--azul_informativo);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.es_divisor {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 8px;
    margin-bottom: 8px;
    background: transparent;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
}

    .es_divisor span {
        position: relative;
        color: var(--color_gris_inactivo);
        padding-right: 8px;
        padding-left: 8px;
    }

    .es_divisor::before {
        content: "";
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        height: 1px;
        margin: auto;
        background-color: var(--color_gris_inactivo);
    }

    .es_divisor::after {
        content: "";
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        height: 1px;
        margin: auto;
        background-color: var(--color_gris_inactivo);
    }

.elevacion_1 {
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
}

.elevacion_2 {
    -webkit-box-shadow: var(--elevacion_2);
    box-shadow: var(--elevacion_2);
}

.elevacion_3 {
    -webkit-box-shadow: var(--elevacion_3);
    box-shadow: var(--elevacion_3);
}

.elevacion_4 {
    -webkit-box-shadow: var(--elevacion_4);
    box-shadow: var(--elevacion_4);
}

.elevacion_5 {
    -webkit-box-shadow: var(--elevacion_5);
    box-shadow: var(--elevacion_5);
}

.elevacion_dorada {
    -webkit-box-shadow: var(--elevacion_dorada);
    box-shadow: var(--elevacion_dorada);
}

.margen_base {
    margin: var(--unidad_base);
}

.relleno_base {
    padding: var(--unidad_base);
}

::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    border-radius: 0px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--color_dorado_background);
}

#menu_vertical ::-webkit-scrollbar {
    width: 4px;
}

form {
    display: inline-block;
}

.contenedor_general {
    margin: var(--unidad_base) auto;
    height: auto;
    padding: var(--relleno_fila);
    width: 100%;
    max-width: var(--ancho_base);
    min-height: calc(80vh - 231px);
    /* min-height: calc(100vh - 328px); */
    /* padding-left: var(--unidad_base);
  padding-right: var(--unidad_base); */
}

    .contenedor_general > *:first-child {
        margin-top: 0px !important;
    }

.area_boton {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: var(--unidad_base) 0px;
}

.tiene_fondo_gris {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: var(--unidad_base);
    margin-bottom: calc(var(--unidad_base) * 2);
}

    .tiene_fondo_gris:first-of-type {
        margin-top: calc(var(--unidad_base) * -1) !important;
    }

    .tiene_fondo_gris::before {
        content: "";
        background-color: var(--color_gris_background);
        position: absolute;
        width: calc(100vw - var(--unidad));
        height: calc(100% + var(--unidad_base));
        z-index: -1;
        -webkit-transform: translateY(calc(var(--unidad_base) * -1));
        transform: translateY(calc(var(--unidad_base) * -1));
    }

    .tiene_fondo_gris .caja_tarjeta {
        background-color: transparent;
    }

    .tiene_fondo_gris .estilo_imagen_tarjeta {
        overflow: hidden;
        display: inline-table;
        border-radius: 16px 4px;
        margin-top: 8px;
        margin-right: 8px;
    }

    .tiene_fondo_gris.es_completo {
        padding-top: var(--unidad_base);
        margin-bottom: calc(var(--unidad_base) * 2);
    }

        .tiene_fondo_gris.es_completo::before {
            background-color: var(--color_primario_background);
        }

        .tiene_fondo_gris.es_completo .titulo_tarjeta {
            color: var(--color_primario);
        }

    .tiene_fondo_gris.es_completo_primario {
        padding-top: var(--unidad_base);
        margin-bottom: calc(var(--unidad_base) * 2);
    }

        .tiene_fondo_gris.es_completo_primario::before {
            background-color: var(--color_primario);
        }

        .tiene_fondo_gris.es_completo_primario .titulo_tarjeta,
        .tiene_fondo_gris.es_completo_primario p {
            color: var(--color_blanco);
        }

    .tiene_fondo_gris > * {
        margin-top: 0px !important;
    }

.es_blanco {
    --color_primario: var(--color_blanco);
    --color_primario_hover: var(--color_gris_background);
    --color_gris_inactivo: var(--color_blanco);
    --color_negro: var(--color_blanco);
}

    .es_blanco label {
        color: var(--color_blanco);
    }

.con_fondo {
    background-color: var(--color_primario_background);
}

.img_qr {
    width: 100%;
    max-width: 256px;
}

main {
    min-height: calc(100vh - var(--alto_navegador) - var(--alto_verificador));
    padding: 0px !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.caja_codigo {
    position: relative;
}

    .caja_codigo .boton {
        position: absolute;
        z-index: 99;
        top: 0;
        right: 0;
        opacity: 0.5;
        padding-block: 4px;
        min-height: auto;
        font-size: var(--h6_escala);
        border-radius: 0px 4px 0px 4px;
    }

        .caja_codigo .boton:hover {
            opacity: 0.8;
        }

    .caja_codigo pre[class*=language-].line-numbers {
        position: relative;
        padding-left: 3.8em;
        counter-reset: linenumber;
    }

        .caja_codigo pre[class*=language-].line-numbers > code {
            position: relative;
            white-space: inherit;
        }

    .caja_codigo .line-numbers .line-numbers-rows {
        position: absolute;
        pointer-events: none;
        top: 0;
        font-size: 100%;
        left: -3.8em;
        width: 3em; /* works for line-numbers below 1000 lines */
        letter-spacing: -1px;
        border-right: 1px solid var(--color_gris_background);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .caja_codigo .line-numbers-rows > span {
        display: block;
        counter-increment: linenumber;
    }

        .caja_codigo .line-numbers-rows > span:before {
            content: counter(linenumber);
            color: var(--color_gris_background);
            display: block;
            padding-right: 8px;
            text-align: right;
        }

.area_componente {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(var(--unidad_base) * 10);
    border-radius: var(--redondez_base);
    border: solid 1px var(--hover_baja);
    margin-top: var(--unidad_base);
    padding: var(--unidad_base);
}

.seccion_componente {
    margin-top: var(--unidad_base);
}

    .seccion_componente .seccion_titulo {
        margin-top: 0px;
    }

        .seccion_componente .seccion_titulo + .area_componente {
            margin-top: var(--unidad);
        }

    .seccion_componente .seccion_galeria .area_boton {
        margin-bottom: 0px;
    }

.contenido_2_columnas {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--unidad_base);
}

.contenido_3_columnas {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--unidad_base);
}

.contenido_4_columnas {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--unidad_base);
}

.es_centrado * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.es_inactivo {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

@media screen and (max-width: 991px) {
    .contenido_3_columnas {
        grid-template-columns: repeat(1, 1fr);
    }

    .contenido_4_columnas {
        grid-template-columns: repeat(2, 1fr);
    }

    .videos-youtube {
        width: 100%;
    }

        .videos-youtube iframe {
            height: auto;
            position: relative;
        }

        .videos-youtube * {
            width: 100% !important;
        }
}

@media screen and (max-width: 600px) {
    .contenido_2_columnas {
        grid-template-columns: repeat(1, 1fr);
    }

    .contenido_3_columnas {
        grid-template-columns: repeat(1, 1fr);
    }

    .contenido_4_columnas {
        grid-template-columns: repeat(1, 1fr);
    }
}
/*Fin de Estilos generales y básicos*/
.boton {
    cursor: pointer;
    min-height: var(--alto_base);
    width: auto;
    padding: 10px 30px;
    font-size: var(--h5_escala);
    line-height: var(--h5_interlineado);
    font-weight: 600;
    border: var(--borde_base) solid transparent;
    border-radius: var(--redondez_base);
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .boton.dropdown-toggle {
        padding-right: 40px;
    }

        .boton.dropdown-toggle::after {
            font-family: "Material icons";
            content: "\e5cf";
            color: inherit;
            width: auto;
            margin-right: -4px;
            height: 100%;
            top: 0;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-weight: 500;
            font-size: 18px;
            line-height: 1;
            border: 0px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: absolute;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .boton.dropdown-toggle.show::after {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

.dropup .boton.dropdown-toggle::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dropup .boton.dropdown-toggle.show::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dropend .boton.dropdown-toggle::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dropend .boton.dropdown-toggle.show::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dropstart .boton.dropdown-toggle {
    padding-left: 40px;
    padding-right: 32px;
}

    .dropstart .boton.dropdown-toggle::before {
        content: none;
    }

    .dropstart .boton.dropdown-toggle::after {
        left: 16px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .dropstart .boton.dropdown-toggle.show::after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

button.boton {
    font-family: inherit;
    /* line-height: inherit; */
}

    button.boton:not(.boton_primario, .boton_secundario, .boton_terciario, .boton.es_inactivo, .boton:disabled) {
        background-color: transparent;
        color: var(--color_primario);
    }

.boton:focus,
.boton:focus-visible {
    outline: none;
    border: var(--borde_base) solid var(--color_secundario);
}

.boton:hover {
    border: var(--borde_base) solid transparent;
}

.boton:hover,
.boton:focus,
.boton:focus-visible {
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .boton:hover.es_inactivo,
    .boton:hover :disabled,
    .boton:focus.es_inactivo,
    .boton:focus :disabled,
    .boton:focus-visible.es_inactivo,
    .boton:focus-visible :disabled {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.boton + .boton,
.modal-footer .boton + .boton {
    margin-left: 16px;
}

.boton .material-icons,
.boton .material-icons-outlined,
.boton .material-symbols-outlined {
    margin-left: -8px;
    margin-right: 8px;
    font-size: 24px;
    height: 0px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.boton i.bi::before {
    font-size: 19px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

.boton.solo_icono {
    width: 48px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
}

    .boton.solo_icono .material-icons,
    .boton.solo_icono .material-icons-outlined,
    .boton.solo_icono .material-symbols-outlined {
        margin-left: 0px;
        margin-right: 0px;
    }

.boton_primario {
    color: var(--color_blanco);
    background-color: var(--color_secundario);
}

    .boton_primario:hover,
    .boton_primario:focus,
    .boton_primario:focus-visible {
        color: var(--color_blanco);
        background-color: var(--color_secundario_hover);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.boton_secundario {
    color: var(--color_primario_hover);
    background-color: var(--color_gris_background);
}

    .boton_secundario:hover,
    .boton_secundario:focus,
    .boton_secundario:focus-visible {
        background-color: var(--color_primario_background);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.boton_terciario {
    color: var(--color_primario);
    background-color: var(--color_blanco);
    border: 2px solid var(--color_primario);
}

    .boton_terciario:hover,
    .boton_terciario:focus,
    .boton_terciario:focus-visible {
        color: var(--color_primario_hover);
        background-color: var(--color_blanco);
        border: 2px solid var(--color_primario_hover);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.boton.es_inactivo,
.boton:disabled {
    cursor: default;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--color_gris_background);
    color: var(--color_gris_inactivo);
    border: var(--borde_base) solid transparent;
    opacity: 0.5;
}

.boton_etiqueta {
    font-size: var(--etiqueta_escala);
    line-height: var(--etiqueta_interlineado);
    padding: 4px 16px;
    border-radius: 50px;
    font-weight: 500;
    color: var(--color_negro);
    background-color: var(--color_primario_background);
    border: 1px solid var(--color_primario_etiqueta);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

a.boton_etiqueta:hover, button.boton_etiqueta:hover {
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
    color: initial;
}

.boton_etiqueta > span {
    font-size: 16px;
    margin-right: calc(var(--unidad) / 2);
}

.boton_etiqueta.es_cuadrado {
    border-radius: var(--redondez_base);
    border: 1px solid transparent;
    padding-inline: var(--unidad);
}

.seccion_botones {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .seccion_botones.alineado_izquierda {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .seccion_botones.alineado_derecha {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .seccion_botones .boton {
        margin-left: 0px;
    }

    .seccion_botones.es_vertical {
        display: grid !important;
        gap: 16px;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        padding: 0px;
    }

        .seccion_botones.es_vertical .boton {
            margin: 0 !important;
            width: 100%;
        }

@media screen and (max-width: 768px) {
    .seccion_botones .boton_primario,
    .seccion_botones .boton_terciario,
    .seccion_botones .boton_secundario {
        width: 100%;
        text-align: center;
    }

    .seccion_botones .boton.solo_icono + .boton_primario {
        width: calc(100% - 64px);
    }

    .seccion_botones .boton_terciario.solo_icono {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 768px) {
    .area_formulario .seccion_botones {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .area_formulario .seccion_botones .boton {
            max-width: 400px;
        }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 50px white inset !important;
}

input[type=email],
input[type=number],
input[type=password],
input[type=reset],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=date],
input[type=time],
input[type=month],
input[type=week],
select {
    height: var(--alto_base);
    border-radius: var(--redondez_base);
    font-size: var(--h5_escala);
    padding: 16px;
    border: 1.5px solid var(--etiqueta_baja);
}

select {
    padding: 8px 32px 8px 16px;
}

textarea {
    border-radius: var(--redondez_base);
    font-size: var(--h5_escala);
    padding: 16px;
    border: 1.5px solid var(--etiqueta_baja);
}

input.form-control,
.estilo_input {
    height: var(--alto_base);
    border-radius: var(--redondez_base);
    font-size: var(--h5_escala);
    padding: 16px;
    border: 1.5px solid var(--etiqueta_baja);
}

input.is-invalid,
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--rojo_error);
}

    input.is-invalid:focus,
    .form-control.is-invalid:focus,
    .was-validated .form-control:invalid:focus {
        border-color: var(--rojo_error);
        -webkit-box-shadow: var(--elevacion_dorada);
        box-shadow: var(--elevacion_dorada);
    }

input[type=password].form-control.is-invalid,
.was-validated input[type=password].form-control:invalid {
    background-image: none;
}

.nota_pie {
    position: relative;
    display: block;
    left: 0px;
    color: var(--etiqueta_baja);
    font-size: var(--h6_escala);
    height: calc(100% - var(--h6_interlineado));
    margin-bottom: calc(var(--h6_interlineado) * -1);
}

@media screen and (max-width: 768px) {
    .nota_pie {
        margin-bottom: 0px;
    }
}

input.form-control:hover,
.estilo_input:hover {
    border: 1.5px solid var(--color_secundario);
}

input.form-control:focus,
.estilo_input:focus {
    border: 1.5px solid var(--color_secundario);
    -webkit-box-shadow: var(--elevacion_dorada);
    box-shadow: var(--elevacion_dorada);
}

.form-label {
    font-weight: 600;
    font-size: var(--h5_escala);
    line-height: var(--h5_interlineado);
    margin-top: 16px;
    margin-bottom: 8px;
}

input.form-control + .form-label {
    cursor: text;
    margin: 0px 10px !important;
    padding: 0px 6px;
    color: var(--color_gris_inactivo);
    font-weight: 400;
    position: absolute;
    z-index: 10;
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
    -webkit-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

input.form-control:not(:-moz-placeholder) + .form-label {
    transform: translateY(-50%);
    background-color: var(--color_blanco);
    padding: 0px 6px;
    margin: 0px 10px !important;
    font-size: 12px;
}

input.form-control:not(:-ms-input-placeholder) + .form-label {
    transform: translateY(-50%);
    background-color: var(--color_blanco);
    padding: 0px 6px;
    margin: 0px 10px !important;
    font-size: 12px;
}

input.form-control:focus + .form-label,
input.form-control:not(:placeholder-shown) + .form-label {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--color_blanco);
    padding: 0px 6px;
    margin: 0px 10px !important;
    font-size: 12px;
}

/* Lista de de selectores con soporte a varios navegadores para el cambio de color del placeholder */
::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    /* Internet Explorer 10-11 */
    /* Microsoft Edge */
    /* Most modern browsers support this now. */
    color: var(--color_gris_inactivo) !important;
}

::-webkit-input-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder,
::placeholder {
    /* WebKit, Blink, Edge */
    /* Internet Explorer 10-11 */
    /* Microsoft Edge */
    /* Most modern browsers support this now. */
    color: var(--color_gris_inactivo) !important;
}

.caja_header .caja_busqueda input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    /* Internet Explorer 10-11 */
    /* Microsoft Edge */
    /* Most modern browsers support this now. */
    color: var(--color_blanco) !important;
}

.caja_header .caja_busqueda input::-webkit-input-placeholder, .caja_header .caja_busqueda input:-ms-input-placeholder, .caja_header .caja_busqueda input::-ms-input-placeholder, .caja_header .caja_busqueda input::placeholder {
    /* WebKit, Blink, Edge */
    /* Internet Explorer 10-11 */
    /* Microsoft Edge */
    /* Most modern browsers support this now. */
    color: var(--color_blanco) !important;
}

.caja_header .caja_busqueda input:-moz-placeholder, .caja_header .caja_busqueda input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    /* Mozilla Firefox 19+ */
    color: var(--color_blanco) !important;
    opacity: 1;
}

select.form-select {
    color: var(--color_gris_inactivo);
    height: var(--alto_base);
    border-radius: var(--redondez_base);
    font-size: var(--h5_escala);
    padding-left: 16px;
    border: 1.5px solid var(--etiqueta_baja);
}

    select.form-select:hover {
        border: 1.5px solid var(--color_secundario);
    }

    select.form-select:focus {
        border: 1.5px solid var(--color_secundario);
        -webkit-box-shadow: var(--elevacion_dorada);
        box-shadow: var(--elevacion_dorada);
    }

.input-group .mensaje_input {
    margin-top: -4px;
    position: absolute;
    opacity: 0;
    z-index: 11;
    width: auto;
    top: 100%;
    padding: 0px 16px;
    text-align: left;
    font-size: var(--h6_escala);
    border-radius: 25px !important;
}

    .input-group .mensaje_input.es_error {
        border: 1px solid var(--rojo_error);
    }

        .input-group .mensaje_input.es_error::after {
            border-color: transparent transparent var(--rojo_error_back) transparent; /* Punta triangular */
        }

        .input-group .mensaje_input.es_error::before {
            border-color: transparent transparent var(--rojo_error) transparent; /* Punta triangular */
        }

    .input-group .mensaje_input.es_visible {
        -webkit-animation: fade-in 1s ease-out 0.2s forwards;
        animation: fade-in 1s ease-out 0.2s forwards;
    }

    .input-group .mensaje_input.es_oculto {
        opacity: 1;
        -webkit-animation: fade-out 1s ease-out 0.2s forwards;
        animation: fade-out 1s ease-out 0.2s forwards;
    }

    .input-group .mensaje_input::after {
        content: "";
        position: absolute;
        bottom: calc(100% - 2px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-width: 8px; /* Ajusta el tamaño de la punta */
        border-style: solid;
    }

    .input-group .mensaje_input::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-width: 7px; /* Ajusta el tamaño de la punta */
        border-style: solid;
    }

.input-group input[type=date],
.input-group input[type=time],
.input-group input[type=month],
.input-group input[type=week],
.input-group input[type=datetime-local] {
    position: initial;
    margin-right: 1px;
    cursor: pointer;
}

    .input-group input[type=date]::-webkit-calendar-picker-indicator,
    .input-group input[type=time]::-webkit-calendar-picker-indicator,
    .input-group input[type=month]::-webkit-calendar-picker-indicator,
    .input-group input[type=week]::-webkit-calendar-picker-indicator,
    .input-group input[type=datetime-local]::-webkit-calendar-picker-indicator {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 25%;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        color: transparent;
        background: transparent;
        outline: none;
    }

    .input-group input[type=date] ~ label.input-group-text,
    .input-group input[type=text] ~ label.input-group-text,
    .input-group input[type=time] ~ label.input-group-text,
    .input-group input[type=search] ~ .input-group-text,
    .input-group input[type=month] ~ label.input-group-text,
    .input-group input[type=week] ~ label.input-group-text,
    .input-group input[type=datetime-local] ~ label.input-group-text {
        margin-bottom: 0px;
        background-color: var(--color_secundario);
        color: var(--color_blanco);
        border: 1.5px solid var(--etiqueta_baja);
        border-left: 1px;
        cursor: pointer;
    }

.input-group:hover input[type=date] ~ label.input-group-text,
.input-group:hover input[type=text] ~ label.input-group-text,
.input-group:hover input[type=time] ~ label.input-group-text,
.input-group:hover input[type=search] ~ .input-group-text,
.input-group:hover input[type=month] ~ label.input-group-text,
.input-group:hover input[type=week] ~ label.input-group-text,
.input-group:hover input[type=datetime-local] ~ label.input-group-text {
    border: 1.5px solid var(--color_secundario);
    border-left: 0px;
}

.input-group input[type=date] ~ label.input-group-text > *,
.input-group input[type=text] ~ label.input-group-text > *,
.input-group input[type=time] ~ label.input-group-text > *,
.input-group input[type=search] ~ .input-group-text > *,
.input-group input[type=month] ~ label.input-group-text > *,
.input-group input[type=week] ~ label.input-group-text > *,
.input-group input[type=datetime-local] ~ label.input-group-text > * {
    color: var(--color_blanco);
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.input-group:hover input[type=date] ~ label.input-group-text > *,
.input-group:hover input[type=time] ~ label.input-group-text > *,
.input-group:hover input[type=text] ~ label.input-group-text > *,
.input-group:hover input[type=search] ~ .input-group-text > *,
.input-group:hover input[type=month] ~ label.input-group-text > *,
.input-group:hover input[type=week] ~ label.input-group-text > *,
.input-group:hover input[type=datetime-local] ~ label.input-group-text > *,
.input-group input[type=date]:focus ~ label.input-group-text > *,
.input-group input[type=text]:focus ~ label.input-group-text > *,
.input-group input[type=time]:focus ~ label.input-group-text > *,
.input-group input[type=search]:focus ~ .input-group-text > *,
.input-group input[type=month]:focus ~ label.input-group-text > *,
.input-group input[type=week]:focus ~ label.input-group-text > *,
.input-group input[type=datetime-local]:focus ~ label.input-group-text > * {
    background-color: var(--color_secundario);
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.input-group input[type=date]:focus ~ label.input-group-text,
.input-group input[type=text]:focus ~ label.input-group-text,
.input-group input[type=time]:focus ~ label.input-group-text,
.input-group input[type=search]:focus ~ .input-group-text,
.input-group input[type=month]:focus ~ label.input-group-text,
.input-group input[type=week]:focus ~ label.input-group-text,
.input-group input[type=datetime-local]:focus ~ label.input-group-text {
    border: 1.5px solid var(--color_secundario);
    border-left: 0px;
    -webkit-box-shadow: var(--elevacion_dorada);
    box-shadow: var(--elevacion_dorada);
}

.form-label + input[type=file] {
    line-height: 40px;
    padding: 3px 8px;
}

.input-group input[type=file]::-webkit-file-upload-button {
    display: none;
}

.input-group input[type=file]::file-selector-button {
    display: none;
}

.input-group input[type=file] {
    padding: 12px 16px;
    line-height: var(--h6_interlineado);
}

    .input-group input[type=file].tiene_archivo ~ label.input-group-text:empty::before {
        content: "\e2bf";
        font-family: "Material symbols outlined";
        width: 100%;
        height: 100%;
        font-size: 24px;
    }

    .input-group input[type=file] ~ label.input-group-text {
        width: 48px;
        height: 48px;
        margin-bottom: 0px;
        background-color: var(--color_secundario);
        color: var(--color_blanco);
        border: 1.5px solid var(--etiqueta_baja);
        border-left: 0px;
        cursor: pointer;
    }

        .input-group input[type=file] ~ label.input-group-text:empty::before {
            content: "\e2c3";
            font-family: "Material symbols outlined";
            width: 100%;
            height: 100%;
            font-size: 24px;
        }

.input-group:hover input[type=file] ~ label.input-group-text {
    border: 1.5px solid var(--color_secundario);
    border-left: 0px;
}

.input-group input[type=file]:focus ~ label.input-group-text {
    border: 1.5px solid var(--color_secundario);
    border-left: 0px;
    -webkit-box-shadow: var(--elevacion_dorada);
    box-shadow: var(--elevacion_dorada);
    z-index: 3;
}

.input-group * ~ .input-group-text {
    margin-bottom: 0px;
    background-color: var(--color_blanco);
    color: var(--etiqueta_baja);
    border: 1.5px solid var(--background_baja);
    border-left: 0px;
    cursor: pointer;
}

.input-group:hover * ~ .input-group-text {
    border: 1.5px solid var(--color_secundario);
    border-left: 0px;
}

.input-group *:focus ~ .input-group-text {
    border: 1.5px solid var(--color_secundario);
    border-left: 0px;
    -webkit-box-shadow: var(--elevacion_dorada);
    box-shadow: var(--elevacion_dorada);
    z-index: 3;
}

textarea.form-control {
    border-radius: var(--redondez_base);
    font-size: var(--h5_escala);
    padding: 16px;
    border: 1.5px solid var(--etiqueta_baja);
}

    textarea.form-control:hover {
        border: 1.5px solid var(--color_secundario);
    }

    textarea.form-control:focus {
        border: 1.5px solid var(--color_secundario);
        -webkit-box-shadow: var(--elevacion_dorada);
        box-shadow: var(--elevacion_dorada);
    }

    textarea.form-control + .contador {
        position: absolute;
        top: 16px;
        right: 0px;
        color: var(--color_negro);
    }

.caja_validador {
    text-align: left;
    width: 240px;
    opacity: 0;
    position: absolute;
    border-radius: var(--redondez_base) !important;
    top: calc(100% - 4px);
    right: 0px;
    z-index: 15;
    background-color: var(--color_primario_background);
    border: 1px solid var(--color_primario);
    padding: var(--unidad);
}

    .caja_validador ul {
        list-style: none;
        padding-left: 0px;
        font-size: var(--h6_escala);
        margin-bottom: 0px;
    }

        .caja_validador ul li span {
            font-size: inherit;
            color: var(--color_blanco);
            border-radius: 4px;
            padding: 9px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 16px;
            height: 16px;
            position: relative;
        }

            .caja_validador ul li span::before {
                height: 100%;
                width: 100%;
                font-family: "Material Symbols Outlined";
                font-size: inherit;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-weight: 600;
            }

            .caja_validador ul li span.es_error {
                background-color: var(--rojo_error);
            }

                .caja_validador ul li span.es_error:before {
                    content: "\e5c9";
                }

            .caja_validador ul li span.es_exito {
                background-color: var(--verde_exito);
            }

                .caja_validador ul li span.es_exito:before {
                    content: "\e2e6";
                }

    .caja_validador.es_visible {
        -webkit-animation: fade-in 1s ease-out 0.2s forwards;
        animation: fade-in 1s ease-out 0.2s forwards;
    }

    .caja_validador.es_oculto {
        opacity: 1;
        -webkit-animation: fade-out 1s ease-out 0.2s forwards;
        animation: fade-out 1s ease-out 0.2s forwards;
    }

    .caja_validador::after {
        content: "";
        position: absolute;
        bottom: calc(100% - 2px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-width: 8px; /* Ajusta el tamaño de la punta */
        border-style: solid;
        border-color: transparent transparent var(--color_primario_background) transparent; /* Punta triangular */
    }

    .caja_validador::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-width: 7px; /* Ajusta el tamaño de la punta */
        border-style: solid;
        border-color: transparent transparent var(--color_primario) transparent; /* Punta triangular */
    }

input[type=radio] { /* IE 9 */
    -webkit-transform: scale(1.8); /* Chrome, Safari, Opera */
    transform: scale(1.8);
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    margin-left: 15px;
    cursor: pointer;
}

    /* input[type='radio']::after {
    content: '';
    background-color: transparent;
    animation: background-color .4s linear;
} */
    input[type=radio]::before {
        content: "";
        width: 84%;
        height: 84%;
        border-radius: 15px;
        position: absolute;
        background-color: var(--color_blanco);
        -webkit-transition: background-color 0.2s ease-in;
        transition: background-color 0.2s ease-in;
    }

    input[type=radio]:checked::before {
        width: 100%;
        height: 100%;
        background-color: var(--color_secundario);
        -webkit-transition: background-color 0.2s ease-in;
        transition: background-color 0.2s ease-in;
    }

    input[type=radio]:checked::after {
        content: "";
        width: 40%;
        height: 40%;
        border-radius: 15px;
        position: absolute;
        background-color: var(--color_blanco);
    }

.caja_radios {
    margin-bottom: 32px;
    margin-top: 32px;
}

    .caja_radios .radio,
    .caja_radios input[type=radio] {
        cursor: pointer;
        margin-left: 3px;
        margin-bottom: 8px;
    }

    .caja_radios .radio {
        display: block;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

        .caja_radios .radio:first-of-type:nth-last-of-type(2),
        .caja_radios .radio:first-of-type:nth-last-of-type(2) ~ .radio {
            display: inline-block;
            width: auto;
            margin-bottom: 0px;
        }

            .caja_radios .radio:first-of-type:nth-last-of-type(2) ~ .radio input[type=radio] {
                margin-left: 15px;
            }

/*Estilos para radios en encuensta de satisfación*/
.es_satisfacion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: var(--unidad_base);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .es_satisfacion .radio {
        position: relative;
        width: 200px;
        min-height: 196px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 8px;
        -webkit-transition: -webkit-box-shadow 0.3s ease-in;
        transition: -webkit-box-shadow 0.3s ease-in;
        transition: box-shadow 0.3s ease-in;
        transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
    }

        .es_satisfacion .radio::before {
            content: "";
            position: absolute;
            top: var(--unidad);
            width: 100px;
            height: 100px;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            z-index: 1;
        }

        .es_satisfacion .radio:nth-child(1)::before {
            background-image: url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/enojado.svg");
        }

        .es_satisfacion .radio:nth-child(2)::before {
            background-image: url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/triste.svg");
        }

        .es_satisfacion .radio:nth-child(3)::before {
            background-image: url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/neutral.svg");
        }

        .es_satisfacion .radio:nth-child(4)::before {
            background-image: url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/feliz.svg");
        }

        .es_satisfacion .radio:nth-child(5)::before {
            background-image: url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/exito.svg");
        }

        .es_satisfacion .radio::after {
            content: "";
            position: absolute;
            top: calc(100px + var(--unidad) * 2);
            width: 152px;
            height: 40px;
            border-radius: 100px;
            background-size: 24px;
            background-repeat: no-repeat;
            background-position: 16px center, 40px center, 64px center, 88px center, 112px center;
        }

        .es_satisfacion .radio:nth-child(1)::after {
            background-image: url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella.svg");
        }

        .es_satisfacion .radio:nth-child(2)::after {
            background-image: url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella.svg");
        }

        .es_satisfacion .radio:nth-child(3)::after {
            background-image: url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella.svg");
        }

        .es_satisfacion .radio:nth-child(4)::after {
            background-image: url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella.svg");
        }

        .es_satisfacion .radio:nth-child(5)::after {
            background-image: url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg"), url("https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/estrella_llena.svg");
        }

        .es_satisfacion .radio:hover, .es_satisfacion .radio.es_seleccionado {
            -webkit-box-shadow: var(--elevacion_1);
            box-shadow: var(--elevacion_1);
            -webkit-transition: -webkit-box-shadow 0.3s ease-in;
            transition: -webkit-box-shadow 0.3s ease-in;
            transition: box-shadow 0.3s ease-in;
            transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
            border-radius: var(--redondez_base);
        }

    .es_satisfacion input {
        opacity: 0;
        top: 0;
        width: 0;
        margin: 0px !important;
        -webkit-transform: scale(1);
        transform: scale(1);
        position: absolute;
        z-index: -1;
        -webkit-transition: -webkit-box-shadow 0.3s ease-in;
        transition: -webkit-box-shadow 0.3s ease-in;
        transition: box-shadow 0.3s ease-in;
        transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
    }

        .es_satisfacion input:checked {
            height: 100%;
            min-height: 196px;
            width: 100%;
        }

            .es_satisfacion input:checked::after {
                display: none;
            }

            .es_satisfacion input:checked::before {
                background-color: var(--color_blanco);
                z-index: 0;
                -webkit-box-shadow: var(--elevacion_1);
                box-shadow: var(--elevacion_1);
                -webkit-transition: -webkit-box-shadow 0.3s ease-in;
                transition: -webkit-box-shadow 0.3s ease-in;
                transition: box-shadow 0.3s ease-in;
                transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
                border-radius: var(--redondez_base);
            }

            .es_satisfacion input:checked + span::before {
                content: "";
                height: 100%;
                min-height: 196px;
                width: 100%;
                top: 0;
                right: 0;
                position: absolute;
                background-color: var(--color_blanco);
                z-index: -1;
                -webkit-box-shadow: var(--elevacion_1);
                box-shadow: var(--elevacion_1);
                -webkit-transition: -webkit-box-shadow 0.3s ease-in;
                transition: -webkit-box-shadow 0.3s ease-in;
                transition: box-shadow 0.3s ease-in;
                transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
                border-radius: var(--redondez_base);
            }

.es_satisfacion_decima {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: calc(var(--unidad) * 1);
    position: relative;
    width: auto !important;
}

    .es_satisfacion_decima::before {
        content: "";
        position: absolute;
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/enojado.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 32px;
        height: 32px;
        bottom: 100%;
        left: 4px;
    }

    .es_satisfacion_decima::after {
        content: "";
        position: absolute;
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/iconos/especificos/exito.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 32px;
        height: 32px;
        bottom: 100%;
        right: 4px;
    }

    .es_satisfacion_decima label.radio {
        border: 1px solid var(--color_gris_inactivo);
        height: 40px;
        width: 40px;
        margin: 0px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
    }

        .es_satisfacion_decima label.radio:first-of-type {
            border-radius: var(--redondez_base) 0px 0px var(--redondez_base);
        }

        .es_satisfacion_decima label.radio + label.radio {
            border-left: 0px;
        }

        .es_satisfacion_decima label.radio:last-of-type {
            border-radius: 0px var(--redondez_base) var(--redondez_base) 0px;
        }

        .es_satisfacion_decima label.radio:hover input[type=radio]:checked::before {
            background-color: var(--color_secundario);
            -webkit-transition: background-color 0.2s ease-in;
            transition: background-color 0.2s ease-in;
        }

        .es_satisfacion_decima label.radio:hover input[type=radio]::before {
            background-color: var(--color_dorado_background);
            -webkit-transition: background-color 0.2s ease-in;
            transition: background-color 0.2s ease-in;
        }

        .es_satisfacion_decima label.radio input[type=radio] {
            width: 100%;
            height: 100%;
            margin: 0px;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

            .es_satisfacion_decima label.radio input[type=radio]::before {
                width: 100%;
                height: 100%;
                border-radius: 0px;
            }

            .es_satisfacion_decima label.radio input[type=radio]:checked::after {
                width: 70%;
                height: 70%;
                background-color: inherit;
            }

            .es_satisfacion_decima label.radio input[type=radio]:checked + span {
                color: var(--color_blanco);
                font-weight: 500;
                -webkit-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
            }

        .es_satisfacion_decima label.radio span {
            position: absolute;
        }

/*Estilos para checkbox*/
input[type=checkbox] { /* IE 9 */
    -webkit-transform: scale(1.8); /* Chrome, Safari, Opera */
    transform: scale(1.8);
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    margin-left: 15px;
    accent-color: var(--color_secundario);
    -webkit-transition: accent-color 0.2s ease-in;
    transition: accent-color 0.2s ease-in;
    cursor: pointer;
}

.caja_checkbox {
    margin-bottom: 32px;
    margin-top: 32px;
}

    .caja_checkbox .checkbox,
    .caja_checkbox input[type=checkbox] {
        cursor: pointer;
        margin-left: 2px;
        margin-bottom: 8px;
    }

    .caja_checkbox .checkbox {
        display: block;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

        .caja_checkbox .checkbox:first-of-type:nth-last-of-type(2),
        .caja_checkbox .checkbox:first-of-type:nth-last-of-type(2) ~ .checkbox {
            display: inline-block;
            width: auto;
            margin-bottom: 0px;
        }

            .caja_checkbox .checkbox:first-of-type:nth-last-of-type(2) ~ .checkbox input[type=checkbox] {
                margin-left: 15px;
            }

/* Estilos para elemento switch */
.switch {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 8px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
    }

.slider {
    position: relative;
    cursor: pointer;
    width: 46px;
    height: 24px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    border: 1.5px solid var(--color_gris_inactivo);
    border-radius: 34px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: calc(100% - 4px);
        width: calc(50% - 4px);
        left: 2px;
        bottom: 2px;
        border-radius: 50%;
        background-color: var(--color_gris_inactivo);
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

input:checked + .slider {
    background-color: var(--color_secundario);
    border: 1.5px solid var(--color_secundario);
}

input:focus + .slider {
    -webkit-box-shadow: 0 0 1px var(--color_secundario);
    box-shadow: 0 0 1px var(--color_secundario);
}

input:checked + .slider:before {
    background-color: var(--color_blanco);
    -webkit-transform: translateX(22px);
    transform: translateX(22px);
}

.switch .respuesta {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 8px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.switch .prendido {
    opacity: 0;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.switch input:checked ~ .prendido {
    opacity: 1;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.switch input:checked ~ .apagado {
    opacity: 0;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.contenedor_resumen {
    background-color: var(--azul_informativo_back);
    border: 1px solid var(--azul_informativo);
    border-radius: var(--redondez_base);
    padding: 32px;
}

    .contenedor_resumen.con_salto {
        margin-top: var(--unidad_base);
    }

    .contenedor_resumen .material-symbols-outlined {
        font-size: larger;
        margin-top: -8px;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    .contenedor_resumen.nota_css::before {
        content: "\eb93";
    }

    .contenedor_resumen.nota_js::before {
        content: "\eb7c";
    }

    .contenedor_resumen.nota_html::before {
        content: "\eb7e";
    }

    .contenedor_resumen.nota_css, .contenedor_resumen.nota_js, .contenedor_resumen.nota_html {
        position: relative;
        overflow: hidden;
    }

        .contenedor_resumen.nota_css::before, .contenedor_resumen.nota_js::before, .contenedor_resumen.nota_html::before {
            font-family: "Material symbols outlined";
            position: absolute;
            top: 4px;
            right: -36px;
            font-size: 40px;
            -webkit-transform: rotate(27deg);
            transform: rotate(27deg);
            background-color: var(--background_baja);
            border: 1px solid var(--primario_baja);
            -webkit-box-shadow: var(--elevacion_1);
            box-shadow: var(--elevacion_1);
            padding-inline: 40px;
        }

    .contenedor_resumen > * {
        margin-top: 0px;
        margin-bottom: 16px;
    }

        .contenedor_resumen > *:last-of-type {
            margin-bottom: 0px;
        }

        .contenedor_resumen > * + * {
            margin-top: 16px;
        }

    .contenedor_resumen > ul {
        padding-left: 16px;
        margin-bottom: 0px;
    }

    .contenedor_resumen p:last-of-type {
        margin-bottom: 0px;
    }

    .contenedor_resumen .material-icons,
    .contenedor_resumen .material-icons-outlined {
        position: absolute;
        top: 1px;
        right: 8px;
        cursor: pointer;
        font-size: 18px;
    }

.caja_login .contenedor_resumen {
    position: relative;
    padding: 16px 32px;
    margin-bottom: calc(var(--unidad) * 3);
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

    .caja_login .contenedor_resumen.es_invisible {
        width: 100%;
        opacity: 0;
        margin-bottom: 0px;
        padding-block: 0px;
        -webkit-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
    }

.caja_acordeon {
    width: 100%;
}

    .caja_acordeon .accordion-header i {
        margin-right: var(--unidad);
    }

.accordion.caja_acordeon .accordion-item {
    border-radius: var(--redondez_base);
    background-color: var(--color_gris_background);
    border: 0px;
}

.caja_acordeon .accordion-item:after {
    border-color: transparent !important;
}

.caja_acordeon .accordion-item::before {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.caja_acordeon .accordion-item + .accordion-item {
    margin-top: 16px;
}

.caja_acordeon .accordion-header {
    height: var(--alto_base);
    min-height: var(--alto_base);
}

    .caja_acordeon .accordion-header.accordion-button {
        color: var(--color_negro);
        height: auto;
        min-height: var(--alto_base);
        padding: 8px 30px;
    }

        .caja_acordeon .accordion-header.accordion-button[aria-expanded=true] {
            -webkit-box-shadow: var(--elevacion_3);
            box-shadow: var(--elevacion_3);
            position: relative;
            z-index: 0;
        }

            .caja_acordeon .accordion-header.accordion-button[aria-expanded=true] + .accordion-collapse .accordion-body,
            .caja_acordeon .accordion-header.accordion-button[aria-expanded=true] + .accordion-body {
                -webkit-box-shadow: var(--elevacion_1);
                box-shadow: var(--elevacion_1);
                position: relative;
            }

.caja_acordeon .accordion-button {
    height: 100%;
    padding: 0rem 32px;
    background-color: transparent;
    font-weight: 600;
    border: 2px solid transparent;
    font-size: var(--h5_escala);
    line-height: var(--h5_interlineado);
}

    .caja_acordeon .accordion-button::after {
        background-image: none;
        font-family: "Material icons";
        content: "\e5cf";
        color: var(--color_blanco);
        background-color: var(--color_secundario);
        border-radius: 50%;
        width: auto;
        height: auto;
        font-weight: 500;
        font-size: 24px;
        line-height: 1;
    }

    .caja_acordeon .accordion-button:not(.collapsed)::after {
        background-image: none;
    }

    .caja_acordeon .accordion-button:focus {
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: var(--redondez_base);
        border: 2px solid var(--color_secundario);
        outline: none;
    }

        .caja_acordeon .accordion-button:focus::before {
            opacity: 0;
        }

    .caja_acordeon .accordion-button[aria-expanded=true] {
        border-radius: var(--redondez_base) var(--redondez_base) 0px 0px;
        color: var(--color_negro);
        background-color: var(--color_dorado_background);
        border: 2px solid transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .caja_acordeon .accordion-button:hover {
        border-radius: var(--redondez_base);
        color: var(--color_negro);
        background-color: var(--color_dorado_background);
    }

    .caja_acordeon .accordion-button[aria-expanded=true]:hover {
        border-radius: var(--redondez_base) var(--redondez_base) 0px 0px;
    }

    .caja_acordeon .accordion-button[aria-expanded=true]:focus {
        border: 2px solid transparent;
    }

.caja_acordeon .accordion-item:last-of-type .accordion-button[aria-expanded=false] {
    border-radius: var(--redondez_base);
}

.caja_acordeon .accordion-body {
    padding: 32px;
    background-color: var(--color_blanco);
    border-radius: 0px 0px var(--redondez_base) var(--redondez_base);
    /* box-shadow: var(--elevacion_3);
    position: relative; */
}

    .caja_acordeon .accordion-body > div {
        padding: 0px;
    }

    .caja_acordeon .accordion-body div:first-of-type {
        margin-top: 0px;
    }

    .caja_acordeon .accordion-body .caja_navegador {
        margin-top: 0px;
    }

.accordion-header::-moz-selection {
    background-color: black;
}

.accordion-header::selection {
    background-color: black;
}

.es_boton_acordeon {
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

    .es_boton_acordeon::after {
        background-image: none;
        font-family: "Material icons";
        content: "\e5cf";
        color: var(--color_blanco);
        background-color: var(--color_secundario);
        border-radius: 50%;
        width: auto;
        height: auto;
        font-weight: 500;
        font-size: 24px;
        line-height: 1;
    }

    .es_boton_acordeon.es_expandido {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.caja_tarjeta {
    position: relative;
    /* width: fit-content; */
    width: 100%;
    height: auto;
    background-color: var(--color_blanco);
    border-radius: var(--redondez_base);
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
}

    .caja_tarjeta .imagen_default {
        background: var(--color_secundario) url(/assets/img/logos/logo_cabeza_leon_nl_blanco.svg) no-repeat center;
        background-size: 40%;
        display: block;
        aspect-ratio: 3/4;
        height: 100%;
    }

    .caja_tarjeta .imagen_especificaciones {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: var(--unidad_base);
        height: calc(var(--unidad) * 2);
    }

        .caja_tarjeta .imagen_especificaciones::before {
            content: "Relación de aspecto 4:3";
            position: absolute;
            left: 0;
            right: 0;
            color: var(--color_blanco);
        }

        .caja_tarjeta .imagen_especificaciones::after {
            content: "(1280 x 960 px)";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -24px;
            color: var(--color_blanco);
        }

    /* .caja_tarjeta:not([class*="col"]){
    width: 100%;
} */
    .caja_tarjeta .imagen_tarjeta {
        min-height: 100px;
        overflow: hidden;
        /* background-color: var(--color_gris_background); */
    }

    .caja_tarjeta.es_vertical {
        height: 100%;
    }

        .caja_tarjeta.es_vertical .imagen_tarjeta {
            height: calc(100% + 1400px); /*Revisión*/
        }

    .caja_tarjeta .imagen_tarjeta > * {
        width: 100%;
        border-radius: var(--redondez_base) var(--redondez_base) 0px 0px;
        -webkit-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
    }

    .caja_tarjeta .cuerpo_tarjeta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        padding: var(--unidad_base);
        -webkit-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .caja_tarjeta .cuerpo_tarjeta.alineado_centro {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .caja_tarjeta.es_vertical .cuerpo_tarjeta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%;
    }

    .caja_tarjeta .cuerpo_tarjeta p .material-icons,
    .caja_tarjeta .cuerpo_tarjeta p .material-icons-outlined {
        position: relative;
        bottom: -5px;
        font-size: 16px;
    }

    .caja_tarjeta .cuerpo_tarjeta .seccion_titulo {
        margin-top: 0px;
    }

        .caja_tarjeta .cuerpo_tarjeta .seccion_titulo.es_vertical {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

    .caja_tarjeta h2.titulo_tarjeta {
        font-weight: 700;
    }

    /*Caracteres recomendados para titulo 64*/
    .caja_tarjeta .titulo_tarjeta {
        margin-bottom: 0px;
        color: var(--color_accent);
    }

    .caja_tarjeta .texto_tarjeta {
        color: var(--color_accent);
        margin: 0px;
        font-weight: 400;
        font-size: var(--h5_escala);
        line-height: var(--h5_interlineado);
        text-align: initial;
    }

    .caja_tarjeta.es_vertical .texto_tarjeta {
        overflow: hidden;
        height: calc(var(--h5_interlineado) * 5); /*Caracteres maximos 240*/
        text-align: left;
    }

    .caja_tarjeta .fecha_tarjeta {
        color: var(--color_gris_inactivo);
        font-size: var(--h6_escala);
    }

    .caja_tarjeta.es_horizontal:not(.es_1a1, .tiene_mascara) .imagen_tarjeta {
        width: 100%;
        margin: auto;
    }

    .caja_tarjeta.es_horizontal:not(.es_1a1, .tiene_mascara) .cuerpo_tarjeta {
        width: 100%;
    }

    .caja_tarjeta.es_horizontal .imagen_tarjeta > * {
        border-radius: var(--redondez_base) 0px 0px var(--redondez_base);
    }

    .caja_tarjeta.es_horizontal.es_invertida .imagen_tarjeta > * {
        border-radius: 0px var(--redondez_base) var(--redondez_base) 0px;
    }

    .caja_tarjeta.es_horizontal.redonda_horizontal .imagen_tarjeta > img {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .caja_tarjeta.apartado_tarjeta {
        height: 136px;
        max-width: -moz-fit-content;
        max-width: -webkit-fit-content;
        max-width: fit-content;
    }

        .caja_tarjeta.apartado_tarjeta .imagen_tarjeta {
            background-color: transparent;
            padding: 32px 0px 32px 32px;
            height: auto;
        }

        .caja_tarjeta.apartado_tarjeta .cuerpo_tarjeta {
            padding: 32px 32px 32px 16px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

    /*Estilos para tarjetas redondas*/
    .caja_tarjeta.es_redonda {
        border-radius: 60px 4px 60px 4px;
    }

        .caja_tarjeta.es_redonda:hover .imagen_tarjeta * {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
            -webkit-transition: all ease-in-out 0.2s;
            transition: all ease-in-out 0.2s;
        }

        .caja_tarjeta.es_redonda:hover .cuerpo_tarjeta {
            padding-top: 35px;
            padding-bottom: 35px;
            margin-top: -66px;
            -webkit-transition: all ease-in-out 0.2s;
            transition: all ease-in-out 0.2s;
        }

        .caja_tarjeta.es_redonda .imagen_tarjeta {
            position: relative;
            z-index: 0;
            border-radius: 60px 4px 0px 0px;
        }

        .caja_tarjeta.es_redonda .cuerpo_tarjeta {
            margin-top: -60px;
            position: relative;
            z-index: 10;
            background: var(--color_blanco);
            border-radius: 60px 0px 60px 4px;
        }

    /*Estilos para tarjetas con mascara*/
    .caja_tarjeta.es_horizontal.tiene_mascara {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: var(--redondez_base);
        border: 1px solid var(--color_gris_background);
        margin-top: var(--unidad_base);
    }

    .caja_tarjeta.es_vertical.tiene_mascara {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: var(--redondez_base);
        border: 1px solid var(--color_gris_background);
    }

.tiene_mascara svg {
    width: 100%;
    height: 100%;
}

    .tiene_mascara svg image {
        position: absolute;
        height: 100%;
        width: auto;
    }

.caja_tarjeta.es_horizontal.tiene_mascara svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.caja_tarjeta.es_horizontal.tiene_mascara .imagen_tarjeta {
    position: relative;
    background-color: transparent;
}

#mascara_horizontal path {
    -webkit-transform: scale(0.89, 0.897);
    transform: scale(0.89, 0.897);
}

#mascara_vertical path {
    -webkit-transform: scale(0.002238, 0.0022);
    transform: scale(0.002238, 0.0022);
}

#mascara_horizontal_tarjeta path {
    -webkit-transform: scale(100%, 99.4%);
    transform: scale(100%, 99.4%);
}

#mascara_horizontal_invertido path {
    -webkit-transform: scale(-100%, 99.4%) translateX(-590px);
    transform: scale(-100%, 99.4%) translateX(-590px);
}

.caja_tarjeta.es_horizontal.tiene_mascara .imagen_tarjeta img {
    clip-path: url(#mascara_horizontal);
    aspect-ratio: 4/3;
    width: 100%;
    height: 100%;
    max-height: 460px;
}

.caja_tarjeta.es_horizontal.tiene_mascara.es_4a3 .imagen_tarjeta img {
    clip-path: url(#mascara_horizontal_tarjeta);
    aspect-ratio: 4/3;
    width: 100%;
    height: 100%;
    max-height: 460px;
}

.caja_tarjeta.es_vertical.tiene_mascara .imagen_tarjeta img,
.caja_tarjeta.es_vertical.tiene_mascara .imagen_tarjeta .imagen_default {
    clip-path: url(#mascara_vertical);
    aspect-ratio: 4/3;
    width: 100%;
    height: 100%;
    max-height: 460px;
}

.caja_tarjeta.es_vertical.tiene_mascara .imagen_tarjeta .imagen_default {
    background-color: var(--color_primario);
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/recursos_via/imagen_mascara_leon_nl.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 150%;
}

.caja_tarjeta.es_horizontal.tiene_mascara .cuerpo_tarjeta {
    width: calc(100% - 565px);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

    .caja_tarjeta.es_horizontal.tiene_mascara .cuerpo_tarjeta.alineado_izquierda {
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

.caja_tarjeta.es_vertical.tiene_mascara .cuerpo_tarjeta {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.sin_sombras .caja_tarjeta.es_vertical.tiene_mascara .cuerpo_tarjeta {
    padding: 0px;
}

.caja_tarjeta.es_horizontal.tiene_mascara .cuerpo_tarjeta .boton {
    min-width: 135px;
}

.caja_tarjeta.es_horizontal.tiene_mascara .texto_tarjeta {
    overflow: hidden;
    max-height: calc(10 * var(--h5_interlineado));
    position: relative;
}

/*
.caja_tarjeta.es_horizontal.tiene_mascara ~ .tiene_mascara{
    margin-top: 32px;
} */
.caja_tarjeta.es_horizontal.tiene_mascara:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

    .caja_tarjeta.es_horizontal.tiene_mascara:nth-child(even) .imagen_tarjeta img,
    .caja_tarjeta.es_horizontal.tiene_mascara.es_invertida .imagen_tarjeta img {
        clip-path: url(#mascara_horizontal_invertido);
    }

    .caja_tarjeta.es_horizontal.tiene_mascara:nth-child(even) svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

        .caja_tarjeta.es_horizontal.tiene_mascara:nth-child(even) svg image {
            -webkit-transform: scale(-1) translate(-100%, -100%);
            transform: scale(-1) translate(-100%, -100%);
        }

.caja_tarjeta.es_horizontal.tiene_mascara .corchete_fondo_movil {
    display: none;
}

/* estilos para aspectos de imgenes y mascaras*/
.caja_tarjeta.es_horizontal.tiene_mascara.es_1a1 .imagen_tarjeta img {
    max-height: 400px;
    aspect-ratio: 1/1;
}

.caja_tarjeta.es_vertical.tiene_mascara.es_1a1 .imagen_tarjeta img,
.caja_tarjeta.es_vertical.tiene_mascara.es_1a1 .imagen_tarjeta .imagen_default {
    max-height: 600px;
    aspect-ratio: 1/1;
    height: auto;
}

.caja_tarjeta.es_horizontal.tiene_mascara.es_1a1 .cuerpo_tarjeta {
    width: calc(100% - 400px);
}

.caja_tarjeta.es_horizontal.redonda_horizontal.es_1a1 .imagen_tarjeta {
    width: 35%;
    min-width: 350px;
    aspect-ratio: 1/1;
}

.caja_tarjeta.es_horizontal.redonda_horizontal.es_1a1.es_destacado .imagen_tarjeta {
    width: 50%;
    min-width: 450px;
}

/* estilos para tarjetas horizontales con radios */
.redonda_horizontal {
    border-radius: 60px 4px 60px 4px;
}

.caja_tarjeta.es_horizontal.redonda_horizontal {
    margin-top: var(--unidad_base);
}

.caja_tarjeta.es_horizontal.redonda_horizontal {
    margin-top: var(--unidad_base);
}

.caja_tarjeta.redonda_horizontal .imagen_tarjeta {
    position: relative;
    border-radius: 60px 4px 60px 4px;
    max-width: 50%;
    min-width: 50%;
    aspect-ratio: 4/3;
}

.caja_tarjeta.redonda_horizontal.es_completo .imagen_tarjeta {
    min-width: 100%;
}

.caja_tarjeta.es_horizontal.redonda_horizontal .cuerpo_tarjeta {
    gap: 16px;
    width: calc(100% - 350px);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.area_logo .logo_secretaria_color {
    width: 300px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: calc(var(--unidad) * 3);
}

.divisor {
    background-color: var(--color_primario);
    border-radius: 10px 2px 10px 2px;
    height: calc(var(--unidad) * 1.5);
    width: 25%;
    min-width: 200px;
    margin: calc(var(--unidad) * 2) auto calc(var(--unidad) * 2);
}

.caja_tarjeta.es_horizontal.es_balanceada {
    gap: var(--unidad_base);
}

    .caja_tarjeta.es_horizontal.es_balanceada > * {
        width: 50%;
    }

    .caja_tarjeta.es_horizontal.es_balanceada .cuerpo_tarjeta {
        padding-inline: 0px;
    }

/*----------------------- estilos para seccion_tarjetas --------------------------*/
.seccion_tarjetas {
    margin-top: var(--unidad_base);
    gap: var(--unidad_base);
    /* width: 1440px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

    .seccion_tarjetas > *[target=_self] {
        display: contents;
    }

    .seccion_tarjetas > a {
        display: contents;
    }

        .seccion_tarjetas > a .caja_tarjeta {
            overflow: hidden;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .seccion_tarjetas > a .caja_tarjeta:hover {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                -webkit-box-shadow: var(--elevacion_2);
                box-shadow: var(--elevacion_2);
            }

                .seccion_tarjetas > a .caja_tarjeta:hover .imagen_tarjeta > * {
                    scale: 1.1;
                }

    .seccion_tarjetas .caja_tarjeta {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 370px;
        flex-basis: 370px;
    }

    .seccion_tarjetas.\33 _columnas {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .seccion_tarjetas.sin_sombras {
        overflow: hidden;
    }

        .seccion_tarjetas.sin_sombras .caja_tarjeta::after {
            content: "";
            position: absolute;
            height: calc(100% + var(--unidad_base));
            width: 1px;
            top: calc(var(--unidad_base) / 2 * -1);
            right: calc(var(--unidad_base) / 2 * -1);
            background-color: var(--color_gris_background);
        }

        .seccion_tarjetas.sin_sombras .caja_tarjeta::before {
            content: "";
            position: absolute;
            width: calc(100% + var(--unidad_base));
            height: 1px;
            left: calc(var(--unidad_base) / 2 * -1);
            bottom: calc(var(--unidad_base) / 2 * -1);
            background-color: var(--color_gris_background);
        }

    .seccion_tarjetas.\34 _columnas {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

/* estilo tarjeta .es_vertical_iconos */
.caja_tarjeta.es_vertical_iconos .cuerpo_tarjeta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px !important;
    margin: auto;
}

    .caja_tarjeta.es_vertical_iconos .cuerpo_tarjeta .boton {
        margin: 0px;
        width: 100%;
        max-width: 340px;
    }

.seccion_iconos img {
    height: 40px;
    width: 40px;
}

.sin_sombras .caja_tarjeta {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0px solid transparent !important;
    width: 100%;
}

.sin_sombras .cuerpo_tarjeta {
    padding: 32px 24px 32px 24px;
}

section.sin_sombras,
.sin_sombras {
    width: 100%;
    margin-top: var(--unidad_base);
}

.imagen_tarjeta.con_fondo {
    aspect-ratio: 2/1;
}

.imagen_tarjeta:empty {
    position: relative;
}

    .imagen_tarjeta:empty:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url("/assets/img/recursos_via/tarjetas/default_baja.svg");
        background-size: cover;
    }

.caja_tarjeta.es_archivo .seccion_titulo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .caja_tarjeta.es_archivo .seccion_titulo h1, .caja_tarjeta.es_archivo .seccion_titulo h2, .caja_tarjeta.es_archivo .seccion_titulo h3, .caja_tarjeta.es_archivo .seccion_titulo h4, .caja_tarjeta.es_archivo .seccion_titulo h5, .caja_tarjeta.es_archivo .seccion_titulo h6 {
        max-width: 100%;
    }

.caja_tarjeta.es_archivo .cuerpo_tarjeta {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}

@media screen and (max-width: 1366px) {
    .seccion_tarjetas.\34 _columnas {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 991px) {
    .seccion_tarjetas.\34 _columnas {
        grid-template-columns: repeat(2, 1fr);
    }

    .seccion_tarjetas.\33 _columnas {
        grid-template-columns: repeat(2, 1fr);
    }

    .sin_sombras.es_completo .caja_tarjeta:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .sin_sombras.es_completo .caja_tarjeta:first-child .cuerpo_tarjeta {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .sin_sombras.es_completo .caja_tarjeta:first-child .imagen_tarjeta {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }
}

@media screen and (max-width: 768px) {
    .caja_tarjeta.es_horizontal.es_balanceada {
        gap: 0px;
    }

        .caja_tarjeta.es_horizontal.es_balanceada > * {
            width: 100%;
        }

        .caja_tarjeta.es_horizontal.es_balanceada .cuerpo_tarjeta {
            padding-block: var(--unidad_base);
        }

    .sin_sombras.es_completo {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }

        .sin_sombras.es_completo .caja_tarjeta.es_horizontal.es_balanceada .cuerpo_tarjeta {
            padding: var(--unidad_base);
        }

        .sin_sombras.es_completo.tiene_fondo_gris::before {
            width: calc(100vw - 0px);
            -webkit-transform: translateY(calc(var(--unidad) * -1));
            transform: translateY(calc(var(--unidad) * -1));
        }

    .seccion_tarjetas.\33 _columnas,
    .seccion_tarjetas.\34 _columnas,
    .seccion_galeria {
        grid-template-columns: repeat(1, 1fr);
    }

    .caja_tarjeta.es_horizontal .imagen_tarjeta > * {
        border-radius: var(--redondez_base) var(--redondez_base) 0px 0px;
    }

    .caja_tarjeta.es_horizontal.es_invertida .imagen_tarjeta > * {
        border-radius: var(--redondez_base) var(--redondez_base) 0px 0px;
    }

    .caja_tarjeta.es_redonda .cuerpo_tarjeta {
        padding: calc(var(--unidad_base) * 2);
    }

    .caja_tarjeta.es_horizontal.redonda_horizontal .cuerpo_tarjeta {
        width: 100%;
        margin-top: -60px;
        position: relative;
        z-index: 10;
        background: var(--color_blanco);
        border-radius: 60px 0px 60px 4px;
    }

    .caja_tarjeta.redonda_horizontal .imagen_tarjeta {
        width: 100%;
        min-width: 100%;
        border-radius: 60px 4px 60px 0px;
    }
}

.caja_lista {
    font-size: var(--h5_escala);
    font-weight: var(--h5_interlineado);
}

    .caja_lista li::first-letter {
        text-transform: uppercase;
    }

    .caja_lista > ul {
        list-style: none;
    }

    .caja_lista ul li,
    .caja_lista ol li {
        position: relative;
        margin-bottom: 6px;
    }

    .caja_lista > ul > li::before {
        font-family: "Material icons";
        content: "\e15b";
        color: var(--color_secundario);
        display: inline-block;
        margin-left: -24px;
        position: absolute;
    }

    .caja_lista > ul > li > ul {
        list-style: none;
        margin-top: 16px;
        margin-bottom: 16px;
    }

        .caja_lista > ul > li > ul > li::before {
            content: "▪";
            color: var(--color_secundario);
            display: inline-block;
            margin-left: -16px;
            margin-right: 8px;
        }

    .caja_lista > ol {
        list-style: none;
        counter-reset: item;
    }

        .caja_lista > ol > li:before {
            content: counter(item) ". ";
            counter-increment: item;
            display: inline-block;
            margin-left: -16px;
            margin-right: 8px;
            min-width: 13px;
        }

        .caja_lista > ol > li > ol {
            list-style: none;
            counter-reset: chapter;
            margin-top: 16px;
            margin-bottom: 16px;
        }

            .caja_lista > ol > li > ol > li:before {
                content: counter(chapter, lower-alpha) ". ";
                counter-increment: chapter;
                display: inline-block;
                margin-left: -16px;
                margin-right: 8px;
            }

.caja_busqueda {
    width: 100%;
}

    .caja_busqueda label {
        opacity: 1;
        -webkit-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
    }

    .caja_busqueda .input-group {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all ease 0.2s;
        transition: all ease 0.2s;
    }

    .caja_busqueda input {
        border: 1.5px solid var(--color_gris_background);
        border-right: 0px;
        -webkit-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
    }

    .caja_busqueda .input-group:hover input {
        border: 1.5px solid var(--color_secundario);
        border-right: 0px;
        -webkit-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
    }

    .caja_busqueda .input-group input[type=search] ~ .input-group-text {
        background-color: var(--color_secundario);
        color: var(--color_blanco);
        border: 1.5px solid var(--color_secundario);
        border-left: 0px;
        -webkit-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
    }

        .caja_busqueda .input-group input[type=search] ~ .input-group-text:hover {
            background-color: var(--color_secundario_hover);
            -webkit-transition: all ease-in-out 0.2s;
            transition: all ease-in-out 0.2s;
        }

    .caja_busqueda .input-group:hover input[type=search] ~ .input-group-text,
    .caja_busqueda .input-group input[type=search]:focus ~ .input-group-text,
    .caja_busqueda .input-group:hover input[type=search] ~ .input-group-text > *,
    .caja_busqueda .input-group input[type=search]:focus ~ .input-group-text > * {
        background-color: var(--color_secundario_hover);
        -webkit-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
    }

    .caja_busqueda.es_estatico {
        position: sticky;
        top: var(--alto_navegador);
        z-index: 99;
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(4px);
        -webkit-transition: all ease-in-out 0.2s;
        transition: all ease-in-out 0.2s;
    }

        .caja_busqueda.es_estatico .input-group {
            -webkit-transform: translateY(calc(var(--unidad) * -3));
            transform: translateY(calc(var(--unidad) * -3));
            -webkit-transition: all ease 0.4s;
            transition: all ease 0.4s;
        }

        .caja_busqueda.es_estatico label {
            opacity: 0;
            -webkit-transition: all ease-in-out 0.4s;
            transition: all ease-in-out 0.4s;
        }

.tabla_responsiva {
    margin: -3px;
    padding: 5px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tabla_encabezado {
    overflow: auto;
    height: auto;
    max-height: 700px;
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
    border-radius: var(--redondez_base);
}

    .tabla_encabezado thead {
        position: sticky;
        top: 0px;
        z-index: 9;
    }

        .tabla_encabezado thead tr th:first-of-type {
            position: sticky;
            top: 0px;
            left: 0px;
            z-index: 10;
        }

    .tabla_encabezado tbody tr td:first-of-type {
        background-color: var(--color_blanco);
        position: sticky;
        left: 0px;
        z-index: 8;
    }

    .tabla_encabezado tbody tr:hover td {
        background-color: var(--color_gris_background);
    }

    .tabla_encabezado::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .tabla_encabezado .estilo_tabla {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        min-width: 100%; /*en revisión*/
    }

.estilo_tabla {
    width: 100%;
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
    border-radius: var(--redondez_base);
}

    .estilo_tabla,
    .estilo_tabla td,
    .estilo_tabla th {
        border: 0px solid var(--ast-border-color);
    }

        .estilo_tabla > :not(caption) > * > *,
        .estilo_tabla > :not(caption) tr td {
            border-bottom: 1px solid var(--color_secundario_hover);
            line-height: 16px;
            padding: 16px;
        }

        .estilo_tabla > * > * > *:first-child {
            padding-left: 32px;
        }

        .estilo_tabla > * > * > *:last-child {
            padding-right: 32px;
        }

        .estilo_tabla thead tr th,
        .estilo_tabla tbody th {
            font-weight: 600;
            height: 40px;
            padding: 8px 16px;
            color: var(--color_accent);
            background-color: var(--color_dorado_background);
        }

            .estilo_tabla thead tr th:first-child {
                border-radius: var(--redondez_base) 0px 0px 0px;
            }

            .estilo_tabla thead tr th:last-child {
                border-radius: 0px var(--redondez_base) 0px 0px;
            }

        .estilo_tabla tbody tr:last-child th {
            border-radius: 0px 0px 0px var(--redondez_base);
        }

        .estilo_tabla > tbody > tr:hover td {
            background-color: var(--color_gris_background);
            --bs-table-accent-bg: var(--color_gris_background);
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .estilo_tabla > tbody > tr:hover:last-of-type td:last-of-type {
            border-radius: 0px 0px var(--redondez_base) 0px;
        }

        .estilo_tabla > tbody > tr:hover:last-of-type td:first-of-type {
            border-radius: 0px 0px 0px var(--redondez_base);
        }

        .estilo_tabla > tbody > tr:hover th {
            color: var(--color_blanco);
            background-color: var(--color_secundario_hover);
            --bs-table-accent-bg: var(--color_secundario_hover);
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .estilo_tabla > :not(caption) > *:last-child > * {
            border-bottom: 0px solid transparent;
        }

        .estilo_tabla .boton {
            width: auto;
            height: auto;
            min-height: auto;
            min-width: 32px;
            padding: 8px 4px;
            font-size: 16px;
            margin-top: -10px;
            margin-bottom: -10px;
        }

            .estilo_tabla .boton.solo_icono {
                min-height: 100%;
                position: relative;
                padding: 4px 4px;
            }

            .estilo_tabla .boton .material-icons,
            .estilo_tabla .boton .material-icons-outlined {
                font-size: 20px;
            }

.caja_tabla {
    width: 100%;
    display: inline-block;
}

    .caja_tabla.es_ajustada {
        width: auto;
        min-width: 500px;
        max-width: calc(50% - 32px);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .caja_tabla.tabla_responsiva table {
        max-width: 1700px;
        min-width: 1300px;
        width: 100%;
    }

    .caja_tabla table {
        margin-bottom: 0px;
    }

    .caja_tabla .titulo_tabla {
        margin: 8px 0px;
    }

        .caja_tabla .titulo_tabla .boton {
            font-family: "Poppins";
        }

    .caja_tabla > p {
        margin: 8px 0px 16px;
    }

.estilo_tabla i.bi {
    font-size: 24px;
}

.tabla_footer {
    height: 56px;
    display: block;
    position: relative;
    z-index: 5;
    padding: 8px 32px;
    background-color: var(--color_blanco);
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
    border-radius: 0px 0px var(--redondez_base) var(--redondez_base);
    border-top: 1px solid var(--color_secundario_hover);
}

.seccion_paginacion {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.paginacion_paginas {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .paginacion_paginas .es_activo {
        background-color: var(--color_gris_background);
    }

    .paginacion_paginas > * {
        height: 40px;
        min-width: 40px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid var(--color_gris_background);
        border-right: 0px;
        border-radius: 0px;
    }

        .paginacion_paginas > *:first-child {
            border-radius: var(--redondez_base) 0px 0px var(--redondez_base);
        }

        .paginacion_paginas > *:last-child {
            border-radius: 0px var(--redondez_base) var(--redondez_base) 0px;
            border-right: 1px solid var(--color_gris_background);
        }

        .paginacion_paginas > *:hover {
            background-color: var(--color_gris_background);
        }

    .paginacion_paginas .es_inactivo {
        color: var(--color_gris_inactivo);
        cursor: default;
    }

@media screen and (max-width: 768px) {
    .tabla_footer {
        height: auto;
        min-height: 56px;
    }

    .seccion_paginacion {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 8px;
    }

        .seccion_paginacion .paginacion_paginas {
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
}

.caja_navtab {
    width: 100%;
    margin-top: var(--unidad_base);
    border-radius: var(--redondez_base);
}

    .caja_navtab .seccion_tarjetas {
        margin-top: 0px;
    }

    .caja_navtab.es_estatico {
        background-color: var(--color_blanco);
        margin-top: 0px;
        position: sticky;
        top: calc(var(--alto_navegador) + var(--alto_redes));
        z-index: 11;
    }

        .caja_navtab.es_estatico .es_completo.es_landing {
            background-color: var(--color_secundario);
            border-top: 0px;
            border-bottom: 1px solid var(--color_blanco);
        }

            .caja_navtab.es_estatico .es_completo.es_landing a:hover .nav-link {
                color: var(--color_accent);
            }

            .caja_navtab.es_estatico .es_completo.es_landing > a::after {
                background: var(--color_blanco);
            }

            .caja_navtab.es_estatico .es_completo.es_landing .nav-link {
                color: var(--color_blanco);
                border-bottom: 0px;
                height: 100%;
                width: auto;
                margin-inline: auto;
            }

                .caja_navtab.es_estatico .es_completo.es_landing .nav-link::after {
                    background: var(--color_blanco);
                }

                .caja_navtab.es_estatico .es_completo.es_landing .nav-link:hover {
                    color: var(--color_accent);
                }

                .caja_navtab.es_estatico .es_completo.es_landing .nav-link.active {
                    background-color: var(--color_secundario);
                    border-bottom: 1px solid var(--color_blanco);
                    border: 0px;
                }

                    .caja_navtab.es_estatico .es_completo.es_landing .nav-link.active::before {
                        content: "";
                        width: 100%;
                        height: 2px;
                        position: absolute;
                        left: 0;
                        top: calc(100% - var(--unidad) * 3);
                        background-position: bottom;
                        background-repeat: no-repeat;
                        background-image: linear-gradient(transparent calc(100% - 2px), var(--color_blanco) 2px), linear-gradient(transparent calc(100% - 2px), transparent 2px);
                        background-size: 100% 6px, 100% 6px;
                        -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
                        transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
                    }

.tab-content {
    background-color: var(--color_blanco);
    border-radius: 0px 0px var(--redondez_base) var(--redondez_base);
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
}

    .tab-content .seccion_formulario {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .tab-content .seccion_formulario .area_formulario {
            padding: 0px;
        }

        .tab-content .seccion_formulario article > h3 {
            padding-top: 0px;
            padding-inline: 0px;
        }

    .tab-content .sin_sombras {
        margin-top: 0px;
    }

    .tab-content .tab-pane {
        padding: 32px;
    }

.nav-tabs {
    padding: 0px 16px;
    background-color: transparent;
}

    .nav-tabs .notificacion {
        right: 2px;
        left: auto;
        top: 0px;
    }

    .nav-tabs .nav-link {
        color: var(--color_gris_inactivo);
        background-color: transparent;
        border-bottom: 2px solid transparent;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: var(--h6_interlineado);
        padding: calc(var(--unidad) * 2);
        position: relative;
    }

        .nav-tabs .nav-link .material-icons,
        .nav-tabs .nav-link .material-icons-outlined {
            margin-right: 4px;
            margin-top: -3px;
            font-size: 16px;
            line-height: 0px;
            height: 100%;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            vertical-align: middle;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .nav-tabs .nav-link::after {
            content: "";
            position: absolute;
            right: -1px;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 24px;
            width: 1px;
            background: rgba(115, 131, 156, 0.2);
        }

        .nav-tabs .nav-link:first-child::before {
            content: "";
            position: absolute;
            left: -1px;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 24px;
            width: 2px;
            background: rgba(115, 131, 156, 0.2);
        }

        .nav-tabs .nav-link:focus,
        .nav-tabs .nav-link:hover {
            color: var(--color_secundario);
            border-color: transparent;
            text-decoration: none;
            border-bottom: 2px solid var(--color_secundario);
            outline: none;
        }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            border-color: var(--color_secundario);
            border-bottom: 2px solid var(--color_primario_background);
            background-color: var(--color_blanco);
            color: var(--color_secundario);
            font-weight: 600;
        }

/* estilos para navtabs landing */
.es_completo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.es_landing {
    background-color: transparent;
    border-top: 1px solid var(--color_gris_background);
    border-bottom: 1px solid var(--color_gris_background);
    min-height: calc(var(--unidad) * 6);
}

    .es_landing a .nav-link {
        width: 100%;
    }

        .es_landing a .nav-link.active, .es_landing a .nav-link:hover, .es_landing a .nav-link:focus {
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
            border-bottom: 1px solid var(--color_primario_background);
        }

    .es_landing > button,
    .es_landing > a {
        border: none !important;
        background: transparent !important;
        width: 100%;
    }

    .es_landing .nav-link {
        color: var(--color_primario);
    }

        .es_landing .nav-link:hover,
        .es_landing .nav-link.active {
            color: var(--color_primario_hover);
        }

        .es_landing .nav-link::after,
        .es_landing > a::after {
            content: "";
            position: absolute;
            right: -1px;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 34px;
            width: 1.2px;
            background: rgba(115, 131, 156, 0.2);
        }

        .es_landing .nav-link:last-child::after,
        .es_landing > a:last-child::after {
            content: none;
        }

.nav-tabs .nav-link:last-child::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 24px;
    width: 0px;
    background: rgba(115, 131, 156, 0.2);
}

.es_landing .nav-link:first-child::before,
.es_landing .nav-link:last-child::after,
.es_landing .nav-link::before {
    content: none;
}

@media screen and (max-width: 768px) {
    .es_completo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100%;
    }

    .es_landing .nav-link::before {
        content: "";
        position: absolute;
        left: -1px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 34px;
        width: 0px;
        background: rgba(115, 131, 156, 0.2);
    }

    .nav-tabs {
        padding: 0px;
    }
}

.tooltip.show {
    opacity: 1;
}

.tooltip .tooltip-inner {
    background-color: var(--color_accent);
    padding: 8px;
    font-size: 13px;
    line-height: 13px;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--color_accent);
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--color_accent);
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--color_accent);
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--color_accent);
}

.modal-backdrop {
    background: var(--color_accent);
}

    .modal-backdrop.show {
        opacity: 0.9;
    }

.modal-content {
    -webkit-box-shadow: var(--elevacion_3);
    box-shadow: var(--elevacion_3);
    border: 1px solid transparent;
    border-radius: var(--redondez_base);
}

.modal-header {
    border-bottom: 1px solid transparent;
    padding: calc(var(--unidad) * 4);
    padding-bottom: var(--unidad);
}

    .modal-header .btn-close {
        background: none;
        margin-top: -10px;
    }

        .modal-header .btn-close::before {
            font-family: "Material Symbols Outlined";
            content: "\e5cd";
            font-size: 32px;
            width: 100%;
            top: 0;
            left: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

.modal-footer {
    border-top: 1px solid transparent;
    padding: calc(var(--unidad) * 4);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

    .modal-footer .boton {
        min-width: 145px;
        margin: 0px;
    }

.modal-body {
    padding: 0px calc(var(--unidad) * 4);
}

    .modal-body p:last-of-type {
        margin-bottom: 0px;
    }

.contenedor_modal {
    min-width: 100%;
    margin-block: 0px;
}

    .contenedor_modal .btn-close::before {
        color: var(--color_blanco);
    }

    .contenedor_modal .modal-content {
        background: transparent;
        height: 100vh;
        padding: 32px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .contenedor_modal .modal-body {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .contenedor_modal .seccion_escritos {
        color: var(--color_blanco);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        margin-top: 30vh;
        padding-bottom: var(--unidad_base);
    }

@media screen and (max-width: 600px) {
    .modal-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
    }

        .modal-footer .boton {
            min-width: 100%;
            margin: 0px !important;
        }
}

.seccion_enlaces {
    background-color: var(--color_gris_background);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    padding: 32px 0px;
}

    .seccion_enlaces .caja_enlaces {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        margin: 0px auto;
        padding: var(--relleno_fila);
        max-width: var(--ancho_base);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .seccion_enlaces .area_enlaces {
        width: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 80px;
    }

    .seccion_enlaces .caja_enlaces .area_enlaces {
        padding-left: 0px;
    }

    .seccion_enlaces .area_enlaces .col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 500px;
        margin-right: 32px;
    }

        .seccion_enlaces .area_enlaces .col a {
            margin-top: 8px;
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            max-width: -webkit-fit-content;
            max-width: -moz-fit-content;
            max-width: fit-content;
        }

    .seccion_enlaces .escudo_enlaces {
        width: 140px;
        margin-right: 80px;
        background-image: url(/assets/img/logos/logo_cabeza_leon_nl.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

        .seccion_enlaces .escudo_enlaces img {
            display: none;
        }

    .seccion_enlaces .caja_enlaces .escudo_enlaces {
        margin-right: 0px;
    }

.escudo_footer {
    display: inline-block;
    width: 100%;
    height: 80px;
    max-width: 220px;
    background-image: url(/assets/img/logos/logo_leon_completo_nl_blanco.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

    .escudo_footer img {
        display: none;
    }

    .escudo_footer svg * {
        fill: var(--color_blanco);
    }

footer .seccion_redes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: var(--color_secundario);
    color: var(--color_blanco);
    padding: 32px 0px;
    width: 100%;
    margin-top: 0px !important;
}

    footer .seccion_redes .caja_redes {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin: 0px auto;
        padding: var(--relleno_fila);
        max-width: var(--ancho_base);
        color: var(--color_blanco);
        width: 100%;
    }

    footer .seccion_redes .area_escudo {
        position: relative;
        padding-left: 80px;
    }

        footer .seccion_redes .area_escudo .logo_secretaria {
            max-width: 320px;
        }

    footer .seccion_redes .area_redes {
        padding-right: 80px;
    }

        footer .seccion_redes .area_redes a:hover {
            opacity: 0.8;
        }

        footer .seccion_redes .area_redes .escudo_footer img {
            height: 90px;
        }

    footer .seccion_redes .caja_redes .area_escudo {
        height: 100%;
        min-width: 320px;
        min-height: 170px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    footer .seccion_redes .caja_redes .area_redes {
        padding-right: 0px;
    }

    footer .seccion_redes .area_escudo .leyenda_avisos {
        margin-top: calc(var(--unidad) * 2);
        font-size: var(--h6_escala);
    }

    footer .seccion_redes .area_redes .leyenda_redes {
        margin: var(--unidad) 0px;
        margin-left: 6px;
        font-size: var(--h6_escala);
    }

    footer .seccion_redes .link {
        color: var(--color_blanco);
    }

    footer .seccion_redes a.link::after {
        background-image: linear-gradient(transparent calc(100% - 1px), var(--color_blanco) 1px), linear-gradient(transparent calc(100% - 1px), var(--color_primario_background) 1px);
    }

.seccion_leyenda {
    font-family: "Maven Pro", sans-serif;
    background-color: var(--color_gris_background);
    padding: 16px 80px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-line-pack: center;
    align-content: center;
    color: var(--color_secundario);
    text-transform: uppercase;
    font-size: var(--h6_escala);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .seccion_leyenda .primera_leyenda {
        width: 100%;
        text-align: right;
        letter-spacing: 2px;
    }

    .seccion_leyenda .logo_leyenda {
        color: var(--color_secundario) !important;
        padding: 0px 32px;
    }

        .seccion_leyenda .logo_leyenda svg {
            width: 25px;
        }

        .seccion_leyenda .logo_leyenda img {
            height: 32px;
            max-width: initial;
        }

    .seccion_leyenda .segunda_leyenda {
        width: 100%;
        letter-spacing: 2px;
    }

.seccion_licencia {
    background-color: var(--color_gris_background);
    font-size: var(--etiqueta_escala);
    line-height: var(--etiqueta_interlineado);
    color: var(--primario_baja);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-line-pack: center;
    align-content: center;
}

    .seccion_licencia p::before {
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 1px;
        background-color: var(--primario_baja);
        opacity: 0.3;
    }

    .seccion_licencia p {
        text-align: center;
        position: relative;
        margin: 0px;
        padding: 4px var(--unidad);
    }

@media screen and (max-width: 768px) {
    footer .seccion_redes .area_escudo .logo_secretaria {
        max-width: 100%;
        background-position: center;
    }

    .seccion_enlaces,
    .caja_enlaces {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

        .seccion_enlaces .escudo_enlaces,
        .caja_enlaces .escudo_enlaces {
            height: 150px;
            width: 100%;
            margin-right: 0px;
            margin-block: var(--unidad_base);
            background-position: center;
        }

    footer .seccion_redes {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        footer .seccion_redes .area_escudo {
            padding-left: 0px;
        }

        footer .seccion_redes .area_redes {
            padding-right: 0px;
        }

        footer .seccion_redes .caja_redes {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            footer .seccion_redes .caja_redes .area_escudo::before,
            footer .seccion_redes .area_escudo::before {
                content: "";
                display: block;
                position: relative;
                width: 100%;
                height: 1px;
                margin: 32px 0px;
                background-color: var(--color_gris_background);
            }

            footer .seccion_redes .caja_redes .escudo_footer,
            footer .seccion_redes .escudo_footer {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin: auto;
                background-position: center;
            }

    .seccion_leyenda,
    .seccion_enlaces {
        padding: 16px 0px;
    }

        .seccion_enlaces .area_enlaces {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .seccion_enlaces .area_enlaces .col {
                margin-right: 0px;
                margin-bottom: 16px;
                max-width: 100%;
            }

                .seccion_enlaces .area_enlaces .col:last-of-type {
                    margin-bottom: 0px;
                }
}

.caja_titulo {
    padding: var(--unidad_base) 0px;
    background-color: var(--color_gris_background);
}

    .caja_titulo > * {
        max-width: calc(var(--ancho_base));
        padding: var(--relleno_fila);
        margin-inline: auto;
    }

#menu_vertical.menu_con_iconos ~ main .caja_titulo > * {
    max-width: var(--ancho_base);
    position: relative;
    left: -40px;
}

.caja_titulo h3 {
    margin-bottom: 16px;
    position: relative;
    color: var(--color_primario);
}

    .caja_titulo h3::before {
        content: " ";
        width: 30px;
        height: 4px;
        background-color: var(--color_secundario);
        position: absolute;
        bottom: -4px;
    }

.caja_titulo h2 {
    color: var(--color_accent);
    font-size: var(--h2_escala);
    line-height: var(--h2_interlineado);
}

    .caja_titulo h2 .boton_etiqueta {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

.caja_titulo p:last-of-type {
    margin-bottom: 0px;
}

.seccion_titulo {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-top: var(--unidad_base);
}

    .seccion_titulo h1, .seccion_titulo h2, .seccion_titulo h3, .seccion_titulo h4, .seccion_titulo h5, .seccion_titulo h6 {
        margin-top: 0px;
        margin-bottom: calc(var(--unidad) / 2);
        width: auto;
        max-width: 350px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .seccion_titulo.es_estatico {
        position: sticky;
        z-index: 9;
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(4px);
        padding-bottom: 8px;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .seccion_titulo.es_fluido {
        top: 0px !important;
    }

    .seccion_titulo p {
        margin-top: 0px;
        margin-bottom: 0px;
        position: relative;
        margin-left: calc(var(--unidad) * 2);
        font-size: var(--h5_escala);
    }

        .seccion_titulo p::before {
            content: "";
            position: absolute;
            left: -8px;
            width: 2px;
            height: 100%;
            background-color: var(--color_accent);
        }

    .seccion_titulo .icono_seccion {
        position: relative;
        min-width: 50px;
        margin-right: 16px;
        margin-bottom: 0px;
    }

        .seccion_titulo .icono_seccion svg * {
            fill: var(--color_secundario);
        }

        .seccion_titulo .icono_seccion span {
            color: var(--color_blanco);
            position: absolute;
            height: 100%;
            width: 90%;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

.descripcion {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: var(--unidad_base);
}

    .descripcion .contendio_descripcion {
        width: 100%;
    }

    .descripcion .icono_descripcion {
        margin-right: 16px;
        position: relative;
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
    }

        .descripcion .icono_descripcion svg * {
            fill: var(--color_secundario);
        }

        .descripcion .icono_descripcion span {
            color: var(--color_blanco);
            position: absolute;
            height: 90%;
            width: 100%;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .descripcion .icono_descripcion .icono_leon {
            content: "";
            background-image: url(/assets/img/logos/logo_leon_blanco.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 50%;
        }

    .descripcion .area_boton {
        margin: 0px;
        margin-top: calc(var(--unidad) * 2);
    }

@media screen and (max-width: 768px) {
    .caja_titulo {
        padding: var(--unidad_base) 0px;
    }

        .caja_titulo > * {
            padding-inline: var(--unidad_base);
        }

    .seccion_titulo {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: calc(var(--unidad_base) * 2);
    }

        .seccion_titulo h1, .seccion_titulo h2, .seccion_titulo h3, .seccion_titulo h4, .seccion_titulo h5, .seccion_titulo h6 {
            max-width: calc(100% - 66px);
        }

        .seccion_titulo p {
            width: 100%;
            margin-left: 0px;
            margin-top: calc(var(--unidad) * 5);
        }

            .seccion_titulo p::before {
                content: "";
                position: absolute;
                top: calc(var(--unidad) * -2);
                right: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background-color: var(--primario_baja);
                opacity: 0.4;
            }

    #menu_vertical.menu_con_iconos ~ main .caja_titulo > * {
        left: 0px;
    }
}

@media screen and (min-width: 991px) {
    .seccion_titulo h1, .seccion_titulo h2, .seccion_titulo h3, .seccion_titulo h4, .seccion_titulo h5, .seccion_titulo h6 {
        max-width: 40%;
    }
}

#form_login,
.form_login,
#form_registro,
.form_registro {
    width: 100%;
}

.body_login {
    width: 100%;
    text-align: center;
    background-color: var(--color_primario_background);
}

    .body_login main {
        min-height: -webkit-min-content;
        min-height: -moz-min-content;
        min-height: min-content;
    }

.tiene_fondo {
    width: 100%;
    height: auto;
    max-height: 100%;
    min-height: 100vh;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

    .tiene_fondo::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fondos/imagen_login.webp);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 85% bottom;
        z-index: -1;
    }

    .tiene_fondo::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: -webkit-gradient(linear, left top, left bottom, from(var(--color_primario)), to(rgba(217, 217, 217, 0)));
        background: linear-gradient(180deg, var(--color_primario) 0%, rgba(217, 217, 217, 0) 100%);
        z-index: -1;
    }

    .tiene_fondo.variante_1::before {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fondos/variante_1.png);
        background-size: contain;
        background-position: 100% bottom;
    }

    .tiene_fondo .leon_para_caja {
        display: none;
    }

.area_login {
    width: 100%;
    /* height: calc(100% - 50px);
    max-height: 740px; */
    max-width: var(--ancho_base);
    margin: -3px auto 0px;
    padding: var(--relleno_fila);
    height: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.es_izquierda .area_login {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.es_derecha .area_login {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.area_login .fondo_area_login {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-width: 550px;
    position: relative;
    top: 0px;
}

.area_login .oculto {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    /* transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, max-height 0.5s ease-in-out; */
    position: absolute;
    /* Ajusta según sea necesario */
}

.area_login .mostrar {
    width: 100%;
    position: relative;
    opacity: 1;
    visibility: visible;
    max-height: 500px;
    /* Ajusta según sea necesario */
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, max-height 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

/* estilos para ver contraseña */
.ver-password {
    height: 24px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

    /* Agrega un estilo específico para el ícono de ojo */
    .ver-password i {
        cursor: pointer;
        color: var(--primario_baja);
    }

        .ver-password i.cerrado {
            display: none;
            /* Inicialmente oculta el ícono cerrado */
        }

        .ver-password i.abierto {
            display: inline-block;
            /* Muestra el ícono abierto */
        }

.caja_login {
    position: absolute;
    width: 100%;
    max-width: 550px;
    height: calc(100% - 88px);
    text-align: center;
    padding: 0px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.logo_login {
    width: 250px;
    margin: 24px auto;
}

.caja_login h2 {
    font-family: "Maven Pro";
    color: var(--color_secundario);
    margin: 0px 0px 24px 0px;
}

.caja_login .input-group {
    margin-bottom: 24px;
}

    .caja_login .input-group input.form-control {
        border-top-right-radius: var(--redondez_base) !important;
        border-bottom-right-radius: var(--redondez_base) !important;
    }

    .caja_login .input-group input::-webkit-input-placeholder {
        color: var(--color_blanco) !important;
    }

    .caja_login .input-group input::-moz-placeholder {
        color: var(--color_blanco) !important;
    }

    .caja_login .input-group input:-ms-input-placeholder {
        color: var(--color_blanco) !important;
    }

    .caja_login .input-group input::-ms-input-placeholder {
        color: var(--color_blanco) !important;
    }

    .caja_login .input-group input::placeholder {
        color: var(--color_blanco) !important;
    }

.caja_login .leon_para_caja {
    width: 148px;
    position: absolute;
    left: calc(100% + 0px);
    top: calc(100% - 160px);
    z-index: -1;
}

.caja_contraseña {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
}

    .caja_contraseña .caja_checkbox {
        margin-bottom: 0px;
        margin-top: 0px;
    }

        .caja_contraseña .caja_checkbox .checkbox {
            margin-left: 3px;
            margin-bottom: 0px;
        }

.caja_terminos {
    position: relative;
    width: 100%;
    max-width: var(--ancho_base);
    padding: var(--relleno_fila);
    margin: auto;
    text-align: center;
    font-size: var(--etiqueta_escala);
    line-height: var(--etiqueta_interlineado);
    color: var(--color_primario);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.es_izquierda .caja_terminos {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.es_derecha .caja_terminos {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.caja_terminos p {
    text-align: center;
    width: 100%;
    max-width: 550px;
}

.caja_terminos .area_logos_login {
    width: 100%;
    max-width: 550px;
    margin-bottom: calc(var(--unidad) * 2);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .caja_terminos .area_logos_login .logo_secretaria {
        width: calc(50% - 32px);
        height: 88px;
        margin-bottom: 0px;
        margin-right: calc(var(--unidad) * 2);
        margin-left: calc(var(--unidad) * 2);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: contain;
    }

footer .logo_secretaria {
    height: 90px;
    margin-bottom: var(--unidad);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
}

.caja_terminos .area_logos_login .logo_secretaria svg {
    padding-bottom: 20px;
    padding-top: 20px;
}

.caja_terminos .area_logos_login .logo_estatal {
    width: calc(42% - 32px);
    height: 100px;
    margin-right: calc(var(--unidad) * 2);
    margin-left: calc(var(--unidad) * 2);
    padding-bottom: 20px;
    padding-top: 20px;
}

    .caja_terminos .area_logos_login .logo_estatal.es_background {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_leon_completo_nl.svg);
        background-repeat: no-repeat;
        background-position: center;
        height: auto;
        max-height: 80px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

html:is(.default) .area_logos_login {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    html:is(.default) .area_logos_login .logo_estatal {
        display: none;
    }

    html:is(.default) .area_logos_login .logo_secretaria {
        background-position: center;
    }

.caja_login .contenedor_resumen.es_error {
    width: 100%;
    opacity: 0;
    height: 0px;
    margin: 0px;
    padding: 0px 32px;
}

    .caja_login .contenedor_resumen.es_error.es_visible {
        opacity: 1;
        height: auto;
        padding: 16px 32px;
        margin-bottom: calc(var(--unidad) * 3);
    }

.body_login.tiene_personas {
    width: 100%;
    height: auto;
    max-height: 100%;
    min-height: 100vh;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

    .body_login.tiene_personas.es_izquierda main::before {
        content: "";
        position: absolute;
        min-width: 700px;
        width: calc(50% + 0px);
        height: calc(100% - var(--alto_verificador));
        z-index: 5;
        background-color: var(--color_blanco);
    }

    .body_login.tiene_personas.es_izquierda main::after {
        content: "";
        position: absolute;
        min-width: 700px;
        width: calc(50% + 0px);
        height: calc(100% - var(--alto_verificador));
        right: 0;
        z-index: -1;
        background-color: var(--color_secundario);
    }

    .body_login.tiene_personas.fondo_blanco main::before {
        background-color: var(--color_blanco);
    }

    .body_login.tiene_personas.fondo_blanco main::after {
        background-color: var(--color_blanco);
    }

    .body_login.tiene_personas .area_login {
        overflow: visible;
        height: calc(100vh - 200px);
        min-height: 600px;
        z-index: 6;
    }

    .body_login.tiene_personas .imagen_login {
        height: calc(100vh - var(--alto_verificador));
        width: 100%;
        max-width: 50%;
        position: absolute;
        z-index: 1;
        right: 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .body_login.tiene_personas .fondo_area_login {
        background-color: var(--color_blanco);
        position: absolute;
        width: 100%;
        height: calc(100vh - var(--alto_verificador));
    }

        .body_login.tiene_personas .fondo_area_login img {
            opacity: 0;
        }

        .body_login.tiene_personas .fondo_area_login .caja_login {
            min-height: 500px;
        }

    .body_login.tiene_personas .leon_para_caja {
        display: none;
    }

    .body_login.tiene_personas footer {
        position: relative;
        z-index: 6;
    }

@media screen and (max-width: 1024px) {
    .body_login.tiene_personas .imagen_login {
        max-width: -webkit-min-content;
        max-width: -moz-min-content;
        max-width: min-content;
    }

    .body_login.tiene_personas header .caja_verificador {
        margin-top: -8px;
    }
}

@media screen and (max-width: 768px) {
    .body_login.tiene_personas {
        background-color: var(--color_secundario);
    }

        .body_login.tiene_personas .imagen_login {
            display: none;
        }

        .body_login.tiene_personas.es_izquierda main::before {
            content: none;
        }

        .body_login.tiene_personas.es_izquierda main::after {
            content: none;
        }

        .body_login.tiene_personas .area_login {
            height: auto;
            overflow: hidden;
        }

        .body_login.tiene_personas .fondo_area_login {
            background-color: transparent;
            position: relative;
            height: auto;
            width: auto;
        }

            .body_login.tiene_personas .fondo_area_login img {
                opacity: 1;
            }

            .body_login.tiene_personas .fondo_area_login .caja_login {
                min-height: 500px;
            }
}
/*2.- Paleta de colores
    modo de uso:
    se deberán utilizar en cualquier caso en donde existe algun color para sustituir de manera
    más sencilla y llevar un control de los usos en el sistema, se puede utilizar en color,
    background-color, radius, etc de esta manera ejemplo: "background-color: var(--primary-color);"
*/
.caja_terminos .area_logos_login .logo_secretaria.es_administracion,
.administracion .caja_terminos .area_logos_login .logo_secretaria,
.administracion .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/administracion.svg);
    background-repeat: no-repeat;
}

.administracion > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/administracion.svg) !important;
    background-repeat: no-repeat;
}

.administracion .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/administracion_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_administracion,
    .administracion .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/administracion_blanco.svg);
        background-repeat: no-repeat;
    }

    .administracion > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/administracion_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_agropecuario,
.agropecuario .caja_terminos .area_logos_login .logo_secretaria,
.agropecuario .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/agropecuario.svg);
    background-repeat: no-repeat;
}

.agropecuario > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/agropecuario.svg) !important;
    background-repeat: no-repeat;
}

.agropecuario .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/agropecuario_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_agropecuario,
    .agropecuario .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/agropecuario_blanco.svg);
        background-repeat: no-repeat;
    }

    .agropecuario > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/agropecuario_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_contraloria,
.contraloria .caja_terminos .area_logos_login .logo_secretaria,
.contraloria .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/contraloria.svg);
    background-repeat: no-repeat;
}

.contraloria > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/contraloria.svg) !important;
    background-repeat: no-repeat;
}

.contraloria .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/contraloria_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_contraloria,
    .contraloria .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/contraloria_blanco.svg);
        background-repeat: no-repeat;
    }

    .contraloria > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/contraloria_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_cultura,
.cultura .caja_terminos .area_logos_login .logo_secretaria,
.cultura .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/cultura.svg);
    background-repeat: no-repeat;
}

.cultura > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/cultura.svg) !important;
    background-repeat: no-repeat;
}

.cultura .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/cultura_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_cultura,
    .cultura .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/cultura_blanco.svg);
        background-repeat: no-repeat;
    }

    .cultura > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/cultura_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_economia,
.economia .caja_terminos .area_logos_login .logo_secretaria,
.economia .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/economia.svg);
    background-repeat: no-repeat;
}

.economia > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/economia.svg) !important;
    background-repeat: no-repeat;
}

.economia .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/economia_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_economia,
    .economia .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/economia_blanco.svg);
        background-repeat: no-repeat;
    }

    .economia > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/economia_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_educacion,
.educacion .caja_terminos .area_logos_login .logo_secretaria,
.educacion .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/educacion.svg);
    background-repeat: no-repeat;
}

.educacion > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/educacion.svg) !important;
    background-repeat: no-repeat;
}

.educacion .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/educacion_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_educacion,
    .educacion .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/educacion_blanco.svg);
        background-repeat: no-repeat;
    }

    .educacion > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/educacion_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_general,
.general .caja_terminos .area_logos_login .logo_secretaria,
.general .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/general_gobierno.svg);
    background-repeat: no-repeat;
}

.general > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/general_gobierno.svg) !important;
    background-repeat: no-repeat;
}

.general .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/general_gobierno_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_general,
    .general .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/general_gobierno_blanco.svg);
        background-repeat: no-repeat;
    }

    .general > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/general_gobierno_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_inclusion,
.inclusion .caja_terminos .area_logos_login .logo_secretaria,
.inclusion .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/igualdad_inclusion.svg);
    background-repeat: no-repeat;
}

.inclusion > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/igualdad_inclusion.svg) !important;
    background-repeat: no-repeat;
}

.inclusion .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/igualdad_inclusion_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_inclusion,
    .inclusion .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/igualdad_inclusion_blanco.svg);
        background-repeat: no-repeat;
    }

    .inclusion > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/igualdad_inclusion_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_ambiente,
.ambiente .caja_terminos .area_logos_login .logo_secretaria,
.ambiente .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/medio_ambiente.svg);
    background-repeat: no-repeat;
}

.ambiente > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/medio_ambiente.svg) !important;
    background-repeat: no-repeat;
}

.ambiente .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/medio_ambiente_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_ambiente,
    .ambiente .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/medio_ambiente_blanco.svg);
        background-repeat: no-repeat;
    }

    .ambiente > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/medio_ambiente_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_movilidad,
.movilidad .caja_terminos .area_logos_login .logo_secretaria,
.movilidad .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/movilidad.svg);
    background-repeat: no-repeat;
}

.movilidad > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/movilidad.svg) !important;
    background-repeat: no-repeat;
}

.movilidad .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/movilidad_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_movilidad,
    .movilidad .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/movilidad_blanco.svg);
        background-repeat: no-repeat;
    }

    .movilidad > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/movilidad_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_mujeres,
.mujeres .caja_terminos .area_logos_login .logo_secretaria,
.mujeres .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/mujeres.svg);
    background-repeat: no-repeat;
}

.mujeres > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/mujeres.svg) !important;
    background-repeat: no-repeat;
}

.mujeres .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/mujeres_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_mujeres,
    .mujeres .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/mujeres_blanco.svg);
        background-repeat: no-repeat;
    }

    .mujeres > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/mujeres_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_participacion,
.participacion .caja_terminos .area_logos_login .logo_secretaria,
.participacion .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/participacion_ciudadana.svg);
    background-repeat: no-repeat;
}

.participacion > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/participacion_ciudadana.svg) !important;
    background-repeat: no-repeat;
}

.participacion .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/participacion_ciudadana_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_participacion,
    .participacion .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/participacion_ciudadana_blanco.svg);
        background-repeat: no-repeat;
    }

    .participacion > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/participacion_ciudadana_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_salud,
.salud .caja_terminos .area_logos_login .logo_secretaria,
.salud .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/salud.svg);
    background-repeat: no-repeat;
}

.salud > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/salud.svg) !important;
    background-repeat: no-repeat;
}

.salud .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/salud_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_salud,
    .salud .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/salud_blanco.svg);
        background-repeat: no-repeat;
    }

    .salud > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/salud_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_seguridad,
.seguridad .caja_terminos .area_logos_login .logo_secretaria,
.seguridad .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/seguridad.svg);
    background-repeat: no-repeat;
}

.seguridad > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/seguridad.svg) !important;
    background-repeat: no-repeat;
}

.seguridad .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/seguridad_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_seguridad,
    .seguridad .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/seguridad_blanco.svg);
        background-repeat: no-repeat;
    }

    .seguridad > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/seguridad_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_tesoreria,
.tesoreria .caja_terminos .area_logos_login .logo_secretaria,
.tesoreria .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/tesoreria.svg);
    background-repeat: no-repeat;
}

.tesoreria > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/tesoreria.svg) !important;
    background-repeat: no-repeat;
}

.tesoreria .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/tesoreria_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_tesoreria,
    .tesoreria .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/tesoreria_blanco.svg);
        background-repeat: no-repeat;
    }

    .tesoreria > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/tesoreria_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_trabajo,
.trabajo .caja_terminos .area_logos_login .logo_secretaria,
.trabajo .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/trabajo.svg);
    background-repeat: no-repeat;
}

.trabajo > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/trabajo.svg) !important;
    background-repeat: no-repeat;
}

.trabajo .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/trabajo_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_trabajo,
    .trabajo .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/trabajo_blanco.svg);
        background-repeat: no-repeat;
    }

    .trabajo > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/trabajo_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_turismo,
.turismo .caja_terminos .area_logos_login .logo_secretaria,
.turismo .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/turismo.svg);
    background-repeat: no-repeat;
}

.turismo > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/turismo.svg) !important;
    background-repeat: no-repeat;
}

.turismo .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/turismo_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_turismo,
    .turismo .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/turismo_blanco.svg);
        background-repeat: no-repeat;
    }

    .turismo > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/turismo_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_ecosistema_educativo,
.ecosistema_educativo .caja_terminos .area_logos_login .logo_secretaria,
.ecosistema_educativo .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/ecosistema_educativo.svg);
    background-repeat: no-repeat;
}

.ecosistema_educativo > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/ecosistema_educativo.svg) !important;
    background-repeat: no-repeat;
}

.ecosistema_educativo .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/ecosistema_educativo_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_ecosistema_educativo,
    .ecosistema_educativo .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/ecosistema_educativo_blanco.svg);
        background-repeat: no-repeat;
    }

    .ecosistema_educativo > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/secretarias/ecosistema_educativo_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_buen_gobierno,
.buen_gobierno .caja_terminos .area_logos_login .logo_secretaria,
.buen_gobierno .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/gabinete_buen_gobierno.svg);
    background-repeat: no-repeat;
}

.buen_gobierno > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/gabinete_buen_gobierno.svg) !important;
    background-repeat: no-repeat;
}

.buen_gobierno .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/gabinete_buen_gobierno_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_buen_gobierno,
    .buen_gobierno .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/gabinete_buen_gobierno_blanco.svg);
        background-repeat: no-repeat;
    }

    .buen_gobierno > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/gabinete_buen_gobierno_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_riqueza,
.riqueza .caja_terminos .area_logos_login .logo_secretaria,
.riqueza .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/gabinete_generacion_riquezas.svg);
    background-repeat: no-repeat;
}

.riqueza > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/gabinete_generacion_riquezas.svg) !important;
    background-repeat: no-repeat;
}

.riqueza .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/gabinete_generacion_riquezas_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_riqueza,
    .riqueza .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/gabinete_generacion_riquezas_blanco.svg);
        background-repeat: no-repeat;
    }

    .riqueza > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/gabinete_generacion_riquezas_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_igualdad,
.igualdad .caja_terminos .area_logos_login .logo_secretaria,
.igualdad .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/igualdad_para_todas_personas.svg);
    background-repeat: no-repeat;
}

.igualdad > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/igualdad_para_todas_personas.svg) !important;
    background-repeat: no-repeat;
}

.igualdad .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/igualdad_para_todas_personas_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_igualdad,
    .igualdad .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/igualdad_para_todas_personas_blanco.svg);
        background-repeat: no-repeat;
    }

    .igualdad > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/gabinetes/igualdad_para_todas_personas_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_amar,
.amar .caja_terminos .area_logos_login .logo_secretaria,
.amar .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/amar.svg);
    background-repeat: no-repeat;
}

.amar > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/amar.svg) !important;
    background-repeat: no-repeat;
}

.amar .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/amar_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_amar,
    .amar .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/amar_blanco.svg);
        background-repeat: no-repeat;
    }

    .amar > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/amar_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_centro_gobierno,
.centro_gobierno .caja_terminos .area_logos_login .logo_secretaria,
.centro_gobierno .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/centro_gobierno.svg);
    background-repeat: no-repeat;
}

.centro_gobierno > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/centro_gobierno.svg) !important;
    background-repeat: no-repeat;
}

.centro_gobierno .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/centro_gobierno_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_centro_gobierno,
    .centro_gobierno .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/centro_gobierno_blanco.svg);
        background-repeat: no-repeat;
    }

    .centro_gobierno > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/centro_gobierno_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_consejeria_gobernador,
.consejeria_gobernador .caja_terminos .area_logos_login .logo_secretaria,
.consejeria_gobernador .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/consejeria_juridica_gobernador.svg);
    background-repeat: no-repeat;
}

.consejeria_gobernador > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/consejeria_juridica_gobernador.svg) !important;
    background-repeat: no-repeat;
}

.consejeria_gobernador .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/consejeria_juridica_gobernador_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_consejeria_gobernador,
    .consejeria_gobernador .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/consejeria_juridica_gobernador_blanco.svg);
        background-repeat: no-repeat;
    }

    .consejeria_gobernador > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/consejeria_juridica_gobernador_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_oficina_comunicacion,
.oficina_comunicacion .caja_terminos .area_logos_login .logo_secretaria,
.oficina_comunicacion .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_de_comunicacion.svg);
    background-repeat: no-repeat;
}

.oficina_comunicacion > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_de_comunicacion.svg) !important;
    background-repeat: no-repeat;
}

.oficina_comunicacion .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_de_comunicacion_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_oficina_comunicacion,
    .oficina_comunicacion .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_de_comunicacion_blanco.svg);
        background-repeat: no-repeat;
    }

    .oficina_comunicacion > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_de_comunicacion_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_oficina_ejecutiva,
.oficina_ejecutiva .caja_terminos .area_logos_login .logo_secretaria,
.oficina_ejecutiva .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_ejecutiva.svg);
    background-repeat: no-repeat;
}

.oficina_ejecutiva > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_ejecutiva.svg) !important;
    background-repeat: no-repeat;
}

.oficina_ejecutiva .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_ejecutiva_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_oficina_ejecutiva,
    .oficina_ejecutiva .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_ejecutiva_blanco.svg);
        background-repeat: no-repeat;
    }

    .oficina_ejecutiva > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_ejecutiva_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_oficina_representacion,
.oficina_representacion .caja_terminos .area_logos_login .logo_secretaria,
.oficina_representacion .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_representacion.svg);
    background-repeat: no-repeat;
}

.oficina_representacion > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_representacion.svg) !important;
    background-repeat: no-repeat;
}

.oficina_representacion .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_representacion_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_oficina_representacion,
    .oficina_representacion .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_representacion_blanco.svg);
        background-repeat: no-repeat;
    }

    .oficina_representacion > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/oficina_representacion_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_secretaria_informacion,
.secretaria_informacion .caja_terminos .area_logos_login .logo_secretaria,
.secretaria_informacion .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_estatal_de_informacion.svg);
    background-repeat: no-repeat;
}

.secretaria_informacion > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_estatal_de_informacion.svg) !important;
    background-repeat: no-repeat;
}

.secretaria_informacion .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_estatal_de_informacion_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_secretaria_informacion,
    .secretaria_informacion .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_estatal_de_informacion_blanco.svg);
        background-repeat: no-repeat;
    }

    .secretaria_informacion > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_estatal_de_informacion_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_secretaria_particular,
.secretaria_particular .caja_terminos .area_logos_login .logo_secretaria,
.secretaria_particular .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_particular.svg);
    background-repeat: no-repeat;
}

.secretaria_particular > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_particular.svg) !important;
    background-repeat: no-repeat;
}

.secretaria_particular .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_particular_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_secretaria_particular,
    .secretaria_particular .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_particular_blanco.svg);
        background-repeat: no-repeat;
    }

    .secretaria_particular > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_particular_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_secretaria_tecnica,
.secretaria_tecnica .caja_terminos .area_logos_login .logo_secretaria,
.secretaria_tecnica .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_tecnica.svg);
    background-repeat: no-repeat;
}

.secretaria_tecnica > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_tecnica.svg) !important;
    background-repeat: no-repeat;
}

.secretaria_tecnica .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_tecnica_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_secretaria_tecnica,
    .secretaria_tecnica .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_tecnica_blanco.svg);
        background-repeat: no-repeat;
    }

    .secretaria_tecnica > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/unidades_administrativas/secretaria_tecnica_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_festival_santa_lucia,
.festival_santa_lucia .caja_terminos .area_logos_login .logo_secretaria,
.festival_santa_lucia .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/festival_santa_lucia.svg);
    background-repeat: no-repeat;
}

.festival_santa_lucia > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/festival_santa_lucia.svg) !important;
    background-repeat: no-repeat;
}

.festival_santa_lucia .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/festival_santa_lucia_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_festival_santa_lucia,
    .festival_santa_lucia .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/festival_santa_lucia_blanco.svg);
        background-repeat: no-repeat;
    }

    .festival_santa_lucia > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/festival_santa_lucia_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_fidecitrus,
.fidecitrus .caja_terminos .area_logos_login .logo_secretaria,
.fidecitrus .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fidecitrus.svg);
    background-repeat: no-repeat;
}

.fidecitrus > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fidecitrus.svg) !important;
    background-repeat: no-repeat;
}

.fidecitrus .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fidecitrus_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_fidecitrus,
    .fidecitrus .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fidecitrus_blanco.svg);
        background-repeat: no-repeat;
    }

    .fidecitrus > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fidecitrus_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_fideprodes,
.fideprodes .caja_terminos .area_logos_login .logo_secretaria,
.fideprodes .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fideprodes.svg);
    background-repeat: no-repeat;
}

.fideprodes > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fideprodes.svg) !important;
    background-repeat: no-repeat;
}

.fideprodes .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fideprodes_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_fideprodes,
    .fideprodes .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fideprodes_blanco.svg);
        background-repeat: no-repeat;
    }

    .fideprodes > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fideprodes_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_fidesur,
.fidesur .caja_terminos .area_logos_login .logo_secretaria,
.fidesur .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fidesur.svg);
    background-repeat: no-repeat;
}

.fidesur > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fidesur.svg) !important;
    background-repeat: no-repeat;
}

.fidesur .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fidesur_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_fidesur,
    .fidesur .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fidesur_blanco.svg);
        background-repeat: no-repeat;
    }

    .fidesur > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fidesur_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_focrece,
.focrece .caja_terminos .area_logos_login .logo_secretaria,
.focrece .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/focrece.svg);
    background-repeat: no-repeat;
}

.focrece > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/focrece.svg) !important;
    background-repeat: no-repeat;
}

.focrece .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/focrece_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_focrece,
    .focrece .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/focrece_blanco.svg);
        background-repeat: no-repeat;
    }

    .focrece > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/focrece_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_fomerrey,
.fomerrey .caja_terminos .area_logos_login .logo_secretaria,
.fomerrey .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fomerrey.svg);
    background-repeat: no-repeat;
}

.fomerrey > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fomerrey.svg) !important;
    background-repeat: no-repeat;
}

.fomerrey .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fomerrey_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_fomerrey,
    .fomerrey .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fomerrey_blanco.svg);
        background-repeat: no-repeat;
    }

    .fomerrey > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fomerrey_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_fondo_editorial,
.fondo_editorial .caja_terminos .area_logos_login .logo_secretaria,
.fondo_editorial .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fondo_editorial.svg);
    background-repeat: no-repeat;
}

.fondo_editorial > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fondo_editorial.svg) !important;
    background-repeat: no-repeat;
}

.fondo_editorial .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fondo_editorial_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_fondo_editorial,
    .fondo_editorial .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fondo_editorial_blanco.svg);
        background-repeat: no-repeat;
    }

    .fondo_editorial > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fondo_editorial_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_puente_colombia,
.puente_colombia .caja_terminos .area_logos_login .logo_secretaria,
.puente_colombia .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/puente_colombia.svg);
    background-repeat: no-repeat;
}

.puente_colombia > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/puente_colombia.svg) !important;
    background-repeat: no-repeat;
}

.puente_colombia .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/puente_colombia_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_puente_colombia,
    .puente_colombia .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/puente_colombia_blanco.svg);
        background-repeat: no-repeat;
    }

    .puente_colombia > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/puente_colombia_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_sintram,
.sintram .caja_terminos .area_logos_login .logo_secretaria,
.sintram .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/sintram.svg);
    background-repeat: no-repeat;
}

.sintram > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/sintram.svg) !important;
    background-repeat: no-repeat;
}

.sintram .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/sintram_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_sintram,
    .sintram .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/sintram_blanco.svg);
        background-repeat: no-repeat;
    }

    .sintram > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/sintram_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_vida_silvestre,
.vida_silvestre .caja_terminos .area_logos_login .logo_secretaria,
.vida_silvestre .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/vida_silvestre.svg);
    background-repeat: no-repeat;
}

.vida_silvestre > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/vida_silvestre.svg) !important;
    background-repeat: no-repeat;
}

.vida_silvestre .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/vida_silvestre_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_vida_silvestre,
    .vida_silvestre .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/vida_silvestre_blanco.svg);
        background-repeat: no-repeat;
    }

    .vida_silvestre > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/vida_silvestre_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_fideurb,
.fideurb .caja_terminos .area_logos_login .logo_secretaria,
.fideurb .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fideurb.svg);
    background-repeat: no-repeat;
}

.fideurb > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fideurb.svg) !important;
    background-repeat: no-repeat;
}

.fideurb .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fideurb_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_fideurb,
    .fideurb .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fideurb_blanco.svg);
        background-repeat: no-repeat;
    }

    .fideurb > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fideicomisos/fideurb_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_cecyte,
.cecyte .caja_terminos .area_logos_login .logo_secretaria,
.cecyte .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/cecyte.svg);
    background-repeat: no-repeat;
}

.cecyte > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/cecyte.svg) !important;
    background-repeat: no-repeat;
}

.cecyte .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/cecyte_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_cecyte,
    .cecyte .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/cecyte_blanco.svg);
        background-repeat: no-repeat;
    }

    .cecyte > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/cecyte_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_conalep,
.conalep .caja_terminos .area_logos_login .logo_secretaria,
.conalep .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/conalep.svg);
    background-repeat: no-repeat;
}

.conalep > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/conalep.svg) !important;
    background-repeat: no-repeat;
}

.conalep .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/conalep_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_conalep,
    .conalep .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/conalep_blanco.svg);
        background-repeat: no-repeat;
    }

    .conalep > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/conalep_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_conarte,
.conarte .caja_terminos .area_logos_login .logo_secretaria,
.conarte .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/conarte.svg);
    background-repeat: no-repeat;
}

.conarte > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/conarte.svg) !important;
    background-repeat: no-repeat;
}

.conarte .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/conarte_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_conarte,
    .conarte .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/conarte_blanco.svg);
        background-repeat: no-repeat;
    }

    .conarte > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/conarte_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_dif,
.dif .caja_terminos .area_logos_login .logo_secretaria,
.dif .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/dif.svg);
    background-repeat: no-repeat;
}

.dif > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/dif.svg) !important;
    background-repeat: no-repeat;
}

.dif .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/dif_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_dif,
    .dif .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/dif_blanco.svg);
        background-repeat: no-repeat;
    }

    .dif > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/dif_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_icet,
.icet .caja_terminos .area_logos_login .logo_secretaria,
.icet .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icet.svg);
    background-repeat: no-repeat;
}

.icet > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icet.svg) !important;
    background-repeat: no-repeat;
}

.icet .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icet_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_icet,
    .icet .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icet_blanco.svg);
        background-repeat: no-repeat;
    }

    .icet > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icet_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_icifed,
.icifed .caja_terminos .area_logos_login .logo_secretaria,
.icifed .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icifed.svg);
    background-repeat: no-repeat;
}

.icifed > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icifed.svg) !important;
    background-repeat: no-repeat;
}

.icifed .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icifed_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_icifed,
    .icifed .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icifed_blanco.svg);
        background-repeat: no-repeat;
    }

    .icifed > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icifed_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_icv,
.icv .caja_terminos .area_logos_login .logo_secretaria,
.icv .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icv.svg);
    background-repeat: no-repeat;
}

.icv > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icv.svg) !important;
    background-repeat: no-repeat;
}

.icv .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icv_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_icv,
    .icv .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icv_blanco.svg);
        background-repeat: no-repeat;
    }

    .icv > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/icv_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_iiiepe,
.iiiepe .caja_terminos .area_logos_login .logo_secretaria,
.iiiepe .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/iiiepe.svg);
    background-repeat: no-repeat;
}

.iiiepe > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/iiiepe.svg) !important;
    background-repeat: no-repeat;
}

.iiiepe .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/iiiepe_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_iiiepe,
    .iiiepe .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/iiiepe_blanco.svg);
        background-repeat: no-repeat;
    }

    .iiiepe > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/iiiepe_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_instituto_defensoria,
.instituto_defensoria .caja_terminos .area_logos_login .logo_secretaria,
.instituto_defensoria .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/instituto_defensoria.svg);
    background-repeat: no-repeat;
}

.instituto_defensoria > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/instituto_defensoria.svg) !important;
    background-repeat: no-repeat;
}

.instituto_defensoria .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/instituto_defensoria_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_instituto_defensoria,
    .instituto_defensoria .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/instituto_defensoria_blanco.svg);
        background-repeat: no-repeat;
    }

    .instituto_defensoria > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/instituto_defensoria_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_instituto_innovacion,
.instituto_innovacion .caja_terminos .area_logos_login .logo_secretaria,
.instituto_innovacion .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/instituto_innovacion.svg);
    background-repeat: no-repeat;
}

.instituto_innovacion > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/instituto_innovacion.svg) !important;
    background-repeat: no-repeat;
}

.instituto_innovacion .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/instituto_innovacion_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_instituto_innovacion,
    .instituto_innovacion .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/instituto_innovacion_blanco.svg);
        background-repeat: no-repeat;
    }

    .instituto_innovacion > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/instituto_innovacion_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_irc,
.irc .caja_terminos .area_logos_login .logo_secretaria,
.irc .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/irc_nl.svg);
    background-repeat: no-repeat;
}

.irc > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/irc_nl.svg) !important;
    background-repeat: no-repeat;
}

.irc .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/irc_nl_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_irc,
    .irc .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/irc_nl_blanco.svg);
        background-repeat: no-repeat;
    }

    .irc > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/irc_nl_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_isssteleon,
.isssteleon .caja_terminos .area_logos_login .logo_secretaria,
.isssteleon .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/isssteleon.svg);
    background-repeat: no-repeat;
}

.isssteleon > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/isssteleon.svg) !important;
    background-repeat: no-repeat;
}

.isssteleon .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/isssteleon_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_isssteleon,
    .isssteleon .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/isssteleon_blanco.svg);
        background-repeat: no-repeat;
    }

    .isssteleon > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/isssteleon_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_osetur,
.osetur .caja_terminos .area_logos_login .logo_secretaria,
.osetur .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/osetur.svg);
    background-repeat: no-repeat;
}

.osetur > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/osetur.svg) !important;
    background-repeat: no-repeat;
}

.osetur .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/osetur_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_osetur,
    .osetur .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/osetur_blanco.svg);
        background-repeat: no-repeat;
    }

    .osetur > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/osetur_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_parque_fundidora,
.parque_fundidora .caja_terminos .area_logos_login .logo_secretaria,
.parque_fundidora .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/parque_fundidora.svg);
    background-repeat: no-repeat;
}

.parque_fundidora > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/parque_fundidora.svg) !important;
    background-repeat: no-repeat;
}

.parque_fundidora .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/parque_fundidora_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_parque_fundidora,
    .parque_fundidora .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/parque_fundidora_blanco.svg);
        background-repeat: no-repeat;
    }

    .parque_fundidora > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/parque_fundidora_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_proderleon,
.proderleon .caja_terminos .area_logos_login .logo_secretaria,
.proderleon .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/proderleon.svg);
    background-repeat: no-repeat;
}

.proderleon > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/proderleon.svg) !important;
    background-repeat: no-repeat;
}

.proderleon .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/proderleon_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_proderleon,
    .proderleon .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/proderleon_blanco.svg);
        background-repeat: no-repeat;
    }

    .proderleon > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/proderleon_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_rea,
.rea .caja_terminos .area_logos_login .logo_secretaria,
.rea .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/rea.svg);
    background-repeat: no-repeat;
}

.rea > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/rea.svg) !important;
    background-repeat: no-repeat;
}

.rea .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/rea_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_rea,
    .rea .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/rea_blanco.svg);
        background-repeat: no-repeat;
    }

    .rea > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/rea_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_agua_drenaje,
.agua_drenaje .caja_terminos .area_logos_login .logo_secretaria,
.agua_drenaje .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/servicios_agua_drenaje_monterrey.svg);
    background-repeat: no-repeat;
}

.agua_drenaje > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/servicios_agua_drenaje_monterrey.svg) !important;
    background-repeat: no-repeat;
}

.agua_drenaje .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/servicios_agua_drenaje_monterrey_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_agua_drenaje,
    .agua_drenaje .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/servicios_agua_drenaje_monterrey_blanco.svg);
        background-repeat: no-repeat;
    }

    .agua_drenaje > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/servicios_agua_drenaje_monterrey_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_simeprode,
.simeprode .caja_terminos .area_logos_login .logo_secretaria,
.simeprode .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/simeprode.svg);
    background-repeat: no-repeat;
}

.simeprode > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/simeprode.svg) !important;
    background-repeat: no-repeat;
}

.simeprode .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/simeprode_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_simeprode,
    .simeprode .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/simeprode_blanco.svg);
        background-repeat: no-repeat;
    }

    .simeprode > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/simeprode_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_sistema_caminos,
.sistema_caminos .caja_terminos .area_logos_login .logo_secretaria,
.sistema_caminos .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_de_caminos.svg);
    background-repeat: no-repeat;
}

.sistema_caminos > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_de_caminos.svg) !important;
    background-repeat: no-repeat;
}

.sistema_caminos .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_de_caminos_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_sistema_caminos,
    .sistema_caminos .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_de_caminos_blanco.svg);
        background-repeat: no-repeat;
    }

    .sistema_caminos > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_de_caminos_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_metrorrey,
.metrorrey .caja_terminos .area_logos_login .logo_secretaria,
.metrorrey .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_de_transporte_colectivo_metrorrey.svg);
    background-repeat: no-repeat;
}

.metrorrey > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_de_transporte_colectivo_metrorrey.svg) !important;
    background-repeat: no-repeat;
}

.metrorrey .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_de_transporte_colectivo_metrorrey_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_metrorrey,
    .metrorrey .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_de_transporte_colectivo_metrorrey_blanco.svg);
        background-repeat: no-repeat;
    }

    .metrorrey > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_de_transporte_colectivo_metrorrey_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_sistema_radio_television,
.sistema_radio_television .caja_terminos .area_logos_login .logo_secretaria,
.sistema_radio_television .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_radio_television.svg);
    background-repeat: no-repeat;
}

.sistema_radio_television > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_radio_television.svg) !important;
    background-repeat: no-repeat;
}

.sistema_radio_television .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_radio_television_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_sistema_radio_television,
    .sistema_radio_television .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_radio_television_blanco.svg);
        background-repeat: no-repeat;
    }

    .sistema_radio_television > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/sistema_radio_television_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_integracion_educativa,
.integracion_educativa .caja_terminos .area_logos_login .logo_secretaria,
.integracion_educativa .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/unidad_integracion_educativa.svg);
    background-repeat: no-repeat;
}

.integracion_educativa > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/unidad_integracion_educativa.svg) !important;
    background-repeat: no-repeat;
}

.integracion_educativa .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/unidad_integracion_educativa_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_integracion_educativa,
    .integracion_educativa .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/unidad_integracion_educativa_blanco.svg);
        background-repeat: no-repeat;
    }

    .integracion_educativa > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/unidad_integracion_educativa_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_universidad_apodaca,
.universidad_apodaca .caja_terminos .area_logos_login .logo_secretaria,
.universidad_apodaca .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/universidad_apodaca.svg);
    background-repeat: no-repeat;
}

.universidad_apodaca > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/universidad_apodaca.svg) !important;
    background-repeat: no-repeat;
}

.universidad_apodaca .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/universidad_apodaca_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_universidad_apodaca,
    .universidad_apodaca .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/universidad_apodaca_blanco.svg);
        background-repeat: no-repeat;
    }

    .universidad_apodaca > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/universidad_apodaca_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_universidad_seguridad,
.universidad_seguridad .caja_terminos .area_logos_login .logo_secretaria,
.universidad_seguridad .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/universidad_de_ciencias_de_la_seguridad.svg);
    background-repeat: no-repeat;
}

.universidad_seguridad > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/universidad_de_ciencias_de_la_seguridad.svg) !important;
    background-repeat: no-repeat;
}

.universidad_seguridad .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/universidad_de_ciencias_de_la_seguridad_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_universidad_seguridad,
    .universidad_seguridad .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/universidad_de_ciencias_de_la_seguridad_blanco.svg);
        background-repeat: no-repeat;
    }

    .universidad_seguridad > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/universidad_de_ciencias_de_la_seguridad_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_ut_santa_catarina,
.ut_santa_catarina .caja_terminos .area_logos_login .logo_secretaria,
.ut_santa_catarina .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/ut_santa_catarina.svg);
    background-repeat: no-repeat;
}

.ut_santa_catarina > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/ut_santa_catarina.svg) !important;
    background-repeat: no-repeat;
}

.ut_santa_catarina .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/ut_santa_catarina_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_ut_santa_catarina,
    .ut_santa_catarina .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/ut_santa_catarina_blanco.svg);
        background-repeat: no-repeat;
    }

    .ut_santa_catarina > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados/ut_santa_catarina_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_codefront,
.codefront .caja_terminos .area_logos_login .logo_secretaria,
.codefront .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/codefront.svg);
    background-repeat: no-repeat;
}

.codefront > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/codefront.svg) !important;
    background-repeat: no-repeat;
}

.codefront .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/codefront_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_codefront,
    .codefront .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/codefront_blanco.svg);
        background-repeat: no-repeat;
    }

    .codefront > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/codefront_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_codetur,
.codetur .caja_terminos .area_logos_login .logo_secretaria,
.codetur .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/codetur.svg);
    background-repeat: no-repeat;
}

.codetur > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/codetur.svg) !important;
    background-repeat: no-repeat;
}

.codetur .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/codetur_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_codetur,
    .codetur .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/codetur_blanco.svg);
        background-repeat: no-repeat;
    }

    .codetur > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/codetur_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_iepam,
.iepam .caja_terminos .area_logos_login .logo_secretaria,
.iepam .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/iepam.svg);
    background-repeat: no-repeat;
}

.iepam > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/iepam.svg) !important;
    background-repeat: no-repeat;
}

.iepam .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/iepam_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_iepam,
    .iepam .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/iepam_blanco.svg);
        background-repeat: no-repeat;
    }

    .iepam > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/iepam_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_inde,
.inde .caja_terminos .area_logos_login .logo_secretaria,
.inde .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/inde.svg);
    background-repeat: no-repeat;
}

.inde > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/inde.svg) !important;
    background-repeat: no-repeat;
}

.inde .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/inde_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_inde,
    .inde .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/inde_blanco.svg);
        background-repeat: no-repeat;
    }

    .inde > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/inde_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_injuve,
.injuve .caja_terminos .area_logos_login .logo_secretaria,
.injuve .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/injuve.svg);
    background-repeat: no-repeat;
}

.injuve > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/injuve.svg) !important;
    background-repeat: no-repeat;
}

.injuve .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/injuve_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_injuve,
    .injuve .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/injuve_blanco.svg);
        background-repeat: no-repeat;
    }

    .injuve > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/injuve_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_instituto_movilidad,
.instituto_movilidad .caja_terminos .area_logos_login .logo_secretaria,
.instituto_movilidad .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_movilidad.svg);
    background-repeat: no-repeat;
}

.instituto_movilidad > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_movilidad.svg) !important;
    background-repeat: no-repeat;
}

.instituto_movilidad .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_movilidad_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_instituto_movilidad,
    .instituto_movilidad .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_movilidad_blanco.svg);
        background-repeat: no-repeat;
    }

    .instituto_movilidad > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_movilidad_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_instituto_mujeres,
.instituto_mujeres .caja_terminos .area_logos_login .logo_secretaria,
.instituto_mujeres .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_mujeres.svg);
    background-repeat: no-repeat;
}

.instituto_mujeres > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_mujeres.svg) !important;
    background-repeat: no-repeat;
}

.instituto_mujeres .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_mujeres_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_instituto_mujeres,
    .instituto_mujeres .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_mujeres_blanco.svg);
        background-repeat: no-repeat;
    }

    .instituto_mujeres > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_mujeres_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_instituto_vivienda,
.instituto_vivienda .caja_terminos .area_logos_login .logo_secretaria,
.instituto_vivienda .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_vivienda.svg);
    background-repeat: no-repeat;
}

.instituto_vivienda > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_vivienda.svg) !important;
    background-repeat: no-repeat;
}

.instituto_vivienda .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_vivienda_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_instituto_vivienda,
    .instituto_vivienda .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_vivienda_blanco.svg);
        background-repeat: no-repeat;
    }

    .instituto_vivienda > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/instituto_vivienda_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_parques_vida_silvestre,
.parques_vida_silvestre .caja_terminos .area_logos_login .logo_secretaria,
.parques_vida_silvestre .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/parques_y_vida_silvestre.svg);
    background-repeat: no-repeat;
}

.parques_vida_silvestre > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/parques_y_vida_silvestre.svg) !important;
    background-repeat: no-repeat;
}

.parques_vida_silvestre .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/parques_y_vida_silvestre_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_parques_vida_silvestre,
    .parques_vida_silvestre .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/parques_y_vida_silvestre_blanco.svg);
        background-repeat: no-repeat;
    }

    .parques_vida_silvestre > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/parques_y_vida_silvestre_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_unidad_igualdad_genero,
.unidad_igualdad_genero .caja_terminos .area_logos_login .logo_secretaria,
.unidad_igualdad_genero .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/unidad_igualdad_genero.svg);
    background-repeat: no-repeat;
}

.unidad_igualdad_genero > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/unidad_igualdad_genero.svg) !important;
    background-repeat: no-repeat;
}

.unidad_igualdad_genero .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/unidad_igualdad_genero_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_unidad_igualdad_genero,
    .unidad_igualdad_genero .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/unidad_igualdad_genero_blanco.svg);
        background-repeat: no-repeat;
    }

    .unidad_igualdad_genero > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/organismos_descentralizados_participacion/unidad_igualdad_genero_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_junta_local,
.junta_local .caja_terminos .area_logos_login .logo_secretaria,
.junta_local .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/tribunales_administrativos/junta_local.svg);
    background-repeat: no-repeat;
}

.junta_local > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/tribunales_administrativos/junta_local.svg) !important;
    background-repeat: no-repeat;
}

.junta_local .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/tribunales_administrativos/junta_local_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_junta_local,
    .junta_local .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/tribunales_administrativos/junta_local_blanco.svg);
        background-repeat: no-repeat;
    }

    .junta_local > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/tribunales_administrativos/junta_local_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_tribunal_arbitraje,
.tribunal_arbitraje .caja_terminos .area_logos_login .logo_secretaria,
.tribunal_arbitraje .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/tribunales_administrativos/tribunal_arbitraje.svg);
    background-repeat: no-repeat;
}

.tribunal_arbitraje > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/tribunales_administrativos/tribunal_arbitraje.svg) !important;
    background-repeat: no-repeat;
}

.tribunal_arbitraje .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/tribunales_administrativos/tribunal_arbitraje_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_tribunal_arbitraje,
    .tribunal_arbitraje .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/tribunales_administrativos/tribunal_arbitraje_blanco.svg);
        background-repeat: no-repeat;
    }

    .tribunal_arbitraje > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/tribunales_administrativos/tribunal_arbitraje_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_doscientos,
.doscientos .caja_terminos .area_logos_login .logo_secretaria,
.doscientos .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/200.svg);
    background-repeat: no-repeat;
}

.doscientos > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/200.svg) !important;
    background-repeat: no-repeat;
}

.doscientos .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/200_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_doscientos,
    .doscientos .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/200_blanco.svg);
        background-repeat: no-repeat;
    }

    .doscientos > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/200_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_sat,
.sat .caja_terminos .area_logos_login .logo_secretaria,
.sat .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/administracion_tributaria.svg);
    background-repeat: no-repeat;
}

.sat > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/administracion_tributaria.svg) !important;
    background-repeat: no-repeat;
}

.sat .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/administracion_tributaria_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_sat,
    .sat .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/administracion_tributaria_blanco.svg);
        background-repeat: no-repeat;
    }

    .sat > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/administracion_tributaria_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_coesamed,
.coesamed .caja_terminos .area_logos_login .logo_secretaria,
.coesamed .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/coesamed.svg);
    background-repeat: no-repeat;
}

.coesamed > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/coesamed.svg) !important;
    background-repeat: no-repeat;
}

.coesamed .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/coesamed_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_coesamed,
    .coesamed .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/coesamed_blanco.svg);
        background-repeat: no-repeat;
    }

    .coesamed > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/coesamed_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_compro,
.compro .caja_terminos .area_logos_login .logo_secretaria,
.compro .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/compro.svg);
    background-repeat: no-repeat;
}

.compro > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/compro.svg) !important;
    background-repeat: no-repeat;
}

.compro .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/compro_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_compro,
    .compro .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/compro_blanco.svg);
        background-repeat: no-repeat;
    }

    .compro > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/compro_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_datos_abiertos,
.datos_abiertos .caja_terminos .area_logos_login .logo_secretaria,
.datos_abiertos .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/datos_abiertos.svg);
    background-repeat: no-repeat;
}

.datos_abiertos > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/datos_abiertos.svg) !important;
    background-repeat: no-repeat;
}

.datos_abiertos .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/datos_abiertos_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_datos_abiertos,
    .datos_abiertos .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/datos_abiertos_blanco.svg);
        background-repeat: no-repeat;
    }

    .datos_abiertos > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/datos_abiertos_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_empleon,
.empleon .caja_terminos .area_logos_login .logo_secretaria,
.empleon .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/empleon.svg);
    background-repeat: no-repeat;
}

.empleon > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/empleon.svg) !important;
    background-repeat: no-repeat;
}

.empleon .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/empleon_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_empleon,
    .empleon .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/empleon_blanco.svg);
        background-repeat: no-repeat;
    }

    .empleon > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/empleon_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_mejora_regulatoria,
.mejora_regulatoria .caja_terminos .area_logos_login .logo_secretaria,
.mejora_regulatoria .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/mejora_regulatoria.svg);
    background-repeat: no-repeat;
}

.mejora_regulatoria > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/mejora_regulatoria.svg) !important;
    background-repeat: no-repeat;
}

.mejora_regulatoria .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/mejora_regulatoria_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_mejora_regulatoria,
    .mejora_regulatoria .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/mejora_regulatoria_blanco.svg);
        background-repeat: no-repeat;
    }

    .mejora_regulatoria > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/mejora_regulatoria_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_nl_travel,
.nl_travel .caja_terminos .area_logos_login .logo_secretaria,
.nl_travel .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/nuevo_leon_travel.svg);
    background-repeat: no-repeat;
}

.nl_travel > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/nuevo_leon_travel.svg) !important;
    background-repeat: no-repeat;
}

.nl_travel .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/nuevo_leon_travel_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_nl_travel,
    .nl_travel .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/nuevo_leon_travel_blanco.svg);
        background-repeat: no-repeat;
    }

    .nl_travel > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/nuevo_leon_travel_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_ocvmty,
.ocvmty .caja_terminos .area_logos_login .logo_secretaria,
.ocvmty .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/oficina_de_convenciones_y_visitantes.svg);
    background-repeat: no-repeat;
}

.ocvmty > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/oficina_de_convenciones_y_visitantes.svg) !important;
    background-repeat: no-repeat;
}

.ocvmty .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/oficina_de_convenciones_y_visitantes_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_ocvmty,
    .ocvmty .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/oficina_de_convenciones_y_visitantes_blanco.svg);
        background-repeat: no-repeat;
    }

    .ocvmty > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/oficina_de_convenciones_y_visitantes_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_aprendiendo,
.aprendiendo .caja_terminos .area_logos_login .logo_secretaria,
.aprendiendo .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/aprendiendo.svg);
    background-repeat: no-repeat;
}

.aprendiendo > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/aprendiendo.svg) !important;
    background-repeat: no-repeat;
}

.aprendiendo .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/aprendiendo_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_aprendiendo,
    .aprendiendo .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/aprendiendo_blanco.svg);
        background-repeat: no-repeat;
    }

    .aprendiendo > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/aprendiendo_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_profesionalizacion,
.profesionalizacion .caja_terminos .area_logos_login .logo_secretaria,
.profesionalizacion .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/profesionalizacion.svg);
    background-repeat: no-repeat;
}

.profesionalizacion > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/profesionalizacion.svg) !important;
    background-repeat: no-repeat;
}

.profesionalizacion .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/profesionalizacion_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_profesionalizacion,
    .profesionalizacion .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/profesionalizacion_blanco.svg);
        background-repeat: no-repeat;
    }

    .profesionalizacion > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/profesionalizacion_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_proteccion_civil,
.proteccion_civil .caja_terminos .area_logos_login .logo_secretaria,
.proteccion_civil .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/proteccion_civil.svg);
    background-repeat: no-repeat;
}

.proteccion_civil > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/proteccion_civil.svg) !important;
    background-repeat: no-repeat;
}

.proteccion_civil .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/proteccion_civil_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_proteccion_civil,
    .proteccion_civil .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/proteccion_civil_blanco.svg);
        background-repeat: no-repeat;
    }

    .proteccion_civil > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/proteccion_civil_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_provee,
.provee .caja_terminos .area_logos_login .logo_secretaria,
.provee .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/provee.svg);
    background-repeat: no-repeat;
}

.provee > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/provee.svg) !important;
    background-repeat: no-repeat;
}

.provee .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/provee_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_provee,
    .provee .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/provee_blanco.svg);
        background-repeat: no-repeat;
    }

    .provee > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/provee_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_via,
.via .caja_terminos .area_logos_login .logo_secretaria,
.via .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/via.svg);
    background-repeat: no-repeat;
}

.via > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/via.svg) !important;
    background-repeat: no-repeat;
}

.via .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/via_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_via,
    .via .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/via_blanco.svg);
        background-repeat: no-repeat;
    }

    .via > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/via_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_nlinea,
.nlinea .caja_terminos .area_logos_login .logo_secretaria,
.nlinea .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/nlinea.svg);
    background-repeat: no-repeat;
}

.nlinea > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/nlinea.svg) !important;
    background-repeat: no-repeat;
}

.nlinea .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/nlinea_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_nlinea,
    .nlinea .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/nlinea_blanco.svg);
        background-repeat: no-repeat;
    }

    .nlinea > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/nlinea_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_secundario,
.secundario .caja_terminos .area_logos_login .logo_secretaria,
.secundario .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_estado.svg);
    background-repeat: no-repeat;
}

.secundario > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_estado.svg) !important;
    background-repeat: no-repeat;
}

.secundario .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_estado_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_secundario,
    .secundario .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_estado_blanco.svg);
        background-repeat: no-repeat;
    }

    .secundario > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_estado_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_cadenas_productivas,
.cadenas_productivas .caja_terminos .area_logos_login .logo_secretaria,
.cadenas_productivas .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/cadenas_productivas.svg);
    background-repeat: no-repeat;
}

.cadenas_productivas > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/cadenas_productivas.svg) !important;
    background-repeat: no-repeat;
}

.cadenas_productivas .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/cadenas_productivas_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_cadenas_productivas,
    .cadenas_productivas .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/cadenas_productivas_blanco.svg);
        background-repeat: no-repeat;
    }

    .cadenas_productivas > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/cadenas_productivas_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_atencion_victimas,
.atencion_victimas .caja_terminos .area_logos_login .logo_secretaria,
.atencion_victimas .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/atencion_victimas.svg);
    background-repeat: no-repeat;
}

.atencion_victimas > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/atencion_victimas.svg) !important;
    background-repeat: no-repeat;
}

.atencion_victimas .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/atencion_victimas_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_atencion_victimas,
    .atencion_victimas .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/atencion_victimas_blanco.svg);
        background-repeat: no-repeat;
    }

    .atencion_victimas > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/atencion_victimas_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_busqueda_personas,
.busqueda_personas .caja_terminos .area_logos_login .logo_secretaria,
.busqueda_personas .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/busqueda_personas.svg);
    background-repeat: no-repeat;
}

.busqueda_personas > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/busqueda_personas.svg) !important;
    background-repeat: no-repeat;
}

.busqueda_personas .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/busqueda_personas_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_busqueda_personas,
    .busqueda_personas .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/busqueda_personas_blanco.svg);
        background-repeat: no-repeat;
    }

    .busqueda_personas > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/busqueda_personas_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.caja_terminos .area_logos_login .logo_secretaria.es_conectati,
.conectati .caja_terminos .area_logos_login .logo_secretaria,
.conectati .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/conectati.svg);
    background-repeat: no-repeat;
}

.conectati > .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/conectati.svg) !important;
    background-repeat: no-repeat;
}

.conectati .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/conectati_blanco.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_secretaria.es_conectati,
    .conectati .caja_terminos .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/conectati_blanco.svg);
        background-repeat: no-repeat;
    }

    .conectati > .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/comisiones_direcciones/conectati_blanco.svg) !important;
        background-repeat: no-repeat;
    }
}

.logo_secretaria,
.default .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_leon_completo_nl_blanco.svg);
    background-repeat: no-repeat;
}

.baja .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_genl_blanco.svg);
    background-repeat: no-repeat;
}

html:not(.administracion, .agropecuario, .contraloria, .cultura, .economia, .educacion, .general, .inclusion, .ambiente, .movilidad, .mujeres, .participacion, .salud, .seguridad, .tesoreria, .trabajo, .turismo, .ecosistema_educativo, .buen_gobierno, .riqueza, .igualdad, .amar, .centro_gobierno, .consejeria_gobernador, .oficina_comunicacion, .oficina_ejecutiva, .oficina_representacion, .secretaria_informacion, .secretaria_particular, .secretaria_tecnica, .festival_santa_lucia, .fidecitrus, .fideprodes, .fidesur, .focrece, .fomerrey, .fondo_editorial, .puente_colombia, .sintram, .vida_silvestre, .fideurb, .cecyte, .conalep, .conarte, .dif, .icet, .icifed, .icv, .iiiepe, .instituto_defensoria, .instituto_innovacion, .irc, .isssteleon, .osetur, .parque_fundidora, .proderleon, .rea, .agua_drenaje, .simeprode, .sistema_caminos, .metrorrey, .sistema_radio_television, .integracion_educativa, .universidad_apodaca, .universidad_seguridad, .ut_santa_catarina, .codefront, .codetur, .iepam, .inde, .injuve, .instituto_movilidad, .instituto_mujeres, .instituto_vivienda, .parques_vida_silvestre, .unidad_igualdad_genero, .junta_local, .tribunal_arbitraje, .doscientos, .sat, .coesamed, .compro, .datos_abiertos, .empleon, .mejora_regulatoria, .nl_travel, .ocvmty, .aprendiendo, .profesionalizacion, .proteccion_civil, .provee, .via, .nlinea, .secundario, .cadenas_productivas, .atencion_victimas, .busqueda_personas, .conectati) .area_logos_login .logo_secretaria {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_leon_completo_nl.svg);
    background-repeat: no-repeat;
}

html:not(.administracion, .agropecuario, .contraloria, .cultura, .economia, .educacion, .general, .inclusion, .ambiente, .movilidad, .mujeres, .participacion, .salud, .seguridad, .tesoreria, .trabajo, .turismo, .ecosistema_educativo, .buen_gobierno, .riqueza, .igualdad, .amar, .centro_gobierno, .consejeria_gobernador, .oficina_comunicacion, .oficina_ejecutiva, .oficina_representacion, .secretaria_informacion, .secretaria_particular, .secretaria_tecnica, .festival_santa_lucia, .fidecitrus, .fideprodes, .fidesur, .focrece, .fomerrey, .fondo_editorial, .puente_colombia, .sintram, .vida_silvestre, .fideurb, .cecyte, .conalep, .conarte, .dif, .icet, .icifed, .icv, .iiiepe, .instituto_defensoria, .instituto_innovacion, .irc, .isssteleon, .osetur, .parque_fundidora, .proderleon, .rea, .agua_drenaje, .simeprode, .sistema_caminos, .metrorrey, .sistema_radio_television, .integracion_educativa, .universidad_apodaca, .universidad_seguridad, .ut_santa_catarina, .codefront, .codetur, .iepam, .inde, .injuve, .instituto_movilidad, .instituto_mujeres, .instituto_vivienda, .parques_vida_silvestre, .unidad_igualdad_genero, .junta_local, .tribunal_arbitraje, .doscientos, .sat, .coesamed, .compro, .datos_abiertos, .empleon, .mejora_regulatoria, .nl_travel, .ocvmty, .aprendiendo, .profesionalizacion, .proteccion_civil, .provee, .via, .nlinea, .secundario, .cadenas_productivas, .atencion_victimas, .busqueda_personas, .conectati) .area_logos_login {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    html:not(.administracion, .agropecuario, .contraloria, .cultura, .economia, .educacion, .general, .inclusion, .ambiente, .movilidad, .mujeres, .participacion, .salud, .seguridad, .tesoreria, .trabajo, .turismo, .ecosistema_educativo, .buen_gobierno, .riqueza, .igualdad, .amar, .centro_gobierno, .consejeria_gobernador, .oficina_comunicacion, .oficina_ejecutiva, .oficina_representacion, .secretaria_informacion, .secretaria_particular, .secretaria_tecnica, .festival_santa_lucia, .fidecitrus, .fideprodes, .fidesur, .focrece, .fomerrey, .fondo_editorial, .puente_colombia, .sintram, .vida_silvestre, .fideurb, .cecyte, .conalep, .conarte, .dif, .icet, .icifed, .icv, .iiiepe, .instituto_defensoria, .instituto_innovacion, .irc, .isssteleon, .osetur, .parque_fundidora, .proderleon, .rea, .agua_drenaje, .simeprode, .sistema_caminos, .metrorrey, .sistema_radio_television, .integracion_educativa, .universidad_apodaca, .universidad_seguridad, .ut_santa_catarina, .codefront, .codetur, .iepam, .inde, .injuve, .instituto_movilidad, .instituto_mujeres, .instituto_vivienda, .parques_vida_silvestre, .unidad_igualdad_genero, .junta_local, .tribunal_arbitraje, .doscientos, .sat, .coesamed, .compro, .datos_abiertos, .empleon, .mejora_regulatoria, .nl_travel, .ocvmty, .aprendiendo, .profesionalizacion, .proteccion_civil, .provee, .via, .nlinea, .secundario, .cadenas_productivas, .atencion_victimas, .busqueda_personas, .conectati) .area_logos_login .logo_estatal {
        display: none;
    }

    html:not(.administracion, .agropecuario, .contraloria, .cultura, .economia, .educacion, .general, .inclusion, .ambiente, .movilidad, .mujeres, .participacion, .salud, .seguridad, .tesoreria, .trabajo, .turismo, .ecosistema_educativo, .buen_gobierno, .riqueza, .igualdad, .amar, .centro_gobierno, .consejeria_gobernador, .oficina_comunicacion, .oficina_ejecutiva, .oficina_representacion, .secretaria_informacion, .secretaria_particular, .secretaria_tecnica, .festival_santa_lucia, .fidecitrus, .fideprodes, .fidesur, .focrece, .fomerrey, .fondo_editorial, .puente_colombia, .sintram, .vida_silvestre, .fideurb, .cecyte, .conalep, .conarte, .dif, .icet, .icifed, .icv, .iiiepe, .instituto_defensoria, .instituto_innovacion, .irc, .isssteleon, .osetur, .parque_fundidora, .proderleon, .rea, .agua_drenaje, .simeprode, .sistema_caminos, .metrorrey, .sistema_radio_television, .integracion_educativa, .universidad_apodaca, .universidad_seguridad, .ut_santa_catarina, .codefront, .codetur, .iepam, .inde, .injuve, .instituto_movilidad, .instituto_mujeres, .instituto_vivienda, .parques_vida_silvestre, .unidad_igualdad_genero, .junta_local, .tribunal_arbitraje, .doscientos, .sat, .coesamed, .compro, .datos_abiertos, .empleon, .mejora_regulatoria, .nl_travel, .ocvmty, .aprendiendo, .profesionalizacion, .proteccion_civil, .provee, .via, .nlinea, .secundario, .cadenas_productivas, .atencion_victimas, .busqueda_personas, .conectati) .area_logos_login .logo_secretaria {
        background-position: center;
    }

html:not(.administracion, .agropecuario, .contraloria, .cultura, .economia, .educacion, .general, .inclusion, .ambiente, .movilidad, .mujeres, .participacion, .salud, .seguridad, .tesoreria, .trabajo, .turismo, .ecosistema_educativo, .buen_gobierno, .riqueza, .igualdad, .amar, .centro_gobierno, .consejeria_gobernador, .oficina_comunicacion, .oficina_ejecutiva, .oficina_representacion, .secretaria_informacion, .secretaria_particular, .secretaria_tecnica, .festival_santa_lucia, .fidecitrus, .fideprodes, .fidesur, .focrece, .fomerrey, .fondo_editorial, .puente_colombia, .sintram, .vida_silvestre, .fideurb, .cecyte, .conalep, .conarte, .dif, .icet, .icifed, .icv, .iiiepe, .instituto_defensoria, .instituto_innovacion, .irc, .isssteleon, .osetur, .parque_fundidora, .proderleon, .rea, .agua_drenaje, .simeprode, .sistema_caminos, .metrorrey, .sistema_radio_television, .integracion_educativa, .universidad_apodaca, .universidad_seguridad, .ut_santa_catarina, .codefront, .codetur, .iepam, .inde, .injuve, .instituto_movilidad, .instituto_mujeres, .instituto_vivienda, .parques_vida_silvestre, .unidad_igualdad_genero, .junta_local, .tribunal_arbitraje, .doscientos, .sat, .coesamed, .compro, .datos_abiertos, .empleon, .mejora_regulatoria, .nl_travel, .ocvmty, .aprendiendo, .profesionalizacion, .proteccion_civil, .provee, .via, .nlinea, .secundario, .cadenas_productivas, .atencion_victimas, .busqueda_personas, .conectati) .escudo_footer,
.default .escudo_footer {
    display: none !important;
}

.gobierno .logo_secretaria_color {
    width: 120px !important;
    height: 180px !important;
    background-size: contain;
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_leondorado.svg);
    background-repeat: no-repeat;
}

.default .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_leon_completo_nl.svg);
    background-repeat: no-repeat;
}

.baja .logo_secretaria_color {
    background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_genl.svg);
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .caja_terminos .area_logos_login .logo_estatal.es_background {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_leon_completo_nl_blanco.svg);
        background-repeat: no-repeat;
    }

    html:not(.administracion, .agropecuario, .contraloria, .cultura, .economia, .educacion, .general, .inclusion, .ambiente, .movilidad, .mujeres, .participacion, .salud, .seguridad, .tesoreria, .trabajo, .turismo, .ecosistema_educativo, .buen_gobierno, .riqueza, .igualdad, .amar, .centro_gobierno, .consejeria_gobernador, .oficina_comunicacion, .oficina_ejecutiva, .oficina_representacion, .secretaria_informacion, .secretaria_particular, .secretaria_tecnica, .festival_santa_lucia, .fidecitrus, .fideprodes, .fidesur, .focrece, .fomerrey, .fondo_editorial, .puente_colombia, .sintram, .vida_silvestre, .fideurb, .cecyte, .conalep, .conarte, .dif, .icet, .icifed, .icv, .iiiepe, .instituto_defensoria, .instituto_innovacion, .irc, .isssteleon, .osetur, .parque_fundidora, .proderleon, .rea, .agua_drenaje, .simeprode, .sistema_caminos, .metrorrey, .sistema_radio_television, .integracion_educativa, .universidad_apodaca, .universidad_seguridad, .ut_santa_catarina, .codefront, .codetur, .iepam, .inde, .injuve, .instituto_movilidad, .instituto_mujeres, .instituto_vivienda, .parques_vida_silvestre, .unidad_igualdad_genero, .junta_local, .tribunal_arbitraje, .doscientos, .sat, .coesamed, .compro, .datos_abiertos, .empleon, .mejora_regulatoria, .nl_travel, .ocvmty, .aprendiendo, .profesionalizacion, .proteccion_civil, .provee, .via, .nlinea, .secundario, .cadenas_productivas, .atencion_victimas, .busqueda_personas, .conectati) .area_logos_login .logo_secretaria {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_leon_completo_nl_blanco.svg);
        background-repeat: no-repeat;
    }
}

.caja_verificador .caja_acordeon .accordion-button {
    font-size: var(--etiqueta_escala);
    line-height: var(--etiqueta_interlineado);
    background-color: transparent !important;
    border: 2px solid transparent !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: var(--color_gris_inactivo);
}

.caja_verificador .accordion.caja_acordeon .accordion-item {
    border-radius: 0px;
}

.caja_verificador .caja_acordeon .accordion-header {
    height: var(--alto_verificador);
    min-height: var(--alto_verificador);
    margin: auto;
    padding: var(--relleno_fila);
    max-width: var(--ancho_base);
}

.caja_verificador .caja_acordeon .accordion-button::after {
    margin-left: 4px;
    background-color: transparent;
    color: var(--color_primario);
    font-size: 18px;
}

.caja_verificador .caja_acordeon .accordion-body {
    border-radius: 0px;
}

    .caja_verificador .caja_acordeon .accordion-body .row {
        padding: var(--relleno_fila);
        margin: auto;
        max-width: var(--ancho_base);
    }

    .caja_verificador .caja_acordeon .accordion-body .col {
        text-align: left;
        max-width: 40%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0px;
    }

        .caja_verificador .caja_acordeon .accordion-body .col > * + * {
            margin-left: 8px;
        }

.caja_verificador .logo_verificar {
    width: 63px;
}

.caja_verificador .logo_sitio_seguro {
    width: 63px;
}

.caja_verificador .logo_via {
    width: 63px;
}

header {
    position: relative;
    z-index: 11;
}

    header.es_estatico {
        position: sticky;
        top: 0;
        z-index: 1021;
        margin-top: var(--alto_verificador);
    }

        header.es_estatico > .caja_verificador {
            position: relative;
            width: 100%;
            z-index: 1022;
            top: calc(-1 * var(--alto_verificador));
        }

        header.es_estatico > .caja_header:first-of-type {
            margin-top: calc(-1 * var(--alto_verificador));
        }

.caja_header {
    background-color: var(--color_secundario);
    border-bottom: 1px solid var(--color_gris_background);
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: var(--alto_navegador);
}

    .caja_header .boton_secundario,
    .caja_header .boton_primario {
        border: none;
        background-color: var(--color_primario_institucional);
        color: var(--color_blanco);
    }

        .caja_header .boton_secundario:hover,
        .caja_header .boton_primario:hover {
            color: var(--color_blanco);
            background-color: var(--color_primario_hover_institucional);
        }

    .caja_header .caja_busqueda .input-group:hover input[type=search] ~ .input-group-text,
    .caja_header .caja_busqueda .input-group input[type=search]:focus ~ .input-group-text,
    .caja_header .caja_busqueda .input-group:hover input[type=search] ~ .input-group-text > *,
    .caja_header .caja_busqueda .input-group input[type=search]:focus ~ .input-group-text > * {
        background-color: var(--color_dorado_background);
        color: var(--color_secundario);
        border: 1px solid var(--color_dorado_background);
    }

    .caja_header .avatar {
        color: var(--color_secundario);
        background-color: var(--color_blanco);
    }

    .caja_header a.dropdown-toggle::after {
        color: var(--color_blanco);
    }

    .caja_header > .container-fluid {
        padding: var(--relleno_fila);
        max-width: var(--ancho_base);
    }

    .caja_header .logo_header {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_genl_blanco.svg);
        background-repeat: no-repeat;
        width: 137px;
        height: 32px;
    }

    .caja_header .logo_secretaria_color,
    .caja_header .logo_secretaria {
        width: 137px;
        height: 40px;
        margin-bottom: 0px;
        background-position: left;
    }

    .caja_header .area_logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .caja_header .navbar-collapse {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .caja_header .nav-item {
        margin-right: 16px;
        position: relative;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

        .caja_header .nav-item .nav-link {
            color: var(--color_blanco);
        }

            .caja_header .nav-item .nav-link:hover {
                color: var(--color_blanco);
            }

            .caja_header .nav-item .nav-link.active {
                color: var(--color_negro);
            }

            .caja_header .nav-item .nav-link::before {
                content: "";
                width: 100%;
                height: 2px;
                position: absolute;
                left: 0;
                bottom: 0;
                background-position: bottom;
                background-repeat: no-repeat;
                background-image: linear-gradient(transparent calc(100% - 2px), var(--color_blanco) 2px), linear-gradient(transparent calc(100% - 2px), transparent 2px);
                background-size: 0% 6px, 100% 6px;
                -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
                transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
            }

        .caja_header .nav-item:hover {
            color: var(--color_primario_hover);
            text-decoration: none;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .caja_header .nav-item .nav-link:hover::before {
            background-size: 100% 6px, 100% 6px;
        }

        .caja_header .nav-item:visited {
            color: var(--color_primario_hover);
        }

    .caja_header .dropdown-item {
        border-radius: var(--redondez_base);
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .caja_header .dropdown-item:is(:focus, :hover) {
            background-color: var(--color_dorado_background);
            color: var(--color_negro);
        }

        .caja_header .dropdown-item.es_externo {
            padding-right: 32px;
        }

            .caja_header .dropdown-item.es_externo::before {
                left: calc(100% - 32px);
            }

    .caja_header .dropdown-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .caja_header .dropdown-toggle::after {
            font-family: "Material icons";
            content: "\e5cf";
            color: inherit;
            width: auto;
            margin-right: -4px;
            height: 100%;
            top: 0;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-weight: 500;
            font-size: 18px;
            line-height: 1;
            border: 0px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }

        .caja_header .dropdown-toggle.show::after {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }

.area_sesion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.caja_header .area_sesion .dropdown-toggle::after {
    right: 0;
    height: auto;
}

.caja_header .dropdown-menu {
    top: calc(100% + 14px);
}

.caja_header .navbar-toggler {
    height: 48px;
    margin-right: 8px;
    color: rgba(0, 0, 0, 0.55);
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.caja_header .caja_busqueda {
    width: auto;
    margin-right: 16px;
}

.caja_header input.form-control {
    height: 40px;
    font-size: var(--h6_escala);
}

.caja_header .caja_busqueda input {
    color: var(--color_blanco);
    font-weight: 500;
    letter-spacing: 0.5px;
    display: inline-block;
    outline: none;
    width: 0px;
    position: relative;
    top: 0;
    right: -32px;
    margin-left: -32px;
    background: none;
    z-index: 3;
    -webkit-transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
    transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
    cursor: pointer;
}

    .caja_header .caja_busqueda input::-webkit-input-placeholder {
        color: var(--color_blanco);
    }

    .caja_header .caja_busqueda input::-moz-placeholder {
        color: var(--color_blanco);
    }

    .caja_header .caja_busqueda input:-ms-input-placeholder {
        color: var(--color_blanco);
    }

    .caja_header .caja_busqueda input::-ms-input-placeholder {
        color: var(--color_blanco);
    }

    .caja_header .caja_busqueda input::placeholder {
        color: var(--color_blanco);
    }

    .caja_header .caja_busqueda:hover input,
    .caja_header .caja_busqueda input:focus {
        width: 246px;
        padding-right: 48px;
        z-index: 1;
        border: 1.5px solid var(--color_blanco);
        cursor: text;
    }

.caja_header .caja_busqueda button {
    border-radius: var(--redondez_base) !important;
    position: relative;
    z-index: 10;
}

.caja_header .caja_busqueda:hover button,
.caja_header .caja_busqueda input:focus + button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.caja_header .boton {
    min-height: 40px;
    padding: 8px 16px;
    font-size: var(--h6_escala);
}

    .caja_header .boton.solo_icono {
        padding-right: 0px;
        padding-left: 0px;
    }

.area_sesion .datos_usuario {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0px;
}

    .area_sesion .datos_usuario > div {
        position: relative;
        text-align: right;
        margin-right: 8px;
        color: var(--color_blanco) !important;
    }

.area_sesion .datos_bienvenida {
    position: absolute;
    top: -14px;
    right: 0px;
    font-size: 10px;
}

.area_sesion .avatar_sesion {
    padding: 6.5px 13px;
}

.avatar {
    background-color: var(--color_secundario);
    color: var(--color_blanco);
    border-radius: 100%;
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.datos_usuario .avatar {
    margin-top: -3.5px;
    margin-bottom: -3.5px;
}

.modo_oscuro .caja_header {
    background-color: var(--color_accent);
}

    .modo_oscuro .caja_header .logo_header {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_genl_blanco.svg);
    }

    .modo_oscuro .caja_header .nav-item .nav-link {
        color: var(--color_blanco);
    }

.modo_oscuro .area_sesion .datos_usuario > div {
    color: var(--color_blanco) !important;
}

.modo_oscuro .caja_header .dropdown-toggle::after {
    color: var(--color_blanco);
}

.modo_oscuro .caja_header .caja_busqueda input {
    background: var(--color_blanco);
}

.modo_oscuro .caja_header .boton_primario {
    color: var(--color_accent);
    background-color: var(--color_blanco);
}

.modo_oscuro .avatar {
    color: var(--color_accent);
    background-color: var(--color_blanco);
}

.es_megamenu {
    position: initial !important;
}

    .es_megamenu .contenedor_dropdow {
        position: absolute;
        left: 0;
        background-color: var(--color_blanco);
        width: calc(100% - 0px);
        height: auto;
        max-height: 50vh;
        overflow-y: auto;
        z-index: -1;
        -webkit-box-shadow: var(--elevacion_1);
        box-shadow: var(--elevacion_1);
        border-radius: var(--redondez_base);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        opacity: 0;
        z-index: 99;
    }

    .es_megamenu a[aria-expanded=true] + .contenedor_dropdow {
        opacity: 1;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .es_megamenu ul {
        width: 100%;
        max-width: var(--ancho_base);
        position: relative !important;
        padding: var(--relleno_fila);
        padding-block: 40px;
        right: 0;
        left: 0;
        margin: auto;
        -webkit-columns: 4;
        -moz-columns: 4;
        columns: 4;
        gap: 32px;
        border: 0px;
        top: 100% !important;
        height: auto;
        opacity: 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .es_megamenu ul.show {
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            opacity: 1;
        }

        .es_megamenu ul li {
            position: relative;
        }

            .es_megamenu ul li * {
                padding-inline: calc(var(--unidad) * 2);
                padding-block: 8px;
            }

            .es_megamenu ul li hr {
                padding: 0px;
            }

            .es_megamenu ul li a > span {
                color: var(--primario_baja);
                font-size: var(--etiqueta_escala);
                font-weight: 500;
                display: block;
                padding: 0px;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .es_megamenu ul li.es_portada {
                text-align: center;
                width: 100%;
                position: static;
                -webkit-column-break-before: column;
                -moz-column-break-before: column;
                break-before: column;
                -webkit-column-break-inside: avoid;
                -moz-column-break-inside: avoid;
                break-inside: avoid-column;
            }

                .es_megamenu ul li.es_portada::after {
                    content: none;
                }

                .es_megamenu ul li.es_portada img {
                    width: 250px;
                    height: 250px;
                }

                .es_megamenu ul li.es_portada a {
                    width: 100%;
                    display: block;
                    background-color: var(--color_primario_background);
                    border-radius: var(--redondez_base);
                    padding: 0px;
                }

                .es_megamenu ul li.es_portada .texto_portada {
                    padding: var(--unidad_base);
                    text-align: left;
                    font-size: var(--h6_escala);
                    font-weight: 400;
                    color: var(--color_blanco);
                    background-color: var(--color_primario);
                    border-radius: 0px 0px var(--redondez_base) var(--redondez_base);
                }

            .es_megamenu ul li::after {
                content: "";
                position: absolute;
                height: 200%;
                width: 1px !important;
                right: -16px;
                top: 0px;
                background-color: var(--hover_baja);
            }

.es_encabezado {
    position: relative;
}

    .es_encabezado * {
        padding-inline: calc(var(--unidad) * 2);
        padding-block: 8px;
    }

    .es_encabezado::before {
        content: "";
        position: absolute;
        bottom: -2px;
        width: 100%;
        height: 1px;
        background-color: var(--color_gris_background);
    }

@media screen and (max-width: 991px) {
    .es_megamenu .contenedor_dropdow {
        position: static;
        max-height: none;
        overflow-y: hidden;
        overflow: hidden;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
    }

    .es_megamenu ul {
        padding: 0px;
        width: auto;
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    .es_megamenu .boton {
        margin-inline: calc(var(--unidad) * 2);
    }

    .caja_header .dropdown-menu {
        right: 0;
        left: auto;
    }

    .es_portada {
        display: none;
    }

    .caja_header .logo_header,
    .caja_header .logo_secretaria_color,
    .caja_header .logo_secretaria {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .caja_header #boton_hamburguesa {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        color: var(--color_blanco);
    }

    .caja_header .navbar-collapse {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        padding: 8px 3px 0px 3px;
    }

    .caja_header #boton_login {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .caja_header .caja_busqueda {
        width: 100%;
    }

        .caja_header .caja_busqueda button {
            border-top-left-radius: 0 !important;
            border-bottom-left-radius: 0 !important;
        }

    .caja_header .navbar-toggler {
        padding-left: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 600px) {
    .caja_verificador .caja_acordeon .accordion-header {
        min-height: var(--alto_base);
    }

    header.es_estatico {
        margin-top: var(--alto_base);
    }

        header.es_estatico > .caja_verificador {
            top: calc(-1 * var(--alto_base));
        }

        header.es_estatico > .caja_header:first-of-type {
            margin-top: calc(-1 * var(--alto_base));
        }

        header.es_estatico section.navegacion_redes {
            top: calc(-1 * var(--alto_base));
        }
}

#menu_vertical,
.menu_vertical,
#menu_vertical_ejemplo {
    position: sticky;
    top: var(--alto_navegador);
    bottom: 0;
    left: 0;
    padding: 0px;
    border-right: 1px solid var(--color_gris_background);
    height: calc(100vh - var(--alto_navegador));
    z-index: 10;
    width: 0;
    overflow-y: auto;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    #menu_vertical.menu_con_iconos ~ main .contenedor_general,
    .menu_vertical.menu_con_iconos ~ main .contenedor_general,
    #menu_vertical_ejemplo.menu_con_iconos ~ main .contenedor_general {
        max-width: var(--ancho_base);
        position: relative;
        left: 0px;
    }

    #menu_vertical.show,
    .menu_vertical.show,
    #menu_vertical_ejemplo.show {
        width: var(--ancho_menu);
        visibility: visible;
    }

        #menu_vertical.show + .boton_menu,
        .menu_vertical.show + .boton_menu,
        #menu_vertical_ejemplo.show + .boton_menu {
            -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            #menu_vertical.show + .boton_menu #mas,
            .menu_vertical.show + .boton_menu #mas,
            #menu_vertical_ejemplo.show + .boton_menu #mas {
                display: none;
            }

            #menu_vertical.show + .boton_menu #menos,
            .menu_vertical.show + .boton_menu #menos,
            #menu_vertical_ejemplo.show + .boton_menu #menos {
                display: block;
            }

    #menu_vertical + .boton_menu #menos,
    .menu_vertical + .boton_menu #menos,
    #menu_vertical_ejemplo + .boton_menu #menos {
        display: none;
    }

    #menu_vertical ~ main,
    .menu_vertical ~ main,
    #menu_vertical_ejemplo ~ main {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
    }

        #menu_vertical ~ main .contenedor_general,
        .menu_vertical ~ main .contenedor_general,
        #menu_vertical_ejemplo ~ main .contenedor_general {
            margin-right: auto;
            margin-left: auto;
            height: 100%;
            max-width: calc(var(--ancho_base));
            min-height: -webkit-min-content;
            min-height: -moz-min-content;
            min-height: min-content;
        }

    #menu_vertical.sin_header, #menu_vertical.sin_header + .boton_menu,
    .menu_vertical.sin_header,
    .menu_vertical.sin_header + .boton_menu,
    #menu_vertical_ejemplo.sin_header,
    #menu_vertical_ejemplo.sin_header + .boton_menu {
        --alto_navegador: 0px;
    }

    #menu_vertical ~ .boton_menu,
    .menu_vertical ~ .boton_menu,
    #menu_vertical_ejemplo ~ .boton_menu {
        position: sticky;
        top: calc(var(--alto_navegador) + 16px);
        margin-left: -16px;
        margin-right: -16px;
        margin-top: 16px;
        left: 0px;
        width: 32px;
        height: 32px;
        min-height: 32px;
        padding: 0px;
        background-color: var(--color_secundario_hover);
        color: var(--color_blanco);
        border-radius: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 100;
    }

        #menu_vertical ~ .boton_menu:hover,
        .menu_vertical ~ .boton_menu:hover,
        #menu_vertical_ejemplo ~ .boton_menu:hover {
            color: var(--color_blanco);
            background-color: var(--color_secundario);
        }

    #menu_vertical + .boton_menu,
    .menu_vertical + .boton_menu,
    #menu_vertical_ejemplo + .boton_menu {
        -webkit-transform: translateX(-16px);
        transform: translateX(-16px);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #menu_vertical:not(.show) + .boton_menu:hover,
    .menu_vertical:not(.show) + .boton_menu:hover,
    #menu_vertical_ejemplo:not(.show) + .boton_menu:hover {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #menu_vertical.menu_con_iconos + .boton_menu,
    .menu_vertical.menu_con_iconos + .boton_menu,
    #menu_vertical_ejemplo.menu_con_iconos + .boton_menu {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #menu_vertical.menu_con_iconos:not(.show) + .boton_menu:hover,
    .menu_vertical.menu_con_iconos:not(.show) + .boton_menu:hover,
    #menu_vertical_ejemplo.menu_con_iconos:not(.show) + .boton_menu:hover {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #menu_vertical ~ .boton_menu .material-icons,
    #menu_vertical ~ .boton_menu .material-icons-outlined,
    #menu_vertical ~ .boton_menu .material-symbols-outlined,
    .menu_vertical ~ .boton_menu .material-icons,
    .menu_vertical ~ .boton_menu .material-icons-outlined,
    .menu_vertical ~ .boton_menu .material-symbols-outlined,
    #menu_vertical_ejemplo ~ .boton_menu .material-icons,
    #menu_vertical_ejemplo ~ .boton_menu .material-icons-outlined,
    #menu_vertical_ejemplo ~ .boton_menu .material-symbols-outlined {
        margin-left: 0px;
        margin-right: 0px;
        font-size: inherit;
        height: auto;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #menu_vertical ul,
    .menu_vertical ul,
    #menu_vertical_ejemplo ul {
        list-style: none;
        padding-left: 0px;
        color: var(--color_accent);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        #menu_vertical ul li a,
        .menu_vertical ul li a,
        #menu_vertical_ejemplo ul li a {
            cursor: pointer;
            -ms-hyphens: auto;
            hyphens: auto;
            color: var(--color_accent);
            width: 100%;
            height: auto;
            min-height: 32px;
            padding: 0px 32px 0px 16px;
            margin: 2px 0px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: var(--redondez_base);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            #menu_vertical ul li a .material-icons,
            #menu_vertical ul li a .material-icons-outlined,
            #menu_vertical ul li a .material-symbols-outlined,
            .menu_vertical ul li a .material-icons,
            .menu_vertical ul li a .material-icons-outlined,
            .menu_vertical ul li a .material-symbols-outlined,
            #menu_vertical_ejemplo ul li a .material-icons,
            #menu_vertical_ejemplo ul li a .material-icons-outlined,
            #menu_vertical_ejemplo ul li a .material-symbols-outlined {
                margin-right: 4px;
                font-size: 16px;
                margin-bottom: 2px;
                width: 16px;
            }

    #menu_vertical .icono_menu.material-icons,
    #menu_vertical .icono_menu.material-icons-outlined,
    #menu_vertical .icono_menu.material-symbols-outlined,
    .menu_vertical .icono_menu.material-icons,
    .menu_vertical .icono_menu.material-icons-outlined,
    .menu_vertical .icono_menu.material-symbols-outlined,
    #menu_vertical_ejemplo .icono_menu.material-icons,
    #menu_vertical_ejemplo .icono_menu.material-icons-outlined,
    #menu_vertical_ejemplo .icono_menu.material-symbols-outlined {
        width: auto;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #menu_vertical ul li a .icono_menu.material-icons > *,
    #menu_vertical ul li a .icono_menu.material-icons-outlined > *,
    #menu_vertical ul li a .icono_menu.material-symbols-outlined > *,
    .menu_vertical ul li a .icono_menu.material-icons > *,
    .menu_vertical ul li a .icono_menu.material-icons-outlined > *,
    .menu_vertical ul li a .icono_menu.material-symbols-outlined > *,
    #menu_vertical_ejemplo ul li a .icono_menu.material-icons > *,
    #menu_vertical_ejemplo ul li a .icono_menu.material-icons-outlined > *,
    #menu_vertical_ejemplo ul li a .icono_menu.material-symbols-outlined > * {
        width: 15px;
        height: 15px;
    }

    #menu_vertical ul a + ul a,
    .menu_vertical ul a + ul a,
    #menu_vertical_ejemplo ul a + ul a {
        padding-left: 32px;
    }

        #menu_vertical ul a + ul a + ul a,
        .menu_vertical ul a + ul a + ul a,
        #menu_vertical_ejemplo ul a + ul a + ul a {
            padding-left: 48px;
        }

    #menu_vertical ul li a:hover,
    .menu_vertical ul li a:hover,
    #menu_vertical_ejemplo ul li a:hover {
        color: var(--color_accent);
        background-color: var(--color_dorado_background);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #menu_vertical ul li a[aria-expanded=true],
    #menu_vertical ul li.activo a,
    #menu_vertical ul li.seleccion > a:not([aria-expanded]),
    #menu_vertical a[aria-expanded=true] + ul li.seleccion > a:not([aria-expanded=false]),
    .menu_vertical ul li a[aria-expanded=true],
    .menu_vertical ul li.activo a,
    .menu_vertical ul li.seleccion > a:not([aria-expanded]),
    .menu_vertical a[aria-expanded=true] + ul li.seleccion > a:not([aria-expanded=false]),
    #menu_vertical_ejemplo ul li a[aria-expanded=true],
    #menu_vertical_ejemplo ul li.activo a,
    #menu_vertical_ejemplo ul li.seleccion > a:not([aria-expanded]),
    #menu_vertical_ejemplo a[aria-expanded=true] + ul li.seleccion > a:not([aria-expanded=false]) {
        /* ul li.linea_seleccion > a + ul li.seleccion a{ */
        color: var(--color_blanco);
        background-color: var(--color_secundario);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        #menu_vertical ul li a[aria-expanded=true] svg *,
        #menu_vertical ul li.activo a svg *,
        #menu_vertical a[aria-expanded=true] + ul li.seleccion > a:not([aria-expanded=false]) svg *,
        .menu_vertical ul li a[aria-expanded=true] svg *,
        .menu_vertical ul li.activo a svg *,
        .menu_vertical a[aria-expanded=true] + ul li.seleccion > a:not([aria-expanded=false]) svg *,
        #menu_vertical_ejemplo ul li a[aria-expanded=true] svg *,
        #menu_vertical_ejemplo ul li.activo a svg *,
        #menu_vertical_ejemplo a[aria-expanded=true] + ul li.seleccion > a:not([aria-expanded=false]) svg * {
            fill: var(--color_blanco);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    #menu_vertical ul li a[data-bs-toggle=collapse]::after,
    .menu_vertical ul li a[data-bs-toggle=collapse]::after,
    #menu_vertical_ejemplo ul li a[data-bs-toggle=collapse]::after {
        font-family: "Material icons";
        content: "\e5cf";
        color: var(--color_negro);
        width: auto;
        height: 100%;
        top: 0;
        right: 10px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-weight: 500;
        font-size: 18px;
        line-height: 1;
        position: absolute;
        border: 0px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #menu_vertical ul li a[aria-expanded=true][data-bs-toggle=collapse]::after,
    .menu_vertical ul li a[aria-expanded=true][data-bs-toggle=collapse]::after,
    #menu_vertical_ejemplo ul li a[aria-expanded=true][data-bs-toggle=collapse]::after {
        color: var(--color_blanco);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #menu_vertical ul li.linea_seleccion > a,
    .menu_vertical ul li.linea_seleccion > a,
    #menu_vertical_ejemplo ul li.linea_seleccion > a {
        color: var(--color_accent);
        background-color: var(--color_dorado_background);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        #menu_vertical ul li.linea_seleccion > a svg *,
        .menu_vertical ul li.linea_seleccion > a svg *,
        #menu_vertical_ejemplo ul li.linea_seleccion > a svg * {
            fill: var(--color_accent);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        #menu_vertical ul li.linea_seleccion > a[aria-expanded=true][data-bs-toggle=collapse]::after,
        .menu_vertical ul li.linea_seleccion > a[aria-expanded=true][data-bs-toggle=collapse]::after,
        #menu_vertical_ejemplo ul li.linea_seleccion > a[aria-expanded=true][data-bs-toggle=collapse]::after {
            color: var(--color_accent);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    #menu_vertical.menu_con_iconos:not(.show),
    .menu_vertical.menu_con_iconos:not(.show),
    #menu_vertical_ejemplo.menu_con_iconos:not(.show) {
        width: 80px;
        visibility: visible;
        overflow: initial;
    }

        #menu_vertical.menu_con_iconos:not(.show) a,
        .menu_vertical.menu_con_iconos:not(.show) a,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) a {
            width: 0px;
            min-width: 38px;
            overflow: hidden;
            white-space: nowrap;
            padding: 0px 8px 0px 8px;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        #menu_vertical.menu_con_iconos:not(.show) ul:first-child,
        .menu_vertical.menu_con_iconos:not(.show) ul:first-child,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) ul:first-child {
            position: relative;
            margin-top: 40px;
            margin-left: 4px;
        }

        #menu_vertical.menu_con_iconos:not(.show) ul li a .material-icons,
        #menu_vertical.menu_con_iconos:not(.show) ul li a .material-icons-outlined,
        #menu_vertical.menu_con_iconos:not(.show) ul li a .material-symbols-outlined,
        .menu_vertical.menu_con_iconos:not(.show) ul li a .material-icons,
        .menu_vertical.menu_con_iconos:not(.show) ul li a .material-icons-outlined,
        .menu_vertical.menu_con_iconos:not(.show) ul li a .material-symbols-outlined,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) ul li a .material-icons,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) ul li a .material-icons-outlined,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) ul li a .material-symbols-outlined {
            font-size: 24px;
            margin-right: 8px;
            width: 24px;
        }

        #menu_vertical.menu_con_iconos:not(.show) ul li a .icono_menu.material-icons > *,
        #menu_vertical.menu_con_iconos:not(.show) ul li a .icono_menu.material-icons-outlined > *,
        #menu_vertical.menu_con_iconos:not(.show) ul li a .icono_menu.material-symbols-outlined > *,
        .menu_vertical.menu_con_iconos:not(.show) ul li a .icono_menu.material-icons > *,
        .menu_vertical.menu_con_iconos:not(.show) ul li a .icono_menu.material-icons-outlined > *,
        .menu_vertical.menu_con_iconos:not(.show) ul li a .icono_menu.material-symbols-outlined > *,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) ul li a .icono_menu.material-icons > *,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) ul li a .icono_menu.material-icons-outlined > *,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) ul li a .icono_menu.material-symbols-outlined > * {
            width: 24px;
            max-width: initial;
            height: 24px;
        }

        #menu_vertical.menu_con_iconos:not(.show) ul li a[data-bs-toggle=collapse]::after,
        .menu_vertical.menu_con_iconos:not(.show) ul li a[data-bs-toggle=collapse]::after,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) ul li a[data-bs-toggle=collapse]::after {
            right: -21px;
            opacity: 0;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        #menu_vertical.menu_con_iconos:not(.show) ul a + ul a::before,
        .menu_vertical.menu_con_iconos:not(.show) ul a + ul a::before,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) ul a + ul a::before {
            content: "\e5cc";
            font-family: "Material icons";
            color: var(--color_negro);
            width: auto;
            height: 100%;
            font-size: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0px 8px 0px 2px;
        }

        #menu_vertical.menu_con_iconos:not(.show) ul a + ul li.activo a::before,
        #menu_vertical.menu_con_iconos:not(.show) ul a + ul li.seleccion a[aria-expanded=true]::before,
        .menu_vertical.menu_con_iconos:not(.show) ul a + ul li.activo a::before,
        .menu_vertical.menu_con_iconos:not(.show) ul a + ul li.seleccion a[aria-expanded=true]::before,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) ul a + ul li.activo a::before,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show) ul a + ul li.seleccion a[aria-expanded=true]::before {
            color: var(--color_blanco);
        }

        #menu_vertical.menu_con_iconos:not(.show):hover,
        .menu_vertical.menu_con_iconos:not(.show):hover,
        #menu_vertical_ejemplo.menu_con_iconos:not(.show):hover {
            width: var(--ancho_menu);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            #menu_vertical.menu_con_iconos:not(.show):hover a,
            .menu_vertical.menu_con_iconos:not(.show):hover a,
            #menu_vertical_ejemplo.menu_con_iconos:not(.show):hover a {
                width: 100%;
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            #menu_vertical.menu_con_iconos:not(.show):hover ul li a[data-bs-toggle=collapse]::after,
            .menu_vertical.menu_con_iconos:not(.show):hover ul li a[data-bs-toggle=collapse]::after,
            #menu_vertical_ejemplo.menu_con_iconos:not(.show):hover ul li a[data-bs-toggle=collapse]::after {
                right: 8px;
                opacity: 1;
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

    #menu_vertical .boton_etiqueta,
    .menu_vertical .boton_etiqueta,
    #menu_vertical_ejemplo .boton_etiqueta {
        padding: 0px 4px;
        margin-left: auto;
        margin-right: -24px;
    }

@media screen and (max-width: 768px) {
    #menu_vertical.menu_con_iconos ~ main .contenedor_general,
    .menu_vertical.menu_con_iconos ~ main .contenedor_general,
    #menu_vertical_ejemplo.menu_con_iconos ~ main .contenedor_general {
        left: 0px;
    }

    #menu_vertical ~ main,
    .menu_vertical ~ main,
    #menu_vertical_ejemplo ~ main {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        top: 32px;
        bottom: 0;
        right: 0;
        padding-top: 64px !important;
        overflow: hidden;
        width: calc(100% - 80px);
        position: absolute;
        height: auto;
        overflow-y: auto;
    }
}

@media screen and (max-width: 600px) {
    #menu_vertical ~ main {
        width: 100%;
        min-width: 375px;
        left: 0;
        top: var(--alto_base);
    }
}

.caja_carrusel {
    width: 100%;
    overflow: hidden;
    margin-top: var(--unidad_base);
}

    .caja_carrusel .caja_tarjeta.es_horizontal {
        margin-top: 0px;
        border: 1px solid var(--color_gris_background);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .caja_carrusel section.sin_sombras {
        margin-top: 0px;
    }

header + * > .caja_carrusel:first-child {
    margin-top: 0px;
}

header + * > .caja_carrusel .carousel-item > img,
header + * > .caja_carrusel .carousel-item a > img {
    aspect-ratio: 64/17;
}

.caja_carrusel .carousel-control-next,
.caja_carrusel .carousel-control-prev {
    width: 50px;
}

.caja_carrusel .carousel-control-prev-icon {
    background-image: none;
    width: 24px;
    height: 24px;
}

    .caja_carrusel .carousel-control-prev-icon::after {
        font-family: "Material icons";
        content: "\e5cb";
        color: var(--color_blanco);
        background-color: var(--color_secundario);
        border-radius: 50%;
        width: auto;
        height: auto;
        font-weight: 500;
        font-size: 24px;
        line-height: 1;
    }

.caja_carrusel .carousel-control-next-icon {
    background-image: none;
    width: 24px;
    height: 24px;
}

    .caja_carrusel .carousel-control-next-icon::after {
        font-family: "Material icons";
        content: "\e409";
        color: var(--color_blanco);
        background-color: var(--color_secundario);
        border-radius: 50%;
        width: auto;
        height: auto;
        font-weight: 500;
        font-size: 24px;
        line-height: 1;
    }

.caja_carrusel .carousel-indicators {
    background-color: var(--color_blanco);
    border-radius: 24px 24px 0px 0px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    padding: 16px 32px 16px 32px;
    z-index: 11;
    margin: auto;
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
    margin-bottom: -16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .caja_carrusel .carousel-indicators:hover {
        margin-bottom: -8px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .caja_carrusel .carousel-indicators [data-bs-target] {
        width: 16px;
        height: 16px;
        margin-right: 2px;
        margin-left: 2px;
        border-radius: 50%;
        border: 1px solid var(--color_secundario);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .caja_carrusel .carousel-indicators [data-bs-target]:hover {
            background: var(--color_secundario_hover);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .caja_carrusel .carousel-indicators .active {
        background: var(--color_secundario) !important;
    }

.caja_carrusel .carousel-inner .carousel-item {
    min-height: 300px;
}

    .caja_carrusel .carousel-inner .carousel-item .\32 _columnas {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--unidad_base);
    }

    .caja_carrusel .carousel-inner .carousel-item img {
        width: 100%;
    }

    .caja_carrusel .carousel-inner .carousel-item::before {
        content: "";
        position: absolute;
        z-index: 4;
        top: 0px;
        left: 0;
        right: 0;
        margin: 0px auto;
        border-radius: 0px 0px var(--redondez_base) var(--redondez_base);
        width: calc(var(--unidad) * 8);
        height: calc(var(--unidad) * 8);
        background-color: var(--color_secundario);
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/logos/logo_leon_pie_blanco.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: calc(100% - 32px);
    }

body header + * > .caja_carrusel {
    margin-top: 0px;
}

@media screen and (max-width: 991px) {
    .caja_carrusel .carousel-inner .carousel-item {
        min-height: auto;
    }

        .caja_carrusel .carousel-inner .carousel-item .\32 _columnas {
            grid-template-columns: repeat(1, 1fr);
        }

        .caja_carrusel .carousel-inner .carousel-item.active {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            min-height: auto;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .caja_carrusel .carousel-inner .carousel-item::before {
            content: none;
        }
}

.caja_banner {
    height: auto;
    width: 100%;
    min-height: 300px;
    position: relative;
    background-color: var(--color_secundario);
}

    .caja_banner .tiene_logo {
        background-color: initial !important;
        position: relative;
        z-index: 2;
        padding: 30px;
        min-height: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 16px;
    }

        .caja_banner .tiene_logo .logo_secretaria,
        .caja_banner .tiene_logo .logo_secretaria_color {
            width: 350px;
            height: 160px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

.tiene_logo img {
    height: 150px;
}

.tiene_logo h2,
.tiene_logo h4 {
    color: #fff;
    text-align: center;
}

.caja_banner .banner_cover {
    position: absolute;
    opacity: 0.3;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
}

    .caja_banner .banner_cover.portada_1 {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fondos/cerro_mitras.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .caja_banner .banner_cover.portada_2 {
        background-image: url(https://recursos.digital.nl.gob.mx/assets/img/fondos/portada_2.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .caja_banner .banner_cover.sin_opacidad {
        opacity: unset;
    }

.caja_banner.es_cuadricula {
    overflow: visible;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    margin-bottom: calc(var(--unidad) * 13);
}

    .caja_banner.es_cuadricula > img {
        position: absolute;
        z-index: 1;
        top: -6px;
        width: auto;
        right: 0;
        left: 0;
        margin: auto;
        opacity: 1;
        height: auto;
    }

    .caja_banner.es_cuadricula .area_cuadricula {
        height: 100%;
        width: 100%;
        top: 0;
        position: absolute;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .caja_banner.es_cuadricula .tiene_logo {
        min-height: calc(100% + 30px);
    }

    .caja_banner.es_cuadricula .logo_secretaria_color {
        width: 300px;
        height: 120px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .caja_banner.es_cuadricula .area_cuadricula .primero {
        background-color: var(--color_primario_hover);
    }

    .caja_banner.es_cuadricula .area_cuadricula .segundo {
        background-color: var(--color_primario);
    }

    .caja_banner.es_cuadricula .area_cuadricula .tercero {
        background-color: var(--color_primario_etiqueta);
    }

    .caja_banner.es_cuadricula .area_cuadricula .cuarto {
        background-color: var(--color_primario_background);
    }

.es_institucional .caja_banner.es_cuadricula .area_cuadricula .primero {
    background-color: var(--color_secundario_hover);
}

.es_institucional .caja_banner.es_cuadricula .area_cuadricula .segundo {
    background-color: var(--color_secundario);
}

.es_institucional .caja_banner.es_cuadricula .area_cuadricula .tercero {
    background-color: var(--color_secundario_etiqueta);
}

.es_institucional .caja_banner.es_cuadricula .area_cuadricula .cuarto {
    background-color: var(--color_dorado_background);
}

@media screen and (min-width: 1440px) {
    .caja_banner {
        aspect-ratio: 5/1;
    }

        .caja_banner.es_cuadricula {
            aspect-ratio: auto;
        }

    header + .caja_banner,
    header + * > .caja_banner {
        aspect-ratio: auto;
    }

    .contenedor_general .caja_banner {
        aspect-ratio: 17/4;
    }
}

.area_navegadores {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--unidad_base);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: var(--unidad_base);
}

.caja_navegador {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(25% - 32px);
    flex: 1 0 calc(25% - 32px);
    min-width: 200px;
    width: 100%;
    max-width: calc(50% - 16px);
    white-space: initial;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    padding: var(--unidad_base);
    border: 0px;
    border-radius: var(--redondez_base);
    color: var(--color_primario_hover);
    background-color: var(--color_primario_background);
}

    .caja_navegador.es_destacado {
        background-color: var(--color_primario);
        color: var(--color_primario_background);
    }

    .caja_navegador .icono_caja {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        width: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .caja_navegador .icono_caja svg {
            width: 32px;
            height: 32px;
        }

    .caja_navegador svg * {
        fill: var(--color_primario);
    }

    .caja_navegador:hover,
    .caja_navegador.es_activo {
        background-color: var(--color_primario_etiqueta);
        color: var(--color_blanco);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .caja_navegador:hover a,
        .caja_navegador.es_activo a {
            color: var(--color_blanco);
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        /* .caja_navegador:focus {
  background-color: var(--azul_informativo_back);
  color: var(--azul_informativo);
  border-color: var(--azul_informativo);
} */
        .caja_navegador:hover svg *,
        .caja_navegador.es_activo svg * {
            fill: var(--color_blanco);
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

    /* a.caja_navegador:focus svg * {
  fill: var(--azul_informativo);
} */
    /* estilos para "caja_navegador" en variante Horizontal con clase "es_horizontal */
    .caja_navegador.es_horizontal {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        gap: 8px;
    }

header.es_estatico section {
    position: relative;
    top: -32px;
}

.navegacion_redes {
    width: 100%;
    background: var(--color_blanco);
    border-bottom: 0.5px solid var(--color_gris_background);
}

    .navegacion_redes .caja_redes {
        width: 100%;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        max-width: var(--ancho_base);
        padding: var(--relleno_fila);
        margin: auto;
        gap: 50px;
        color: var(--color_accent);
    }

        .navegacion_redes .caja_redes .area_redes {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            gap: 24px;
        }

        .navegacion_redes .caja_redes .area_destacado {
            -webkit-box-flex: 100%;
            -ms-flex: 100%;
            flex: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: var(--unidad);
        }

        .navegacion_redes .caja_redes .area_redes a {
            color: var(--color_accent);
        }

        .navegacion_redes .caja_redes p {
            margin-bottom: 0px;
        }

section.seccion_redes {
    margin-top: var(--unidad_base);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: calc(var(--unidad) * 2);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    section.seccion_redes .boton {
        margin-left: 0px;
    }

main nav.migas {
    padding: 8px var(--unidad_base);
}

    main nav.migas a {
        color: var(--color_accent);
    }

        main nav.migas a:hover {
            color: var(--color_secundario);
        }

        main nav.migas a::after {
            content: "/";
            padding: 0px 4px;
            color: var(--color_accent);
            font-weight: 400;
        }

main > nav.migas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding: var(--relleno_fila);
    padding-block: var(--unidad);
    width: 100%;
    max-width: calc(var(--ancho_base));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    main > nav.migas a + span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: var(--unidad);
    }

#menu_vertical.menu_con_iconos ~ main > nav.migas {
    max-width: var(--ancho_base);
    position: relative;
    left: -40px;
}

@media screen and (max-width: 768px) {
    #menu_vertical.menu_con_iconos ~ main > nav.migas {
        left: 0px;
        padding-inline: var(--unidad_base);
    }
}
/* main nav.breadcrumb a:last-child:after{
    content: " ";
} */
.seccion_escritos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: min(100%, 720px);
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

    .seccion_escritos .caja_tarjeta {
        margin-top: var(--unidad_base);
    }

    .seccion_escritos .contenido_escrito {
        margin-top: var(--unidad_base);
    }

    .seccion_escritos .seccion_redes {
        width: 100%;
        border-top: 1px solid var(--color_gris_background);
        border-bottom: 1px solid var(--color_gris_background);
        padding-block: 8px;
        margin-top: var(--unidad_base);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: calc(var(--unidad) * 2);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .seccion_escritos .area_boton {
        margin-bottom: 0px;
    }

.seccion_formulario {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--unidad_base);
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
    border-radius: var(--redondez_base);
}

    .seccion_formulario .seccion_botones {
        padding: 0px;
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .seccion_formulario .area_formulario {
        padding: var(--unidad_base);
        border-radius: var(--redondez_base);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: calc(var(--unidad) * 2);
    }

        .seccion_formulario .area_formulario .elemento_forma {
            width: 100%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

            .seccion_formulario .area_formulario .elemento_forma .caja_radios {
                margin: 0px;
                height: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                align-items: stretch;
            }

                .seccion_formulario .area_formulario .elemento_forma .caja_radios .es_label {
                    margin-top: 0px;
                    margin-bottom: 16px;
                    width: 100%;
                }

        .seccion_formulario .area_formulario label {
            margin-top: 0px;
        }

        .seccion_formulario .area_formulario .\31 _columna {
            width: calc(25% - 12px);
        }

        .seccion_formulario .area_formulario .\32 _columnas {
            width: calc(50% - 8px);
        }

        .seccion_formulario .area_formulario .\33 _columnas {
            width: calc(75% - 4px);
        }

        .seccion_formulario .area_formulario .\34 _columnas {
            width: calc(100% - 0px);
        }

        .seccion_formulario .area_formulario h1, .seccion_formulario .area_formulario h2, .seccion_formulario .area_formulario h3, .seccion_formulario .area_formulario h4, .seccion_formulario .area_formulario h5, .seccion_formulario .area_formulario h6, .seccion_formulario .area_formulario p {
            width: 100%;
            max-width: 100%;
            margin-bottom: 0px;
        }

            .seccion_formulario .area_formulario h1 + p, .seccion_formulario .area_formulario h2 + p, .seccion_formulario .area_formulario h3 + p, .seccion_formulario .area_formulario h4 + p, .seccion_formulario .area_formulario h5 + p, .seccion_formulario .area_formulario h6 + p, .seccion_formulario .area_formulario p + p {
                margin-top: -16px;
            }

            .seccion_formulario .area_formulario h1 ~ h1,
            .seccion_formulario .area_formulario h1 ~ h2,
            .seccion_formulario .area_formulario h1 ~ h3,
            .seccion_formulario .area_formulario h1 ~ h4,
            .seccion_formulario .area_formulario h1 ~ h5,
            .seccion_formulario .area_formulario h1 ~ h6, .seccion_formulario .area_formulario h2 ~ h1,
            .seccion_formulario .area_formulario h2 ~ h2,
            .seccion_formulario .area_formulario h2 ~ h3,
            .seccion_formulario .area_formulario h2 ~ h4,
            .seccion_formulario .area_formulario h2 ~ h5,
            .seccion_formulario .area_formulario h2 ~ h6, .seccion_formulario .area_formulario h3 ~ h1,
            .seccion_formulario .area_formulario h3 ~ h2,
            .seccion_formulario .area_formulario h3 ~ h3,
            .seccion_formulario .area_formulario h3 ~ h4,
            .seccion_formulario .area_formulario h3 ~ h5,
            .seccion_formulario .area_formulario h3 ~ h6, .seccion_formulario .area_formulario h4 ~ h1,
            .seccion_formulario .area_formulario h4 ~ h2,
            .seccion_formulario .area_formulario h4 ~ h3,
            .seccion_formulario .area_formulario h4 ~ h4,
            .seccion_formulario .area_formulario h4 ~ h5,
            .seccion_formulario .area_formulario h4 ~ h6, .seccion_formulario .area_formulario h5 ~ h1,
            .seccion_formulario .area_formulario h5 ~ h2,
            .seccion_formulario .area_formulario h5 ~ h3,
            .seccion_formulario .area_formulario h5 ~ h4,
            .seccion_formulario .area_formulario h5 ~ h5,
            .seccion_formulario .area_formulario h5 ~ h6, .seccion_formulario .area_formulario h6 ~ h1,
            .seccion_formulario .area_formulario h6 ~ h2,
            .seccion_formulario .area_formulario h6 ~ h3,
            .seccion_formulario .area_formulario h6 ~ h4,
            .seccion_formulario .area_formulario h6 ~ h5,
            .seccion_formulario .area_formulario h6 ~ h6, .seccion_formulario .area_formulario p ~ h1,
            .seccion_formulario .area_formulario p ~ h2,
            .seccion_formulario .area_formulario p ~ h3,
            .seccion_formulario .area_formulario p ~ h4,
            .seccion_formulario .area_formulario p ~ h5,
            .seccion_formulario .area_formulario p ~ h6 {
                margin-top: calc(var(--unidad_base) - var(--unidad));
                position: relative;
            }

                .seccion_formulario .area_formulario h1 ~ h1::before,
                .seccion_formulario .area_formulario h1 ~ h2::before,
                .seccion_formulario .area_formulario h1 ~ h3::before,
                .seccion_formulario .area_formulario h1 ~ h4::before,
                .seccion_formulario .area_formulario h1 ~ h5::before,
                .seccion_formulario .area_formulario h1 ~ h6::before, .seccion_formulario .area_formulario h2 ~ h1::before,
                .seccion_formulario .area_formulario h2 ~ h2::before,
                .seccion_formulario .area_formulario h2 ~ h3::before,
                .seccion_formulario .area_formulario h2 ~ h4::before,
                .seccion_formulario .area_formulario h2 ~ h5::before,
                .seccion_formulario .area_formulario h2 ~ h6::before, .seccion_formulario .area_formulario h3 ~ h1::before,
                .seccion_formulario .area_formulario h3 ~ h2::before,
                .seccion_formulario .area_formulario h3 ~ h3::before,
                .seccion_formulario .area_formulario h3 ~ h4::before,
                .seccion_formulario .area_formulario h3 ~ h5::before,
                .seccion_formulario .area_formulario h3 ~ h6::before, .seccion_formulario .area_formulario h4 ~ h1::before,
                .seccion_formulario .area_formulario h4 ~ h2::before,
                .seccion_formulario .area_formulario h4 ~ h3::before,
                .seccion_formulario .area_formulario h4 ~ h4::before,
                .seccion_formulario .area_formulario h4 ~ h5::before,
                .seccion_formulario .area_formulario h4 ~ h6::before, .seccion_formulario .area_formulario h5 ~ h1::before,
                .seccion_formulario .area_formulario h5 ~ h2::before,
                .seccion_formulario .area_formulario h5 ~ h3::before,
                .seccion_formulario .area_formulario h5 ~ h4::before,
                .seccion_formulario .area_formulario h5 ~ h5::before,
                .seccion_formulario .area_formulario h5 ~ h6::before, .seccion_formulario .area_formulario h6 ~ h1::before,
                .seccion_formulario .area_formulario h6 ~ h2::before,
                .seccion_formulario .area_formulario h6 ~ h3::before,
                .seccion_formulario .area_formulario h6 ~ h4::before,
                .seccion_formulario .area_formulario h6 ~ h5::before,
                .seccion_formulario .area_formulario h6 ~ h6::before, .seccion_formulario .area_formulario p ~ h1::before,
                .seccion_formulario .area_formulario p ~ h2::before,
                .seccion_formulario .area_formulario p ~ h3::before,
                .seccion_formulario .area_formulario p ~ h4::before,
                .seccion_formulario .area_formulario p ~ h5::before,
                .seccion_formulario .area_formulario p ~ h6::before {
                    content: "";
                    position: absolute;
                    height: 1.5px;
                    width: 100%;
                    background-color: var(--color_gris_background);
                    top: calc(var(--unidad) * -2);
                }

        .seccion_formulario .area_formulario .seccion_titulo ~ .seccion_titulo {
            margin-top: calc(var(--unidad_base) - var(--unidad));
        }

            .seccion_formulario .area_formulario .seccion_titulo ~ .seccion_titulo::before {
                content: "";
                position: absolute;
                height: 1.5px;
                width: 100%;
                background-color: var(--color_gris_background);
                top: calc(var(--unidad) * -2);
            }

        .seccion_formulario .area_formulario .separador {
            width: calc(100% + 64px);
            height: var(--unidad_base);
            margin-block: calc(var(--unidad) * 2);
            margin-inline: calc(var(--unidad_base) * -1);
            background-color: var(--color_blanco);
        }

        .seccion_formulario .area_formulario .seccion_titulo {
            margin-top: 0px;
        }

            .seccion_formulario .area_formulario .seccion_titulo h3 {
                width: auto;
            }

            .seccion_formulario .area_formulario .seccion_titulo p {
                width: auto;
                margin-top: 0px;
            }

        .seccion_formulario .area_formulario textarea.form-control + .contador {
            top: 0px;
        }

        .seccion_formulario .area_formulario .elemento_forma:first-of-type .es_label,
        .seccion_formulario .area_formulario .elemento_forma:first-of-type label {
            margin-top: 0px;
        }

    .seccion_formulario.\32 _columnas {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: var(--unidad_base);
    }

        .seccion_formulario.\32 _columnas > article {
            width: 40%;
            position: relative;
        }

            .seccion_formulario.\32 _columnas > article:first-of-type {
                padding: var(--unidad_base) 0px var(--unidad_base) var(--unidad_base);
            }

                .seccion_formulario.\32 _columnas > article:first-of-type::after {
                    content: "";
                    width: 1.5px;
                    height: calc(100% - var(--unidad_base) * 2);
                    position: absolute;
                    top: calc(var(--unidad_base));
                    right: calc(var(--unidad) * -4);
                    background-color: var(--color_gris_background);
                }

            .seccion_formulario.\32 _columnas > article + article {
                width: 60%;
                border-radius: var(--redondez_base);
            }

    .seccion_formulario article > h3 {
        padding: var(--unidad_base);
        margin: auto;
        border-radius: var(--redondez_base) var(--redondez_base) 0px 0px;
    }

        .seccion_formulario article > h3 ~ .area_formulario {
            padding-top: 0px;
        }

    .seccion_formulario .area_formulario .area_boton {
        margin-bottom: 0px;
        margin-top: calc(var(--unidad) * 2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: var(--unidad_base);
    }

        .seccion_formulario .area_formulario .area_boton .boton {
            margin: 0px;
            width: 100%;
            max-width: 50%;
        }

    .seccion_formulario figure img {
        width: 100%;
    }

    .seccion_formulario figure p {
        color: var(--primario_baja);
    }

        .seccion_formulario figure p:first-of-type {
            margin-top: calc(var(--unidad) * 2);
        }

@media screen and (max-width: 991px) {
    .seccion_formulario .area_formulario .\31 _columna {
        width: calc(50% - 8px);
    }

    .seccion_formulario .area_formulario .\32 _columnas {
        width: calc(50% - 8px);
    }

    .seccion_formulario .area_formulario .\33 _columnas {
        width: calc(100% - 0px);
    }

    .seccion_formulario .area_formulario .\34 _columnas {
        width: calc(100% - 0px);
    }
}

@media screen and (max-width: 768px) {
    .seccion_formulario .area_formulario .\31 _columna {
        width: calc(50% - 4px);
    }

    .seccion_formulario .area_formulario .\32 _columnas {
        width: calc(50% - 4px);
    }

    .seccion_formulario .area_formulario .\33 _columnas {
        width: calc(100% - 0px);
    }

    .seccion_formulario .area_formulario .\34 _columnas {
        width: calc(100% - 0px);
    }

    .seccion_formulario .area_formulario .seccion_titulo h3 {
        width: 100%;
        margin-bottom: 16px;
    }

    .seccion_formulario .area_formulario h1, .seccion_formulario .area_formulario h2, .seccion_formulario .area_formulario h3, .seccion_formulario .area_formulario h4, .seccion_formulario .area_formulario h5, .seccion_formulario .area_formulario h6, .seccion_formulario .area_formulario p {
        width: 100%;
        margin-bottom: calc(var(--unidad) * 2);
    }

    .seccion_formulario.\32 _columnas > article:first-of-type {
        padding: var(--unidad_base);
    }

        .seccion_formulario.\32 _columnas > article:first-of-type::after {
            height: 1.5px;
            width: calc(100% - var(--unidad_base) * 2);
            top: auto;
            bottom: calc(var(--unidad_base) * -1);
            left: calc(var(--unidad) * 4);
        }
}

@media screen and (max-width: 600px) {
    .seccion_formulario .area_formulario .\31 _columna {
        width: calc(100% - 0px);
    }

    .seccion_formulario .area_formulario .\32 _columnas {
        width: calc(100% - 0px);
    }

    .seccion_formulario .area_formulario .\33 _columnas {
        width: calc(100% - 0px);
    }

    .seccion_formulario .area_formulario .\34 _columnas {
        width: calc(100% - 0px);
    }
}

.seccion_boleto {
    position: relative;
    width: 100%;
    text-align: initial;
    margin-top: var(--unidad_base);
    padding-left: var(--unidad_base);
}

    .seccion_boleto h3,
    .caja_datos h3,
    .seccion_boleto h4,
    .caja_datos h4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0px;
    }

    .seccion_boleto::before {
        content: "";
        position: absolute;
        background-color: var(--color_primario);
        border-radius: 5px 0px 5px 0px;
        height: calc(100% - 8px);
        width: 5px;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .seccion_boleto .caja_boleto {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: var(--h5_escala);
        margin-top: var(--unidad);
    }

        .seccion_boleto .caja_boleto > p,
        .caja_datos .caja_boleto > p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 0px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            word-break: break-word;
        }

            .seccion_boleto h3 > span,
            .seccion_boleto .caja_boleto > p > span,
            .caja_datos h3 > span,
            .caja_datos .caja_boleto > p > span {
                color: var(--color_gris_inactivo);
                font-size: larger;
                margin-right: calc(var(--unidad) / 2);
            }

        .seccion_boleto .caja_boleto .es_label,
        .seccion_boleto .caja_boleto label,
        .seccion_boleto .caja_boleto > span,
        .caja_datos .caja_boleto .es_label,
        .caja_datos .caja_boleto label,
        .caja_datos .caja_boleto > span {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            font-weight: 400;
            font-size: var(--h6_escala);
            color: var(--color_gris_inactivo);
            border-bottom: 1px solid var(--color_gris_background);
            padding-top: calc(var(--unidad) / 2);
            margin-bottom: calc(var(--unidad) / 2);
        }

.renglon_boleto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .renglon_boleto .area_etiqueta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .renglon_boleto .caja_boleto {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: auto;
        max-width: 50%;
    }

        .renglon_boleto .caja_boleto ~ .caja_boleto {
            margin-left: var(--unidad);
            padding-left: var(--unidad);
            border-left: 1px solid var(--color_gris_background);
        }

.caja_datos {
    border-radius: 6px;
    padding: 32px;
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
    position: relative;
    width: 100%;
    text-align: initial;
    margin-top: var(--unidad_base);
}

    .caja_datos > * {
        margin-bottom: var(--unidad);
    }

    .caja_datos .boton_etiqueta {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        min-width: 150px;
        font-size: var(--h6_escala);
    }

    .caja_datos::before {
        content: "";
        position: absolute;
        background-color: var(--color_primario);
        border-radius: 4px 0px 0px 4px;
        height: 100%;
        width: 6px;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .caja_datos.es_exito {
        color: var(--color_negro);
    }

        .caja_datos.es_exito .boton_etiqueta {
            background-color: var(--verde_exito_back);
            border: 1px solid var(--verde_exito);
        }

        .caja_datos.es_exito::before {
            background-color: var(--verde_exito);
        }

    .caja_datos.es_alerta {
        color: var(--color_negro);
    }

        .caja_datos.es_alerta .boton_etiqueta {
            background-color: var(--amarillo_alerta_back);
            border: 1px solid var(--amarillo_alerta);
        }

        .caja_datos.es_alerta::before {
            background-color: var(--amarillo_alerta);
        }

    .caja_datos.es_error {
        color: var(--color_negro);
    }

        .caja_datos.es_error .boton_etiqueta {
            background-color: var(--rojo_error_back);
            border: 1px solid var(--rojo_error);
        }

        .caja_datos.es_error::before {
            background-color: var(--rojo_error);
        }

    .caja_datos.es_informativo {
        color: var(--color_negro);
    }

        .caja_datos.es_informativo .boton_etiqueta {
            background-color: var(--azul_informativo_back);
            border: 1px solid var(--azul_informativo);
        }

        .caja_datos.es_informativo::before {
            background-color: var(--azul_informativo);
        }

    .caja_datos.es_perfil {
        margin-top: 0px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: var(--unidad_base);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

        .caja_datos.es_perfil .es_label {
            margin-top: 0px;
        }

        .caja_datos.es_perfil .area_etiqueta {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

            .caja_datos.es_perfil .area_etiqueta .boton_etiqueta {
                min-width: auto;
            }

    .caja_datos .area_imagen {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 189px;
        height: 189px;
        max-width: 189px;
    }

        .caja_datos .area_imagen img {
            width: 100%;
        }

    .caja_datos .area_datos {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: calc(100% - 221px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 4px;
    }

        .caja_datos .area_datos .renglon_boleto {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .caja_datos .area_datos .caja_boleto {
            max-width: none;
        }

.caja_perfil {
    margin-top: var(--unidad_base);
}

    .caja_perfil.\32 _columnas {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--unidad_base);
    }

@media screen and (max-width: 991px) {
    .caja_perfil.\32 _columnas {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .caja_datos.es_perfil {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .caja_datos.es_perfil .area_datos {
            width: 100%;
        }
}

.seccion_alerta {
    width: 100%;
    padding: calc(var(--unidad) * 2) 0px;
    margin-bottom: 0px;
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
    background-color: var(--color_primario_background);
    color: var(--color_negro);
    z-index: 4;
    border-color: transparent !important;
    border-radius: 0px;
}

    .seccion_alerta .caja_alerta {
        position: relative;
        max-width: var(--ancho_base);
        padding: var(--relleno_fila);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: auto;
    }

        .seccion_alerta .caja_alerta .contendido_alerta {
            -webkit-box-flex: 100%;
            -ms-flex: 100%;
            flex: 100%;
            padding-inline: var(--unidad);
        }

        .seccion_alerta .caja_alerta .btn-close {
            background: none;
            position: relative;
            color: inherit;
        }

            .seccion_alerta .caja_alerta .btn-close::after {
                font-family: "Material Symbols Outlined";
                content: "\e5cd";
                font-size: 24px;
                position: absolute;
                width: 100%;
                top: 0;
                left: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

.contenedor_general .seccion_alerta {
    border-radius: var(--redondez_base);
}

    .contenedor_general .seccion_alerta .caja_alerta {
        padding-inline: calc(var(--unidad) * 2);
    }

.contenedor_general .es_completa {
    width: 100%;
    min-height: 58px;
}

    .contenedor_general .es_completa .seccion_alerta {
        border-radius: 0px;
        position: absolute;
        left: 0px;
    }

        .contenedor_general .es_completa .seccion_alerta .caja_alerta {
            max-width: calc(var(--ancho_base) - 160px);
        }

.es_informativo {
    background-color: var(--azul_informativo_back);
    border-color: var(--azul_informativo);
}

.es_alerta {
    background-color: var(--amarillo_alerta_back);
    border-color: var(--amarillo_alerta);
}

.es_error {
    background-color: var(--rojo_error_back);
    border-color: var(--rojo_error);
}

.es_exito {
    background-color: var(--verde_exito_back);
    border-color: var(--verde_exito);
}

.es_informativo_important {
    background-color: var(--azul_informativo_back) !important;
    color: var(--azul_informativo) !important;
}

.es_alerta_important {
    background-color: var(--amarillo_alerta_back) !important;
    color: var(--amarillo_alerta) !important;
}

.es_error_important {
    background-color: var(--rojo_error_back) !important;
    color: var(--rojo_error) !important;
}

.es_exito_important {
    background-color: var(--verde_exito_back) !important;
    color: var(--verde_exito) !important;
}

/*30.- estilos para citas textuales
*/
.cita_textual {
    position: relative;
    width: 100%;
    text-align: initial;
    font-style: italic;
    margin-top: var(--unidad_base);
    padding-left: var(--unidad_base);
}

    .cita_textual::before {
        content: "";
        position: absolute;
        background-color: var(--color_primario);
        border-radius: 5px 0px 5px 0px;
        height: calc(100% - 8px);
        width: 5px;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

/*  fin de estilos para citas textuales */
/* Inicio Estilos para numeralia */
.actividades_tarjetas {
    background-color: var(--color_blanco);
    height: auto;
    width: calc(25% - 24px);
    min-width: 240px;
    border-radius: var(--redondez_base);
    padding: var(--unidad_base);
    text-align: center;
    -webkit-box-shadow: var(--elevacion_1);
    box-shadow: var(--elevacion_1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--unidad);
}

.ico_actividades {
    width: 110px;
    height: 110px;
}

    .ico_actividades svg * {
        fill: var(--color_secundario);
    }

.conteo_actividades {
    height: auto;
}

    .conteo_actividades .contador {
        font-weight: 700;
        font-size: 42px;
        line-height: 1;
        min-width: 55px;
        letter-spacing: 1px;
        color: var(--color_accent);
    }

    .conteo_actividades .es_oculto {
        opacity: 0;
    }

.nombre_actividad {
    font-size: var(--h5_escala);
    line-height: var(--h5_interlineado);
    color: var(--color_accent);
    font-weight: 600;
    overflow: hidden;
    max-height: calc(3 * var(--h5_interlineado));
}

.seccion_actividades {
    margin-top: var(--unidad_base);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--unidad_base);
}

    .seccion_actividades:after {
        content: "1k = 1000 unidades (Miles de unidades), 1M = 1,000,000 unidades (Millones de unidades).";
        width: 100%;
    }

@media screen and (max-width: 768px) {
    .actividades_tarjetas {
        width: 100%;
    }
}
/* Fin Estilos para numeralia */
/* Estilos para notificaciones */
.caja_notificacion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -4px;
}

.area_sesion .dropdown-menu {
    position: absolute;
}

.notificacion {
    text-align: center;
    width: auto;
    min-width: var(--etiqueta_interlineado);
    height: var(--etiqueta_interlineado);
    border-radius: 50px;
    background-color: var(--rojo_error);
    margin-top: 10px;
    font-size: var(--etiqueta_escala);
    line-height: var(--etiqueta_interlineado);
    letter-spacing: inherit;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 20px;
    top: -6px;
    padding: 1px 4px;
    color: var(--color_blanco);
    font-weight: 500;
    opacity: 0; /* Opacidad inicial */
    -webkit-transform: translateY(3px);
    transform: translateY(3px); /* Transformación inicial */
    -webkit-animation: fade-in 1s ease-out 0.2s forwards;
    animation: fade-in 1s ease-out 0.2s forwards; /* Animación con un delay de 0.5s */
}

.caja_notificacion > span:first-child {
    font-size: 24px;
    -webkit-animation: shake 1s forwards 2;
    animation: shake 1s forwards 2;
}

@-webkit-keyframes shake {
    10% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    20% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    30% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes shake {
    10% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    20% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    30% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }

    50% {
        opacity: 0.8;
        -webkit-transform: translateY(1.5px);
        transform: translateY(1.5px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }

    50% {
        opacity: 0.8;
        -webkit-transform: translateY(1.5px);
        transform: translateY(1.5px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        opacity: 0.2;
        -webkit-transform: translateY(1.5px);
        transform: translateY(1.5px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        opacity: 0.2;
        -webkit-transform: translateY(1.5px);
        transform: translateY(1.5px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
}
/* Fin Estilos para notificaciones */
/* 33.- Estilos para perfil */
.contenido_perfil {
    position: relative;
    z-index: 1;
    translate: 0% -120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: -120px;
}

.foto_perfil img {
    height: 200px;
    width: 200px;
    overflow: hidden;
    border-radius: 50%;
    background-color: var(--color_primario);
    border: solid 5px var(--color_secundario);
}

.nombre_perfil {
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 250px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .nombre_perfil h2 {
        color: var(--color_secundario);
    }

    .nombre_perfil h1 {
        color: var(--color_primario_hover);
    }

@media screen and (max-width: 768px) {
    .contenido_perfil {
        translate: 0% -100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0px;
        margin-bottom: -100px;
    }

    .foto_perfil img {
        height: 150px;
        width: 150px;
    }

    .nombre_perfil {
        margin-top: 16px;
        width: 100%;
    }

        .nombre_perfil h2 {
            font-size: 24px;
        }

        .nombre_perfil h1 {
            font-size: 24px;
        }
}
/* Fin Estilos para perfil */
/* 34.- Estilos para galeria */
.seccion_galeria {
    margin-top: var(--unidad_base);
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--unidad_base);
}

    .seccion_galeria img {
        width: 100%;
        aspect-ratio: 4/3;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: var(--redondez_base);
    }

        .seccion_galeria img:nth-of-type(n+7) {
            display: none;
        }

            .seccion_galeria img:nth-of-type(n+7) ~ .area_boton {
                display: grid;
            }

.seccion_galeria {
    position: relative;
}

    .seccion_galeria .area_boton {
        display: none;
        /* bottom: -64px; */
        top: 100%;
        width: 100%;
        grid-column: span 3;
        margin: 0px;
        margin-bottom: var(--unidad_base);
    }

@media screen and (max-width: 991px) {
    .seccion_galeria {
        grid-template-columns: repeat(2, 1fr);
    }

        .seccion_galeria .area_boton {
            grid-column: span 2;
        }
}

@media screen and (max-width: 600px) {
    .seccion_galeria {
        grid-template-columns: repeat(1, 1fr);
    }

        .seccion_galeria .area_boton {
            grid-column: span 1;
        }
}
/* Fin Estilos para galeria */
/* 35.- Estilos para página de error */
.contenedor_error404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
    height: 80vh;
    padding: var(--unidad_base);
}

    .contenedor_error404 .aviso_error {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        max-width: 300px;
    }

        .contenedor_error404 .aviso_error h1,
        .contenedor_error404 .aviso_error p {
            color: var(--color_blanco);
            text-align: start;
        }

    .contenedor_error404 .contenedor_logo {
        width: 100%;
        position: relative;
    }

        .contenedor_error404 .contenedor_logo .logo_secretaria,
        .contenedor_error404 .contenedor_logo .logo_secretaria_color {
            width: 250px;
            height: 150px;
            min-height: calc(100% + 30px);
            background-repeat: no-repeat;
            background-position: center;
            margin: auto;
        }

    .contenedor_error404 .contenedor_imagen {
        width: 100%;
        position: relative;
    }

        .contenedor_error404 .contenedor_imagen .imagen_error {
            width: auto;
            height: 400px;
            max-height: 600px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

.fondo_institucional {
    background-color: var(--color_primario);
}

    .fondo_institucional .logo_secretaria {
        display: block;
    }

    .fondo_institucional .logo_secretaria_color {
        display: none;
    }

.fondo_institucional_back {
    background-color: var(--color_primario_background);
}

    .fondo_institucional_back .aviso_error h1,
    .fondo_institucional_back .aviso_error p {
        color: var(--color_negro);
    }

    .fondo_institucional_back .logo_secretaria {
        display: none;
    }

    .fondo_institucional_back .logo_secretaria_color {
        display: block;
    }

.error_1 .imagen_error {
    background-image: url(/assets/img/elementos/error_1.svg);
}

.error_2 .imagen_error {
    background-image: url(/assets/img/elementos/error_2.svg);
}

.error_3 .imagen_error {
    background-image: url(/assets/img/elementos/error_03.svg);
}

.error_4 .imagen_error {
    background-image: url(/assets/img/elementos/error_04.svg);
}

@media screen and (max-width: 768px) {
    .contenedor_error404 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding: 0px;
    }
}

@media screen and (max-width: 600px) {
    .contenedor_error404 .aviso_error {
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
    }
}
/* Fin Estilos para página de error */
/* Alto contraste */
.a11y_alto_contraste * {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
    --color_negro: #fff;
    --color_accent: #fff;
    -webkit-transition: background-color ease-in-out 0.3s;
    transition: background-color ease-in-out 0.3s;
}

.a11y_alto_contraste a {
    color: #ff0 !important;
    text-decoration: underline !important;
}

.a11y_alto_contraste #a11y_lanzador {
    color: #000 !important;
    border: 3px solid #fff !important;
    -webkit-box-shadow: 0 0 0 3px #000, 0 0 0 6px #fff;
    box-shadow: 0 0 0 3px #000, 0 0 0 6px #fff;
}

.a11y_alto_contraste #a11y_panel {
    border: 3px solid #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.a11y_alto_contraste .a11y_paso {
    background: #000 !important;
    border-color: #fff !important;
}

    .a11y_alto_contraste .a11y_paso[aria-checked=true] {
        background: #fff !important;
        border-color: #000 !important;
        outline-color: #fff !important;
    }

.a11y_alto_contraste .caja_verificador {
    border-bottom: 1px solid #fff !important;
}

.a11y_alto_contraste footer {
    border-top: 1px solid #fff !important;
}

    .a11y_alto_contraste footer .cuerpo_tarjeta,
    .a11y_alto_contraste footer .seccion_leyenda,
    .a11y_alto_contraste footer .seccion_redes {
        border-top: 1px solid #fff !important;
    }

.a11y_alto_contraste .caja_tarjeta,
.a11y_alto_contraste .actividades_tarjetas {
    border: 1px solid #fff !important;
}

.a11y_alto_contraste .caja_banner.es_cuadricula .logo_secretaria_color {
    background-color: initial !important;
}

.a11y_alto_contraste .caja_navegador {
    border: 1px solid #fff !important;
    background-color: initial !important;
    -webkit-transition: var(--animacion_base);
    transition: var(--animacion_base);
}

.a11y_alto_contraste .a11y_opcion.es_activo,
.a11y_alto_contraste .a11y_opcion.es_activo * {
    background-color: #fff !important;
    color: #000 !important;
    -webkit-transition: var(--animacion_base);
    transition: var(--animacion_base);
}

/* Resaltar enlaces */
.a11y_resaltar_enlaces a {
    color: var(--color_accent) !important;
    border: 2px solid #FF0 !important;
    background-color: rgba(255, 255, 0, 0.2) !important;
    text-decoration: none !important;
    -webkit-transition: var(--animacion_base);
    transition: var(--animacion_base);
}

    .a11y_resaltar_enlaces a.caja_navegador {
        border: 2px solid #FF0 !important;
    }

    .a11y_resaltar_enlaces a * {
        background-color: initial !important;
    }

/* Fuente Dislexia */
@font-face {
    font-family: "OpenDyslexic";
    src: url("https://recursos.digital.nl.gob.mx/assets/fonts/OpenDyslexic-Regular.woff") format("woff");
    font-display: swap;
}

body.a11y_dislexia {
    font-family: "OpenDyslexic", var(--fuente_principal, system-ui, sans-serif) !important;
}

    body.a11y_dislexia *:not(.material-icons):not(.material-icons-outlined):not(.bi):not(.material-symbols-outlined) {
        font-family: inherit !important;
        line-height: inherit !important;
    }

/* Regla de lectura */
#a11y_regla {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 2.4em;
    border-top: 2px solid #111;
    border-bottom: 2px solid #111;
    background: rgba(255, 235, 59, 0.08) !important;
    pointer-events: none;
    z-index: 9998;
    display: none;
    -webkit-transition: none;
    transition: none;
    will-change: transform;
    -webkit-transform: translate3d(0, -100vh, 0);
    transform: translate3d(0, -100vh, 0);
}

body.a11y_regla_lectura #a11y_regla {
    display: block;
}

/* Overlay */
#a11y_overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    pointer-events: none;
    z-index: 9996;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

    #a11y_overlay.es_visible {
        pointer-events: auto;
    }

/* Lanzador flotante */
#a11y_lanzador {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 0;
    background: var(--color_primario);
    color: #fff;
    display: grid;
    place-items: center;
    -webkit-box-shadow: var(--elevacion_2);
    box-shadow: var(--elevacion_2);
    z-index: 10002;
    cursor: pointer;
    -webkit-transition: var(--animacion_base);
    transition: var(--animacion_base);
}

    #a11y_lanzador:hover {
        background: var(--color_primario_hover);
        -webkit-transition: var(--animacion_base);
        transition: var(--animacion_base);
        -webkit-box-shadow: var(--elevacion_4);
        box-shadow: var(--elevacion_4);
    }

    #a11y_lanzador:focus-visible {
        outline: 3px solid #60a5fa;
        -webkit-transition: var(--animacion_base);
        transition: var(--animacion_base);
    }

/* Panel */
#a11y_panel {
    position: fixed;
    right: var(--unidad_base);
    bottom: 86px;
    width: min(92vw, 360px);
    max-height: min(70vh, 740px);
    overflow: auto;
    background: var(--color_blanco, #fff);
    color: var(--color_accent);
    border-radius: var(--redondez_base);
    -webkit-box-shadow: var(--elevacion_4);
    box-shadow: var(--elevacion_4);
    padding: calc(var(--unidad) * 2);
    z-index: 10001;
    -webkit-transform: translateY(10px) scale(0.98);
    transform: translateY(10px) scale(0.98);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
    font-size: 16px !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

    #a11y_panel[aria-hidden=false] {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
        pointer-events: auto;
    }

    #a11y_panel .caja_navegador,
    #a11y_panel .a11y_titulo,
    #a11y_panel .a11y_icono,
    #a11y_panel .a11y_opcion,
    #a11y_panel .boton,
    #a11y_panel p {
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: normal !important;
        word-spacing: normal !important;
    }

    #a11y_panel h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 4px;
    }

    #a11y_panel h3,
    #a11y_panel .a11y_titulo {
        margin-top: 0;
    }

    #a11y_panel .small,
    #a11y_panel small {
        font-size: 13px !important;
    }

.a11y_contenedor {
    overflow: auto;
    max-height: 450px;
    padding-right: 4px;
    margin-right: -4px;
}

/* Grid de opciones */
.a11y_grilla_opciones {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

/* Tarjetas de opción */
.a11y_opcion {
    min-width: auto;
    max-width: none;
    min-height: 80px;
    padding: 10px;
}

    .a11y_opcion .icono_caja span {
        font-size: calc(var(--unidad) * 3) !important;
        height: calc(var(--unidad) * 3);
        width: calc(var(--unidad) * 3);
    }

    .a11y_opcion.es_activo {
        border: 2px solid var(--color_secundario);
    }

/* Opciones con controles */
.a11y_opcion_con_controles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 8px;
}

.a11y_cabecera {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    width: 100%;
}

/* Steps */
.a11y_pasos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    width: 100%;
}

.a11y_paso {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: 8px;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    background: #f8fafc;
    position: relative;
    cursor: pointer;
}

    .a11y_paso[aria-checked=true] {
        outline: 2px solid var(--color_secundario);
        outline-offset: 2px;
        background: #eaeaff;
        border-color: var(--color_secundario);
    }

/* Cursor grande (SVG embebido) */
:root {
    --cursor_def: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' ><path d='M27.6 44 L20.3 28.4 L12 40 V4 L40 28.0 H25.8 L33 41.45 L27.55 44 Z' fill='white' stroke='black' stroke-width='2'/></svg>") 12 12, auto;
    --cursor_hand: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 16 16'><path fill='white' stroke='black' stroke-width='0.7' d='M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 0 0 1 0V6.435l.106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 1 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.118a.5.5 0 0 1-.447-.276l-1.232-2.465-2.512-4.185a.517.517 0 0 1 .809-.631l2.41 2.41A.5.5 0 0 0 6 9.5V1.75A.75.75 0 0 1 6.75 1'/></svg>") 2 2, auto;
    --cursor_ibeam: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><path d='M20 6h8v6h-3v24h3v6h-8v-6h3V12h-3z' fill='white' stroke='black' stroke-width='2'/></svg>") 12 22, text;
}

.a11y_cursor_grande,
.a11y_cursor_grande * {
    cursor: var(--cursor_def) !important;
}

    .a11y_cursor_grande a,
    .a11y_cursor_grande a *,
    .a11y_cursor_grande button,
    .a11y_cursor_grande button *,
    .a11y_cursor_grande .btn,
    .a11y_cursor_grande input + label {
        cursor: var(--cursor_hand) !important;
    }

    .a11y_cursor_grande input,
    .a11y_cursor_grande textarea {
        cursor: var(--cursor_ibeam) !important;
    }

/* .-Lineamiento para responsivo*/
/* Estilos para tablet */
@media screen and (max-width: 768px) {
    :root {
        --relleno_fila: 0px 8px;
        --unidad: 4px;
    }

    .caja_verificador .caja_acordeon .accordion-body .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0px 0px;
    }

    .caja_verificador .caja_acordeon .accordion-body .col {
        max-width: 100%;
    }

        .caja_verificador .caja_acordeon .accordion-body .col + .col {
            margin-top: 16px;
        }

    .caja_tabla.es_ajustada {
        margin-right: 0px;
        min-width: 100%;
    }

    #menu_vertical {
        height: calc(100vh - 97px);
    }

        #menu_vertical:not(.menu_con_iconos) ~ main {
            width: 100%;
        }

        #menu_vertical ~ main .contenedor_general {
            height: auto;
            min-height: -webkit-max-content;
            min-height: -moz-max-content;
            min-height: max-content;
            padding-left: var(--unidad_base);
            padding-right: var(--unidad_base);
        }

    .descripcion {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .body_login {
        background-color: var(--color_primario);
    }

    .area_login {
        padding: 0px;
    }

    .es_izquierda .area_login {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .es_derecha .area_login {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .caja_terminos {
        color: var(--color_blanco);
    }

    .caja_login {
        max-width: 520px;
        padding-inline: 16px;
    }

    .caja_contraseña {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .caja_contraseña .caja_checkbox {
            margin-bottom: 12px;
            margin-top: 0px;
        }

        .caja_contraseña .es_enlace {
            margin-bottom: 12px;
        }

    .tiene_fondo::before {
        content: none;
    }

    .tiene_fondo::after {
        content: none;
    }

    .es_horizontal {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .caja_tarjeta.es_horizontal.tiene_mascara .cuerpo_tarjeta {
        text-align: center;
        padding: 0px;
        width: 100% !important;
    }

    .caja_tarjeta.es_horizontal.tiene_mascara .imagen_tarjeta {
        width: 100%;
    }

        .caja_tarjeta.es_horizontal.tiene_mascara .imagen_tarjeta img {
            clip-path: url(#mascara_vertical) !important;
            aspect-ratio: 4/3;
            width: 100%;
            height: 100%;
        }

    .caja_tarjeta.es_horizontal.tiene_mascara svg {
        width: 100%;
        height: 100%;
    }

    .contenido_banner img {
        width: 100%;
        height: 150px;
        -webkit-filter: sepia(1);
        filter: sepia(1);
        opacity: 90%;
        position: absolute;
    }

    .caja_tarjeta.es_horizontal.tiene_mascara .corchete_fondo_movil {
        display: block;
    }

    .caja_tarjeta.es_horizontal.tiene_mascara .corchete_fondo {
        display: none;
    }

    .caja_banner.es_cuadricula .logo_secretaria_color {
        width: 100%;
        max-width: 300px;
    }

    .caja_banner.es_cuadricula > img {
        width: 100%;
        min-width: 360px;
        max-width: 360px;
    }

    .caja_tarjeta.es_horizontal.tiene_mascara.es_1a1 .imagen_tarjeta {
        text-align: center;
    }

        .caja_tarjeta.es_horizontal.tiene_mascara.es_1a1 .imagen_tarjeta img {
            width: auto;
            max-height: 600px;
            max-width: 100%;
        }

    .caja_tarjeta.es_horizontal.redonda_horizontal.es_1a1 .imagen_tarjeta {
        width: 100%;
        min-width: 100%;
        aspect-ratio: 1/1;
    }

    .caja_tarjeta.es_horizontal.redonda_horizontal.es_1a1.es_destacado .imagen_tarjeta {
        width: 100%;
        min-width: 100%;
    }

    .caja_carrusel .caja_tarjeta.es_horizontal.redonda_horizontal .cuerpo_tarjeta {
        padding-bottom: calc(var(--unidad) * 7);
    }

    .caja_banner.es_cuadricula {
        margin-bottom: calc(var(--unidad) * 15);
    }

    .caja_navegador {
        min-width: 100%;
    }

    .area_sesion .datos_usuario,
    .area_sesion .datos_bienvenida {
        font-size: 0;
    }

    .seccion_formulario.\32 _columnas {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .seccion_formulario.\32 _columnas article {
            width: 100% !important;
        }

    .renglon_boleto {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .renglon_boleto .caja_boleto ~ .caja_boleto {
            margin-left: 0px;
            padding-left: 0px;
            border: 0px;
        }

    .seccion_formulario .area_formulario .area_boton {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .seccion_formulario .area_formulario .area_boton .boton {
            max-width: 100%;
        }

    .navegacion_redes .caja_redes p {
        display: none;
    }

    .navegacion_redes .caja_redes .area_redes {
        gap: 16px;
    }

    .navegacion_redes .caja_redes .area_destacado > a:first-of-type {
        font-size: 0px;
    }

    .caja_navtab.es_estatico {
        top: calc(var(--alto_navegador) + var(--alto_redes) + 19px);
    }

    .caja_terminos .area_logos_login {
        max-width: 100%;
    }

    .es_izquierda .caja_terminos p, .es_derecha .caja_terminos p {
        max-width: 100%;
    }

    .caja_terminos .area_logos_login .logo_estatal.es_background {
        background-position: right;
    }

    footer .caja_terminos a.link {
        color: var(--color_primario_background);
    }
}
/* Estilos para tablet 600px*/
@media screen and (max-width: 600px) {
    #menu_vertical .offcanvas-body {
        padding-right: 0px;
        padding-left: 0px;
    }

    #menu_vertical.menu_con_iconos:not(.show) {
        width: 0px;
    }

    #menu_vertical.menu_con_iconos + .boton_menu {
        -webkit-transform: translateX(-16px);
        transform: translateX(-16px);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #menu_vertical.menu_con_iconos.show + .boton_menu {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
}
/* Estilos para movil */
/*Fin de Lineamiento para responsivo*/ /*# sourceMappingURL=master.css.map */