/*!
Theme Name: Feuga 2022
Theme URI: http://www.johnappleman.com/
Author: John Appleman & Primate
Author URI: http://primate.es/
Description: Diseño orginial para FEUGA. Diseñado por JohnAppleman, maquetado y programado por Primate
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: feuga-2022
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Feuga 2022 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {
  scroll-behavior: smooth;
}


a{
    text-decoration: none;
}
body{
    padding-right: 0px !important;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}


h1{
   font-family: 'Arimo', sans-serif;
    font-weight: 700;
}

.texto-carousel-teaser h1, 
.texto-teaser h1
{
    font-size: clamp(1.4rem, 5vw, 8rem);
    z-index: 99;
}

.teaser-sin-fondo h1{
   /* font-size: clamp(1.4rem, 5vw, 8rem);
    z-index: 99;*/
}

/*-texto-azul-oscuro en teaser sin fondo--------*/
.teaser-sin-fondo h1
{
    color: #004a78;
    font-size: 3.5em;
}


h2{
   font-family: 'Arimo', sans-serif; 
    font-weight: 100;
   font-size: clamp(1.6rem, 3vw, 3rem);
}

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

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


.section,
.section-portada-uno {
    padding: 150px 15px 300px 15px;
}


.section-intro{
    padding: 90px 15px 90px 15px;
}

.section-intro-teaser{
    padding: 90px 15px 90px 15px;
}

.section-intro_2{
    padding: 50px 15px 90px 15px;
}

.section-espacios{
    padding: 100px 15px 100px 15px;
}

.nav-transparente {
    height: 100px;
 background: rgb(33,33,33);
background: linear-gradient(180deg, rgba(33,33,33,0.7343312324929971) 0%, rgba(33,33,33,0) 100%);
  transition: background .5s; /* control how smooth the background changes */
}

.nav-white{
    height: 100px;
 background: #fff;

}

.nav-white .navbar-toggler-icon{
    background-image: url('img/hamburguesa-azul.svg');
}

.navbar-transparente .navbar-toggler-icon{
    background-image: url('img/hamburguesa-blanca.svg');
}

.overlay{
  position: absolute;
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(1,1,1);
background: -moz-linear-gradient(180deg, rgba(1,1,1,1) 0%, rgba(33,33,33,0) 43%);
background: -webkit-linear-gradient(180deg, rgba(1,1,1,1) 0%, rgba(33,33,33,0) 43%);
background: linear-gradient(180deg, rgba(1,1,1,1) 0%, rgba(33,33,33,0) 43%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#010101",endColorstr="#212121",GradientType=1);
  z-index: 2;
  cursor: pointer;
}

.nav-transparente.scrolled {
  background: #0a0a0a;
}

.p-relative{
    position: relative;
}


/*------------------------------MÁRGENES Y PADDINGS----------------------------------*/
.m-10{
    margin:10px;
}

.m-20{
    margin:20px;
}

.m-40{
    margin:40px;
}

.m-50{
    margin:50px;
}

.m-left-20{
    margin-left: 20px;
}

.m-left-40{
    margin-left: 40px;
}

.m-left-45{
    margin-left: 45px;
}

.m-left-50{
    margin-left: 50px;
}


.m-top-5{
    margin-top: 5px;
}

.m-top-10{
    margin-top: 10px;
}

.m-top-20{
    margin-top: 20px;
}

.m-top-30{
    margin-top: 30px;
}

.m-top-40{
    margin-top: 40px;
}

.m-top-50{
    margin-top: 50px;
}

.m-top-60{
    margin-top: 60px;
}

.m-top-70{
    margin-top: 70px;
}

.m-top-80{
    margin-top: 80px;
}


.m-top-100{
    margin-top: 100px;
}

.m-top-120{
    margin-top: 120px;
}

.m-top-150{
    margin-top: 150px;
}

.m-top-200{
    margin-top: 200px;
}

.m-top-300{
    margin-top: 300px;
}


.p-top-20{
    padding-top: 20px;
}

.p-top-50{
    padding-top: 50px;
}

.m-bottom-10{
    margin-bottom: 10px;
}

.m-bottom-20{
    margin-bottom: 20px;
}

.m-bottom-30{
    margin-bottom: 30px;
}

.m-bottom-33{
    margin-bottom: 33px;
}
.m-bottom-34{
    margin-bottom: 34px;
}

.m-bottom-35{
    margin-bottom: 35px;
}

.m-bottom-40{
    margin-bottom: 40px;
}

.m-bottom-50{
    margin-bottom: 50px;
}

.p-0{
    padding: 0;
}
.p-10{
    padding: 10px;
}


.p-20-50{
    padding: 20px 50px;
}

.p-20{
    padding: 20px;
}

.p-30{
    padding: 30px;
}


.p-50{
    padding: 50px;
}

.p-50-20{
    padding: 50px 20px 20px 20px;
}
.p-100{
    padding: 100px 20px;
}

.p-80-20{
    padding: 80px 20px;
}

.p-110{
    padding: 110px;
}

.p-bottom-30{
    padding-bottom: 30px !important;
}

.p-bottom-20{
    padding-bottom: 20px !important;
}
.p-bottom-10{
    padding-bottom: 10px !important;
}

.p-130{
    padding: 130px 50px 50px;
}

.p-130-talento{
    padding: 130px 50px 0px;
}


.p-150{
    padding: 150px 50px 50px;
}


.m-top--300{
    margin-top: -300px;
}

.m-top--200{
    margin-top: -200px;
}

.m-top--120{
    margin-top: -120px;
}

.m-top--150{
    margin-top: -150px;
}

.m-top--250{
    margin-top: -250px;
}


.m-top--350{
    margin-top: -350px;
}

.p-150-100{
    padding: 150px 100px;
}

.p-200{
    padding: 200px;
}

.m-right-100{
    margin-right: 100px;
}

.m-right-50{
    margin-right: 50px;
}
/*------------------------------COLORES Y FONDOS----------------------------------*/

.gris{
   color: #a2a2a2 !important;
    
}

.celeste{
   color: #4cc9d6;
}

.azul-oscuro{
    color: #004a78;
   
}

.section-gris{
    background: #f0f0f0;
    padding: 150px 15px 100px 15px;
}

.section-gris-responsive{
    background: #f0f0f0;
    padding: 150px 0px 100px 0px;
}

.section-yellow{
    background: #fecf07;
    padding: 35px 0;
}

.apartado-amarillo{
    background: #f5c721;
}

.apartado-azul-oscuro{
    background: #004a78;
}

.apartado-azul-oscuro_{
    background: #004a78;
}

.apartado-gris{
    background: #909090;
}

.apartado-celeste{
    background: #4cc9d6;
}

.apartado-celeste_{
    background: #4cc9d6;
}

.fondo-azul{
    background:#4cc9d6; 
}

.fondo-azul-oscuro{
    background:#004a78; 
}

.fondo-celeste{
    background: #4cc9d6;
}

.fondo-beige{
    background: #f4f4f4 !important;
}

.fondo-blanco{
    background: #fff;
}

.fondo-gris{
    background: #acacac;
}


/*------------------------------CATEGORÍAS----------------------------------*/

.eventos-tag,
.events-tag,
.eventos-gl-tag,
.innovacion-tag,
.divulgacion-tag,
.dissemination-tag,
.divulgacion-gl-tag,
.ihub-tag,
.ihub-gl-en-tag,
.ihub-gl-tag,
.innovation-tag,
.innovacion-gl-tag {
	/* AMARILLO */
    background-color:#e6c21a !important;
    padding: 5px 5px;
    color: white !important;
}
.formacion-tag,
.training-tag,
.formacion-gl-tag,
.institucional-tag,
.institucional-gl-tag,
.universidad-empresa-tag,
.university-industry-tag,
.universidad-empresa-gl-tag{
	/* GRIS */
    background-color:#737373!important;
    padding: 5px 5px;
    color: white !important;
}

.becas-tag,
.portal-de-becas-tag,
.becas-en-2-tag,
.portal-de-empleo-tag,
.talento-tag {
	/* AZUL */
    background-color:#0b51b8 !important;
    padding: 5px 5px;
    color: white !important;
}


.proyectos-estrategicos-universitarios-tag,
.proyectos-estrategicos-tag,
.proyectos-estrategicos-universitarios-en-tag,
.strategic-university-projects-tag{
	/* CELESTE */
    background-color:#4cc9d6 !important;
    padding: 5px 5px;
    color: white !important;
}

/*------------------------------/CATEGORÍAS----------------------------------*/




.text-right{
    text-align: right;
}
.carousel-teaser-control-next, .carousel-teaser-control-prev{
    border: 2px solid white;
    height: 50px;
    border-radius: 50px;
    width: 50px;
     background: transparent;
}

.carousel-medium-control-next, .carousel-medium-control-prev{
    border: 2px solid white;
    height: 50px;
    border-radius: 50px;
    width: 50px;
    background: transparent;
}
.carousel-news-control-prev,.carousel-news-control-next {
    border: 2px solid #ffffff00;
    /*border: 2px solid #004a78;*/
    height: 50px;
    border-radius: 50px;
    width: 50px;
    background: transparent;
}

.carousel-news-control-prev .carousel-control-prev-icon,.carousel-news-control-next .carousel-control-next-icon  {
    filter: invert(82%) sepia(57%) saturate(1152%) hue-rotate(67deg) brightness(119%) contrast(179%);
    
}



.carousel-teaser-control-prev,.carousel-teaser-control-next, .carousel-medium-control-next, .carousel-medium-control-prev{
    z-index: 99;
}



.carousel-medium-control-prev{
    position: absolute;
    left:30px;
    top: 45%;
    transform: translateY(-50%);
}
.carousel-medium-control-next{
     position: absolute;
    right:30px;
    top: 45%;
    transform: translateY(-50%);
}




.flechas-teaser{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99;
}


.height-auto{
    height: auto;
}

.navbar-toggler,.navbar-toggler:hover, .navbar-toggler:active, .navbar-toggler:visited, .navbar-toggler:link{
    border: none;
}

.etiqueta{
    padding: 5px 10px;
    color: #fff;
    margin:0;
    width: fit-content;
}

.titulo-centrado{
    position: absolute;
    left:50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.conoce-mas{
    border-top:5px solid #959595;
}

.icono-mas{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 50px !important;
}

.icono-mas-amarillo{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 50px !important;
}

.section-12{
    padding: 0 12px;
}



.section-footer{
    padding: 0 12px 0px 12px;
}

.section-footer a {
    color: #004a78;
    text-decoration: none;
}

.section-50{
    padding:50px 50px 100px 50px;
}

.section-55{
    padding:55px 50px 50px 50px;
}

.section-70-120{
    padding:70px 0px 120px 0px;
}

.section-70-200{
    padding:70px 0px 200px 0px;
}

.section-70-300{
    padding:70px 0px 300px 0px;
}


.section-70-50{
    padding:70px 50px 50px 50px;
}

.section-70-0{
    padding:70px 50px 0px 50px;
}

.section-0{
    padding:70px 0px 20px 0px;
}


.rrss a{
    background: #004a78;
    color: #fff !important;
}

.rrss a:nth-child(1){
    padding: 5px 8px;
    border-radius: 50px;
}

.rrss a:nth-child(2){
    padding: 5px 9px;
    border-radius: 50px;
}
.rrss a:nth-child(3){
    padding: 5px 11px;
    border-radius: 50px;
}

.rrss a:nth-child(4){
    padding: 5px 7px;
    border-radius: 50px;
}

.rrss a:nth-child(5){
    padding: 5px 7px;
    border-radius: 50px;
}

.idiomas{
    position: absolute;
    right: 100px;
    color: #4cc9d6;
    background: transparent;
    border:none;
}

.dropdown-menu{
   background: transparent;
}

.dropdown-menu a{
   color: #fff;
}

.aviso-legal a{
    color: #004a78;
    text-decoration: none;
}

.aviso-legal a, .aviso-legal p{
    font-weight: 600;
}

.image-fluid {
    width: 100%;
    height: auto;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}


/*----------------------botones--------------------*/

.btn-azul-oscuro, .boton-rosa{
    background:  #004a78;
    color: white;
    padding: 7px 30px !important;
    border-radius: 50px;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-azul-oscuro:hover, .boton-rosa:hover{
    background:  #fff;
    color: #004a78;
    padding: 7px 30px !important;
    border-radius: 50px;
    border: 1px solid #004a78;
    text-decoration: none;
}

.boton-rosa{
    margin-top: 20px;
}

.btn-border-azul-oscuro{
    background:  #fff;
    color: #004a78;
    padding: 7px 30px !important;
    border-radius: 50px;
    border: 1px solid #004a78;
    text-decoration: none;
}

.btn-border-azul-oscuro:hover{
    background:  #004a78;
    color: #fff;
    padding: 7px 30px !important;
    border-radius: 50px;
    border: 1px solid #004a78;
    text-decoration: none;
}

.btn-blanco{
    background:  #fff;
    color: #004a78;
    padding: 7px 20px !important;
    border-radius: 50px;
    border: 1px solid transparent;
}


.btn-transparente{
    background:  transparent;
    color: white;
    padding: 7px 10px !important;
    border-radius: 50px;
    border: 1px solid #fff;
    text-decoration: none;
}

.btn-transparente:hover{
    background:  white;
    color: black;
}


.btn-celeste{
    background: #4cc9d6;
    color: white;
    padding: 7px 10px !important;
    border-radius: 50px;
    border: 1px solid transparent;
    text-decoration: none;
}


.btn-celeste-teaser{
    background:#4cc9d6;
    padding: 20px 50px;
    color: #004a78; 
    border-radius: 50px;
    height: 65px;
}


.btn-celeste-teaser:hover{
    background: #004a78;
    color: white; 
}



.btn-celeste-teaser2{
    background:#4cc9d6;
    padding: 20px 50px;
    color: #004a78; 
    border-radius: 50px;
    height: 65px;
}


.btn-celeste-teaser2:hover{
    background: #fff;
}

.btn-blanco-teaser2{
    background:#fff;
    padding: 20px 50px;
    color: #004a78; 
    border-radius: 50px;
    height: 65px;
}


.btn-blanco-teaser2:hover{
    background: #4cc9d6;
}

.btn-azul-oscuro-teaser2{
    background:#004a78;
    padding: 20px 50px;
    color: #fff; 
    border-radius: 50px;
    height: 65px;
}


.btn-azul-oscuro-teaser2:hover{
    background: #fff;
    color: black;
}


.btn-transparente-teaser{
    background:#fff;
    padding: 20px 50px;
    color: #004a78; 
    border:1px solid #004a78;
    border-radius: 50px;
    height: 65px;
}


.btn-transparente-teaser:hover{
    background: #004a78;
    color: white; 
}

.btn-celeste-inscribirse{
    background: #4cc9d6;
    color: #004a78;
    padding: 20px!important;
    border-radius: 50px;
    border: 1px solid transparent;
    text-decoration: none;
}


.btn-celeste-inscribirse:hover{
    background: #004a78;
    color: white; 
}







/*----------------------página de talento--------------------*/

.datos-arriba{
    font-size: 1em;
    color: #fff;
}

.datos-abajo{
    font-size: 1em;
    color: #4cc9d6;
}

.datos{
    font-size: 4em;
    color: #fff;
    padding-top: 0;
}

.datos-section{
    
    list-style: none; 
    padding: 0;
    margin:50px 0;
}

.cuadro-suscribirse{
    background: #fff;
    padding: 25px;
}

.cuadro-suscribirse input{
    margin: 10px 0;
    padding: 5px;
    border:1px solid  #004a78;
}

.width-100{
    width: 100%;
}

.texto-cilindro .numero, .texto-cilindro-derecha .numero{
    font-size: 5em;
}


.texto-circulo{
    position: absolute;
     top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.pro{
    background-image: url('img/pro.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.pro-center{
    background-image: url('img/pro.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.p-250{
    padding: 250px 0 0 0;
}

/*---------tabs-----------*/

.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}

.lista-noticias .col-md-4:nth-child(1), .lista-noticias .col-md-4:nth-child(2), .lista-noticias .col-md-4:nth-child(4), .lista-noticias .col-md-4:nth-child(5),.lista-noticias .col-md-4:nth-child(7), .lista-noticias .col-md-4:nth-child(8), .lista-noticias .col-md-4:nth-child(10), .lista-noticias .col-md-4:nth-child(11), .lista-noticias .col-md-4:nth-child(13), .lista-noticias .col-md-4:nth-child(14), .lista-noticias .col-md-4:nth-child(16), .lista-noticias .col-md-4:nth-child(17),.lista-noticias .col-md-4:nth-child(19){
    border-right: 1px solid #000;
}
.lista-noticias .col-md-4{
    margin-top: 50px;
}
#carousel-news .col-md-4:nth-child(1), #carousel-news .col-md-4:nth-child(2),#carousel-news .col-md-4:nth-child(4), #carousel-news .col-md-4:nth-child(5),#carousel-news .col-md-4:nth-child(7), #carousel-news .col-md-4:nth-child(8), #carousel-news .col-md-4:nth-child(10), #carousel-news .col-md-4:nth-child(11), #carousel-news .col-md-4:nth-child(13), #carousel-news .col-md-4:nth-child(14), #carousel-news .col-md-4:nth-child(16), #carousel-news.col-md-4:nth-child(17), #carousel-news .col-md-4:nth-child(19){
    border-right: 1px solid #000;
}

.btn-categorias{
    color: #004a78;
    border: none;
    text-align: left;
    background: #fff;
}

.btn-categorias.active{
    font-weight: bolder;
}

.page-link.active{
    background-color:#004a78;
    color: #fff;
}

.page-link{
    border: none;
     color: #004a78;
    
}

.news-icons i{
    color: #004a78;
    margin:50px  10px;
}

.icono-banner{
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.fondo-banner-01{
    width: 100%;
    height: 250px;
    background-image: url('img/banner-01.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}

.fondo-banner-dossier{
    width: 100%;
    height: 250px;
    background-image: url('img/banner-02.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}

.fondo-banner-abierto{
    width: 100%;
    height: 250px;
    background-image: url('img/banner-en-abierto.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}
#carousel-casos-de-exito .col-md-3, #carousel-casos-de-exito-movil .col-12{
    padding: 23px;
    
}

#carousel-casos-de-exito .sombreado, #carousel-casos-de-exito-movil .sombreado{
   padding: 10px;
    background: white;
   box-shadow: -3px 0px 47px -30px rgba(0,0,0,0.82);
-webkit-box-shadow: -3px 0px 47px -30px rgba(0,0,0,0.82);
-moz-box-shadow: -3px 0px 47px -30px rgba(0,0,0,0.82);
}

.contacta-con-nosotros input.col-md-12{
    padding: 10px;
    margin: 10px 0;
}

.fondo-bandera-europa{
    background-image: url('img/bandera-europa.jpg');
    background-size: cover;
}

.hr-celeste{
    border: 1px solid #4cc9d6;
}

.fondo-edificio{
    background-image:url('img/edificio.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.fondo-becas{
    background-image:url('img/banner-becas.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}


.z-index-{
    z-index: -1;
}

.z-index-1{
    z-index: 1;
}

.medium{
    font-size: 4em;
}

.min-height-200{
    min-height: 500px;
}

.btn-big-trans{
    border: 1px solid #004a78;
    padding: 20px 35px;
    width: 100%;
    background: #fff;
    border-radius: 50px;
    
}

.btn-big-trans:hover{
    color: #fff;
    background: #004a78;
    
    
}

.text-left{
    text-align: left;
}

.btn-ver-mas{
    border: none !important;
    background: transparent;
    margin-top: 10px;
}

.accordion-item {
    background-color: transparent !important;
    border:none;
}

.accordion-body{
    padding: 0;
}

.t-dates{
    border: 1px solid #626262;
    padding: 5px 20px;
    margin-top: 10px;
}

.fondo-banner-dossier a{
    text-decoration: none;
}

.bottom-0{
    position:absolute;
    bottom: 0;
}

/* página por defecto--------------------------------------------------------*/

.pagina h2{
    margin: 25px;
    font-size: 2em;
    color: #004a78;
}

.pagina h1{
    margin-left: 25px;
}

.pagina p, .blog-single p{
    color: #878787;
}

.pagina a, .blog-single a, .categorias a{
    font-weight: bolder;
    color: #004a78;
    text-decoration: none;
    /*margin-right:.5em;*/
}

.pagina a:hover, .blog-single a:hover{
  
    color: #878787;
    
}

.blog-single img{
    margin-bottom: 20px;
}

.line-through{
   text-decoration:line-through; 
}

.list-style-type-none{
    list-style-type: none;
}

.p-absolute{
    position:absolute;
}

.top-left{
    top:50px;
    left: 50px;
}

.bottom-right{
    bottom:50px;
    right: 50px;
}

.grey{
    color: #878787;
}

.contacto h5 a{
    color:#004a78;
    text-decoration: none;
}

.azul-oscuro a{
    color: #004a78;
    text-decoration: none;
}

.azul-oscuro a:hover{
    color: black;
}

.f-size-3{
    font-size: 3em;
}

.f-size-4{
    font-size: 4em;
}


.f-size-6{
    font-size: 6em;
}

.f-size-8{
    font-size: 8em;
}



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

.texto-cilindro-left{
    position: absolute;
    top: 25%;
    right: 80px;
}

.texto-cilindro-fugaz{
    position: absolute;
    top: 35%;
    left: 14%;
}

.texto-cilindro-fugaz-right{
    position: absolute;
    top: 35%;
    right: 13%;
}

.index-pruebas a{
    color: white;
    text-decoration: none;
}

.index-pruebas a:hover{
    color: black;
}

.section-footer .row:nth-child(1) .col-md-6{
    padding-top: 70px;
}

.enlaces-equipo a{
    text-decoration: none;
    color: #4cc9d6;
}

.enlaces-equipo a:hover{
    color: #fff;
}

.icono-centrado{
    text-align: center;
    align-self: center;
}

.icono-centrado img{
    max-width: 100%;
    align-self: center;
    margin: 0 auto;
    padding: 20px;
}

.proyectos-europeos .icono-centrado{
    min-height: 250px;
}

#carousel-colaboradoras .carousel-item{
    height: auto !important;
}


.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

    .form-control-2 {
        display: block;
        width: 98%;
        font-size: 1rem;
        font-weight: 400;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.md-form input[type=text], .md-form input[type=password], .md-form input[type=email], .md-form input[type=url], .md-form input[type=time], .md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=tel], .md-form input[type=number], .md-form input[type=search-md], .md-form input[type=search], .md-form textarea.md-textarea {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    box-sizing: content-box;
    background-color: transparent;
}

 .md-form {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}


 .md-form label{
    position: absolute;
    top: -27px;
    left: 0;
    transition: 0.2s ease-out;
    cursor: text;
    color: #757575;  
}

.md-form input{
        margin: 50px 0;
}

.btn-modal{
    margin: 0 !important;
}

.md-form .form-control-2{
    margin: 20px 0 50px 0 !important;
}
/*---------------estilos automatizados--------------------*/
/*-titulo grande--------*/
.formacion .section-teaser h1,
.formacion-en-abierto .section-teaser h1,
.proyectos-estrategicos-universitarios .section-teaser h1,
.talento .section-teaser h1
{
    color: #fff;
}


/*-texto-blanco--------*/
.formacion .section-intro-teaser h2,
.formacion-en-abierto .section-intro-teaser h2,
.talento .section-intro-teaser h2,
.texto-blanco
{
    color: #fff;
    /*font-size: 2.2em;*/
}
/*--texto-azul---------*/
.proyectos-estrategicos-universitarios .section-intro-teaser h2
{
    /*color: #004a78;*/
    font-size: 2.2em;
}

.formacion-en-abierto .section-intro-teaser p
{
    color: #fff !important;
    margin-top: 20px;
}


.teaser-sin-fondo h4
{
    color: #004a78;
}

.banner-f-01{
    background-image: url('img/f-01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px;
}

.banner-f-02{
    background-image: url('img/f-02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px;
}


.banner-f-03{
    background-image: url('img/f-03.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px;
}


.centrar-en-div{
    position: absolute;
    top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
    text-align: center;
}

.teaser-sin-fondo{
    padding: 20px 0;
}

/* AJUSTES SELECTOR DE IDIOMAS */

.wpml-ls-legacy-dropdown {
	width: 4em;
}

.wpml-ls-legacy-dropdown a{
    color: #55cfdb !important;
    border: none !important;
    background-color: #fff0 !important;
    
}

div.wpml-ls-statics-shortcode_actions{
    position: absolute;
    top: 35px;
    right: 80px;
}



.mc-field-group input{
    width: 100%;
}

.modal-header{
        height: 32px;
    background: #ffffff;
    border: none; 
}

.modal-body h1{
    color: #004a78;
    margin-top: 30px;
}

.modal-body p{
    color: #004a78;
}

.modal-body a{
    color: #004a78;
}

.post-metadatos{
    
    margin-top: 20px;
    background: #f2f2f2;
    padding: 15px;

}

.post-metadatos .fecha, .post-metadatos .lugar{
    font-weight: bolder;
    color:#105580;
}

.post-metadatos ul{
    list-style-type: none;
    padding: 0;
}

.datos-tarjeta {
    color: #004a78;
}

.datos-tarjeta h2{
    font-size: 1em;
}

.datos-tarjeta a{
    font-weight: bolder;
    color: #004a78;
    font-size: 1.5em;
}

.datos-tarjeta .direccion a{
    font-weight: 400;
    font-size: 1em;
}

.blog-single{
    padding: 20px;
}


.blog-single h2, .blog-single .fecha{
    padding: 10px;
}

.datos-curso{
    /*font-weight: bolder;*/
    color:#004a78;
    font-size: 1.5em;

}

.datos-curso{
    margin-top: -5px;
    margin-left: 10px;
}

.cursos-feuga h4, .cursos-feuga span{
    float: left;
}

.fechas-curso span{
    margin-left: 0;
}

.titulos-sliders {
	height: 9.5em;
}

.categorias{
    margin-bottom: 3px;
}

.page-numbers{
   display: inline-flex;
    list-style-type: none;
    padding: 5px 10px;
  
}

.page-numbers.current{
   background-color: #004a78;
    color: #fff;
}


.page-numbers li a{
    color: #262626;
 
}

.page-numbers li:hover{
    color: #262626;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.paginacion{
    text-align: center;
}

h3.azul-oscuro, 
h3.text-white,
h5.azul-oscuro,
h5.text-white{
    font-weight: 200;
    font-size: 1.5em; 
}

.portada-descripcion{
    font-size:1.2em;
    font-weight:100;
    color: #fff;
}

.portada-descripcion-azul{
    font-size:1.2em;
    font-weight:100;
    color: #004a78;
}

.celda-cadanoticia{
    padding: 0 25px;
}

.celda-cadacurso{
    min-height: 29em;
}

.celda-cadainnovacion {
    min-height:20em;
}

.celda-cadatestimonio{
    min-height:42em;
}

.section-intro h2,
.section-intro-teaser h2{
    font-weight: 100;
    font-size: 2.3em;
}

h2.section-intro{
    font-weight: 100;
}

.section-intro p{
    font-weight: 100;
    font-size: 1.2em;
    line-height: 1.5em;
}

h3.titulo-noticias,
h3.titulo-contacto{
    font-weight: 200 !important;
    font-size:2.2em !important;
}


.single-curso p,
.single-curso li {
    color: #fff;
}

.single-curso p {
    font-size: 1.2em;
}

#carousel-colaboradoras h5{
    font-size: 1em !important;
}

.colaboradoras {
	font-size: 1.3em !important;
    color: #004a78;
}

#de-honor .col-md-12{
    padding: 20px;
}

.single-post .blocks-gallery-item{
    margin:20px 0;
}

.formacion select#perfil {
	margin-bottom: 20px;
}

.texto-destacado {
	 font-size: 1.6em;
}

.celda-cadacurso{
    position: relative;
}

.celda-cadacurso .fecha-curso{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.pestanias-curso {
	font-size:1.5em;
	font-weight:bold;
	color: #004a78;
}


.slider-fluido .carousel-item {
	transition: transform .001s linear;
	transition-duration: 11s;			
}

.slider-fluido-movil .carousel-item {
	transition: transform .001s linear;
	transition-duration: 6s;
    padding: 0 25px;
}


.select-categorias select{
    margin-top: 20px;
    width: 100%;
    background: #004a78;
    padding: 20px;
    color: white;
    font-size: 1.2em;
    border: none;
}

.celda-casosexito{
    min-height: 450px;
}

.colaboradoras-slider {
	height: 500px;
}

.banner-bonificacion{
    background: #56cad6;
    padding: 20px;
    color: #fff;
    margin-top: 25px;
}

.rr-ss{
    padding: 10px;
    background: #56cad6;
    margin: 0;
}

.flecha{
    margin-right: -5px;
}

.flecha i{
    color: #56cad6;
}

.rr-ss i, .compartir a, .fa-solid{
    color:#004a78;
    
}

.page-template-default h1{
    margin-left: 0 !important;
}

.error-404 .page-content h1{
    font-size:3em;
}


.error-404 .page-content h3{
    font-weight:300 !important;
    text-align: center;
    padding: 0 25px;
}


.error-404 .page-content h3 a{
    font-weight: 500 !important;

}

.error-404 {
    margin:25px 0 100px 0;
}

.countdown{
    color: #1e1e1e;
    border-rgb(51, 51, 51)us: 20px;
}


.bola-porcentaje{
    background-color: #004a78;
    padding: 40px;
    border-radius: 100px;
    color:#fff;
}

.fondo-banner-dossier-2{
    width: 100%;
    height: 250px;
    background-image: url('img/banner-02.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.banda-cursos .fa-solid{
    color: #fff !important;
}

.banda-sticky .col-md-5, .banda-sticky .col-md-3{
    margin-top:20px;
}

.banda-sticky{
    background-color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 1242px){
    .banda-sticky{
        width: 104%;
        padding-top: 25px;
        padding-left: 47px;
    }
}

@media only screen and (max-width: 767px){
    .banda-sticky{
        padding-top: 25px;
        padding-left: 10px;
        text-align: center;
    }
}



@media only screen and (max-width: 767px){
   /* .nav-white{
        height: 340px;*/
    }

}

.affix {
    top: 20px;
    z-index: 9999 !important;
  }

  .banda-sticky.affix{
    transform: translateY(0%);
}

.affix {
    position: fixed;
}

.mostrar a{
font-size: 4em;
}

.hidden {
    display: none;
  }

  .caja-sombra-teaser{
    margin-top: -50px;
    margin-bottom: 100px;
    position: relative;
    z-index: auto;
  }

  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #4cc9d6 !important;
    border-bottom: 1px solid rgb(212, 212, 212) !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    text-align: left;
    font-weight: 600;
}

.nav-pills .nav-link {
    color: #004a78 !important;
    border-bottom: 1px solid rgb(212, 212, 212) !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    text-align: left;
    font-weight: 600;
}

.beneficio{
    font-size:0.8em !important;

}

.logos-descuentos h4{
    font-size: 0.9em;
}






@media only screen and (min-width: 992px){
    .countdown {
        height: 44px;
      }
}


.countdown {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    color: #fff;
  }
  
  .countdown-item {
    margin: 0 5px;
  }
  
  .countdown-value {
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    background-color: #ffffff;
    border-radius: 5px;
    font-size: 0.4em;
    color: #004a78;
  }
  
  .countdown-label {
    display: block;
    font-size: 0.17em;
    margin-top: -5px;
    text-align: center;
    color: #323232;
}
  

  .close{
    background: #968a8a00 !important;
    border: none !important;
  }

  .circle {
    width: 150px;
    height: 150px;
    background-color: #004a78;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 24px;
  }


  #carousel-descuentos-movil{
    display: none;
}

.display-desktop{
    display: block;
}

.display-mobile{
    display: none;
}


  #carousel-descuentos .carousel-item, #carousel-descuentos-movil .carousel-item{
    height: auto !important;
  }


  @media only screen and (max-width: 1000px){
    #carousel-descuentos-movil{
        display: block !important;
    }

    #carousel-descuentos{
        display: none !important;
    }

    .display-desktop{
        display: none !important;
    }

    .display-mobile{
        display: block !important;
    }
  }

  .display-mobile .accordion-body{
    padding: 20px !important;
  }


  .display-mobile .accordion-button:not(.collapsed) {
    background-color: #6fc7d357 !important;
}

.importe-descuento{
    font-weight: bold;
}


@media only screen and (max-width: 1368px){
    .hamburguesa{
        position: absolute;
        top: 30px;
        right: 2px;
    }

    .banda-sticky{
        padding: 20px;
    }
}





@media only screen and (min-width: 768px) and (max-width: 991px){
    .circle {
        width: 60px !important;
        height: 60px !important;
    }

}

@media only screen and (min-width: 992px){
    .teaser-de-cursos{
        height: 450px;
    }
    .teaser-cursillo h1{
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px){

    .texto-destacado{
        padding: 10px 30px;
    }

    .banda-cursos h6{
        padding: 10px 0;
    }
}

.banda-cursos h6{
    font-size:1.2em;
}

.banda-cursos .col-md-9{
    display: flex;
    align-items: center;
}


.teaser-cursillo h1{
    font-size: 2em;

}

.que-incluye h6{
    padding: 10px;
    border-bottom: 1px solid #e2e2e2;
}

.que-incluye h6:nth-child(4){
    border-bottom:1px solid #e2e2e200 !important;
}


.justificado{
    text-align: justify;
}

#carousel-descuentos strong{
    font-size: 1.5em;
}

#carousel-descuentos span{
    font-size:0.8em;
}

.recuadro {
    margin-top: 25px;
    -webkit-box-shadow: -1px 4px 19px -8px rgba(0,0,0,1);
-moz-box-shadow: -1px 4px 19px -8px rgba(0,0,0,1);
box-shadow: -1px 4px 19px -8px rgba(0,0,0,1);
}

.descripcion-del-curso h2{
    color: #004a78 !important;
    font-family: inherit !important;
    font-size: 2.2em !important;
}




#importe-descuento {
    font-size: 1em; /* Tamaño inicial del texto (pequeño) */
    background-color: #ffffff; /* Color inicial del texto */
    padding: 3px 10px;
    color: #004a78;
    border-radius: 5px;
    margin:0 50px;
    transition: background-color 0.5s ease; /* Transiciones suaves para tamaño de fuente y color */
}


/* Estilo para el texto que se animará cuando la clase "animate" esté presente */
#importe-descuento.animate {
    background-color: rgb(0, 255, 26);
    border-radius: 5px;
}


.texto-descuento h2{
    font-size: 1em !important;
}

.font-xl{
    font-size: larger;
}




@media only screen and (min-width: 1534px){
    .slider-cursillo{
        min-height: 186px !important;
    }

}


@media only screen and (min-width: 768px) and (max-width: 1533px){
    .slider-cursillo{
        min-height: 221px !important;
    }

}

@media only screen and (min-width: 440px) and (max-width: 767px){
    .slider-cursillo{
        min-height: 180px !important;
    }

}

#carousel-descuentos .carousel-inner .carousel-item{
    -webkit-transition: 1.3s !important;
    -moz-transition: 1.3s  !important;
    -o-transition: 1.3s  !important;
    transition: 1.3s !important;
}

.font-1-5em{
    font-size: 1.5em;

}

.font-1-3em{
    font-size: 1.3em;

}

.aprovecha h2{
    color: #004a78 !important;
    font-family: inherit !important;
    font-size: 2.2em !important;
    font-weight: 200 !important;
}

.aprovecha h4{
    color: #004a78 !important;
    font-family: inherit !important;
    font-size: 1.5em !important;
    font-weight: 200 !important;
}

.imagen-transparencia{
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
}

.fondo-con-foto{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position:relative !important;
    z-index:auto;
}

.banda-cursos-caducado {
	color : #004a78;
}


@media only screen and (max-width: 767px){
    .btns-teaser-1 .col-md-6{
        margin: 20px 0;
    }

    .fondo-con-foto .container{
        margin-bottom: 50px;
    }

    
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .banda-cursos img{
        width: 20px !important;
    }

    .banda-cursos h6{
        font-size: 0.8em !important;
    }
}

/*.modal-backdrop.show{
opacity: 0;
}*/

.modal-backdrop{
    z-index: auto;
}

.wp-block-button__link{
    color: #fff !important;
}

.wp-block-button__link:hover{
    background-color: #004a78 !important;
}