 <style type="text/css">   
 
 h1{
      font-size:18px;      
      font-family: 'Poppins', sans-serif!important;
      font-weight: 200;
      }
      h2{
        font-size: 16px;
        font-weight: bold;
        text-decoration-color: #007bff;
      }
      h3{
        font-size: 14px;
        text-decoration-color: #007bff;
      }
      h4{

        font-size: 2vw;

        overflow-wrap: break-word;        
      }
      .h7{
        font-size: 2.5vw;
        overflow-wrap: break-word;        
      }

    .posts{
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
    }
    .like-comment{
      font-size: 10px;
      color:#333;
      padding-bottom: 40px;
      font-weight: bold;
    }
           
      .color-fondo-pagina{
        background-color:#ECECEC;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='250' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.01'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
      
      }
      .margen-superior-cuerpo-pagina{padding-top: 2rem;}
      .color-fondo-pregrado{background-color:#2088C3;}
      .color-fondo-grado{background-color: #349BD6;}
      .color-fondo-posgrado{background-color: #5EB4E4;}
      .altura-btn{padding: 5px}
      .encabezado-6{font-size: 0.80rem;}
      .color-unsl{background-color: #1F2449!important;}
      .color-fqbyf{background-color: #008D3B!important;}
      .color-fcs{background-color: #A5C614!important;}
      .color-fapsi{background-color: #F4B318!important;}
      .color-fch{background-color: #ED6F03!important;}
      .color-fcfmyn{background-color: #E42420!important;}
      .color-ipau{background-color: #972F70!important;}
      .color-fcejs{background-color: #502773!important;}
      .color-fica{background-color: #4B707F!important;}
      .color-ftu{background-color: #996A16!important;}
      .sin-borde{border: 0; border-radius: 0!important;}
      .thumbnailNoti{
        position: relative;
        margin: 0px -15px 0px -15px;        
        height: 100%;
        max-height: 420px;
        object-fit: cover;        
        object-position: center center;}     
      .containerNoti {
        background-color: #FFA500;
        padding: 10px;} 
      .textNoti {
          width: 200px;
          height: 100px;
          background-color: transparent;
          padding: 10px;
          color: #0000FF;
          position: absolute;
          z-index: 1;} 
      .backgroundNoti {
          position:absolute;
          bottom: 0%;
          width: 100%;
          height: 30%;
          background-color: black;          
          margin: 0px 0px 0px -15px;
          padding: 15px;} 
      .trans {opacity: 0.8;}
      .textoNoticia{
        text-align: left;        
      }
      .nopadding {
        padding: 0 !important;
        margin: 0 !important;
        }
      .ubicacionBoton{
        position: relative;
        margin-bottom: 5px;
      }      
      .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
      }
      div.subt{}
      div.tit{}   

      @media screen and (max-width: 500px) {
        div.subt {
          font-size: 12px;
        }
        div.tit {
          font-size: 16px;
        }
      }

      @media screen and (max-width: 500px) {
        div.subt {
          font-size: 12px;
        }
        div.tit {
          font-size: 16px;
        }
        .textowebinar {          
          font-size: 7px;                   
                 }
        .webinar {
          width: 60px;          
        }
        .itemsalineados{
          display: inline-block
        }
      }
      .carreras2020-fondobw{
        
        background-image:url('/application/assets/img/carreras2020/fondobw.jpg');
       
        /* Full height */
        height: 100%;

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1366px;
      }
      @media only screen and (max-device-width: 500px) {
        div.carreras2020-fondobw {
          background-attachment: scroll;
        }
      } 

      .carreras2020-fondo{        
        background-image:url('/application/assets/banners/carreras2022/banner.webp');
       
        /* Full height */
        height: 100%;

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: repeat;
        background-size: 1366px;
      }
      @media only screen and (max-device-width: 500px) {
        div.carreras2020-fondo {
          background-attachment: scroll;
        }
      }      
      .imag:hover {
        /* Start the shake animation and make the animation last for 0.5 seconds */
        animation: shake 0.5s;

        /* When the animation is finished, start again */
        animation-iteration-count: infinite;
      }

      @keyframes shake {
        0% { transform: translate(1px, 1px) rotate(0deg); }
        10% { transform: translate(-1px, -2px) rotate(-1deg); }
        20% { transform: translate(-3px, 0px) rotate(1deg); }
        30% { transform: translate(3px, 2px) rotate(0deg); }
        40% { transform: translate(1px, -1px) rotate(1deg); }
        50% { transform: translate(-1px, 2px) rotate(-1deg); }
        60% { transform: translate(-3px, 1px) rotate(0deg); }
        70% { transform: translate(3px, 1px) rotate(-1deg); }
        80% { transform: translate(-1px, -1px) rotate(1deg); }
        90% { transform: translate(1px, 2px) rotate(0deg); }
        100% { transform: translate(1px, -2px) rotate(-1deg); }
      }
      .carrerasImg:hover{
        -webkit-filter: grayscale(100%); /* Convierte en gris los botones de carreras */
        filter: grayscale(100%);
      }
      .inclusionImg{
        -webkit-filter: grayscale(100%); /* Convierte en gris los botones de carreras */
        filter: grayscale(100%);
      }
      .inclusionImg:hover{
        -webkit-filter: grayscale(0%); /* Convierte en gris los botones de carreras */
        filter: grayscale(0%);
      }
      
      .contenedorAcc {
        position: relative;
        text-align: center;
        color: white;
      }
      .centered {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 5px;
        border: 1px solid #888;
        width: 80%;
      }
      /* Modal Header */
      .modal-header {
        padding: 2px 16px;        
      }

      /* Modal Body */
      .modal-body {padding: 2px 16px;}

      /* Modal Footer */
      .modal-footer {
        padding: 2px 16px;
      }

      /* CSS DEL SLIDER */
      *{box-sizing:border-box}

      /* Slideshow container */
      .slideshow-container {  
        position: relative;
        margin: auto;
      }

      /* Hide the images by default */
      .mySlides {
        display: none;
      }

      /* Next & previous buttons */
      .prev, .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        margin-top: -22px;
        padding: 16px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
      }

      /* Position the "next button" to the right */
      .next {
        right: 0;
        border-radius: 3px 0 0 3px;
      }

      /* On hover, add a black background color with a little bit see-through */
      .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
      }

     

      /* Number text (1/3 etc) */
      .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
      }

    
      /*On smaller screens, decrease text size */
      @media only screen and (max-width: 300px) {
        .prev, .next, {font-size: 11px}
        
      }      

      /* LOADER CODE CSS*/
      .loader-page {
        position: fixed;
        z-index: 25000;
        background: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition:all .3s ease;
      }
      .loader-page::before {
        content: "";
        position: absolute;
        border: 2px solid rgb(50, 150, 176);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        box-sizing: border-box;
        border-left: 2px solid rgba(50, 150, 176,0);
        border-top: 2px solid rgba(50, 150, 176,0);
        animation: rotarload 1s linear infinite;
        transform: rotate(0deg);
      }
      @keyframes rotarload {
          0%   {transform: rotate(0deg)}
          100% {transform: rotate(360deg)}
      }
      .loader-page::after {
        content: "";
        position: absolute;
        border: 2px solid rgba(50, 150, 176,.5);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        box-sizing: border-box;
        border-left: 2px solid rgba(50, 150, 176, 0);
        border-top: 2px solid rgba(50, 150, 176, 0);
        animation: rotarload 1s ease-out infinite;
        transform: rotate(0deg);
      }
      ul#menuHeader li a{
        color: #87a0c5;
        position: relative;
        margin: 0px 15px;        
      }
      ul#menuHeader li a:after{
        text-decoration: white;      
        position: absolute;
        bottom: 7px;
        left: 0px;
        width: 100%;
        height: 4px;
        background-color: white;
        content: "";
        opacity: 0;
        transition: opacity 0.3 ease 0s, transform 0.3s ease 0s;
        transform: translateY(20px);        
      }
      ul#menuHeader li a:hover:after{
        opacity:1;
        transform: translateY(15px);
        text-decoration: white;  
      }

      .img-contenedor img {
      -webkit-transition:all .9s ease; /* Safari y Chrome */
      -moz-transition:all .9s ease; /* Firefox */
      -o-transition:all .9s ease; /* IE 9 */
      -ms-transition:all .9s ease; /* Opera */
      width:100%;
      }
      .img-contenedor:hover img {
      -webkit-transform:scale(1.25);
      -moz-transform:scale(1.25);
      -ms-transform:scale(1.25);
      -o-transform:scale(1.25);
      transform:scale(1.25);
      }
      .img-contenedor {/*Ancho y altura son modificables al requerimiento de cada uno*/
      width:300px;
      height:180px;
      overflow:hidden;
      }

      /*On smaller screens, decrease text size */
      @media only screen and (max-width: 300px) {
        .prev, .next, {font-size: 11px}
        
      }  
      .box {
          position: relative;
          display: inline-block;                  
          -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .box::after {
          content: "";          
          position: absolute;
          z-index: -1;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
          opacity: 0;
          -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .box:hover {
          -webkit-transform: scale(1.25, 1.25);
          transform: scale(1.25, 1.25);
        }

        .box:hover::after {
            opacity: 1;
        }

/* Animación menú principal desplegable*/
        @media all and (min-width: 992px) {
          .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
          .navbar .nav-item:hover .nav-link{ color: #fff;  }
          .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
          .navbar .dropdown-menu.fade-up{ top:180%;  }
          .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
        }
/* ------------------------------------*/
             
    </style>
    