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

VÍA SISTEMA DE DISEÑO © 2024 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.2.1 (28/01/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 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: #617578;
  --color_primario_hover: #0d6a74;
  --color_primario_background: #e0e1e1;
  --color_primario_etiqueta: #888b8c;
}

/* 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: #ed6f6f;
  --color_primario_hover: #a56060;
  --color_primario_background: #fce2e2;
  --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: #de9919;
  --color_primario_hover: #a77313;
  --color_primario_background: #f8ead1;
  --color_primario_etiqueta: #e4ad48;
}

/* 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: #909dcc;
  --color_primario_hover: #5a617a;
  --color_primario_background: #e8eaf4;
  --color_primario_etiqueta: #a7b0d6;
}

/* 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: #1599b9;
  --color_primario_hover: #0a4d5d;
  --color_primario_background: #d5e9ee;
  --color_primario_etiqueta: #72bece;
}

/* 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: #14b0a3;
  --color_primario_hover: #0f847a;
  --color_primario_background: #d8edea;
  --color_primario_etiqueta: #15bcb0;
}

/* 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: #394245;
  --color_primario_hover: #20292c;
  --color_primario_background: #c5dadc;
  --color_primario_etiqueta: #486b72;
}

/* 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: #c72f81;
  --color_primario_hover: #952361;
  --color_primario_background: #f9dce5;
  --color_primario_etiqueta: #d86e9c;
}

/* 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: #13a96c;
  --color_primario_hover: #0e7f51;
  --color_primario_background: #d7ece1;
  --color_primario_etiqueta: #7fc7a5;
}

/* 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: #86b98e;
  --color_primario_hover: #407a48;
  --color_primario_background: #e5f3e7;
  --color_primario_etiqueta: #a5d0ab;
}

/* 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: #9479b7;
  --color_primario_hover: #56446e;
  --color_primario_background: #e9e2f0;
  --color_primario_etiqueta: #aa93c7;
}

/* 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: #e66f1a;
  --color_primario_hover: #77421c;
  --color_primario_background: #f9e2cd;
  --color_primario_etiqueta: #e88c33;
}

/* 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: #179ccb;
  --color_primario_hover: #117598;
  --color_primario_background: #dcebf3;
  --color_primario_etiqueta: #59afd2;
}

/* 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: #0a1b27;
  --color_primario_hover: #060e14;
  --color_primario_background: #cccccc;
  --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: #c55a52;
  --color_primario_hover: #a13b34;
  --color_primario_background: #fbe7e5;
  --color_primario_etiqueta: #e78982;
}

/* 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: #e88f2c;
  --color_primario_hover: #aa6b25;
  --color_primario_background: #fbe8d7;
  --color_primario_etiqueta: #f2bd88;
}

/* 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: #9894c6;
  --color_primario_hover: #5e5c74;
  --color_primario_background: #e9e8f2;
  --color_primario_etiqueta: #c1bddd;
}

/* 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 Gabinete buen gobierno */
.buen_gobierno.es_accesible:root,
:root .buen_gobierno.es_accesible {
  --color_primario: #de9919;
  --color_primario_hover: #c1853d;
  --color_primario_background: #f8ecdd;
  --color_primario_etiqueta: #f2c187;
}

/* 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: #0b6341;
  --color_primario_hover: #094d3c;
  --color_primario_background: #cdd3c5;
  --color_primario_etiqueta: #487c4f;
}

/* 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: #430f8a;
  --color_primario_hover: #291465;
  --color_primario_background: #e0e0e3;
  --color_primario_etiqueta: #9894c6;
}

/* 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: #8b8272;
  --color_primario_hover: #b76117;
  --color_primario_background: #d1cdc7;
  --color_primario_etiqueta: #ebaf47;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #7e6def;
  --color_primario_hover: #dd639a;
  --color_primario_background: #e3dffb;
  --color_primario_etiqueta: #9a66cc;
}

/* 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: #ed6f6f;
  --color_primario_hover: #a56060;
  --color_primario_background: #fce2e2;
  --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: #617578;
  --color_primario_hover: #0d6a74;
  --color_primario_background: #e0e1e1;
  --color_primario_etiqueta: #888b8c;
}

/* 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: #ed6f6f;
  --color_primario_hover: #a56060;
  --color_primario_background: #fce2e2;
  --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: #7e8b97;
  --color_primario_hover: #37444d;
  --color_primario_background: #e2e5e8;
  --color_primario_etiqueta: #7e9db8;
}

/* 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: #5f4c69;
  --color_primario_hover: #4a4153;
  --color_primario_background: #e9e3ef;
  --color_primario_etiqueta: #8a888c;
}

/* 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: #99173c;
  --color_primario_hover: #781837;
  --color_primario_background: #e5cfd5;
  --color_primario_etiqueta: #b64747;
}

/* 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: #383838;
  --color_primario_hover: #0a1b27;
  --color_primario_background: lightgray;
  --color_primario_etiqueta: #4e4c57;
}

/* 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: #0f8a0f;
  --color_primario_hover: #0d6418;
  --color_primario_background: #cee0ce;
  --color_primario_etiqueta: #6aa86a;
}

/* 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: #607062;
  --color_primario_hover: #254b34;
  --color_primario_background: #dff1e5;
  --color_primario_etiqueta: #898d8a;
}

/* 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: #86b98e;
  --color_primario_hover: #407a48;
  --color_primario_background: #e5f3e7;
  --color_primario_etiqueta: #a5d0ab;
}

/* 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: #83ada5;
  --color_primario_hover: #4f7d76;
  --color_primario_background: #ddebe7;
  --color_primario_etiqueta: #bad5cf;
}

/* 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: #1a2b27;
  --color_primario_background: #f6f6f6;
  --color_primario_etiqueta: #145949;
}

/* 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: #ce5d28;
  --color_primario_background: #bababa;
  --color_primario_etiqueta: #b41578;
}

/* 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: #96866e;
  --color_primario_hover: #776757;
  --color_primario_background: #e6e3db;
  --color_primario_etiqueta: #b1a793;
}

/* 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: #0b345f;
  --color_primario_hover: #739e37;
  --color_primario_background: #d6d8da;
  --color_primario_etiqueta: #cb8843;
}

/* 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: #15b978;
  --color_primario_hover: #169767;
  --color_primario_background: #d7ece1;
  --color_primario_etiqueta: #71cba5;
}

/* 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: #a1314a;
  --color_primario_hover: #010102;
  --color_primario_background: #fbdfd7;
  --color_primario_etiqueta: #e8e8e8;
}

/* 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: #d05463;
  --color_primario_hover: #906064;
  --color_primario_background: #faecee;
  --color_primario_etiqueta: #f08475;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #b44c43;
  --color_primario_hover: #8f4440;
  --color_primario_background: #fbdfd7;
  --color_primario_etiqueta: #d28e86;
}

/* 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: #394245;
  --color_primario_hover: #084148;
  --color_primario_background: #b8bbbb;
  --color_primario_etiqueta: #919fa3;
}

/* 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: #91b155;
  --color_primario_hover: #4c4c4c;
  --color_primario_background: #c4c4c4;
  --color_primario_etiqueta: #0d763d;
}

/* 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: #9894c6;
  --color_primario_hover: #5e5c74;
  --color_primario_background: #e9e8f2;
  --color_primario_etiqueta: #c1bddd;
}

/* 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: #5f5fed;
  --color_primario_hover: #3e3e7c;
  --color_primario_background: #dbdbfb;
  --color_primario_etiqueta: #9494f3;
}

/* 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: #ed6f6f;
  --color_primario_hover: #a56060;
  --color_primario_background: #fce2e2;
  --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: #86b98e;
  --color_primario_hover: #407a48;
  --color_primario_background: #e5f3e7;
  --color_primario_etiqueta: #a5d0ab;
}

/* 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: #0c3968;
  --color_primario_hover: #4e97d6;
  --color_primario_background: #e2eef8;
  --color_primario_etiqueta: #30679b;
}

/* 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: #abba5e;
  --color_primario_hover: #708030;
  --color_primario_background: #eef1d7;
  --color_primario_etiqueta: #c6d185;
}

/* 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: #86b98e;
  --color_primario_hover: #407a48;
  --color_primario_background: #e5f3e7;
  --color_primario_etiqueta: #a5d0ab;
}

/* 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: #13a96c;
  --color_primario_hover: #254b34;
  --color_primario_background: #dff1e5;
  --color_primario_etiqueta: #a3d3be;
}

/* 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: #797f9c;
  --color_primario_hover: #5b6baf;
  --color_primario_background: #e8eaf4;
  --color_primario_etiqueta: #a6a9bc;
}

/* 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: #14b0a3;
  --color_primario_hover: #0f847a;
  --color_primario_background: #d8edea;
  --color_primario_etiqueta: #15bcb0;
}

/* 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: #e4bf30;
  --color_primario_hover: #b29041;
  --color_primario_background: #f6f3ea;
  --color_primario_etiqueta: #f3df8f;
}

/* 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: #0a1b27;
  --color_primario_hover: #060e14;
  --color_primario_background: #cccccc;
  --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: #0f8b61;
  --color_primario_hover: #127255;
  --color_primario_background: #d7ece1;
  --color_primario_etiqueta: #25a773;
}

/* 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: #ed6f6f;
  --color_primario_hover: #a56060;
  --color_primario_background: #fce2e2;
  --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: #9894c6;
  --color_primario_hover: #5e5c74;
  --color_primario_background: #e9e8f2;
  --color_primario_etiqueta: #c1bddd;
}

/* 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: #471b8b;
  --color_primario_hover: #645b7e;
  --color_primario_background: #e9e8f2;
  --color_primario_etiqueta: #81659b;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #c72f81;
  --color_primario_hover: #952361;
  --color_primario_background: #f9dce5;
  --color_primario_etiqueta: #d86e9c;
}

/* 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: #86b98e;
  --color_primario_hover: #407a48;
  --color_primario_background: #e5f3e7;
  --color_primario_etiqueta: #a5d0ab;
}

/* 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: #9479b7;
  --color_primario_hover: #56446e;
  --color_primario_background: #e9e2f0;
  --color_primario_etiqueta: #aa93c7;
}

/* 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: #583163;
  --color_primario_hover: #3d2e48;
  --color_primario_background: #e9e3ef;
  --color_primario_etiqueta: #817a84;
}

/* 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: #607062;
  --color_primario_hover: #254b34;
  --color_primario_background: #dff1e5;
  --color_primario_etiqueta: #898d8a;
}

/* 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: #9479b7;
  --color_primario_hover: #56446e;
  --color_primario_background: #e9e2f0;
  --color_primario_etiqueta: #aa93c7;
}

/* 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: #e88f2c;
  --color_primario_hover: #aa6b25;
  --color_primario_background: #fbe8d7;
  --color_primario_etiqueta: #f2bd88;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #ef9773;
  --color_primario_hover: #f0b879;
  --color_primario_background: #fadcd0;
  --color_primario_etiqueta: #18aed4;
}

/* 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: #c55a52;
  --color_primario_hover: #a13b34;
  --color_primario_background: #fbe7e5;
  --color_primario_etiqueta: #e78982;
}

/* 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: #60a1c9;
  --color_primario_hover: #117598;
  --color_primario_background: #d4e9ee;
  --color_primario_etiqueta: #59afd2;
}

/* 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: #0a1b27;
  --color_primario_hover: #0f5c89;
  --color_primario_background: #e0eff4;
  --color_primario_etiqueta: #a2cedc;
}

/* 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: #5a617a;
  --color_primario_hover: #313b61;
  --color_primario_background: #e2e6ed;
  --color_primario_etiqueta: #656f91;
}

/* 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: #208c92;
  --color_primario_hover: #1c4f53;
  --color_primario_background: #f2fbfb;
  --color_primario_etiqueta: #28a0a4;
}

/* 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: #2e97b5;
  --color_primario_hover: #2c7f98;
  --color_primario_background: #d4e9ee;
  --color_primario_etiqueta: #a5d0db;
}

/* 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: #2a6ae7;
  --color_primario_hover: #f17f82;
  --color_primario_background: #dee4fb;
  --color_primario_etiqueta: #0f1f41;
}

/* 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: #477ea1;
  --color_primario_background: #dddddd;
  --color_primario_etiqueta: #6092ba;
}

/* 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: #617578;
  --color_primario_hover: #0d6a74;
  --color_primario_background: #e0e1e1;
  --color_primario_etiqueta: #888b8c;
}

/* 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: #617578;
  --color_primario_hover: #0d6a74;
  --color_primario_background: #e0e1e1;
  --color_primario_etiqueta: #888b8c;
}

/* 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: #5c5c5c;
  --color_primario_hover: #db951e;
  --color_primario_background: #c1c1c1;
  --color_primario_etiqueta: #e7b869;
}

/* 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: #144649;
  --color_primario_hover: #052b2f;
  --color_primario_background: #f0fdfc;
  --color_primario_etiqueta: #0f7376;
}

/* 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: #475e91;
  --color_primario_hover: #374971;
  --color_primario_background: #e7ebf3;
  --color_primario_etiqueta: #617bb3;
}

/* 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: #0a1b27;
  --color_primario_hover: #222e36;
  --color_primario_background: #c2c6c7;
  --color_primario_etiqueta: #505254;
}

/* 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: #e6831a;
  --color_primario_hover: #b76117;
  --color_primario_background: #fbf3d7;
  --color_primario_etiqueta: #ebaf47;
}

/* 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: #1599b9;
  --color_primario_hover: #0a4d5d;
  --color_primario_background: #d5e9ee;
  --color_primario_etiqueta: #72bece;
}

/* 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: #394245;
  --color_primario_hover: #20292c;
  --color_primario_background: #c5dadc;
  --color_primario_etiqueta: #486b72;
}

/* 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: #394245;
  --color_primario_hover: #20292c;
  --color_primario_background: #c5dadc;
  --color_primario_etiqueta: #486b72;
}

/* 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: #14b0a3;
  --color_primario_hover: #0f7670;
  --color_primario_background: #f0fdfa;
  --color_primario_etiqueta: #15b9aa;
}

/* 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;
  --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: 400px; /*Unidad para el ancho del menú vertical original 300 px * /
  /*Reglas para titulos*/
  --titulo_escala:48px;
  --titulo_interlineado: 52px;
  --h1_escala: 42px;
  --h1_interlineado: 46px;
  --h2_escala: 32px;
  --h2_interlineado: 36px;
  --h3_escala: 24px;
  --h3_interlineado: 30px;
  --h4_escala: 20px;
  --h4_interlineado: 24px;
  --h5_escala: 16px;
  --h5_interlineado: 20px;
  --h6_escala: 13px;
  --h6_interlineado: 20px;
  --etiqueta_escala: 10px;
  --etiqueta_interlineado: 14px;
  /*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;
}

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

/*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-shown) + .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::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;
}

.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%;
}
.caja_tarjeta.es_horizontal:not(.es_1a1, .tiene_mascara) .cuerpo_tarjeta {
  width: 100%;
}

.caja_tarjeta.es_horizontal .imagen_tarjeta > * {
  height: 100%;
  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 {
  -webkit-clip-path: url(#mascara_horizontal);
          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 {
  -webkit-clip-path: url(#mascara_horizontal_tarjeta);
          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 {
  -webkit-clip-path: url(#mascara_vertical);
          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 {
  -webkit-clip-path: url(#mascara_horizontal_invertido);
          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);
  }
}
@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);
  -webkit-backdrop-filter: blur(4px);
          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;
  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% - 24px);
  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 .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: 16px;
  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;
}

.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;
  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;
  margin-right: 32px;
}

.seccion_enlaces .area_enlaces .col a {
  margin-top: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-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;
  }
}
.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);
  -webkit-backdrop-filter: blur(4px);
          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 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;
  }
}
#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_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, .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, .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, .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, .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, .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, .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(../../assets/img/logos/logo.png);
        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: -40px;
}
#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 {
  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;
  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::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 .\32 _columnas {
    grid-template-columns: repeat(1, 1fr);
  }
  .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);
  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);
  position: absolute;
  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-child(n+7) {
  display: none;
}

.seccion_galeria img:nth-child(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);
}

/* 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;
  }
  .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;
  }
  .seccion_enlaces .area_enlaces .col:last-of-type {
    margin-bottom: 0px;
  }
  .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 {
    -webkit-clip-path: url(#mascara_vertical) !important;
            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;
  }
  /* estilos responsiv para navtab es_completo */
  .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);
  }
  .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 */

input[readonly],
select[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

/* Variante sin content */
.caja_acordeon .accordion-button.sin-content::after {
    content: none; /* Elimina el ícono */
}