/* corrección temporal mientras no sean todas plantilla 2021 para que en la plantilla 7 no se muestre el sombreado del carrusel por encima del menú superior desplegado */
header .subheaderNivel3 {
	z-index: 1000 !important;
}
  
  /* temporal: fuente de los iconos, mientras no sean todas plantilla 2021 */
  @font-face {
	  font-family: 'uafont';
	  src: url(https://web.ua.es/fuentes/uafont.eot?1b5fk2&v1);
	  src: url('https://web.ua.es/fuentes/uafont.eot?1b5fk2&v1#iefix') format('embedded-opentype'), url(https://web.ua.es/fuentes/uafont.ttf?1b5fk2&v1) format('truetype'), url(https://web.ua.es/fuentes/uafont.woff?1b5fk2&v1) format('woff'), url('https://web.ua.es/fuentes/uafont.svg?1b5fk2&v1#uafont') format('svg');
	  font-weight: 400;
	  font-style: normal;
	  font-display: block
  }
  [class^="iconua-"], [class*=" iconua-"] {
	  font-family: 'uafont' !important;
	  font-style: normal;
	  font-weight: 400;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;
  }
  .iconua-reanudar::before {
	  content: "\e906";
  }
  .iconua-pausar::before {
	  content: "\e908";
  }
  
  
  section[data-type="component-carrusel"] .carousel.slide {
    background-color:#263244;
    background-color: transparent;
}
  .carousel-caption {
	  background-color: rgba(0, 0, 0, .55);
	  max-width: 400px;
	  height: 100%;
	  padding: 0;
	  bottom: 0!important;
	  padding: 1em;
  }
  
  section[data-type="component-carrusel"] .carousel-caption p {
	  text-align: left
  }
  
  section[data-type="component-carrusel"] .carousel-caption p.boton {
	  /* text-align: right */
  }
  
  section[data-type="component-carrusel"] .carousel-caption p.btn a {
	  color: #fff;
	  text-decoration: none
  }
  
  section[data-type="component-carrusel"] .carousel-caption p.btn a:hover {
	  color: #000;
	  text-decoration: none
  }
  
  section[data-type="component-carrusel"] .carousel-indicators {
	  bottom: 1.6em!important;
  }
  
  section[data-type="component-carrusel"] .carousel-indicators li {
	  border-top:10px solid transparent;
	   border-bottom:10px solid transparent;
  }
  
  section[data-type="component-carrusel"] .carousel-pause-cycle-buttons {
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  z-index: 15;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-pack: center;
	  justify-content: center;
	  padding-left: 0;
	  margin-right: 15%;
	  margin-left: 15%;
	  list-style: none
  }
  
  section[data-type="component-carrusel"] .carousel .btn-customized {
		background-color: transparent;
	  color: #fff;
	  padding:10px!important;
  }
  
  /* estilos añadidos para utilizar button y conservar apariencia en los enlaces adelante y atrás al estilo BS5 (al quitar el sr-only, para evitar el error de enlaces sin texto y conservar apariencia) // ! en BS5 ya se aplican en sus propios estilos */
  section[data-type="component-carrusel"] .carousel-control-prev,
  section[data-type="component-carrusel"] .carousel-control-next {
    background: none;
    border: 0;
  } 


  section[data-type="component-carrusel"] .carousel-control-prev:hover,
  section[data-type="component-carrusel"] .carousel-control-next:hover,
  section[data-type="component-carrusel"] .carousel-control-prev:focus,
  section[data-type="component-carrusel"] .carousel-control-next:focus {
	  opacity: 1;
	  background: rgba(0, 0, 0, .5)
  }
  
  section[data-type="component-carrusel"] .carousel-caption-content {
	  position: absolute;
	  top: 35%;
	  left: 0px;
	  text-align: left;
	  width: 100%;
	  transform: translate(0%, -50%);
	  -webkit-transform: translate(0%, -50%);
	  -moz-transform: translate(0%, -50%);
	  -o-transform: translate(0%, -50%);
	  margin-top: 30px;
	  padding-left: 36px;
	  padding-right: 36px
	  }
  
  section[data-type="component-carrusel"] .carousel-caption-content h5, 
  section[data-type="component-carrusel"] .carousel-caption-content p.h3, 
  section[data-type="component-carrusel"] .carousel-caption-content p.titulo
  {
    font-size: 2.25rem;
    font-family: "Roboto", sans-serif;
    line-height: 42px;
    font-weight: 300;
    text-shadow: none;
  }
  section[data-type="component-carrusel"] .carousel-caption-content p:not([class]),
  section[data-type="component-carrusel"] .carousel-caption-content p.subtitulo
  {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    line-height: 19px;
    font-size: 1rem;
    text-shadow: none;
    font-weight: 100;
  }
  section[data-type="component-carrusel"] .carousel-caption-content p.boton {
	  margin-top:25px;
  }
  
  
  
  section[data-type="component-carrusel"] .carousel .boton-carousel {
	color: #fff;
	/*background: #e8413d;*/ /*rojo original*/
	background-color: #b15600; /* naranja José María */
	padding: 15px 30px;
	text-decoration: none;
	margin: 15px 0;
	display: inline-block;
  }
  
  section[data-type="component-carrusel"] .carousel .boton-carousel:hover {
	/*background: #e8413d;*/ /*rojo original*/
	background-color: #bd5b00; color: var(--color-orange, #bd5b00);
	color: #fff !important;
  }
  
  section[data-type="component-carrusel"] .carousel .flecha-animada {
	text-decoration: none;
	/* font-family: Lora;  */
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: normal;
  }
  
  section[data-type="component-carrusel"] .carousel .flecha-animada:after {
	content: "";
	width: 15px;
	height: 15px;
	display: inline-block;
	background: url(https://web.ua.es/es/comun2/img/css-cajas/formatos/next-orange.svg);
	background-position: center !important;
	background-size: cover !important;
	vertical-align: middle;
	margin-left: 20px;
	margin-bottom: 4px;
	transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  
  section[data-type="component-carrusel"] .carousel .flecha-animada.orange:after {
	background: url(https://web.ua.es/es/comun2/img/css-cajas/formatos/next-orange.svg);
  }
  
  section[data-type="component-carrusel"] .carousel .flecha-animada.white:after {
	background: url(https://web.ua.es/es/comun2/img/css-cajas/formatos/next.svg);
  }
  
  section[data-type="component-carrusel"] .carousel .flecha-animada:hover {
	color: inherit;
	text-decoration: inherit;
  }
  
  section[data-type="component-carrusel"] .carousel .flecha-animada:hover:after {
	margin-left: 40px;
  }
  
  
  @media (max-width:992px) {
    section[data-type="component-carrusel"].carrusel-con-textos .carousel .carousel-item {
        /*height: 18rem;*/ /* reducimos en lo posible, a raíz del carrusel del S.Lenguas */
      	min-height: 15.5rem;
    }
    section[data-type="component-carrusel"].carrusel-con-textos .carousel-item img {
        /*position: absolute;
        top: 0;
        left: 0;
        min-height: 13.75rem;
        width: auto!important;*/
        max-width: none;
          
        /* modificaciones para mejor ajuste en dispositivos móviles, sin que recorte por la derecha sin más */
        width: 100% !important;
     	/* height: 100% !important; */ /*pasamos a utilizar medidas concretas e iguales a las del .carousel-caption, para poder utilizar min-height en vez de height) */
      	min-height: 15.5rem;
     	object-fit: cover;
     	object-position: 0 0;
    }
    
    section[data-type="component-carrusel"] .carousel-indicators {
        display: none
    }
}

@media (max-width:768px) {
    section[data-type="component-carrusel"] .carousel-caption-content {
            padding-left: 28px;
            padding-right: 28px
    }   
    section[data-type="component-carrusel"] .carousel-caption-content h5, 
    section[data-type="component-carrusel"] .carousel-caption-content p.h3, 
    section[data-type="component-carrusel"] .carousel-caption-content p.titulo
    {
        font-size: 1.3rem; 
        line-height: 1.5; 
    }

    
    section[data-type="component-carrusel"] .carousel .boton-carousel { 
        padding: 14px; 
    } 
    
    section[data-type="component-carrusel"] .carousel .flecha-animada { 
        font-size: 0.8rem; 
    } 
    section[data-type="component-carrusel"] .carousel .flecha-animada:after { 
        width: 10px; 
        height: 10px; 
        margin-left: 10px; 
    } 
    section[data-type="component-carrusel"] .carousel .flecha-animada:hover:after { 
        margin-left: 0; 
    } 

}

/* object-fit de las imágenes */
section[data-type="component-carrusel"] .carousel-item img.object-fit-cover {
    object-fit: cover;
    object-position: 0 0;
}
section[data-type="component-carrusel"] .carousel-item img.object-fit-fill {
	object-fit: fill;
	object-position: 0 0;
}
section[data-type="component-carrusel"] .carousel-item img.object-fit-contain {
	object-fit: contain;
	object-position: center center;
}
section[data-type="component-carrusel"] .carousel-item img.object-fit-scale-down {
	object-fit: scale-down;
	object-position: center center;
}
section[data-type="component-carrusel"] .carousel-item img.object-fit-none {
	object-fit: none;
	object-position: center center;
}