/* 
 Theme Name:   DIIS child
 Theme URI:    
 Description:  Child theme for DIIS
 Author:       Departamento de Ingeniería Industrial y de Sistemas
 Author URI:   https://ingenieriaindustrial.ing.uc.cl
 Template:     generatepress
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/*Barra desceuento OCT*/
   .exclusive-oct  {
            width: 100%;
            padding: 6px 12px;
            text-align: center;
              background:
    url('https://ingenieriaindustrial.ing.uc.cl/wp-content/uploads/2025/10/lines-texture.png') center / cover no-repeat,
    linear-gradient(90deg, #0176DE 24.52%, #FFC60C 75%);
            font-weight: 400;
            text-decoration: none !important;
            display: block;
        }

         .exclusive-oct .announcement-bar {
            font-weight: 400;
            font-size: 14px;
            margin-bottom: 0;
            background: #fff;
             color: #0176DE;
             padding: 6px 24px;
             border-radius: 4px;
             line-height: 16px;
                 letter-spacing: 0;
                 display: inline-block;
        }

        .exclusive-oct .announcement-bar,
        .announcement-bar:hover,
        .announcement-bar:focus,
        .announcement-bar:active,
        .announcement-bar:visited {
            text-decoration: none !important;
             background: #fff;
            outline: none !important;
             color: #0176DE!important;
        }

/*FIN Barra desceuento OCT*/



/*Talleres empresas*/
 .talleres-empresas{
            flex-direction: column!important;

        }

 .talleres-empresas ul {
    margin: 0 0 1.5em 2em!important;
}

        .img-talleres-empresas{
            width:100%;
            height:320px;
        }

        .container-dirigido-talleres{
            padding: 20px;
                border: 1px solid rgba(42, 125, 225, 0.08);
    background: rgba(42, 125, 225, 0.04);
    border-radius: 4px;
        }

        
        @media (min-width: 992px){
            .talleres-empresas{
            flex-direction: row!important;

        }
         .img-talleres-empresas{
            width:320px;
            height:auto;
        }


        }
/*fin talleres empresas*/

/*Inicio topbar escuela ing mobile*/

.topbar-escuela-ing{
	width:100%;
	background-color: #03122E;
	padding: 4px 16px;
}

.topbar-escuela-ing a {
    text-decoration: none;
    color: white;
	font-size: 12px!important;
}

.topbar-escuela-ing a:hover {
    text-decoration: none;
    color: white;
}


.uc-top-bar {
    padding: 8px 0!important;
}

.uc-top-bar img{
    width: 160px!important;
}


/*Fin topbar escuela ing mobile*/


/* Inicio New nav mobile*/
.subtitle-nav-mobile{
	color: rgba(255, 255, 255, 0.80);
font-family: "Roboto Slab";
font-size: 12px;
font-weight: 400;
line-height: 16px;
	margin-bottom:0!important;
	letter-spacing:0!important;
	
}

.title-nav-mobile{
	color: #FFF;
font-family: "Roboto Slab";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 16px;
	margin-bottom:4px!important;
	letter-spacing:0!important;
	
}
/*Fin New nav mobile*/


/*ep links */
.content-programa-destacado .container-photo-ep {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.content-programa-destacado .container-photo-ep:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(8, 39, 92, 0.00) 37.19%, #08275C 100%);
}

.content-programa-destacado .container-photo-ep img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.contenedor-text-ep{
    position: absolute;
    padding: 24px;
    width: 100%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    text-align: center;
}

.section-filter-home .uc-search-filter_results li:last-child .uc-btn.btn-listed {
    text-decoration: none !important;
}

/*fin ep links */

 .uc-navbar_mobile-direct-diis{
            padding: 16px 12px;
	 margin-bottom:160px;
        }

        .link-diis{
            background-color: #03122E;
            padding: 9px 0;
        }
        .link-diisl-links{
            margin: 0!important;
            list-style-type: none;
  padding-left: 0; 
        }

.link-diisl-links li:not(:first-child):not(:last-child)::before,
.link-diisl-links li:last-child::before {
    content: "|";
    margin: 0 12px;
    color: #fff;
}

        .link-diisl-links li{
            list-style-type: none; 
        }

        .link-diisl-links li a {
  text-decoration: none;
  color: white;
}
.link-diisl-links li a:hover{
    text-decoration: underline;
    text-underline-offset: 4px; 

}
.link-diisl-links li a:visited,
.link-diisl-links li a:active,
.link-diisl-links li a:focus {
  color: white;
  text-decoration: none;
}


/*box white hero*/

        .hero {
            position: relative;
            width: 100%;
            height: 520px;
           
            background-color: #000;
        }

        .container-hero-home{
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .slides {
            display: flex;
            transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
            height: 100%;
        }

        .slide {
            min-width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }




        .slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            user-drag: none;
            user-select: none;
            pointer-events: none;
            position: absolute;
            top: 0;
            left: 0;
        }

        .hero-gradient{
            z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(43, 76, 137, 0) 48%, rgba(0, 0, 0, .9) 120%) !important;
}

        .uc-carousel-nav-ing{
            position: absolute;
            z-index: 2;
            width: 100%;
            bottom: 20px;
            
        }

        .container-control-carrusel{
            display: flex;
            justify-content: center;
        }

        .paginator {
            display: flex;
            justify-content: end;
            gap: 4px;
        }

        .paginator button {
            font-family: Roboto, sans-serif;
            cursor: pointer;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    color: rgba(255, 255, 255, .5);
    transition: .3s ease;
    background-color: inherit!important;
    border: inherit!important;
    position: relative;
    padding: 4px 14px;

        }

        .paginator button::after {
            content: '';
            position: absolute;
            width: 32px;
            height: 2px;
            background-color: rgba(255, 255, 255, .35);
    transition: .3s ease;
            bottom: 8px;
            left: 50%;
            transform: translateX(-50%);
        }

        .paginator button.active {
            color: white;
        }

        .paginator button.active::after{
            background-color: rgba(255, 255, 255, 1);
        }

        .controls .uc-icon{
            color: #fff!important;

        }

        .controls button {
            border: none;
            padding: 10px;
            cursor: pointer;
            background-color: inherit!important;
            color: #fff!important;
        }



        /*box white hero*/
.contenedor-hero-info{
	display:flex;
	align-items: end;
	height:100%;
	width:100%;
    position: relative;
    z-index: 2;
}
  .example{
        height: calc(100% - 84px)!important;
        display: flex;
        align-items: end;

    }

    .box-white-body{
        background-color: #fff;
        padding: 24px!important;
        border-radius: 8px;
        margin-bottom: 86px;
        transition: all .5s ease;
        opacity: 0;
        transform: translateY(40px);
    }

    .slide.animation .box-white-body  {
        opacity: 1;
        transform: translateY(0);
            
        }

.box-white-body h2{
        font-size:24px;


    }
.box-white-body p{
	font-size: 14px;
    line-height: 1.5;
}
  


@media (min-width: 768px) {

    .hero {
            height: calc(100vh - 200px);
            min-height: 680px;
		 max-height: inherit;
        }


    .example{
        align-items: center;
		margin-bottom:40px;
    }
    .box-white-body{
        margin-bottom: inherit;
		padding: 48px!important;
    }

    .box-white-body h2{
        line-height: 1.1;
		font-size: 2.5em;


    }
	
	.uc-carousel-nav-ing{
            bottom: 70px;
            
        }
	
	.box-white-body p{
	font-size: 1em;
    line-height: 1.6;
    letter-spacing: .5px;
}

}

@media (min-width: 992px) {

    .hero {
            height: calc(100vh - 94px);
            min-height: 680px;
        }

    .container-control-carrusel{
            justify-content: end;
        }

    .uc-carousel-nav-ing{
            bottom: 100px;
            
        }

    .example{
		height: calc(100% - 200px)!important;
        align-items: center;
		margin-bottom:inherit;
    }

}

/*-----------------*/



.uc-navbar-dropdown_item{
	padding:0!important;
}
.uc-navbar-dropdown_item a{
	padding:12px;
	width:100%;
}

.margen-contenedor-global-there-no{
	margin-top:60px!important;
	
}

.uc-hero__black-bottom-gradient {
    background-image: linear-gradient(180deg, rgba(43, 76, 137, 0) 48%, rgba(0, 0, 0, .7) 120%) !important;
}

.uc-filters_alphabetic .letter-filter:hover,
.uc-filters_alphabetic .letter-filter.active {
    background-color: #0176de;
    color: #fff;
    z-index: 2;
}

.mb-120 {
    margin-bottom: 120px;
}

.uc-navbar.navbar--absolute {
    z-index: 2 !important;
}

#loader-global {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#loader-global .motion-loader {
    background-color: #ffff;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 1;
}

.pointer-event {
    pointer-events: none;
}

.scrollnone {
    overflow: hidden;
}

.up-loader {
    height: 100%;
    opacity: 0 !important;
}

.down-loader {
    height: 100%;
}

.uc-breadcrumb {
    margin: 0 !important;
}

/*---------HOME 2----------*/
/*---------NAV-----------*/

/*

    .uc-navbar .uc-navbar_nav li ul {
        padding: 24px!important;
        min-width: 240px!important;
        text-align: left!important;
        top:36px!important;
        background-color: #fff!important;
        box-shadow: 0 0 25px rgba(0, 0, 0, .3)!important;
        border-radius: 4px!important;
    }
    
    .uc-navbar .uc-navbar_nav li ul li{
        text-decoration:underline;
    }
    
    .uc-navbar .uc-navbar_nav li ul::after {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 12px solid #fff;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        position: absolute;
        left: 32px;
        top: -12px;
        z-index: 1;
    }

    */

/*-----------blog------------------*/

/*-------nav mobile---------*/

.uc-navbar_mobile-bar-ing .uc-navbar_mobile-logo-ing div a {
    text-decoration: none;
    color: inherit;

}

  .menu-logo-mobile-ing {
    padding: 28px 20px;
  }

  .title-menu-ing {
    background-color: #173f8a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
  }

  .title-menu-ing h2 {
    color: #fff;
  }

  .title-menu-ing .nav-close-btn-ing {
    background-color: #0176de;
    padding: 26px;
    cursor: pointer;
  }

  .title-menu-ing span {
    color: #fff;
    font-size: 32px;
  }

  .uc-navbar_mobile-ing {
    border-bottom: none;
    position: sticky;
    top: 0;
	  z-index:9999;
  }

  .uc-navbar_mobile-bar-ing {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
	background: linear-gradient(180deg, rgba(3, 18, 46, .7), rgba(3, 18, 46, 0)), rgba(3, 18, 46, .6);
	backdrop-filter: blur(12px);
	  -webkit-backdrop-filter: blur(12px);
  }

  .uc-navbar_mobile-logo-ing {
    background-color: transparent;
    padding: 24px 20px;
    flex-grow: 1;
  }

  .uc-navbar_mobile-button-ing {
    background-color: transparent;
    position: relative;
    z-index: 1;
    color: #fff;
    min-width: 75px;
    display: flex;
    font-size: 35px;
    align-items: center;
    text-decoration: none;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer;
  }

  .uc-navbar_mobile-button-ing span {
    color: #fff;
    font-size: 35px;
  }



  .uc-navbar_mobile-content-ing {
    width: 100%;
    z-index: 15;
    height: calc(100vh - 60px);
    position: absolute;
    top: 0;
    right: -100%;
    background-color: #fff;
    transition: all .8s ease;
    overflow-y: scroll;
    opacity: 1;
  }

  .uc-navbar_mobile-content-ing.animation-hidden {
    transform: translateX(-100%);
    opacity: 1;

  }

  .uc-navbar_mobile-list-ing {
    display: flex;
    flex-direction: column;
	-webkit-flex-direction: column;
    border-bottom: 1px solid #dee2e6;
  }

  .list-item-ing {
    padding: 16px 32px;
    text-decoration: none;
    color: #000;
    border-top: 1px solid #dedede;
    font-weight: 500;
  }

  .container-submenu-mobile-ing {
    display: flex;
    flex-direction: column;
	  -webkit-flex-direction: column;
    background-color: #EBF4FC;
    border-radius: 4px;
  }

  .submenu-mobile-ing div:nth-child(1) {
    padding-bottom: 12px;
  }

  .container-submenu-mobile-ing a {
    color: #000000 !important;
    outline-style: none !important;
  }

  .container-submenu-mobile-ing a:first-child {
    border-top: inherit !important;
  }

  .container-submenu-mobile-ing a:last-child {
    border-bottom: inherit !important;
  }

  .is-visible {
    display: block !important;

  }

  .contenedor-menu-secciones {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: absolute;
	  display:none;
	  
  }
.search-mobile .uc-btn {
    background-color: transparent;
}

  .search-mobile {
    background-color: #EAEAEA;
    padding: 24px 32px;
  }

.search-mobile input{
    background-color: #fff!important;
	padding-right: 46px !important;
  }

  .title-sub-mobile {
    display: flex;
    justify-content: space-between;
	  -webkit-justify-content: space-between;
    padding: 16px 32px;
    border-top: 1px solid #dedede;
    position: relative;
    -webkit-box-shadow: 0 21px 17px -27px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 21px 17px -27px rgba(0, 0, 0, 0.5);
    box-shadow: 0 21px 17px -27px rgba(0, 0, 0, 0.5);
  }

  .title-sub-mobile h5 {
    font-weight: 500 !important;
  }

  .title-sub-mobile::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background-color: #0176DE;
    pointer-events: inherit;
  }


  .external-mobile {
    display: flex;
    justify-content: space-between;
	  -webkit-justify-content: space-between;
    align-items: center;
	  -webkit-align-items: center;
    background: #FFC60C;
    color: #0176DE;
    /*margin-bottom: 43px;*/
    padding: 20px 32px;
  }




/*-----------------*/

.margen-contenedor-global {
    margin-top: 120px !important;
}

.tag-blog {
    color: #fff;
    font-size: .875em;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #0176de;
    display: inline-block;
    font-weight: 400;
    z-index: 1;
    text-decoration: none;
    line-height: 16px;
    position: absolute;
    top: 16px;
    left: 16px;
    margin-right: 16px;
    text-align: left;
    letter-spacing: 0px;

}


.blog-card-ing {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;

}

.blog-card-ing:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);

}

.blog-card-ing:hover h4 {
    color: #000;

}

.blog-card-ing a {
    text-decoration: none !important;
    color: inherit;

}

.blog-card-ing .color-blue {
    color: #0176de;

}

.blog-card-ing h4 {
    line-height: 1.1;
}

.tag-blog:hover,
.tag-blog:focus,
.tag-blog:visited,
.tag-blog:link {
    color: #fff;
    text-decoration: none;
}

.image-blog-fluid {

    width: 100%;
    overflow: hidden;
    height: 300px;

}

.image-blog-fluid img {

    width: 100% !important;
    height: 100% !important;
    object-fit: cover;


}

.content-blog {
    padding: 0 32px !important;
}



/*---------------------------------*/


.no-link a {
    text-decoration: none !important;
    color: inherit;
    outline: inherit;

}

.no-link a:link,
.no-link a:focus,
.no-link a:visited,
.no-link a:hover,
.no-link a:active {
    text-decoration: none !important;
    /* Sin decoraciones en hover o clic */
    color: inherit;
    /* Mantener el color original en todas las interacciones */
}

#search {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    width: 280px;
}

#search::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.uc-navbar .uc-input-style.w-icon.search {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3e%3cpath fill='%23fff' d='M12.502 11h-.794l-.276-.274A6.47 6.47 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13a6.47 6.47 0 0 0 4.225-1.566l.276.274v.792l4.998 4.991 1.491-1.49-4.988-5ZM6.5 11a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: right 16px center;

}

.uc-navbar .btn-search {}

.uc-navbar .uc-btn {
    background-color: transparent;

}

.uc-navbar #search {
    padding-right: 50px !important;
}




/*hero*/

.card-hero-change {
    bottom: 100px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.uc-carousel .uc-carousel-nav.bottom-change {
    bottom: 20px !important;
}


.hero #tns1>.tns-item {
    padding-right: inherit !important;
}

.hero {
    position: relative;
    filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.1));
    -webkit-filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.1));
}

.container-hero {
    height: calc(100vh - 200px) !important;
    min-height: 680px;
}

.hero .tns-inner {
    margin: 0 !important;

}

/*
    Barra centro hero
    */

.key {
    position: inherit;
    width: 100%;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.key-container {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    height: 100px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 24px;
    font-style: normal;
    font-size: 16px;
    filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.1));
    -webkit-filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.1));
    overflow: hidden;
    max-width: 1200;
}

.menu-name {
    color: #fff;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    display: flex;
    padding: 0 16px;
    background-color: #0176DE;
    height: 100%;
    min-width: 100px;
    position: relative;
}

.menu-name::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid #0176DE;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    position: absolute;
    right: -11px;
    z-index: 1;
}

.key-sections {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.key-sections::-webkit-scrollbar {
    display: none;
    /* Oculta el scroll en navegadores basados en WebKit (Chrome, Safari, etc.) */
}

.key-sections a {
    flex: 1;
    -webkit-flex: 1;
    /* Hace que cada sección ocupe el mismo ancho */
    text-align: center;
    padding: 0 32px;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    color: #0176DE;
    background-color: #fff;
    cursor: pointer !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


.key-sections a {
    text-decoration: none !important;
    border: none !important;
}

.key-sections a:focus {
    border: none !important;
    outline: none !important;
}

.key-sections a:not(:last-child)::before {
    content: '';
    width: 1px;
    /* Ancho del separador */
    background-color: #0176DE;
    /* Color de línea */
    height: 80%;
    position: absolute;
    right: 0;
}

.key-sections a::after {
    content: '';
    position: absolute;
    width: 54px;
    height: 4px;
    background-color: #FFD800;
    bottom: 16px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}



/*Search*/
.search-home {
    height: 400px;
    width: 100%;
    background-color: rgb(255, 255, 255);
}

/*-------áreas de capacitación--------*/

.item-area-capacitacion .dinamic-card {
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    cursor: pointer;
}

.item-area-capacitacion a {
    text-decoration: none !important;
}

.content-area-capacitacion {
    height: 280px;
    border-radius: 8px;
    border: 1px solid #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.34);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.34);
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: end;
    -webkit-align-items: end;
    padding: 16px;
}



.title-area {
    padding: 16px 16px 30px 16px;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    width: 100%;
    z-index: 2;
    position: relative;
}

.title-area h3 {
    color: #0176de;

    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none !important;
}

.content-area-capacitacion .title-area::after {
    content: '';
    width: 30%;
    height: 4px;
    background-color: #FFD800;
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.content-area-capacitacion img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
}

/*------------------------*/



/*-------- Programas destacados ---------*/

.item-programa-destacado .dinamic-card {
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    cursor: pointer;
}



.item-programa-destacado a {
    text-decoration: none !important;
}

.content-programa-destacado {
    width: 100%;
    border-radius: 4px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
    overflow: hidden;
    position: relative;
}

.content-programa-destacado .container-photo {
    height: 140px;
    width: 100%;
    position: relative;
    overflow: hidden;

}

.content-programa-destacado .container-photo .descuento-programa {
    position: absolute;
    border-radius: 4px;
    background: #2A7DE1;
    padding: 4px 10px;
    top: 8px;
    left: 8px;
    color: #FFF;

    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;

}

.content-programa-destacado .container-photo .sence {
    position: absolute;
    border-radius: 4px;
    background: #08275C;
    padding: 4px 10px;
    top: 8px;
    right: 8px;
    color: #FFF;

    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;

}

.content-programa-destacado .container-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.content-programa-destacado .container-programa-info {
    padding: 24px;
    background-color: #FFF;
    width: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    border-radius: 4px 4px 0 0;
}

.content-programa-destacado .container-programa-info .name-programa {
    padding: 2px 12px;
    text-align: center;
    border-radius: 4px;
    background: #FFD800;
    color: #005fb4;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: inline-block;
    margin-bottom: 8px;
}

.nuevo-programa {
    border-radius: 4px 0px 0px 4px;
    background: #2A7DE1;
    display: inline-flex;
    padding: 2px 12px;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    color: #FFF;

    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: 0.5px;
}

.name-programa-nuevo {
    padding: 2px 12px;
    text-align: center;
    border-radius: 0px 4px 4px 0px;
    background: #FFD800;
    color: #2A7DE1;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: inline-block;
    margin-bottom: 8px;

}

.content-programa-destacado .container-programa-info .contenedor-textos {
    height: 110px;
    /* Altura fija para contener los textos */

}

.content-programa-destacado .container-programa-info h3 {
    color: #000;

    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    margin-bottom: 8px;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-programa-destacado .container-programa-info .name-area {
    color: #707070;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-programa-destacado .container-programa-info hr {
    background-color: #2A7DE1;
    margin: 0 0 8px 0;
    border: inherit;
    height: 1px;
    margin-bottom: 16px;
}


.content-programa-destacado .container-programa-info .container-detail-info {
    display: flex;
    gap: 8px;
}

.content-programa-destacado .container-programa-info .container-detail-info .detail-info {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(42, 125, 225, 0.08);
    background: rgba(42, 125, 225, 0.04);
    width: 100%;
    padding: 16px 0;
}

.content-programa-destacado .container-programa-info .container-detail-info .detail-info p {
    color: #005fb4;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 4px;

}

.content-programa-destacado .center-btn {
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: 16px;
    transition: all .5s ease;
    -webkit-transition: all .3s ease;
}


/*-------------------------*/


/*-------Empresas home---------*/

.empresas-home .col-md-10 {
    padding: 0;
}

.container-relative {
    position: relative;
}

.empresas-home .text-empresas .uc-card {
    margin: 0 24px;

}

.empresas-home .text-empresas {
    transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
	z-index:1;


}

.empresas-home .container-home-empresas img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.empresas-home .container-photo-empresas {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 4px;

}

/*------------------*/

/*------------Eventos home------------*/
.eventos-home .card-type--event .uc-card_body h3 {
    margin-bottom: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.eventos-home .uc-card.card-type--link:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);

}

.eventos-home .uc-card.card-type--link:hover h3 {
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 4px;
}

.eventos-home .item a {
    text-decoration: none !important;
    color: inherit;
}

.eventos-home .item .uc-subtitle {
    text-transform: inherit;
    letter-spacing: 0.2px;
    display: inline-block;

}

.uc-card.card-type--date .month {
    letter-spacing: 0;
}

.uc-card.card-type--date .year {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-left: 4px;
    letter-spacing: 0;
}

.uc-card.card-type--date .date-mobile-event {
    flex-direction: row !important;
    -webkit-flex-direction: row !important;
    display: flex;
}

.uc-card.card-type--date .date-mobile-event .month,
.uc-card.card-type--date .date-mobile-event .year {
    font-weight: 400 !important;
    font-size: 14px;
}


/*------------------------*/

/*----------------Redes sociales home----------------------*/
.rrss-home .contenedor-box {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    gap: 8px;
}

.rrss-home .contenedor-box .box {
    padding: 12px;
    height: 240px;
    position: relative;
    text-decoration: none !important;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20);
    outline: inherit;
}

.rrss-home .contenedor-box .box::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(8, 39, 92, 0.00) 37.19%, #08275C 100%);

}


.rrss-home .contenedor-box .box .content-box {
    text-align: center;
    width: 100%;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px 24px;
}

.rrss-home .contenedor-box .box h3 {
    text-decoration: none !important;
    color: #FFF;

    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 125% */
}

.rrss-home .contenedor-box .box .fotofondo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
}

.rrss-home .contenedor-box .container-col {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    gap: 8px;
    width: 100%;
}

.rrss-home .contenedor-box .card-footer-social {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    gap: 4px;
}

.rrss-home .contenedor-box .card-footer-social::before {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #FFF;
}

.rrss-home .contenedor-box .card-footer-social::after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-position: center;
}

.instagram-home::before {
    content: "Instagram";
}

.instagram-home::after {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none"><path fill="url(%23a)" d="M.95 2.7A2.2 2.2 0 0 1 3.15.5h11.6a2.2 2.2 0 0 1 2.2 2.2v11.6a2.2 2.2 0 0 1-2.2 2.2H3.15a2.2 2.2 0 0 1-2.2-2.2V2.7Z"/><path fill="%23fff" d="M3.008 6.009a3.45 3.45 0 0 1 3.45-3.45h4.981a3.45 3.45 0 0 1 3.45 3.45v4.98a3.45 3.45 0 0 1-3.45 3.45H6.458a3.45 3.45 0 0 1-3.45-3.45V6.01Zm3.45-2.35a2.35 2.35 0 0 0-2.35 2.35v4.98a2.35 2.35 0 0 0 2.35 2.35h4.981a2.35 2.35 0 0 0 2.35-2.35V6.01a2.35 2.35 0 0 0-2.35-2.35H6.458Z" clip-rule="evenodd"/><path fill="%23fff" fill-rule="evenodd" d="M8.948 6.487a1.997 1.997 0 1 0 0 3.993 1.997 1.997 0 0 0 0-3.993ZM5.852 8.484a3.097 3.097 0 1 1 6.193 0 3.097 3.097 0 0 1-6.193 0Z" clip-rule="evenodd"/><path fill="%23fff" d="M12.808 5.3a.746.746 0 1 1-1.492 0 .746.746 0 0 1 1.492 0Z"/><defs><linearGradient id="a" x1="1.574" x2="16.262" y1="1.063" y2="15.813" gradientUnits="userSpaceOnUse"><stop stop-color="%234B61D5"/><stop offset=".486" stop-color="%23DE327B"/><stop offset="1" stop-color="%23FECA65"/></linearGradient></defs></svg>');
}

.linkedin-home::before {
    content: "LinkedIn";
}

.linkedin-home::after {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none"><path fill="%230077B5" d="M.05 2.7A2.2 2.2 0 0 1 2.25.5h11.6a2.2 2.2 0 0 1 2.2 2.2v11.6a2.2 2.2 0 0 1-2.2 2.2H2.25a2.2 2.2 0 0 1-2.2-2.2V2.7Z"/><path fill="%23fff" d="M5.828 4.851a1.388 1.388 0 1 1-2.776 0 1.388 1.388 0 0 1 2.776 0Zm-2.46 2.242c0-.173.14-.312.312-.312h1.513c.173 0 .312.14.312.312v6.132c0 .172-.14.312-.312.312H3.68a.312.312 0 0 1-.312-.312V7.093Zm6.386 1.423c-.842 0-1.128.857-1.166 1.286l-.003-.004v3.427c0 .172-.14.312-.312.312H6.76a.312.312 0 0 1-.312-.312V7.093c0-.173.14-.312.312-.312h1.513c.172 0 .312.14.312.312v.52l.003-.004c.74-1.188 2.862-1.188 3.71-.3.676.707.75 2.067.751 2.688v3.228c0 .172-.14.312-.311.312h-1.575a.312.312 0 0 1-.312-.312v-3.216h-.002v-.343c-.014-.384-.253-1.15-1.095-1.15Z"/></svg>');
}

.youtube-home::before {
    content: "YouTube";
}

.youtube-home::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none"><path fill="red" d="M.5 2.7A2.2 2.2 0 0 1 2.7.5h11.6a2.2 2.2 0 0 1 2.2 2.2v11.6a2.2 2.2 0 0 1-2.2 2.2H2.7a2.2 2.2 0 0 1-2.2-2.2V2.7Z"/><path fill="%23fff" d="M5.237 11.454V5.545a.25.25 0 0 1 .363-.223l6.026 3.04a.25.25 0 0 1-.006.45L5.595 11.68a.25.25 0 0 1-.358-.226Z"/></svg>');
}


.rrss-home .contenedor-box .card-footer-social img {
    flex-shrink: 0;
    width: 16px;
    height: 16px;

}



.rrss-home .contenedor-box .content-box hr {
    color: #fff;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
    margin: 12px 0;
    border: inherit;
}

.rrss-home .text-right {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;

}

.rrss-home .text-right a {
    margin: 0 8px;
    outline: inherit;

}

.rrss-home .text-right a img {
    width: 24px;
    height: 24px;
}



/*--------------------------------------*/


/*------Hero productos-----------*/
/*
    .uc-navbar_mobile-list {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
      }
      
      .uc-navbar_mobile-list.is-visible {
        opacity: 1;
        display: block;
      }
      
      */
body {
    scroll-behavior: smooth;
}

.shadow-blue {
    box-shadow: 0px 4px 14px 0px rgba(42, 125, 225, 0.16) !important;
    -webkit-box-shadow: 0px 4px 14px 0px rgba(42, 125, 225, 0.16) !important;
}

.progrmas-destacados-taxonomy {
    background: linear-gradient(180deg, rgba(42, 125, 225, 0.00) 0%, rgba(42, 125, 225, 0.20) 100%);

}


.uc-hero.hero-producto {
    height: 560px !important;
    display: flex;
    align-items: end;
    -webkit-align-items: end;
}

.container-hero-producto {
    margin-bottom: 10%;

}

.hero-producto h2 {
    font-size: 2.5em;
    line-height: 60px;
    text-align: center;
    line-height: 42px;

}

.hero-producto .title-principal {
    font-size: 2.5em;
    line-height: 60px;
    text-align: center;
    line-height: 42px;

}

.container-text-producto .title-principal {
    font-size: 2.5em;
    line-height: 60px;
    text-align: center;
    line-height: 42px;

}

.degradado-hero-productos {
    background: linear-gradient(180deg, rgba(8, 39, 92, 0), rgba(0, 0, 0, 0.0) 38%, #020d21 108%) !important;
}

.disclaimer-uc-ing {
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    background: rgba(42, 125, 225, 0.48);
    backdrop-filter: blur(10px);
    display: inline-flex;
    padding: 14px;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    gap: 12px;
}

.disclaimer-uc-ing h4 {
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 114.286% */
}

.disclaimer-uc-ing i {
    font-size: 20px !important;
    color: #fff;

}

.container-center-height {
    height: calc(100% - 84px) !important;
    align-items: end !important;
    -webkit-align-items: end!important;
}

.container-text-producto {
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction:column;
}

.container-text-producto .uc-tag {
    margin: 8px auto;
}

/*-------Fin hero productos-------------*/


/*----------Carrusel producto-----------*/
.destacado-programa-carrusel .dinamic-card .content-programa-destacado {
    box-shadow: 0px 4px 14px 0px rgba(42, 125, 225, 0.16) !important;
    -webkit-box-shadow: 0px 4px 14px 0px rgba(42, 125, 225, 0.16) !important;
}

.progrmas-destacados-taxonomy {
    background: linear-gradient(180deg, rgba(42, 125, 225, 0.00) 0%, rgba(42, 125, 225, 0.20) 100%);
}

/*------------------------*/


@media (min-width: 768px) {

    .content-blog {
        padding: 0 16px !important;
        ;
    }

    .uc-hero.altura {
        height: 800px !important;
    }

    .uc-carousel .uc-carousel-nav.bottom-change {
        bottom: 60px !important;
    }

    .key-sections a:hover {
        background-color: #0177de10;
    }

    .key-sections a span {
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .key-sections a:hover span {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }

    .key-sections a:hover::after {
        width: 80px;
        /* Tamaño cuando se hace hover */
    }

    .card-hero-change {
        top: 50%;
        transform: translateY(-30%);
        -webkit-transform: translateY(-30%);
        bottom: inherit;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .hero {
        position: relative;
        filter: inherit;
        -webkit-filter: inherit;
    }

    .container-hero {
        height: calc(100vh - 94px) !important;
    }

    .key {
        position: absolute;
        bottom: -60px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 100%;
        z-index: 1;
    }

    .key-container {
        border-radius: 4px;
        max-width: 900px;
    }

    .menu-name {
        padding: 0 32px;
        min-width: 120px;
    }


    .item-area-capacitacion .dinamic-card:hover {
        transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
    }



    /*-------foto blog single--------------*/
    .image-blog-fluid {

        width: 100%;
        overflow: hidden;
        height: 500px;

    }

    /*--------------*/

    /*-------programas destacados-------*/
    .item-programa-destacado .dinamic-card:hover .container-programa-info {
        transform: translateY(-60px);
        -webkit-transform: translateY(-60px);

    }

    .content-programa-destacado {
        height: 430px;

    }

    .content-programa-destacado .container-programa-info {
        position: absolute;

    }

    .content-programa-destacado .center-btn {
        opacity: 0;
    }


    .item-programa-destacado .dinamic-card:hover .center-btn {
        opacity: 1;
    }

    /*----------------*/


    /*-------empresas home--------*/
    .empresas-home .text-empresas {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        z-index: 1;

    }

    .empresas-home .container-photo-empresas {
        height: 480px;

    }

    .empresas-home .text-empresas .uc-card {
        margin: 0;

    }

    /*---------------------*/

    /*-----------redes sociales home------------------------*/

    .rrss-home .contenedor-box {
        flex-direction: row;
        height: 570px;
        /* Espacio entre los elementos */
    }

    .rrss-home .contenedor-box .container-col {
        width: 33.333333%;
    }

    .rrss-home .contenedor-box .container-col:nth-child(1) .box:nth-child(1) {
        height: 60%;
    }

    .rrss-home .contenedor-box .container-col:nth-child(1) .box:nth-child(2) {
        height: 40%;
    }

    .rrss-home .contenedor-box .container-col:nth-child(2) .box:nth-child(1) {
        height: 40%;
    }

    .rrss-home .contenedor-box .container-col:nth-child(2) .box:nth-child(2) {
        height: 60%;
    }

    .rrss-home .contenedor-box .container-col:nth-child(3) .box:nth-child(1) {
        height: 70%;
    }

    .rrss-home .contenedor-box .container-col:nth-child(3) .box:nth-child(2) {
        height: 30%;
    }

    .rrss-home .contenedor-box .box {
        transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        cursor: pointer;
    }

    .rrss-home .contenedor-box .box:hover {
        transform: translateY(-4px);
        -webkit-transform: translateY(-4px);
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
    }

    /*--------------------------------*/



    /*--------Hero productos-------------*/
    .hero-producto h2 {
        font-size: 3.5em !important;
        line-height: 60px !important;
        text-align: left;

    }
	
	 .hero-producto .title-principal {
        font-size: 3.5em !important;
        line-height: 60px !important;
        text-align: left;

    }
	
	 .container-text-producto .title-principal {
        font-size: 3.5em !important;
        line-height: 60px !important;
        text-align: left;

    }

    .container-center-height {
        height: calc(100% - 84px) !important;
        align-items: center !important;
        -webkit-align-items: center!important;
    }

    .container-text-producto {
        display: block !important;
    }

    .degradado-hero-productos {
        background: linear-gradient(270deg, rgba(8, 39, 92, 0), rgba(0, 0, 0, 0.1) 36%, #020d21 130%) !important;
    }

    .container-text-producto .uc-tag {
        margin: 0 0 8px 0;
    }

    /*--------------fin hero productos--------------------*/


}


@media (min-width: 992px) {

    /*------NAV---------*/
    .cursor-header-ing {
        cursor: pointer;
    }

    .navbar-transparent .uc-navbar-dropdown_item:hover {
        background-color: #0177de16;
        cursor: pointer;
    }

    /*-------------*/


    /*-----------blog------------------*/

    .margen-contenedor-global {
        margin-top: 260px !important;
    }

    /*---------------------------------*/

    .uc-carousel .uc-carousel-nav.bottom-change {
        bottom: 100px !important;
    }


    .key-container {
        height: 120px;
        font-weight: 300;
        line-height: 24px;
        font-style: normal;
        font-size: 20px;
        max-width: 1248px;
        margin: 0 8px;
    }

    /*----programas destacados home---------*/

    .content-programa-destacado {
        height: 444px;

    }

    /*---------*/


    /*-------Hero productos-----------*/
    .uc-hero.hero-producto {
        height: 80vh !important;
        min-height: 600px !important;
    }

    .container-center-height {
        height: calc(100% - 200px) !important;
    }

    .container-text-producto {
        margin-left: 40px !important;
    }

    /*----fin hero productos-------*/

}

@media (min-width: 1200px) {

    /*----programas destacados home---------*/
    .content-programa-destacado {
        height: 430px;

    }

    /*---------*/

}


.scroll-info {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    gap: 8px;
    color: #0176de;
    font-size: 14px;
}

.scroll-info i {
    font-size: 20px;
}


.table-responsive table {
    width: 100%;
}

.table-responsive th,
.table-responsive td {
    min-width: 150px;
    font-size: 12px;
}

@media (min-width: 768px) {

    .table-responsive th,
    .table-responsive td {
        min-width: 150px;
        font-size: 14px;
    }

}

@media (min-width: 992px) {

    .table-responsive th,
    .table-responsive td {
        min-width: 150px;
        font-size: 16px;
    }
}




/*---------------------------*/

/*------------Estilo detalles-------------*/


    
    /*
    .container-full {
        margin: 0!important;
    }
    */
    /*
    .blog-noticias .tns-outer{
        overflow: inherit!important;
    }
    */
    
    @media (max-width: 768px) {
        .separate-containers .inside-article,
        .separate-containers .comments-area,
        .separate-containers .page-header,
        .separate-containers .paging-navigation,
        .one-container .site-content,
        .inside-page-header {
            padding: 0!important;
          
        }
    }
    
    .blog-noticias .uc-carousel-cards{
        overflow: inherit!important;
        
    }
    .linkedin-feed {
      overflow: auto; /* Asegúrate de que tenga scroll */
    }
    
    .linkedin-feed::-webkit-scrollbar {
      width: 8px; /* Ancho del scroll */
    }
    
    .linkedin-feed::-webkit-scrollbar-thumb {
      background-color: #0176DE; /* Color del scroll */
      border-radius: 4px; /* Bordes redondeados */
    }
    
    .linkedin-feed::-webkit-scrollbar-track {
      background-color: #ffffff; /* Color de fondo de la barra */
    }
    
    #sb_instagram #sbi_images {
    
         padding: 0!important; 
    }
    
    .sby_items_wrap .sby_item:nth-child(2){
        width: 49%!important;
        margin-right: 1% !important;
        
    }
    
    .sby_items_wrap .sby_item:nth-child(3){
        width: 49%!important;
        margin-left: 1% !important;
        
    }
    
    .h-100{
            height: 100%;
        }
    
    .title-other-two h2{
       /* font-size: 2.5em;
            line-height: 1.3;
        font-weight: 700;*/
        
    }
    
    
    h2.entry-title {
        display: none;
    }
    
    .mas-info{
        color:white;
    }
    .mas-info:link,
    .mas-info:focus,
    .mas-info:visited,
    .mas-info:hover,
    .mas-info:active{
        color:white;
        
    }
    
    .title-we{
        font-size: 2em;
        line-height: 1.3;
    }
    
    .title-other{
        font-size: 2.5em;
            line-height: 1.3;
        font-weight: 700;
        
    }
    .nosotros-ventajas .subheading-container{
        margin-bottom:20px!important;
    }
    
    .banner-nosotros-academicos .subheading-container{
        margin-bottom:10px!important;
    }
    
    .banner-nosotros-academicos p{
        margin-bottom:8px!important;
    }
    
    .logo-ing {
        text-decoration: none; /* Sin subrayado ni decoraciones */
        color: inherit; /* Mantener el color original del texto */
    }
    .logo-ing:link,
    .logo-ing:focus,
    .logo-ing:visited,
    .logo-ing:hover,
    .logo-ing:active {
        text-decoration: none!important; /* Sin decoraciones en hover o clic */
        color: inherit; /* Mantener el color original en todas las interacciones */
    }
    
    
    
    .body-article h2{
        margin: 32px 0 16px 0!important;
        text-align:left!important;
    }
    
    .wrapper-hero-banner div:first-child {
      background-position: center!important;
    }
    
    /*
    .uc-card .uc-card_body h2 {
                font-size: 2.5em;
            line-height: 1.3;
        font-weight: 700;
    }
    
    .uc-hero.full-page h2 {
        font-family: 'Roboto Slab'!important;
        font-size: 6.5vh;
    }
    
    .uc-hero.full-page h1 {
        font-family: 'Roboto Slab'!important;
    }
    
    */
    
    div.mid-section, div.mid-section2, div.mid-section3, div.mid-section-shortcut, #banner-evento {
        width: 100vw!important;
    }
    /*
    html, body {
    overflow-x: hidden;
    }
    */
     .uc-card_body{
            padding-top: 35px!important;
        }
    
    .ontop-wrapper{
        width:100vw!important;
    }
    /*
        #tns1 > .tns-item {
            padding-right: 0!important;
            overflow:hidden;
        }
    */
    .uc-hero.full-page {
        overflow:hidden;
    }
    
    
    @media (min-width: 992px) {
        .uc-hero.full-page {
        overflow:hidden;
    }
      .uc-card_body{
            padding-top: 35px!important;
        }
        .ontop-wrapper{
        width:100vw!important;
    }
    /*
         #tns1 > .tns-item {
            padding-right: 0!important;
             overflow:hidden;
        }
             */
		/*
        html, body {
    overflow-x: hidden;
    }
		
		*/
    }
    
    @media (min-width: 48em) {
        /*
         #tns1 > .tns-item {
            padding-right: 0!important;
             overflow:hidden;
        }
             */
        
    }
    
    /*-------------------------*/
    
    
    
    
    
    
    
    .afooter {
        background-color: transparent !important;
        color: #0176de !important;
        -webkit-text-decoration: none !important;
        text-decoration: none !important;
    }
    
    .letra-filtro {
        color: #173f8a;
        font-weight: bold;
        font-size: small;
    }
    
    .ontop-wrapper {
        width: 99vw;
        position: relative;
    }
    
    main#main {
        margin-top: 0;
    }
    
    section {
        padding: 2em 1em;
    }
    
    .section {
        margin: 33px -16px;
        padding: 16px;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .allcaps {
        text-transform: uppercase;
    }
    
    .uc-carousel-nav.primary-carousel-nav.hero-banner {
        visibility: hidden;
    }
    
    .section.program-menu {
        margin: 0;
        padding: 0;
        margin-top: -140px;
        position: relative;
        z-index: 10;
    }
    
    .mauto {
        margin: auto !important;
    }
    
    .main-navigation,
    .main-navigation ul ul {
        background-color: transparent;
    }
    
    nav#site-navigation {
        position: absolute;
        width: 97vw;
        left: 1vw;
    }
    
    .main-navigation .inside-navigation {
        background: #0000002b !important;
    }
    /*
    .site-content {
        flex-wrap: wrap;
    }
    */
    .site-header {
        width: 99.06vw;
    }
    
    header.uc-header {
        margin-bottom: -1px;
    }
    
    .space {
        padding: 8vh 3vh;
    }
    
    .uc-carousel.container-full {
        margin-top: auto;
    }
    
    spacer {
        display: block;
    }
    
    spacer#after-hero {
        margin-bottom: 140px;
    }
    
    .departamento div {
        font-weight: 300;
        line-height: 1.1em;
    }
    
    /**** SECTION ****/
    #mid-banner,
    #mid-banner2,
    #mid-banner3,
    #mid-banner-evento {
       /* height: 560px;
        overflow: hidden;*/
    }
    
    div.mid-section,
    div.mid-section2,
    div.mid-section3,
    div.mid-section-shortcut,
    #banner-evento {
        /*
        height: 560px;
        overflow: hidden;
        width: 99vw;
        position: absolute;
        left: 0;
        box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.75);
        */
    }
    
    div.mid-section-shortcut {
        /*position: relative;*/
    }
    
    .row.evenly {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }
    
    .section-eventos {
        background: rgb(255, 255, 255);
        background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(239, 239, 239, 1) 50%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(239, 239, 239, 1) 50%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(239, 239, 239, 1) 50%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
        margin: -33px -10vw;
        padding: 33px 10vw;
        border-radius: 8px;
    }
    
    .d-flex.justify-content-evenly {
        justify-content: space-evenly;
    }
    
    /*.flyer {
        background-color: #fff;
        margin: 3%;
        padding: 0 !important;
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.36);
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.36);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.36);
    }*/
    
    .side-walk {
        display: flex;
    }
    
    .side-walk section {
        width: 75%;
    }
    
    .side-walk aside {
        width: 30%;
    }
    
    .featured-img {
        max-width: 250px;
        margin-top: -172px;
        margin-left: 25px;
        border-radius: 125px;
        overflow: hidden;
        background: #fff;
        position: relative;
    }
    
    .featured-img img {
        max-width: 250px;
    }
    
    .banner-event {
        border-radius: 4px;
        overflow: hidden;
    }
    
    .event-spacer {
        display: block;
        height: 6vh;
        width: 100%;
        margin-bottom: 3vh;
    }
    
    .fs-new {
        font-size: 0.9em;
        line-height: 1.3em;
    }
    
    h1.event-title {
        /* background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0) 100%);
        padding: 3%;
        padding-bottom: 19%;
        margin-bottom: -19%;*/
        text-align: center;
        margin-left: -15px;
        margin-right: -15px;
        border-radius: 4px 4px 16px 16px;
    }
    
    .trans-header {
        /*  background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0) 100%);*/
        padding-bottom: 36%;
        margin-bottom: -36%;
        padding-top: 3%;
        border-radius: 4px;
        margin-left: -15px;
        margin-right: -15px;
        border-radius: 4px 4px 25px 25px;
    }
    
    .pos-left {
        width: 60%;
        margin: 1% 3%;
        display: inline-block;
    }
    
    .pos-right {
        width: 20%;
        margin: 1% 3%;
        display: inline;
    }
    
    .action-but {
        background: #fec60d;
        padding: 15px 25px;
        border-radius: 8px;
        float: right;
    }
    
    .no-float {
        float: none;
        margin: auto;
        width: fit-content;
    }
    
    .action-but a {
        text-decoration: initial;
    }
    
    .full-sec {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    
    .sec {}
    
    .sec-100 {
        width: 100%;
    }
    
    .sec-70 {
        width: 70%;
    }
    
    .sec-30 {
        width: 30%;
    }
    
    .data-table {
        padding: 15px;
        border: 1px solid #ccc;
        margin: 15px 0;
        background: #00000005;
    }
    
    .data-table-side {
        padding: 30px;
        border: 1px solid #ccc;
        margin: 0 15px;
    
    }
    
    span.label {
        display: block;
        border-top: 1px solid #fec60d;
        padding-top: 4px;
        margin-bottom: 8px;
        color: #fec60d;
        margin-top: 24px;
        font-size: 14px;
    }
    
    .dt-fecha {
        font-size: 1.5rem;
        /*color: #fec60d;*/
    }
    
    .registro {
        padding: 6% 3%;
        border-radius: 4px 4px 25px 25px;
        /* background-color: #00000029;*/
    
    }
    
    .reg-form {
        max-width: 396px;
        margin: auto;
    }
    
    .reg-form label {
        display: block;
        font-size: 0.8em;
        margin: 0;
    }
    
    .a-center {
        align-items: center;
    }
    
    .fix-h36 {
        height: 36px;
    }
    
    .fix-h96 {
        height: 96px;
    }
    
    .w-150 {
        min-width: 150px;
    }
    
    /***** mas vistos ******/
    
    .uc-carousel-cards.nopad {
        padding: 0 calc((100vw - 100%)/2);
    }
    
    .h-full.masvistos {
        height: 88px;
        justify-content: center;
    }
    
    .area {
        font-weight: bold;
    }
    
    div.time {
        height: 24px;
    }
    
    
    .flex {
        display: flex;
        align-items: center;
    }
    
    .flex-end {
        display: flex;
        justify-content: space-between;
    }
    
    .flex-col {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .mail-aca {
        font-size: 0.7em;
        padding: 15px 5px;
        color: #173f8a;
    }
    
    .air {
        margin: 33px 0;
    }
    
    .uc-card {
        background-color: #fffffff5 !important;
    }
    
    .uc-card .uc-card_line {
        border-bottom: 1px solid #eaeaea;
    }
    
    span.invert {
        background: #fec60d;
        padding: 3px 8px;
        border-radius: 4px;
    }
    
    
    
    /****** programas lista ****/
    
    .container.my-60.margintopless {
        position: relative;
        z-index: 8;
    }
    
    .margintopless .uc-carousel-cards {
        background: #f6f6f6;
        margin-top: -108px;
        padding-top: 86px;
        border-bottom: 1px solid #eaeaea;
        box-shadow: 0 0 8px 0 rgba(136, 136, 136, .18)
    }
    
    .uc-card.uc-card--type-square.new260 {
        max-width: 225px;
        max-height: 140px;
        margin: 4px;
    }
    
    .uc-navbar .uc-navbar_nav .nav-item:first-child.no-border {
        border: none !important;
    }
    
    a.uc-btn.btn-inline.areas-but {
        background: #fec60d;
        padding: 10px !important;
        border-radius: 4px !important;
    }
    
    .uc-navbar.no-shadow {
        border: none;
        box-shadow: none;
        background: none;
        margin-top: 128px;
    }
    
    .uc-navbar.no-shadow.no-padding {
        margin-top: 0;
    }
    
    .row-wrapper {
        min-height: 437px;
        height: 50vh;
        border-radius: 0 0 15vw 0;
    }
    
    .container.color-s {
        margin-top: -64px;
    }
    
    .submenu-box {
        margin: 13px;
        padding: 13px;
        font-size: 0.85em;
        background: #f9f9f9;
        border-radius: 4px;
        width: auto;
    }
    
    .submenu-box:hover {
        background: #dbdbdb;
    }
    
    .submenu-box a,
    a.link {
        text-decoration: none;
    }
    
    .row.wer {
        justify-content: center;
    }
    
    .submenu-section {
        height: 15vh;
        min-height: 110px;
    }
    
    .uc-navbar-dropdown_item.full-w {
        min-width: 360px !important;
    }
    
    .container-absolute {
        position: absolute;
        left: 0;
        height: 170px;
        padding: 0 20px;
    }
    
    .home-blog-card .uc-card_body {
        height: 15em;
    }
    
    .home-blog-card .uc-card_body h3 {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.9em;
        width: 100%;
    }
    
    .areas-box-home .container {
        padding: 0;
    }
    
    .menu-areas-home {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }
    
    .uc-card.uc-card--type-square.new290h {
        /* max-width: 370px; */
        /* max-height: 290px; */
        max-width: 170px;
        max-height: 160px;
        /* margin: 1vw; */
        /* padding: 3px; */
    }
    
    .uc-card.uc-card--type-square.new120h {
        max-width: 160px;
        max-height: 120px;
        margin: 1vw;
        padding: 3px;
    }
    
    .uc-card.card-bg--image.uc-card--type-square.new290h:hover {
        background-color: #fec60d;
    }
    
    .uc-card .uc-card_body--sx {
        padding: 4px !important;
    }
    
    h6.color-black.small-txt.external,
    h6.color-white.small-txt.external {
        line-height: normal;
        font-weight: 300;
    }
    
    .max-360 {
        max-height: 360px;
        max-width: 1184px;
        overflow: hidden;
    }
    
    .h-360 {
        min-height: 360px;
        /* background: #0000004f; */
        background: #00000029;
    }
    
    /**** section academicos ******/
    
    .aca-banner {
        box-shadow: 0px 0px 40px -18px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 0px 0px 40px -18px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 40px -18px rgba(0, 0, 0, 0.75);
    }
    
    #section-academicos {
        background-color: transparent;
    }
    
    #section-academicos .uc-card {
        margin: 15px auto;
    }
    
    #section-academicos .uc-card img.uc-card-img {
        width: 100%;
        height: auto;
        overflow: hidden;
        /* filter: saturate(0.5); */
    }
    
    #section-academicos .text-right {
        position: absolute;
        right: 15px;
        bottom: 15px;
    }
    
    /*
    .tns-outer {
        overflow: hidden;
    }
    */
    
    #section-academicos .uc-card.card-type--horizontal {
        min-width: 100%;
        margin: 2em 1em;
    }
    
    
    .container-full {
        width: 100vw;
        position: absolute !important;
        left: 0vw;
        z-index: 1;
        margin: -15px;
        padding: 0;
    }
    
    .cuerpo-evento {
        padding: 1%;
    }
    
    .container-cust {
        z-index: 2;
        position: relative;
    
    }
    
    .uc-hero.full-page {
        height: 75vh;
    }
    
    .uc-hero.full-page.middle {
        height: 560px;
    }
    
    .uc-hero.full-page.foot {
        height: 560px;
    }
    
    .uc-hero.full-page p.mb-28 {
        font-size: 3vh;
    }
    
    .uc-hero.full-page.middle p.mb-28 {
        font-size: 2.5vh;
    }
    
    .uc-hero.full-page.foot p.mb-28 {
        font-size: 2.5vh;
    }
    
    .uc-hero.full-page h1 {
        font-size: 6.5vh;
    }
    
    .uc-hero.full-page.middle h1 {
        font-size: 5.5vh;
    }
    
    .uc-hero.full-page.foot h1 {
        font-size: 5.5vh;
    }
    
    
    main-title a,
    .main-navigation .inside-navigation a,
    #primary-menu li a {
        color: #fff;
    }
    
    .main-navigation .inside-navigation {
        background: #0176de;
    }
    
    .main-navigation {
        display: none;
    }
    
    .uc-card .uc-card_body--lg.new-padding {
        padding: 25px !important;
    }
    
    .img-placeholder {
        width: 20vw;
        min-width: 225px;
        background: #0176de !important;
        border: none !important;
    }
    
    .new260.img-placeholder:hover {
        background: #173f8a !important;
    }
    
    
    div#mkt-academicos.container-full img {
        width: 100%;
    }
    
    .academ-pic img {
        width: 300px;
        height: 300px;
        object-fit: cover;
    }
    
    .center {
        text-align: center;
        margin: 132px 0;
    }
    
    .under-tit {
        font-style: italic;
        color: #707070;
        font-size: 1.3em;
    }
    
    h1.mega-tit {
        text-align: center;
        width: 100%;
        padding: 33px 0;
        font-size: 4em;
    }
    
    .tar {
        width: 100%;
        text-align: right;
    }
    
    .uc-agenda-border-top-divider {
        border-top: 1px dashed #ccc;
        margin-top: 60px;
    }
    
    /*.overcolor {
        background: #292b2f !important;
    }
    .flex.overcolor .uc-card_header {color:#fff;}
    .text-color--white{color:#fff;}*/
    
    /****** VIDEOS ***/
    img.ytimage {
        object-fit: cover;
    }
    
    .uc-card.card-type--horizontal.yt {
        margin: 1vw;
    }
    
    .uc-icon.icon-shape--rounded.vid {
        background-color: red;
    }
    
    .yt .uc-card_body {
        width: 62%;
    }
    
    
    .yt a.video-wraper {
        object-fit: cover;
        margin: auto;
        text-align: center;
        height: 100%;
        width: 38%;
        position: relative;
    }
    
    .yt a.video-wraper img {
        width: 100% !important;
        object-fit: cover;
        height: 100% !important;
    }
    
    span.centmid.material-icons {
        position: absolute;
        left: calc(50% - 1.75rem);
        top: calc(50% - 1.75rem);
        color: #fff;
        display: block;
        object-fit: fill;
        width: 56px;
        height: 56px;
        font-size: 3.5rem;
        text-shadow: 1px 3px 0 #0000005e, 2px 6px 5px #0000008c;
    }
    
    span.centmid.material-icons:hover {
        color: #ffffff2c;
        text-shadow: none;
    }
    
    /****** filtro ********/
    
    .filtros-buscador .uc-dropdown .uc-btn.btn-cta:after {
        content: '▼';
        margin-left: 8px;
        font-size: 14px;
        color: #0176de;
    }
    
    div.filter {
        width: 100%;
        margin-bottom: 48px;
    }
    
    .max250 {
        max-width: 250px;
        margin: auto;
    }
    
    /***** METODOLOGIA **********/
    .uc-card.visible {
        overflow: visible;
    }
    
    .uc-card .bghover:hover {
        background: #0176de;
    }
    
    section#metodologia .uc-card {
        margin-bottom: 32px;
        display: flex;
        align-items: center;
    }
    
    #metodologia .uc-card img {
        padding: 0px 18% 30% 18%;
        object-fit: scale-down;
        width: 220px;
    }
    
    #metodologia .uc-card h6
    
    /***** BLOG noticias ********/
    .uc-card.card-type--horizontal img {
        width: 37%;
    }
    
    .uc-card .tag-fixed {
        text-align: center;
        /* padding: 8px; */
        max-width: 82%;
        line-height: normal;
    }
    
    
    .uc-hero__card-container {
        bottom: 86px !important;
    }
    
    /********** EVENTOS ********/
    
    div#otros-eventos {
        width: 100%;
    }
    
    .uc-hero.mh-362 {
        height: 372px;
        border-radius: 4px;
        overflow: hidden;
    }
    
    .uc-hero.mh-362 .uc-hero__card-container {
        bottom: initial !important;
    }
    
    .uc-card_body.text-black {
        color: #000;
    }
    
    .uc-tag.tag-fixed.outer-tag {
        position: absolute;
        top: 0;
        left: 0;
        background: #fec60d;
        border-radius: 0 0 14px;
        padding-bottom: 8px;
        padding-right: 22px;
    }
    
    .uc-tag.tag-fixed.outer-tag.tag-mt {
        top: -15px;
    }
    
    .uc-tag.tag-fixed.outer-tag-panelist {
        position: absolute;
        top: -26px;
        left: 0;
        background: #fec60d;
        border-radius: 0 14px 0 0;
        padding-top: 8px;
        padding-right: 22px;
    }
    
    img.uc-card-img.panelist {
        height: 205px;
        width: 300px;
        object-fit: cover;
    }
    
    /***** MEDIA ******/
    
    @media(max-width: 576px) {
        .section {
            padding: 0;
        }
    
        .site-content .content-area {
            width: 100% !important;
        }
    
        #section-academicos .d-flex.col-12.col-lg-6 {
            padding: 0;
            left: -15px;
            margin: -25px 0;
        }
    
        section#section-academicos {
            padding: 2em 0em;
        }
    
        .container-full {}
    
        #mkt-academicos .col-12 {
            margin: 0;
            padding: 0;
        }
    
        .uc-card.uc-card--type-square.new260 {
            max-width: 100vw;
            max-height: 90px;
            width: 100vw;
            padding: 15px;
            margin: 10px 0;
        }
    
        .uc-card.card-bg--image {
            width: 100%;
        }
    
        .submenu-box {
            width: 90vw;
            margin: 5px 15px;
        }
    
        .submenu-section {
            height: 75vh;
        }
    
        .row-wrapper {
            height: 75vh;
            background-position: 50% 15%;
            margin: -17vw;
        }
    
        .d-xs-none {
            display: none !important
        }
    
        .yt .uc-card_body,
        .yt a.video-wraper {
            width: 100%;
            max-height: 200px;
        }
    
        .menu-areas-home {
            grid-template-columns: repeat(2, 1fr);
        }
    
        .sec,
        .pos-left,
        .pos-right {
            width: 100%;
        }
    
        .uc-table-list .uc-table-list_title {
            min-width: 130px !important;
        }
    
        .yt a.video-wraper img {
            height: 170px !important;
        }
    
        .uc-grid-explore {
            height: auto !important;
        }
    
        .uc-grid-explore .uc-card.card-type--horizontal img {
            width: 100% !important;
        }
    
        .uc-card .uc-card_body--absolute {
            width: 90% !important;
        }
    
        .uc-card.home-blog-card .uc-card_body--absolute {
            width: 100% !important;
        }
    
        .filtro-buscar.input-group,
        .filtro-buscar .btn-group {
            width: 100%;
        }
    
        .filtros-buscador .uc-dropdown {
            padding: 0;
        }
    
        .filtros-buscador {
            width: 100%;
            justify-content: space-between;
            margin: 12px 0 0;
        }
    
        #content-filtro.col-12 {
            flex: 0 0 110% !important;
            max-width: 110% !important;
        }
    
        table.uc-table {
            display: inline-block;
            overflow-x: scroll;
            overscroll-behavior-x: contain;
            scroll-snap-type: x proximity;
        }
    
        .tabla_convenios {
            flex-wrap: wrap;
        }
    
        ul.uc-filters_alphabetic {
            margin: 0;
        }
    
        .uc-filters {
            flex-wrap: wrap;
        }
    
        button.letter-filter {
            padding: 2px 1px !important;
            margin-top: 20px;
        }
    
        .banner-nosotros-academicos .uc-hero__content.uc-hero__content--center.uc-hero__text--center.h-360 {
            width: 112%;
        }
    
        .side-walk section {
            flex: auto;
            width: 100%;
        }
    
        .side-walk aside {
            flex: auto;
            width: 100%;
        }
    
        .side-walk {
            flex-wrap: wrap;
        }
    
        #malla-producto .contenido-malla {
            display: flex;
            flex-wrap: wrap;
        }
    
        .section-eventos {
            padding: 0;
        }
    
        #sb_instagram.sbi_width_resp {
            width: calc(100% + 60px) !important;
            margin: 0 -30px;
            padding: 0 16px !important;
        }
    
        /**** MENU PROGRAMAS ******/
        .section.program-menu {
            margin: 0;
        }
    /*
        .carousel-nav-container {
            display: none !important;
        }
    
        */
        .home .ontop-wrapper .container {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }
    
        .menu-areas-home {
            grid-column-gap: 15px;
            grid-row-gap: 15px;
        }
    
        .home-destacados-dip,
        .home-destacados-cur,
        .home-destacados-mag {
            padding: 0px 16px;
        }
    
        .videos_home {
            padding: 0 10px;
        }
    
        .videos_home .col-sm-12 {
            margin-bottom: 10px;
        }
    
        .home-articulos {
            padding: 0px 14px;
        }
    
        .home-articulos .uc-card {
            margin-bottom: 10px;
        }
    
        .section-eventos h3 {
            padding: 0 34px;
        }
    
        .section-eventos .menu-section {
            padding: 0 16px;
        }
    
        .spacer,
        .space {
            padding: 0;
            margin: 0;
        }
    
        .nosotros-mision .col-lg-4 {
            margin: 10px auto;
            padding: 0 16px;
        }
    
        div#profesionales #t2 {
            padding: 0;
        }
    
        div#profesionales .uc-card {
            margin-bottom: 10px;
        }
    
        div#content-filtro .col-sm-12 {
            margin-bottom: 10px;
        }
    
        .uc-input-style {
            min-width: auto !important;
        }
    
        .contacto-empresas .col-6 {
            max-width: 100% !important;
        }
        /*
    
        svg {
            width: 77vw;
            height: auto;
        }
        
        */
    
        svg.fixw {
            width: 60px !important;
        }
    
        .cuerpo-docente-todos {
            padding: 0 16px;
        }
    
        .cuerpo-docente-todos .uc-filters {
            flex-wrap: wrap;
            overflow: auto;
        }
    
        div#otros-eventos .uc-table-list {
            overflow: auto;
        }
    
        /***** LETRAS FILTRO PROFESORES ***/
    
        ul.uc-filters_alphabetic.mr-16 li {
            width: 32px;
            flex: 0 1 auto;
        }
    
        ul.uc-filters_alphabetic.mr-16 {
            display: flex;
            flex-wrap: wrap;
        }
    
        .filtros-buscador.d-flex {
            display: block !important;
            width: 100% !important;
        }
    
        .w-100 {
            width: 100%;
            margin-bottom: 8px;
        }
    
        .area {
            font-size: 3.7vw;
        }
    
        .uc-carousel.container-full {
            margin-left: 0;
        }
    
        .link-academico {
            margin-left: 40px;
            text-align: left;
        }
    
        .academ-pic img {
            width: 46vw;
            height: 230px;
            object-fit: cover;
        }
    
        .tabla_convenios th:first-child {
            width: 100% !important;
        }
    }
    
    
    @media(max-width: 320px) {
        /*.filtros-buscador .uc-dropdown .uc-btn.btn-cta:after {
          display: none;
        }*/
    }
    
    
    
    .subheading-container {
        align-items: center;
        display: flex;
        margin-bottom: 44px;
    }
    
    h1.entry-title {
        display: none;
    }
    
    div#carruse-testimonios {
        width: calc(50%);
    }
    
    div#carruse-testimonios>.tns-item {
        padding-right: 32px;
    }
    
    div#carruse-testimonios p {
        font-size: 16px;
    }
    
    .img-radius {
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
    
    
    
    
    
    
    
    /****** OVERIDES ******/
    
    .uc-hero__blue-gradient--quote-left {
        background: rgb(8, 39, 92) !important;
        background: -moz-linear-gradient(90deg, rgba(8, 39, 92, 0.75) 0%, rgba(255, 255, 255, 0.1856092778908438) 75%) !important;
        background: -webkit-linear-gradient(90deg, rgba(8, 39, 92, 0.75) 0%, rgba(255, 255, 255, 0.1856092778908438) 75%) !important;
        background: linear-gradient(90deg, rgba(8, 39, 92, 0.75) 0%, rgba(255, 255, 255, 0.1856092778908438) 75%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08275c", endColorstr="#ffffff", GradientType=1);
    }
    
    
    
    /****** banners ***********/
    
    .uc-hero__card-container--with-controls--home.diisbanner {
        height: 74% !important;
        margin: 0;
    }
    
    .diisbanner .uc-card {
        background-color: #fff;
        height: 100%;
        border-radius: 8px;
    }
    
    .diisbanner .uc-card .uc-card_body {
        justify-content: space-around !important;
    }
    
    .on-top-img {
        max-height: 200px;
        margin: 0;
    }
    
    .on-top-img img {
        max-height: 200px;
        width: 100%;
        object-fit: cover;
    }
    
    
    /******* special banner control ********/
    
    div.tns-outer {
        position: relative;
    }
    
    .tns-controls {
        align-content: flex-start;
        /* position: absolute;
        top: calc(100vh/9);
        left: calc(100vw/9);*/
        display: block;
        z-index: 7;
    }
    
    .tns-controls button {
        color: transparent;
        margin: 5px;
        width: 62px;
        height: 62px;
        border-radius: 31px;
        background: #0000002b;
    }
    
    .tns-outer button:first-child {
        position: absolute;
        z-index: 9;
        top: calc(50% - 32px);
    
    }
    
    .tns-outer button:last-child {
        position: absolute;
        z-index: 9;
        top: calc(50% - 32px);
        left: calc(100% - 74px);
    }
    
    .tns-controls button:hover {
        background: #fff;
    }
    
    
    .tns-controls button:after {
        color: #fff;
        display: block;
        margin-top: -62px;
        margin-left: -13px;
        font-family: 'Material Icons';
        font-size: 46px;
    }
    
    .tns-controls button:hover:after {
        color: #0176de;
    }
    
    .tns-controls button:first-child:after {
        content: "\e2ea";
    }
    
    .tns-controls button:last-child:after {
        content: "\e5e1";
    }
    
    #programas-relacionados img {
        height: 200px;
        object-fit: cover;
    }
    
    #doc-todos {
        width: 100%;
    }
    
    #profesionales .uc-card img {
        max-height: 270px;
        object-fit: cover;
        object-position: 50% 30%;
    }
    
    #malla-producto .uc-card.card-type--event .uc-card-link {
        -webkit-line-clamp: 8;
    }
    
    .tabla_sence tr,
    .tabla_membresias tr,
    .tabla_convenios tr {
        text-align: center;
    }
    
    table,
    td,
    th {
        border: 1px solid rgba(0, 0, 0, 0);
    }
    
    section {
        padding: 0;
    }
    
    .empresas_beneficios .uc-card {
        background-color: #F6F6F6;
    }
    
    .uc-grid-explore .uc-card.card-type--horizontal img {
        width: 13vw;
        object-fit: cover;
    }
    
    .uc-grid-explore .uc-card_body {
        display: flex;
        justify-content: space-between;
    }
    
    .img-certificado {
        display: flex;
        align-self: center;
    }
    
    .videos_home .uc-card_body {
        justify-content: space-between;
    }
    
    #sb_instagram {
        padding: 0 6px !important;
    }
    
    .menu-section .row {
        justify-content: space-between;
    }
    
    
    /* Académicos */
    
    .seccion-academico {
        margin-bottom: 0;
    }
    
    /* Cursos y diplomados filtro  */
    
    #content-filtro.col-12 {
        flex: 0 0 105%;
        max-width: 105%;
    }
    
    .carousel-academicos-home .card-hovered {
        background-color: #0176de !important;
    }
    
    .banner-nosotros-academicos .uc-hero__dark-gradient {
        background: linear-gradient(180deg, rgba(3, 18, 46, 0.1) 0%, rgba(2, 11, 28, 0.2) 46.28%, rgba(0, 0, 0, 0.3) 100%);
    }
    
    #content-filtro .row {
        width: 108% !important;
    }
    
    .uc-input-style {
        border: 1px solid #c6c6c6 !important;
        padding: 12px 16px !important;
        line-height: 1 !important;
        border-radius: 4px !important;
        background-color: inherit !important;
    }
    
    .list-evento {
        width: 64%;
    }
    
    .evento-panelistas .uc-card img {
        height: 280px;
        object-fit: cover;
        object-position: top;
    }
    
    .hidden {
        visibility: hidden;
    }