@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

    body {
      padding-top: 45px;
      margin: 0;
      padding: 0;
      font-family: "Noto Sans", sans-serif;
      text-align: left;
      font-size: 16px;
      margin-top: 0 !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
      font-family: "Noto Sans", sans-serif;
    }

    h2 {
      font-size: 32px;
    }

    .toup {
      position: fixed;
      bottom: 60px;
      right: 40px;
      z-index: 11;
      opacity: .5;
      display: none;
      transition: all .3s ease;
    }

    .toup:hover {
      opacity: .7;
    }

    .toup img {
      width: 60px;
      height: auto;
    }

    .navbar-inverse.navbar-fixed-top {
      position: relative;
    }

    .sub-navbar {
      top: 0;
      margin-top: 0px !important;
      background: #fff !important;
      position: sticky;
      margin-bottom: 0;
      box-shadow: 1px 12px 6px -7px rgba(0, 0, 0, 0.22);
      -webkit-box-shadow: 1px 12px 6px -7px rgba(0, 0, 0, 0.22);
      -moz-box-shadow: 1px 12px 6px -7px rgba(0, 0, 0, 0.22);
    }

    .sub-navbar #subNavBarDropdown {
      margin-top: 20px !important;
    }

    .navbar.sub-navbar>.container-fluid {
      max-width: 1200px;
    }

    .sub-navbar .navbar-collapse {
      background-color: #fff !important;
      color: #3D3D39 !important;
    }

    .sub-navbar .navbar-nav>li>.dropdown-menu {
      margin-top: 0;
    }


    .sub-navbar .nav-link.subnav-link {
      color: #3D3D39 !important;
      padding-top: 1rem;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 14px;
      transition: all .3s ease;
      margin-right: 5px;
    }

    .subnav-link::after {
      margin: 0;
    }

    .sub-navbar .nav-link.subnav-link:hover,
    .sub-navbar .nav-link.subnav-link:focus {
      color: #9F1C1C !important;
      background-color: #f3efd5;
      border-radius: 5px;
      text-decoration: none;
    }


    .nav-item.dropdown .dropdown-item {
      padding: 13px 23px;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 14px;
      border-bottom: 1px solid #C3C3C3;
      transition: all .3s ease !important;
      color: #000000 !important;
    }

    .navbar-nav>li>.dropdown-menu>a:hover {
      background-color: #403f3f !important;
      color: #e2dfdf !important;
      text-decoration: none;
    }

    .nav-item.dropdown .dropdown-item:last-child {
      border: 0;
    }

    .navbar-nav>li>.dropdown-menu {
      padding: 10px 15px;
    }

    .sub-navbar .navbar-collapse {
      justify-content: end;
    }

    .sub-navbar.navbar-dark .navbar-toggler {

      padding-top: 10px !important;
    }


    .navbar-dark.sub-navbar .navbar-toggler-icon {
      background-image: url("../img/menu.png");
      width: 2.5rem !important;
      height: 2rem !important;

    }

    .navbar-brand.sub-navbar {
      box-shadow: none;
    }

    .navbar-brand {
      margin-bottom: 0;
    }

    .navbar-brand>img {
      height: 45px;

    }

    .barra-buscador {
      background-color: #4A4A48;
      color: #fff;
      padding: 7px 0;
      position: sticky;
      top: 0;
      z-index: 999;
    }

    .barra-buscador #buscador.form-control {
      height: 30px;
      font-size: 14px;
    }

    .barra-buscador button {
      background-color: transparent;
      color: #fff;
      border: 0;
      margin-left: 0;
      transition: all .3s ease;
      padding: 5px 10px;
    }

    .barra-buscador button:hover {
      background-color: #A48528;
    }

    .barra-buscador .form-inline {
      justify-content: end;
      display: flex;
    }

    .barra-buscador .links {
      margin-left: 60px;
    }

    .barra-buscador .links a {
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      font-weight: 400;
      transition: all .3s ease;
    }

    .barra-buscador .links a:hover {
      color: #FFCACA;
    }

    .barra-buscador .links span {
      background-color: #fff;
      width: 2px;
      margin: 0 15px;
      display: inline-block;
      height: 15px;
      transform: translateY(3px);
    }

    .mSlider {
      margin-bottom: 50px;
    }

    .mSlider img {
      width: 100%;
      height: auto;
    }

    .mSlider .item {
      position: relative;
    }

    .mSlider .item .texto {
      position: absolute;
      top: 50%;
      left: 10%;
      transform: translatey(-50%);
      width: 600px;
      max-width: 90%;

    }

    .mSlider .texto .tit {
      font-size: 3.7rem;
      color: #fff;
      font-weight: 600;

    }

    .mSlider .texto .txt {
      font-size: 2.1rem;
      color: #fff;
      font-weight: 400;

    }

    .mSlider .slick-dots {
      bottom: -25px;
    }

    .mSlider .slick-dots li {
      margin: 0 2px;
    }

    .mSlider .slick-dots li button:before {
      font-family: 'slick';
      font-size: 15px;
      line-height: 15px;

      position: absolute;
      top: 0;
      left: 0;

      width: 15px;
      height: 15px;

      content: '•';
      text-align: center;

      opacity: .25;
      color: #2c2b2b;

      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .mSlider .slick-dots li.slick-active button:before {
      opacity: .65;
      color: #363535;
    }

    .txtg {
      font-size: 24px;
      font-weight: 600;
      padding-right: 30px;
      line-height: 1.4;
    }

    .txts {
      font-size: 16px;
      font-weight: 400;
    }

    .btn-center {
      text-align: center;
      width: 100%;
    }

    .btn-right {
      text-align: right;
      width: 100%;
    }

    .boton1 {
      background-color: #A48528;
      color: #fff;
      font-size: 20px;
      font-weight: 600;
      border-radius: 10px;
      padding: 10px 20px;
      text-decoration: none;
      text-align: center;
      min-width: 272px;
      display: inline-block;
      transition: all .3s ease;
    }


    .boton1:hover,
    .boton1:focus {
      text-decoration: none;
      color: #fff;
      background-color: #8E6A41;
    }

    .boton1.dark {
      background-color: #FFEED9;
      color: #4A4A48
    }

    .boton1.dark#printButton {
      font-weight: 500;
      font-size: 15px;
      border: 1px solid #cca06c;
    }

    .boton1.dark:hover,
    .boton1.dark:focus {
      color: #FFEED9;
      background-color: #4A4A48;
    }

    section.conocenos {
      margin-top: 40px;
      margin-bottom: 60px;
    }

    .txtg p {
      margin-bottom: 30px;
    }

    .txtg .boton1 {
      margin-bottom: 30px;
    }

    section.aula .row {
      margin: 0;
    }

    section.aula .portada {
      background-image: url('../img/bg-aula.jpg');
      background-size: cover;
    }

    section.aula .txt {
      background-color: #896c45;
      color: #fff;
      padding: 50px 5% 80px 15%;
      text-align: right;
      position: relative;

    }

    section.red .boton1 {
      margin-top: 50px;
      margin-bottom: 30px;
    }

    section.red .portada {
      background-image: url('../img/home-redmexico.jpg');
      background-size: cover;
      min-height: 300px;
    }

    section.red {
      margin: 60px 0;
    }

    section.red .txt {
      position: relative;
      color: #000;
      font-size: 22px;
      font-weight: 400;
      padding: 50px inherit;

    }

    section.cursos {
      margin: 60px 0;
      background-color: #F2E9DB;
      padding: 60px 0;
    }

    section.cursos .container>p {
      font-size: 22px;
      font-weight: 400;
    }

    section.cursos p {
      margin-bottom: 60px;
    }

    section.aula .boton1 {
      margin-top: 50px;
    }

    .sliderCursos {
      margin: 30px 0;
      padding-bottom: 30px;
      border-bottom: 1px solid #D3A166;
    }

    .sliderCursos.slick-dotted.slick-slider {
      margin: 50px 0;
    }

    .sliderCursos .slick-dots {
      bottom: -40px;
    }

    .cursos-grid .item {
      height: 100%;
      padding: 0 10px;
    }

    .cursos-grid .imagen {
      position: relative;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      display: flex;
      overflow: hidden;
      height: 170px;


    }

    .cursos-grid .slick-slide {
      height: auto;
    }

    .cursos-grid .imagen a.main {
      position: relative;
      display: flex;
      width: 100%;
      height: 100%;
    }

    .cursos-grid .imagen img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.1);
      transition: all .3s ease;
    }

    .cursos-grid .imagen a.main:hover img {
      transform: scale(1);
    }

    .sliderCursos .slick-track {
      display: flex;
    }

    .sliderCursos .slick-slide>div {
      height: 100%;
    }

    .cursos-grid .txt {
      background-color: #3D3D39;
      color: #fff;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: start;
      border-radius: 8px;
      overflow: hidden;
    }

    .cursos-grid .txt>h3,
    .cursos-grid .txt>p {
      padding-left: 20px;
      padding-right: 20px;
    }

    .cursos-grid .txt>p.lugar {
      margin-bottom: 25px;
    }

    .cursos-grid .txt span {
      font-weight: 400;
    }

    .cursos-grid h3 {
      font-size: 19px;
      margin-top: 20px;
      line-height: 1.4;
      margin-bottom: 5px;
    }

    .cursos-grid h3 a {
      color: #fff;
      text-decoration: none;
      transition: all .3s ease;
    }

    .cursos-grid h3 a:hover {
      color: #FFCACA;
    }

    .cursos-grid .cat {
      background-color: #9F1C1C;
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 13px;
      text-decoration: none;
      color: #fff;
      padding: 4px 10px;
      font-weight: 500;
      text-transform: uppercase;
      transition: all .3s ease;
      text-align: right;
      max-width: 90%;
    }

    /* .cursos-grid .cat:hover {
      background-color: #fff;
      color: #9F1C1C;
    } */

    .cursos-grid .fecha {
      margin-bottom: 0;
    }

    .cursos-grid .hora {
      margin-bottom: 0;
    }

    .cursos-grid .datos {
      margin: auto 20px 20px 20px;
    }

    .cursos-grid .datos p {
      font-weight: 300;
      margin-bottom: 5px;
    }

    section.colaboraciones {
      margin: 80px 0 100px;
    }

    section.colaboraciones h2 {
      color: #9F1C1C;
      font-size: 28px;
      margin-bottom: 50px;
    }

    section.colaboraciones img {
      height: 80px;
      width: auto;
    }

    .sliderCol .item {
      display: flex !important;
      justify-content: center;
    }

    .sliderCol .slick-dots {
      bottom: -35px;
    }

    .sliderCol .slick-dots li,
    .sliderCursos .slick-dots li {
      margin: 0;
    }

    .sliderCol .slick-dots li.slick-active button:before,
    .sliderCursos .slick-dots li.slick-active button:before {
      opacity: .65;
      color: #9F1C1C;
      font-size: 12px;
    }

    .sliderCol .slick-dots li button::before,
    .sliderCursos li button::before {

      opacity: .25;
      color: #9F1C1C;
      font-size: 12px;
    }

    section.pie {
      box-shadow: 0px 7px 6px -5px rgba(0, 0, 0, 0.17) inset;
      -webkit-box-shadow: 0px 7px 6px -5px rgba(0, 0, 0, 0.17) inset;
      -moz-box-shadow: 0px 7px 6px -5px rgba(0, 0, 0, 0.17) inset;
      padding: 60px 0;
      background: #fcfcfc;
      background: linear-gradient(158deg, rgba(252, 252, 252, 1) 24%, rgba(247, 247, 247, 1) 100%);
    }

    section.pie .contacto {
      list-style: none;
      font-size: 14px;
      padding-left: 22px;
      font-weight: 400;
    }

    section.pie .contacto svg {
      position: absolute;
      left: -18px;
      font-size: 14px;
      color: #8E6A41;
      top: 3px;
    }

    section.pie .contacto li {
      position: relative;
      margin-bottom: 15px;
    }

    section.pie .logo img {
      width: 250px;
      height: auto;
      max-width: 100%;
      margin-bottom: 30px;
    }

    section.pie h2 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 0;
      margin-bottom: 30px;
    }

    section.pie .interes {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 14px;
      font-weight: 400;
    }

    section.pie .interes li {
      margin-bottom: 15px;
    }

    section.pie .interes a {
      color: #000;
      text-decoration: none;
      transition: all .3s ease;
    }

    section.pie .interes a:hover {
      color: #9F1C1C
    }

    .head-int {
      background-image: url("../img/cabecera_titulosfondo.jpg");
      background-size: 100% auto;
      background-size: cover;
      min-height: 130px;

    }

    .head-int h1 {
      font-size: 32px;
      color: #fff;
      margin-top: 40px;
    }

    .head-int .filtros {
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 0;
      display: flex;
      flex-flow: wrap;
      align-items: center;
    }

    .cursos-grid.detalle {
      display: flex;
      flex-flow: wrap;
      margin-top: 20px;
      margin-bottom: 60px;
    }

    .cursos-grid.detalle .item {
      height: auto;
      margin-bottom: 60px;
    }

    .cursos-grid.detalle h2 {
      font-size: 19px;
      margin-top: 20px;
      line-height: 1.4;
      margin-bottom: 5px;
      font-weight: 600;
      padding-left: 20px;
      padding-right: 20px;
    }

    .cursos-grid.detalle h2 a {
      color: #fff;
      text-decoration: none;
      transition: all .3s ease;
    }

    .cursos-grid h2 a:hover {
      color: #FFCACA;
    }

    .breadcrumbs {
      min-height: 40px;
      margin-top: 15px;
    }



    .breadcrumbs ol {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding: 8px;
      margin: 0;
      font-size: 15px;
      justify-content: left;
      font-weight: 300
    }

    .breadcrumbs ol a {
      color: #9F1C1C;
      text-decoration: none;
    }

    .breadcrumbs ol a:hover {
      transition: all .3s ease;
      font-weight: 500;
    }


    .breadcrumbs ol li+li {
      padding-left: 10px
    }

    .breadcrumbs ol li.active {
      font-weight: 500;
      color: #9F1C1C
    }

    .breadcrumbs ol li+li::before {
      display: inline-block;
      padding-right: 10px;
      color: #9F1C1C;
      content: "|";
      font-weight: 300;
    }

    .blog {
      margin-top: 30px;
      margin-bottom: 120px;
    }

    .blog .titulo .boton1 {
      margin-top: 30px;
      font-weight: 400;
      margin-bottom: 60px;
    }

    .blog h1 {
      font-size: 32px;
      font-weight: 600;
      margin-top: 0;
      line-height: 1.4;
    }

    .blog.oferta h2 {
      font-size: 28px;
      font-weight: 500;
    }

    .blog.oferta .titulo p {
      font-size: 18px;
    }

    .blog h2,
    .blog.oferta h3 {
      font-size: 20px;
      font-weight: 400;
      margin-bottom: 25px;
      margin-top: 50px;

    }

    .blog .aviso {
      background-color: #e4e4e4;
      padding: 15px 10px;
      border-radius: 4px;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .blog .aviso p {
      color: #000;
      font-size: 20px;
      font-weight: 600;
      text-align: center;
      margin: 0;
    }

    .blog .portada img {
      width: 100%;
      height: auto;
      border-radius: 7px;
    }

    .blog .portada {
      margin-bottom: 30px;
    }

    .blog .datos {
      margin: 30px 0;
    }

    .blog .datos .item {
      width: 100%;
      background-color: #F6F6F6;
      display: flex;
      flex-flow: row;
      justify-content: space-between;
      padding: 5px 10px;
      padding: 8px 15px;
      font-size: 15px;
      margin-bottom: 10px;
    }

    .blog .datos .item .dato {
      font-weight: 500;
    }

    .blog .datos a {
      color: #9F1C1C;
      border: 1px solid #9F1C1C;
      background-color: #F6F6F6;
      text-align: center;
      padding: 8px 15px;
      font-weight: 300;
      width: 100%;
      display: inline-block;
      text-decoration: none;
      font-size: 18px;
      transition: all .3s ease;
      margin-top: 15px;

    }

    .blog .datos a:hover {
      background-color: #9F1C1C;
      color: #F6F6F6;
    }

    .blog .txt img {
      width: 80%;
      margin: 20px 10%;
      height: auto;
    }

    .somos {
      margin-top: 30px;
      margin-bottom: 40px;
    }

    .somos h2 {
      margin-top: 0;
      font-size: 34px;
      font-weight: 700;
      margin-bottom: 30px;
    }

    .somos .col-md-6 {
      margin-bottom: 60px;
    }

    .somos .col-md-6 img {
      width: 100%;
      height: auto;
    }

    .contacto-somos {
      background-color: #EDDDCA;
    }

    .contacto-somos h2 {
      font-size: 28px;
      margin-top: 0;
    }

    .contacto-somos h3 {
      font-size: 18px;
      font-weight: 500;
    }

    .contacto-somos p {
      font-weight: 400;
    }

    .contacto-somos .datos {
      margin: 50px 0;
    }

    .contacto-somos .mapa iframe {
      width: 100%;
      height: 100%;
    }

    .contacto-somos .datos a {
      margin-top: 20px;
    }

    /* ++++++++++++ESTILOS PARA EL MAPA+++++++++++++ */
    #vmap {
      width: 100%;
      height: 500px;
      max-width: 100%;
      border-radius: 10px;
      overflow: hidden;
      opacity: 0;
      transition: opacity .3s ease-in;
    }

    #vmap.mapa-detalle {
      height: 300px;
    }

    #vmap.ani svg>g {
      transition: transform .2s ease-in;
    }

    .jqvmap-label {
      position: absolute;
      display: none;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background: #292929;
      color: white;
      font-family: sans-serif, Verdana;
      font-size: smaller;
      padding: 3px;
      pointer-events: none;
    }

    .jqvmap-pin {
      pointer-events: none;
    }

    .jqvmap-zoomin,
    .jqvmap-zoomout {
      position: absolute;
      right: 20px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background: #4A4A48;
      padding: 3px;
      color: white;
      width: 15px;
      height: 15px;
      cursor: pointer;
      line-height: 10px;
      text-align: center;
    }

    .jqvmap-zoomin {
      top: 80px;
    }

    .jqvmap-zoomout {
      top: 100px;
    }

    .jqvmap-region {
      cursor: pointer;
      transition: all .4s ease-out;
    }

    .jqvmap-ajax_response {
      width: 100%;
      height: 500px;
    }



    .mapa-min {
      position: relative;
      margin-bottom: 30px;
    }

    .mapa-min.col-lg-12 {
      height: 70vh;
    }

    .mapa-min.col-lg-12 #vmap {
      height: 100%;
    }

    .mapa-min select {
      position: absolute;
      top: 5px;
      left: 50%;
      transform: translateX(-50%);
      width: 70%;
      z-index: 99;
      max-width: 500px;
    }

    .max-mapa {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: -5px;
      background-color: #BEA65D;
      color: #fff;
      padding: 10px;
      font-size: 22px;
      border-radius: 5px;
      opacity: .8;
      transition: opacity .3s ease-in;
      z-index: 99;
      display: none;
    }

    .max-mapa:hover,
    .max-mapa:focus,
    .max-mapa:active {
      opacity: 1;
      color: #fff;
      text-decoration: none;
    }

    .max-mapa.active {
      color: #fff;
    }

    .max-mapa.active svg {
      transform: rotate(180deg);
    }

    .row-map .txt.col-lg-12 {
      padding: 0 10%;
      margin-bottom: 20px;
    }


    /* ++++++++++++FIN DE ESTILOS PARA EL MAPA+++++++++++++ */



    .lista-contacto .item {
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 400;

      margin-bottom: 30px;
    }

    .lista-contacto .item .cont {
      border-left: 4px solid #898989;
      padding: 1px 0 1px 20px;
    }

    /*  .lista-contacto .item:nth-child(3n) {
      border-right: 1px solid #fff;
    }  */
    .lista-contacto .item a {
      color: #9F1C1C;
      text-decoration: none;
      transition: all .3s ease;
    }

    .lista-contacto .item a:hover {
      color: #830808;
      text-decoration: underline;
    }

    .lista-contacto .item svg {
      margin-right: 3px;
      color: #830808;
      font-size: 15px;
    }

    .lista-contacto h2 {
      font-size: 20px;
      font-weight: 400;
      margin-bottom: 14px;
      line-height: 1;
      margin-top: 8px;
    }

    .lista-contacto h3 {
      font-size: 16px;
      font-weight: 700;
      margin-top: 0;
      /* margin-left: 20px */
    }

    .lista-contacto h4 {
      font-size: 16px;
      font-weight: 500;
      /* margin-left: 20px */

    }

    section.subseccion {
      padding: 80px 0;
    }

    section.subseccion:nth-of-type(even) {
      background-color: #F2E9DB;
    }

    section.subseccion a {
      margin-top: 30px;
    }

    .datos .item .tipo {
      width: 40%;
      padding-right: 10px;
    }

    .datos .item .dato {
      width: 60%;
      padding-left: 10px;
      text-align: right;
    }

    .row.acm {
      overflow: hidden;
      margin: 0;
    }

    .row.acm .portada {
      transform: skewX(-10deg);
      transform-origin: bottom left;
      position: relative;
      overflow: hidden;
      background-color: #77573B;
    }

    .row.acm .portada img {
      position: absolute;
      object-fit: cover;
      height: 100.1%;
      width: 110%;
      transform: skewX(10deg) translate(-50px);
      left: 0;
      background-color: #77573B;
    }

    .row.acm .txt {
      position: relative;
      padding: 30px 20px 50px 50px;

    }

    .row.acm h1 {
      font-size: 28px;
      margin-bottom: 30px;
    }

    .subseccion2.acm h2 {
      font-size: 24px;
    }

    .subseccion2.acm .boton {
      display: flex;
      flex-flow: column;
      justify-content: center;
    }

    .subseccion2.acm .boton a {

      margin: 10% 5%;
    }

    section.subseccion2 {
      padding: 80px 0;
    }

    section.subseccion2:nth-of-type(odd) {
      background-color: #A48528;
      color: #fff;
    }

    section.subseccion2:nth-of-type(odd) .boton1 {
      background-color: #FFEED9;
      color: #4A4A48
    }

    section.subseccion2:nth-of-type(odd) .boton1:hover,
    section.subseccion2:nth-of-type(odd) .boton1:focus {
      color: #FFEED9;
      background-color: #4A4A48;
    }

    .cursos-grid .bp .txt {
      background-color: #fff;
      color: #444;
      box-shadow: 2px 3px 9px 0px #afa78f6b;
    }

    .cursos-grid.detalle .bp h2 a {
      color: #444;
    }

    .cursos-grid.detalle .bp h2 a:hover {
      color: #9F1C1C;
    }

    .header-bp .mapa-min {
      margin-bottom: 0;
    }

    .header-bp {
      margin-top: 20px;
      margin-bottom: 20px;
      background-color: #403c3c;
      padding: 20px 0;
    }

    .header-bp h1 {
      font-size: 36px;
      font-weight: 500;
      margin: 0;
      color: #FFF;
      line-height: 1.5;
    }

    .header-bp .titulo {
      align-content: center;
    }

    .cursos-grid.detalle .bp h3 {
      font-size: 18px;
      margin-top: 5px;
      line-height: 1.4;
      margin-bottom: 5px;
      font-weight: 400;
      padding-left: 20px;
      padding-right: 20px;
    }

    .cursos-grid.detalle .bp a.vmas {
      color: #9F1C1C;
      font-size: 15px;
      padding-left: 20px;
      padding-right: 20px;
      text-decoration: none;
      font-weight: 700;
      transition: all .3s ease;
      text-align: right;
      display: inline-block;
      margin-top: 25px;
      margin-bottom: 20px;
    }

    .cursos-grid.detalle .bp a.vmas:hover {
      color: #420505;

    }

    .breadcrumbs p {
      max-width: 80vw;
      display: inline-flex;
    }

    .blog.buenas-practicas h2 {

      font-size: 26px;
      font-weight: 400;
      margin-bottom: 20px;

    }

    .blog.buenas-practicas h3 {
      font-size: 20px;
      font-weight: 500;
    }

    #vmap path:hover {
      fill: #DF6F25;
      fill-opacity: 1;
    }

    #vmap path {
      fill: #F8976A;
      stroke-width: .3px;
      stroke: #7c6448;
      transition: all .3s ease;
      stroke-linejoin: round;

    }

    .region-especial {
      fill: #FDE5D7 !important;
      cursor: default;
    }

    .jvectormap-container {
      height: 100%;

    }

    #vmap path.jvectormap-region.elegido {
      fill: #A95A03;
      cursor: default;
    }

    .row.encabezado {
      margin-bottom: 10px;
    }

    .row.encabezado .titulo {
      position: relative;
    }

    .row.encabezado .titulo .card {
      position: absolute;

    }

    .blog .carta {
      position: relative;
      padding: 40px 40px;
      background: #fff8de;
      background: linear-gradient(58deg, rgba(255, 248, 222, 1) 0%, rgba(247, 237, 218, 1) 77%);
      top: -10%;
      left: 5%;
      transform: translate(0, 0);
      min-height: 80%;
      width: 90%;
      display: flex;
      flex-flow: column;
      justify-content: center;
    }

    .blog .carta h1 {
      font-size: 28px;
      font-weight: 300;
      color: #000;
      line-height: 1.2;
      padding-bottom: 0px;
      margin-bottom: 20px;
    }

    .blog .carta h2 {
      font-size: 18px;
      font-weight: 600;
      color: #555151;
      margin-bottom: 0;
      margin-top: 0;
      margin-bottom: 10px;
      line-height: 1.4;
    }

    .blog.buenas-practicas .portada {
      margin-bottom: 0;
    }

    .datos_bp {
      margin-top: 0;
    }

    .blog.buenas-practicas .datos_bp h3 {
      font-size: 25px;
      font-weight: 300;
      margin-top: 0;
      margin-bottom: 30px;
      margin-bottom: 10px;
    }

    .datos_bp h4 {
      font-size: 18px;
      font-weight: 700;
      margin-top: 20px;
      margin-bottom: 10px;
      color: #9F1C1C;
    }

    .datos_bp h5 {
      font-size: 19px;
      font-weight: 400;
      margin-top: 0px;
      margin-bottom: 10px;
    }

    .datos_bp .boton1 {
      margin-bottom: 15px;
      font-size: 18px;
      font-weight: 400;
      min-width: 100%;
    }

    .datos_bp .botones {
      margin-top: 50px;
    }

    .datos_bp p span {
      font-weight: 500;
    }

    .head-int.filtros {
      background-color: #F3DFC1;
      background-image: none;
      box-shadow: 4px 3px 3px 0px #b4b4b4bf;
      margin-bottom: 30px;
      padding-left: 80px;
      border-radius: 5px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 10px;
      display: inline-block;

    }

    .head-int.filtros .selector {
      padding: 0 10px;
      width: 300px;
      min-width: 250px;
      margin: 5px 0;
    }

    .head-int.filtros .form-control {
      font-size: 1.6rem;
    }

    .circuito-sub {
      padding-top: 90px;
      padding-bottom: 90px;
    }

    .circuito-sub h1 {
      font-size: 32px;
      margin: 0;
      margin-bottom: 40px;
      font-weight: 500;
      padding: 0px 0 3px 20px;
      border-left: 7px solid #A01C1C;
    }

    .circuito-sub .info {
      margin-bottom: 60px;
    }

    .circuito-sub#oferta {
      background-color: #FFF5E6;
    }

    .circuito-sub#oferta .item .txt {
      background-color: #FFF5E6;
    }

    .circuito-sub .item H3 a {
      color: #000;
      margin-bottom: 10px;
      display: inline-block;
    }

    .circuito-sub .item H3 a:hover {
      color: #A01C1C;
    }

    .circuito-sub .cursos-grid .item {
      display: flex !important;
      flex-flow: column;
    }

    .circuito-sub .cursos-grid .item .vmas {
      color: #A01C1C;
      text-decoration: none;
      text-align: right;
      padding-right: 20px;
      padding-bottom: 10px;
      display: inline-block;
      border-bottom: 2px solid #717070;
      transition: all .3s ease;
      padding-top: 10px;
      font-weight: 600;
      font-size: 15px;
    }

    .circuito-sub .cursos-grid .item .vmas:hover {
      background-color: #717070;
      color: #fff;

    }

    .circuito-sub .item .txt {
      display: inline-block;
    }

    .circuito-sub .item .txt .lugar {
      font-weight: 500;
    }

    .circuito-sub .item .txt h3,
    .circuito-sub .item .txt p {
      color: #000;
    }

    .circuito-sub#foro .item .txt h3,
    .circuito-sub#foro .item .txt p {
      color: #000;
    }


    .circuito-sub#foro {
      background-color: #4A4B49;
    }

    .circuito-sub#foro h1 {
      color: #FCFCFC;
      border-left: 7px solid #FCFCFC;
    }

    .circuito-sub#foro p {
      color: #FCFCFC;
    }

    .circuito-sub .slick-slider .slick-track {
      display: flex;
    }

    .circuito-sub .slick-slide>div {
      height: 100%;
    }

    .circuito-sub#foro .item .txt {
      background-color: #E4E2E0;
      border-radius: 8px 8px 0 0;
    }

    .circuito-sub#foro .item .datos {
      margin-bottom: 10px;
    }

    .circuito-sub#foro .item .vmas {
      background-color: #E4E2E0;
      border-radius: 0 0 15px 15px;
      border-bottom: none;
      padding-right: 35px;
      font-size: 18px;
      transition: all .3s ease-in;
    }

    .circuito-sub#foro .item .vmas:hover {
      background-color: #A01C1C;
      color: #E4E2E0;
      padding-right: 20px;
    }

    .circuito-sub#cartografias .item .txt {
      background-color: #4A4B49;
      border-radius: 8px 8px 0 0;
      padding-bottom: 10px;
    }

    .circuito-sub#cartografias .item .datos {
      margin-bottom: 10px;
    }

    .circuito-sub#cartografias .item .vmas {
      background-color: #393939;
      color: #DCDBDB;
      border-radius: 0 0 15px 15px;
      border-bottom: none;
      padding: 12px;
      text-align: center;
      transition: all .3s ease-in;
      text-transform: uppercase;
      font-size: 14px;
    }

    .circuito-sub#cartografias .item .vmas:hover {
      background-color: #2a2a2a;
      color: #ffffff;
    }

    .circuito-sub#cartografias .item h3 a {
      color: #fff;
    }

    .circuito-sub#cartografias .item h3 a:hover {
      color: #FFCACA;
    }

    .circuito-sub#cartografias .item p {
      color: #fff;
    }

    .pleca-tipo {
      color: #864141;
      font-weight: 600;
      padding: 0;
      margin: 0;
      text-align: left;
      font-size: 14px;
      display: inline-block;
      border-radius: 10px;
    }


    .datos-circ {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .datos-circ .item {
      width: 100%;

      display: inline-block;
      flex-flow: row;
      justify-content: left;

      font-size: 15px;
      margin-bottom: 20px;

    }

    .datos-circ .item p {
      margin: 0;
    }

    .datos-circ .item .tipo {
      padding: 3px 8px;
      background-color: #747474;
      font-weight: 400;
      color: #fff;
    }

    .datos-circ .item .dato {
      padding: 3px 8px;
      padding-bottom: 3px;
      font-weight: 500;
      font-size: 15px !important;
    }

    .datos-circ .item .dato * {
      font-size: 15px !important;
      font-weight: 500 !important;
      color: #000 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .barra-buscador .gsc-control-cse {
      padding: 0;
      background-color: #4A4A48;
      border: 0;
    }

    .sub-navbar.navbar-fixed-top {
      z-index: 998;
    }

    .sub-navbar .navbar-nav>li>.dropdown-menu {
      padding: 0;
    }

    .barra-buscador .gsc-input {
      font-size: 16px;
      color: #262626;
      background-image: none !important;
    }


    .barra-buscador .gsc-input-box {
      border-radius: 5px;
      width: 230px;
      max-width: 35vw;
    }

    .barra-buscador form.gsc-search-box {
      margin-bottom: 0;
    }

    .barra-buscador table.gsc-search-box td.gsib_a {
      padding: 3px 10px;
    }

    .barra-buscador .gsc-search-button-v2 svg {
      width: 18px;
      height: 18px;
    }

    .dropdown-item.active,
    .dropdown-item:active {
      color: #000;

      background-color: #F2E9DB;
    }

    .page-item.active .page-link {
      z-index: 3;
      color: #000;
      background-color: #F2E9DB;
      border-color: #d8b884;
      font-weight: 500;
    }

    .pagination>.active>a:focus,
    .pagination>.active>a:hover {
      color: #000;
      background-color: #F2E9DB;
      border-color: #d8b884;
      font-weight: 500;
    }

    .navbar-inverse.navbar-fixed-top {
      z-index: 9;
    }

    header {
      position: relative;
      z-index: 9;
    }

    .home-contacto {
      margin-bottom: 60px;
    }

    .home-contacto .presentacion {
      font-size: 22px;
      font-weight: 400;
      margin-top: 32px;
    }

    .home-contacto h2 {
      margin-top: 32px;
      margin-bottom: 20px;
      font-size: 26px;
    }

    .home-contacto ul li {
      font-size: 18px;
      font-weight: 400;

    }

    .home-contacto ul li span {
      font-weight: 600;
    }

    .home-contacto ul li::marker {
      color: #666565;
    }

    .blog.redmexico .pais {
      background-color: #9F1C1C;
      color: #fff;
      padding: 5px 15px;
      font-weight: 600;
      display: inline-block;
      transform: translateY(-10px);
    }

    .blog.redmexico .extra {
      background-color: #F2E9DB;
      padding: 60px 0;
      margin-top: 30px;
    }

    .blog.redmexico .extra h2 {
      font-weight: 600;
      text-transform: uppercase;
      margin-top: 0;
    }

    .blog.redmexico .extra a {
      background-color: #F2E9DB;
      display: block;
      padding: 0px 10px;
      transition: all .3s ease;
      text-decoration: none;
      color: #750b0b;
      font-weight: 400;
      border-left: 2px solid #750b0b;
    }

    .blog.redmexico .extra a:hover {
      background-color: #665843;
      color: #fff;
      text-decoration: none;
      border-color: #000;
    }

    .video-container {
      position: relative;
      overflow: hidden;
      width: 100%;
    }

    .video-container::after {
      display: block;
      content: "";
      padding-top: 56.25%;
    }

    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    ul.interes li.etiqueta {
      color: #825d33;
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 5px;
    }

    .home-contacto ul a {
      text-decoration: none;
      color: #750b0b;
      font-weight: 400;
      transition: all .3s ease;
    }

    .home-contacto ul a:hover {
      text-decoration: underline;
    }

    .row-acm {
      background-color: #F2E9DB;
      padding: 20px 0;
    }

    .item-acm img {
      width: 100%;
      height: auto;
    }

    .item-acm .txt {
      color: #4A4A48;
    }

    .row-acm .slick-dots li button:before {

      font-size: 10px;
      line-height: 10px;
      color: #4A4A48;

    }

    .row-acm .slick-dots li button,
    .row-acm .slick-dots li {

      width: 10px;
      height: 10px;


    }

    .row-acm .slick-dots li {
      bottom: -46px;
    }

    .row-acm .slick-next {
      right: -30px;
    }

    .row-acm .slick-prev {
      left: -30px;
    }

    .row-acm .slick-prev:before,
    .slick-next:before {
      color: #a55454;
      font-size: 24px;
    }

    .head-int.filtros h2 {

      padding-right: 70px;
      font-size: 24px;
      text-transform: uppercase;
      font-weight: 700;
      margin: 8px 0 5px;
    }

    /*     .slider-acm{
      height: 100%;
    }
    .slider-acm .slick-list{
      height: 100%;
    }
    .slider-acm .slick-track{
      height: 100%;
    }
     .slider-acm .slick-list a{
      display: inline-block;
     } */

    #talleresContainer .col-lg-12 h2 {
      background-color: #F3DFC1;
      display: inline-block;
      padding: 25px 35px 25px 20px;
      margin: 0;
      border-radius: 3px;
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 30px;
      margin-top: 20px;
    }

    #talleresContainer .col-lg-12 hr {
      display: none;
    }

    @media (max-width: 767px) {
      .navbar-header .navbar-brand {
        margin-right: 50vw;
      }

      section.red .portada {
        display: none;
      }

      section.aula .txt {
        text-align: left;
        padding: 50px 15px;
      }

      .cont-btn {
        text-align: center;
      }

      .blog .titulo {
        order: 2;
      }

      .blog .portada {
        order: 1;
      }

      .blog.oferta .titulo {
        order: 1;
      }

      .blog.oferta .portada {
        order: 2;
      }

      .blog .datos {
        order: 3;
      }

      .blog .txt {
        order: 4;
      }
    }

    @media (min-width: 768px) {
      .sub-navbar .navbar-brand {
        margin-right: 53rem !important;
      }

      .breadcrumbs p {
        max-width: 40vw;
        display: inline-flex;
      }

    }

    @media (min-width: 992px) {
      .max-mapa {
        display: inline-block;
      }

      .blog .carta {
        position: absolute;
        padding: 40px 40px;

        top: 50%;
        transform: translate(-20%, -50%);
        min-height: 80%;
        width: 120%;
        display: flex;
        flex-flow: column;
        justify-content: center;
      }

      .row.encabezado {
        margin-bottom: 60px;
      }
    }

    @media (min-width: 1200px) {
      .sub-navbar .navbar-brand {
        margin-right: 0 !important;
        width: auto;
      }

      .navbar-expand-xl .navbar-nav {
        width: 80%;
        justify-content: end;
        /* margin-right: 30px; */
      }

    }

    @media print {

      .barra-buscador {
        display: none;
      }

      .sub-navbar {
        display: none;
      }

      header,
      footer,
      .pie,
      .toup,
      .breadcrumbs,
      button,
      .boton1,
      .boton1.dark {
        display: none;

      }

      .blog .titulo,
      .blog .portada {
        width: 50%;
      }
    }


    /* ++++++++++++ESTILOS PARA LAS FICHAS DE LOS PINS DEL MAPA+++++++++++++ */
    /* Esta es la clase que vinculamos en el JS */
    .leaflet-custom-popup .leaflet-popup-content-wrapper {
      padding: 0;
      overflow: hidden;
      border-radius: 4px;
      /* O 0 si prefieres el estilo cuadrado institucional */
    }

    .leaflet-custom-popup .leaflet-popup-content {
      margin: 0 !important;
      /* Quita el espacio blanco de sobra */
      max-width: 300px !important;
      /* Limita el ancho máximo de la ficha */
      min-width: 250px !important;
      /* Limita el ancho mínimo de la ficha */
      min-height: 260px;
      height: auto !important;
      /* Deja que el alto se ajuste al contenido */

    }

    /* Estilos para el contenido interno que pusimos en el JS */
    .custom-popup-contenedor {
      font-family: 'Montserrat', sans-serif;
      /* O la fuente que uses */
    }

    .custom-popup-contenedor img {
      width: 100%;
      display: block;
      height: 180px;
      object-fit: cover;
    }

    .custom-popup-contenedor div.padding-box {
      padding: 15px;
    }

    .custom-popup-contenedor h4 {
      margin: 0 0 5px 0;
      color: #621132;
      /* El guinda oficial */
      font-size: 16px;
    }

    .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }