/**/
.has_subtitle .subtitle {
  color: #212121;
  font-size: 16px;
  line-height: normal;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  margin: 0;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .has_subtitle .subtitle {
    font-size: 18px;
  }
}


/* header completo */
.layout-container .header {
  position: relative !important;
}

/* top header */
nav.secondary-nav.nav {
  display: none;
}

/* main navigation */
nav.top-menu-nav section.top-menu-logo svg,
nav.top-menu-nav i.top-menu-bars,
nav.top-menu-nav ul.megamenu-top li.megamenu-top__item a {
  fill: var(--negro);
  color: var(--negro);
}

nav.top-menu-nav {
  margin: 0 !important;
  position: initial !important;
  transition: 0.5s !important;
}

nav.primary-nav.nav .container {
  padding: 0 !important;
}

#main-navigation {
  position: absolute !important;
  transition: 0.5s;
}

/* navegacion_secundaria */
.navegacion_secundaria {
  transition: 0.5s !important;
}

.navegacion_secundaria.fixed_top {
  position: fixed;
  top: 0;
}

.megamenuOpen .fixed_top.navegacion_secundaria {
  top: -125px !important;
}

/* top bar 1 */
div#block-logoexatecmenu {
  display: inline-block;
  width: auto;
}

div#block-logoexatecmenu img {
  height: 32px !important;
  width: auto !important;
}

/* top bar 2 */
.container.top_bar_2 {
  display: flex;
  align-items: center;
  height: 64px;
  justify-content: space-between;
  padding: 0 64px;
}

.top_bar_2 {
  background: var(--negro) !important;
}

/* left bar */
body.megamenuOpen .layout-container .header nav.top-menu-nav,
body.megamenuOpen .navegacion_secundaria {
  transform: translateX(256px);
}

.megamenuOpen #main-navigation {
  top: -192px;
}

body.megamenuOpen #main-navigation {
  margin-top: -192px;
}

#main-navigation {
  transition: 0.5s !important;
}

body.megamenuOpen .navegacion_secundaria.fixed_top {
  top: -125px;
}

/* right menu */
header nav.right-menu-nav.is-active {
  height: calc(100% - 116px);
}

header nav.right-menu-nav {
  height: calc(100vh - 181px);
}

header nav.right-menu-nav.is-active,
header nav.right-menu-nav {
  bottom: 0 !important;
  top: unset;
}

span.expand-sub {
  display: none;
}

@media (max-width: 767px) {
  .lm_adaptable_plegado table.anchors-table tr.anchors-table-item.anchors-table-item-passive.anchors-table-item-active a.link-icon {
    background: url(/themes/custom/emulsify/images/icons/link-icons/dot-active-dark.svg);
  }

  .lm_adaptable_plegado table.anchors-table tr.anchors-table-item.anchors-table-item-passive a.link-icon {
    background: url(/themes/custom/emulsify/images/icons/link-icons/dot-passive-dark.svg);
  }
}

.lm_adaptable_plegado table.anchors-table tr.anchors-table-break .anchors-table-break-line {
  background: var(--negro)
}


/* Responsivo */
@media(min-width: 1024px) {
  .top_bar_2 .boton--left-menu-adaptable {
    display: none;
  }
}

@media(max-width: 1023px) {
  .megamenuOpen.lm_adaptable_plegado .navegacion_secundaria {
    top: 0 !important;
    position: fixed !important;
    margin-top: 0 !important;
  }

  .top_bar_3 {
    display: none;
  }

  .top_bar_2 .secondary-nav {
    display: none;
  }

  .container.top_bar_2 {
    justify-content: flex-start;
    padding: 0;
  }

  div#block-logoexatecmenu img {
    margin: 8px;
  }

  body.megamenuOpen.lm_adaptable_plegado  #main-navigation {
    top: -65px;
    margin-top: -0;
  }

  body.megamenuOpen.lm_adaptable_plegado nav.right-menu-nav {
    height: calc(100vh - 64px) !important;
    bottom: 0;
    top: unset !important;
  }

  body.megamenuOpen .layout-container .header nav.top-menu-nav, body.megamenuOpen .navegacion_secundaria {
    transform: none;
  }

  header nav.right-menu-nav {
    height: calc(100vh - 129px);
  }

  header nav.right-menu-nav.is-active {
    height: calc(100vh - 64px);
  }
}


@media (max-width: 767px) {
  .megamenuOpen .fixed_top.navegacion_secundaria {
    top: 0 !important;
  }

  .megamenuOpen .right-menu-nav-open-tab {
    height: calc(100% - 64px);
    bottom: 0;
    top: unset;
  }

  .layout-container .header nav .left-menu-nav,
  .lm_adaptable_plegado header .left-menu-adaptable {
    width: calc(100vw - 64px);
  }

  @media (max-width: 767px) and (min-width: 498px) {
  .layout-container .header nav .left-menu-nav,
  .lm_adaptable_plegado header .left-menu-adaptable {
    width: calc(100vw - 224px);
  }
}

  .megamenuOpen.lm_adaptable_plegado .right-menu-nav-open-tab,
  .megamenuOpen.lm_adaptable_plegado nav.right-menu-nav,
  .megamenuOpen.lm_adaptable_plegado nav.right-menu-nav a,
  .megamenuOpen.lm_adaptable_plegado nav.right-menu-nav em.subtitle,
  .megamenuOpen.lm_adaptable_plegado a.anchors-table-item-title-p-a {
    background: var(--blanco);
    color: var(--negro) !important;
  }

  .left-menu-adaptable .main-nav-dropdown,
  .left-menu-adaptable .secondary-nav {
    padding-left: 96px
  }

  body.megamenuOpen #main-navigation {
    top: 0 !important;
    margin-top: 0;
  }

  body.megamenuOpen.lm_adaptable_plegado #main-navigation {
    top: -64px;
    margin-top: -66px
  }
}


article.home-exatec {
  margin-top: 182px;
  transition: 0.5s;
}

body.megamenuOpen article.home-exatec {
  margin-top: 0;
}

@media(max-width: 1023px) {
  article.home-exatec {
    margin-top: 109px;
  }

  body.megamenuOpen.lm_adaptable_plegado article.home-exatec  {
    margin-top: 44px;
  }
}

.pagina-modular.sin-encabezado {
  transition: 0.3s;
}

.megamenuOpen .pagina-modular.sin-encabezado {
  margin-top: 0;
}


.megamenuOpen.lm_adaptable_plegado .pagina-modular.sin-encabezado {
  margin-top: 64px;
}

@media (min-width: 1024px) {
  .pagina-modular.sin-encabezado {
    margin-top: 182px;
  }
}

@media (max-width: 1023px) {
  .pagina-modular.sin-encabezado {
    margin-top: 129px;
  }
}

.no-header .sin-encabezado {
  margin-top: 0;
}

@media (max-width: 767px) {
  .megamenuOpen nav.right-menu-nav {
    background: var(--negro);
    top: 64px !important;
    height: calc(100vh - 64px) !important;
  }

  .right-menu-nav-open-tab.megamenu-left-Open {
    background: transparent !important;
  }
}

@media (max-width: 1023px) {
  nav.primary-nav.nav {
    height: 64px;
  }
}

.main-nav-dropdown>.main-menu-dropdown>.main-menu-dropdown__item--with-sub .main-menu-dropdown .main-menu-dropdown__item {
  padding: 0;
}

.main-nav-dropdown>.main-menu-dropdown>.main-menu-dropdown__item--with-sub .main-menu-dropdown .main-menu-dropdown__item a {
  padding: 8px 16px;
  margin: 0;
  display: flex;
}

.main-nav-dropdown>.main-menu-dropdown>.main-menu-dropdown__item--with-sub>a {
 pointer-events: none;
}


/*EXTRA: Parche temporal para ocultar botón de suscripción en toolbar*/
.acquia-active-subscription {
  display: none !important;
}
/**/
/* Parche 1: Estilos de formulario de HUBSPOT cuando el fondo es blanco */
@media (min-width: 1024px) {
  .hubspot-form.bg-blanco .hbspt-form form input,
  .hubspot-form.bg-blanco .hbspt-form form select,
  .hubspot-form.bg-blanco .hbspt-form form textarea,
  .hubspot-form.bg-blanco .hbspt-form form span,
  .hubspot-form.bg-blanco .hbspt-form form span::before {
    color: #212121 !important;
    border-color: #212121 !important;
  }

  .hubspot-form.bg-blanco .hbspt-form form input::placeholder,
  .hubspot-form.bg-blanco .hbspt-form form input::-webkit-input-placeholder,
  .hubspot-form.bg-blanco .hbspt-form form textarea::placeholder {
    color: #212121 !important;
  }
}

#modalex-registro_hubspot input::placeholder,
#modalex-registro_hubspot input::-webkit-input-placeholder {
  color: #fafafa !important;
}
/* Termina Parche 1 */

/* Parche 2: Ocultar menú de anclas sin elementos */
body.r_menu-hide.megamenuOpen .right-menu-nav-open-tab i {
  color: transparent !important;
}
/* Termina Parche 2 */

/* Parche 3: Ocultar campo de enlace en forms (Eventos EXATEC y Proyectos de Voluntariado) */
.form-item-field-exa-enlace-registro-0-uri, .form-item-field-boton-de-registro-0-uri {
  display: none;
}
/* Termina Parche 3 */

/* Parche 4: Redes sociales EXATEC */
.footer_container #block-redessocialesexatec span {
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 4px;
  display: block;
}
.footer_container #block-redessocialesexatec {
  position: absolute;
  top: 16px;
  right: 64px;
  width: 220px;
}
@media (max-width: 1023px) {
  .footer_container #block-redessocialesexatec {
    position: relative;
    display: block;
    right: 0;
    width: 100%;
    padding: 0px 0px 16px 0px;
  }
}
/* Termina Parche 4 */

/* Parche 5 Busqueda eventos */
.eventos-exatec-all form .form-item:nth-child(2) {
  display: none;
}
/* Termina Parche 5*/

/* Parche para menú de anclas en mobile*/
@media (max-width: 1023px) {
  .right-menu-nav .scroll-container {
    max-height: calc(80vh - 64px) !important;
  }
}
/* Termina parche para menú de anclas en mobile*/

/* Parche 6: Campos de formulario de HP */
.field--name-field-adm-orientacion,
.field--name-field-adm-imagen,
.field--name-field-lista-de-colores-exatec,
.field--name-field-mostrar-privado,
.field--name-field-mostrar-publico,
.field--name-field-adm-descripcion,
.field--name-field-adm-titulo,
.field--name-field-adm-subtitulo,
.field--name-field-enlace,
.field--name-field-id-modal,
.field--name-field-adm-orientacion,
.field--name-field-adm-imagen,
.field--name-field-lista-de-colores-exatec,
.field--name-field-mostrar-privado,
.field--name-field-mostrar-publico,
.field--name-field-adm-descripcion,
.field--name-field-mostrar-privado,
.field--name-field-mostrar-publico,
.field--name-field-adm-descripcion,
.field--name-field-adm-titulo,
.field--name-field-adm-subtitulo,
.field--name-field-enlace,
.field--name-field-id-modal {
  display: block !important;
}

.presentacion_formulario [class*="enlace-0-uri"] {
  display: none !important;
}

.vertical-tabs__panes {
  padding: 0;
}
/* Termina parche 6 */

/* Parche 7: Color de enlaces de proyectos de voluntariado dentro de dropdown (dentro de domino azul) */
.dropdown_domino.dark .bg-exa-azul .dropdown__descripcion a {
    color: #212121 !important;
    opacity: 0.75;
}
.dropdown_domino.dark .bg-exa-azul .dropdown__descripcion a:hover {
    opacity: 1;
}
/* Termina Parche 7 */

/* Parche 8: Footer (avisos) EXATEC */
.exatec-page .bottom_footer #block-emulsify-direccion, .exatec-page .bottom_footer #block-emulsify-avisolegal {
  width: 100%;
  text-align: center;
}
.exatec-page .bottom_footer #block-emulsify-avisolegal ul li a {
  text-transform: uppercase;
}
/* Termina parche 8 */

/* Parche 9 para ocultar formularios de modal directos en body */
  body > .hbspt-form {
    display: none;
  }
  #modalex-registro_hubspot form {
    display: none;
  }
  #modalex-registro_vol_hubspot form {
    display: none;
  }
/* Termina parche 9 para ocultar formularios de modal directos en body */

/* Parche 10: Botón de búsqueda en Firefox*/
[class*="--busqueda"] #edit-actions input[type="submit"] {
  text-align: left;
}
/* Termina parche 10*/

/* Parche 11: Imágenes de domino en safari */
.dropdown_domino .domino_col picture.image {
    min-height: 350px;
}
.index-domino .domino_col picture.image {
  min-height: 420px;
}
/* Termina parche 11 */
/* Parche 12 para el ícono del dropdown en tarjetas */
  .tarjeta_abierta .tarjeta__accion_dropdown i {
    transform: rotate(180deg) !important;
  }
/* Termina parche 12 */
/* Parche 13 para floats en bloques de noticias */
  .pag-modular__modulos > div > div {
    clear: initial !important;
  }
/* Termina parche 13 */
/* Parche 14 width de breadcrumb */
  .custom_breadcrumb_container .breadcrumb {
    display: inline-block !important;
  }
/* Termina parche 14 */
/* Parche 15 Estilos de tarjetas (margen de action link y texto de tags) */
  .tarjeta .tarjeta__top hr {
    width: calc(100% - 32px);
  }
  .tarjeta .tarjeta__descripcion h5 {
    text-transform: uppercase !important;
    font-size: 12px !important;
  }
/* Termina parche 15 */
/* Parche 16 margen de slider en eventos */
  @media (max-width: 1023px) {
    .grid-prox-eventos .test-home-grid {
      padding-right: 0 !important;
    }
  }
/* Termina parche 16 */
/* Parche 17 uppercase en anclas y footer */
  .anchors-table a {
    text-transform: uppercase;
  }
  #block-emulsify-avisolegal a {
    text-transform: uppercase;
  }
  #block-emulsify-megamenu-s4-left nav ul li a {
    text-transform: uppercase;
  }
/* Termina parche 17 */
/* Parche 18 margenes de containers */
  @media (max-width: 1023px) {
    .container {
      padding: 16px;
    }
  }
/* Termina parche 18 */
/* Parche 19 Ocultar acceso a Noticias Tec MX cuando no sea admin el usuario */
  body.no-admin a[href*="https://tec.mx/es/block/271"] {
    display: none;
  }
/* Termina parche 19 */
/* Parche 20 Color de enlaces en formularios de Eventos y Proyectos de voluntariado (Modal, aviso de privacidad) */
#modalex-registro_vol_hubspot a, #modalex-registro_hubspot a {
  color: #fafafa;
}
/* Termina parche 20 */

/*Parche 21 para titular imagen (Gradiente en overlay de edge)*/
.titular-imagen {
    background: linear-gradient(transparent, #212121);
}

/* Termina parche 21 */

/* Parche 22 para solusionar tema de hubspot. Eliminar cuando esto se cumpla */
.news-card-exatec .news-src-title {
  color: inherit;
}
.exatec-page .link {
  color: var(--negro-tr);
}

.exatec-page a {
    color: inherit;
}

.exatec-page .title-link-enlace-boton.bg-blanco-exa .button {
    color: var(--blanco);
}
.exatec-page .text-long a {
    color: var(--exa-azul-tr);
}
.grid-de-imagenes__titulo--enlace a {
  color: inherit;
}
/* Termina parche 22 */


/* Parche 23 - Para solusionar cambio en admisiones que le pega a una clase en común en el footer */
.footer_container {
  justify-content: flex-start;
}
/* Termina parche 23 */


.container.top_bar_2 {
  background: var(--negro) !important;
}
.top_bar_2 .boton--left-menu-adaptable {
  position: relative;
}

.exa-premio .pager__items {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .exa-ganador__filtros,
  .exa-ganador__filtros__formulario {
    display: block;
  }

  .exa-ganador__filtros__filtro {
    width: 100%;
    flex: 100%;
  }
}

.noticias-etiqueta img {
  width: 100%;
}

@media (max-width: 1023px) {
  .noticias-etiqueta {
    padding: 16px;
  }
}

input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}


@media (max-width: 1023px) {
  .noticias_etiqueta__form__body {
    flex-wrap: wrap;
  }
}



@media (max-width: 767px) {
  .exa-ganador__info {
    display: flex;
    flex-wrap: wrap;
  }

  .exa-premio .grid-de-tarjetas--grid .tarjeta .exa-ganador__redes-sociales {
    flex: 100%;
    flex-direction: row;
    justify-content: center !important;
    flex-wrap: wrap;
    margin: 0 -8px;
    padding: 0;
  }

  .exa-premio .grid-de-tarjetas--grid .tarjeta .exa-ganador__redes-sociales .field__red-social {
    margin: 8px;
  }

  .exa-premio .grid-de-tarjetas--grid .tarjeta .exa-ganador__redes-sociales .close-dropdown {
    order: 100;
    flex: 100%;
  }

  .exa-premio .tarjeta__dropdown {
    width: 100%;
    padding: 0;
  }
}


@media (max-width: 767px) {
  .tarjeta__dropdown {
    position: initial !important;
  }

  .tarjeta.tarjeta_dd.tarjeta_procesada.tarjeta_abierta {
    margin-bottom: 0px !important;
  }
}

.exa-premio__convocatoria {
  width: auto;
}


.exa-premio__convocatoria--enlace {
  color: var(--blanco);
}

.exa-premio__row ul.pager__items.js-pager__items {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1023px) {
  .exa-ganador__filtros,
  .exa-ganador__filtros__formulario {
    display: block;
  }

  .exa-ganador__filtros__filtro {
    width: 100%;
    flex: 100%;
  }
}

.noticias-etiqueta img {
  width: 100%;
}

@media (max-width: 1023px) {
  .noticias-etiqueta {
    padding: 16px;
  }
}


@media (max-width: 767px) {
  .exa-premio__convocatoria--enlace, .exa-premio__convocatoria--titular {
    width: 100% !important;
  }

  .exa-premio__convocatoria--enlace {
    margin-top: 16px;
  }
}

@media (min-width: 1024px) {
  .exa-ganador__info .text-long {
    padding: 0 16px !important;
    margin: -16px 0 !important;
  }
}

@media (max-width: 767px) {
  .block-views [class *= "--busqueda"] .views-exposed-form .form-actions,
  .recursos_carrera__form .form-actions {
    float: none !important;
    display: flex !important;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 0 !important;
    height: initial !important;
  }

  [class *= "--busqueda"] .views-exposed-form {
    margin: 0;
  }
}


@media (min-width: 1024px) {
  .exa-premio .tarjeta__dropdown {
    padding: 32px 64px;
  }

  .exa-premio .tarjeta__dropdown .text-long {
    margin: 0;
    float: none;
    padding: 0 !important;
  }
}


.exa-premio__row--ganadores .grid-de-tarjetas--grid .pager {
  margin: 16px;
}

.exa-premio__row--ganadores .grid-de-tarjetas--grid .pager li {
  font-family: Raleway,sans-serif;
  font-style: initial;
  font-size: 16px;
}

.exa-premio__row--ganadores .grid-de-tarjetas--grid .pager li .is-active {
  color: var(--azul);
}


.exa-premio .pager__link--next::before {
  content: '>';
  border: none;
}

.exa-premio .pager__link--prev::before {
  content: '<';
  border: none;
}


@media (max-width: 1023px) and (min-width: 768px) {
  .exa-premio .grid-de-tarjetas--grid .tarjeta__columna {
    float: none !important;
    width: 50%;
  }
}


@media (min-width: 1024px) {
  .container-recursos-carrera .grid_de_tarjetas--busqueda,
  .container-recursos-carrera .grid_de_tarjetas--busqueda form.views-exposed-form,
  .container-recursos-carrera .grid_de_tarjetas--busqueda .recursos_carrera__form {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.page-node-type-exa-cursos .exa-cursos--nodo__row--botones a,
.page-node-type-exa-recursos-de-carrera .exa-cursos--nodo__row--botones a {
  color: var(--blanco);
}

.page-node-type-exa-cursos .exa-cursos--nodo__row--botones a:hover,
.page-node-type-exa-recursos-de-carrera .exa-cursos--nodo__row--botones a:hover,
.exatec-page .title-link-enlace-boton.bg-blanco-exa .button:hover{
  color: var(--negro);
}

.mitec_true .pagina-modular.sin-encabezado {
  margin-top: 0;
}