@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.1 (07/11/2025) 
*/
/*
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

 .- 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");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Outlined");
/* @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");
/*Segunda base para iconos*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css");

/*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;
    --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: 64px;
    /*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) * 13);
    --h1_escala: calc(var(--unidad_fuente) * 10.5);
    --h1_interlineado: calc(var(--unidad_fuente) * 11.5);
    --h2_escala: calc(var(--unidad_fuente) * 8);
    --h2_interlineado: calc(var(--unidad_fuente) * 9);
    --h3_escala: calc(var(--unidad_fuente) * 6);
    --h3_interlineado: calc(var(--unidad_fuente) * 7.5);
    --h4_escala: calc(var(--unidad_fuente) * 5);
    --h4_interlineado: calc(var(--unidad_fuente) * 6);
    --h5_escala: calc(var(--unidad_fuente) * 4);
    --h5_interlineado: calc(var(--unidad_fuente) * 5);
    --h6_escala: calc(var(--unidad_fuente) * 3.25);
    --h6_interlineado: calc(var(--unidad_fuente) * 5);
    --etiqueta_escala: calc(var(--unidad_fuente) * 2.5);
    --etiqueta_interlineado: calc(var(--unidad_fuente) * 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);
}

html,
body {
    font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    font-size: var(--h5_escala);
    line-height: var(--h5_interlineado);
    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);
}

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.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;
}

/*Fin de Estilos generales y básicos*/
.boton {
    cursor: pointer;
    min-height: var(--alto_base);
    width: auto;
    padding: 10px 32px;
    font-size: var(--h5_escala);
    line-height: 1.5;
    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] {
    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 {
    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 {
    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 {
    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>* {
    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 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>* {
    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 {
    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;
}

.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(--h6_escala);
    line-height: var(--h6_interlineado);
    text-align: initial;
}

.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 .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;
}

.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: 32px;
    padding-bottom: 8px;
}

.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: 32px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

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

.modal-body {
    padding: 0px 32px;
}

.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 {
    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 .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: white;
}

.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: #ff6900;
}

.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 {
    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: #ff6900;
    }

    .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;
    }
}

.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);
}

#menu_vertical ul li a,
.menu_vertical ul li a,
#menu_vertical_ejemplo ul li a {
    cursor: pointer;
    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);
}

#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);
}

#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);
}

#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);
}

.tiene_logo {
    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;
}

.tiene_logo .logo_secretaria,
.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 */
/* .-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 */