*{padding:0;
margin:0;
}
*{ 
	box-sizing: border-box;
	/*font-family: 'Josefin Sans', sans-serif;  */
    font-family: "Fontdiner Swanky", serif;
    /*font-family: "Montserrat", sans-serif;*/
}

/*-------------------------INICIO EFECTO BIOGRAFIA----------------------------*/

.swing-in-top-fwd {
	-webkit-animation: swing-in-top-fwd 4s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-top-fwd 4s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2025-11-13 10:59:0
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-200deg);
            transform: rotateX(-200deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}

/*-------------------------FIN EFECTO BIOGRAFIA----------------------------*/

/*-------------------------INICIO FADE-IN----------------------------*/
.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-10-28 16:6:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*-------------------------FIN FADE-IN----------------------------*/
/*-------------------INICIO EFECTO SUBRAYADO MENÚ------------------*/
.scale-in-center {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-1-30 15:4:29
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/*-------------------FIN EFECTO SUBRAYADO MENÚ------------------*/

/*-----------------------------------------INICIO EFECTO PORTADA LIBRO--------------------------------*/

.fade-in-bottom {
	-webkit-animation: fade-in-bottom 0.9s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.9s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-11-17 10:55:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/*-----------------------------------------FIN EFECTO PORTADA LIBRO--------------------------------*/
/*_________________________INICIO PARALLAX ___________________*/

.wrapper {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  perspective: 10px;
  background: #4f66d8;
}
.efecto_parallax {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  transform-style: preserve-3d;
  z-index: -1;
}
.background, .foreground {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}
.background {
  transform: translateZ(-10px) scale(2);
}
.foreground {
  transform: translateZ(-5px) scale(1.5);
}
/*_________________________FIN PARALLAX ___________________*/
/*_________________________INICIO EFECTO ATENCION ___________________*/

.flicker-1 {
	-webkit-animation: flicker-1 2s linear infinite both;
	        animation: flicker-1 2s linear infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-11-28 0:36:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flicker-1
 * ----------------------------------------
 */
@-webkit-keyframes flicker-1 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}
@keyframes flicker-1 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}

/*_________________________FIN EFECTO ATENCION ___________________*/
.wrapper h1{
    width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    bottom: 20px;
    left: 40px;
}
.wrapper h1 p {
    z-index: 20;
    font-size: 53px;
    line-height: 53px;
    font-weight: bold;
    color: rgb(240, 38, 152);
    margin-bottom: 30px;
}
.wrapper h1 img {
    z-index: 10;
    min-width: 530px;
    height: 100px;
    bottom: 65px;
    left: -20px;
}
.wrapper .flecha {
    position: absolute;
    z-index: 10;
    bottom: 25px;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.wrapper .flecha i {
    font-size: 70px;
    color: #12ebff;
}
.wrapper h1 .lianta {
    font-size: 22px;
    line-height: 27px;
    color: white;
    margin-top: 12px;
    font-weight: 500;
    text-shadow: rgb(240, 38, 152) 0px 0px 5px;
}
.wrapper .acceso {
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #f02698;
}
.wrapper .acceso_interior {
    width: 700px;
    margin: 0 auto;
    background: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    padding: 40px;
    border: 1px solid #fcd3ea;
    border-radius: 30px;
}
.wrapper .acceso .entrar {
    padding: 9px 23px;
    position: relative;
}
.wrapper .acceso .entrar:nth-of-type(1) {
    padding: 9px 23px;
    position: relative;
    margin-bottom: 30px;
}

/*---------------------------------------INICIO ANIMACIONES BORDER MOVIMIENTO HOVER----------------------------------------------------------------------------*/

:root {
  --body-bg-color: #927251;
  --text-color: #927251;
  --hr-color: #927251;
  --transition-duration: 0.3s;
  --transition-delay: 0.2s;
  --red: #927251;
}
.wrapper .acceso .entrar a {
  position: relative;
}
.wrapper .acceso .entrar .border {
  position: absolute;
  left: 0;
  transition: transform var(--transition-duration) ease-in-out;
}
.wrapper .acceso .entrar .border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) !important;
}
.wrapper .acceso .entrar .border-bottom {
  border-top: var(--bs-border-width) var(--bs-border-style) !important;
}
.wrapper .acceso .entrar .border-left {
  
}
.wrapper .acceso .entrar .border-right {
  
}
.wrapper .acceso .entrar .border-top,
.wrapper .acceso .entrar .border-bottom {
  width: 100%;
  height: 1px;
  transform: scaleX(0);
}
.wrapper .acceso .entrar .border-top,
.wrapper .acceso .entrar .border-bottom {
  color: rgb(18, 235, 255);
}
.wrapper .acceso .entrar .border-left,
.wrapper .acceso .entrar .border-right {
  width: 1px;
  height: 100%;
  transform: scaleY(0);
}
.wrapper .acceso .entrar .border-right {
  border: 1px solid rgb(18, 235, 255) !important;
}
.wrapper .acceso .entrar .border-left {
  border: 1px solid rgb(18, 235, 255) !important;
}
.wrapper .acceso .entrar .border-top,
.wrapper .acceso .entrar .border-left,
.wrapper .acceso .entrar .border-right {
  top: 0;
}
.wrapper .acceso .entrar .border-left,
.wrapper .acceso .entrar .border-right {
  top: -1px;
}
.wrapper .acceso .entrar .border-top {
  top: -2px;
}
.wrapper .acceso .entrar .border-bottom {
  bottom: 0;
  transform-origin: bottom right;
}
.wrapper .acceso .entrar .border-top {
  transform-origin: top left;
}
.wrapper .acceso .entrar .border-left {
  transform-origin: bottom left;
}
.wrapper .acceso .entrar .border-right {
  left: auto;
  right: 0;
  transform-origin: top right;
}
.wrapper .acceso .entrar:hover .border-top,
.wrapper .acceso .entrar:hover .border-bottom {
  transform: scaleX(1);
}
.wrapper .acceso .entrar:hover .border-left,
.wrapper .acceso .entrar:hover .border-right {
  transform: scaleY(1);
}
.wrapper .acceso .entrar:hover .border-right {
  transition-delay: var(--transition-delay);
}
.wrapper .acceso .entrar:hover .border-bottom {
  transition-delay: calc(var(--transition-delay) * 2);
}
.wrapper .acceso .entrar:hover .border-left {
  transition-delay: calc(var(--transition-delay) * 3);
}

/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wrapper .acceso .entrar[data-animation="diagonal"] .border-left {
  transform-origin: top left;
}

.wrapper .acceso .entrar[data-animation="diagonal"] .border-right,
.wrapper .acceso .entrar[data-animation="diagonal"] .border-bottom {
  transform-origin: bottom right;
}

.wrapper .acceso .entrar[data-animation="diagonal"] a:hover [class^=border]{
  transition-delay: 0s;
}

/*--------------------------------------------FIN ANIMACIONES BORDER MOVIMIENTO HOVER--------------------------------------------------*/

.wrapper .acceso .entrar a {
    font-size: 27px;
    line-height: 27px;
    color: rgb(240, 38, 152);
    font-weight: bold;
    margin-bottom: 0;
    text-decoration: none;
}
.wrapper .acceso .entrar a:hover {
    color: rgb(18, 235, 255);
}
.wrapper .acceso .video {
    width: 300px;
}
.wrapper .acceso .video video {
    background: rgb(18, 235, 255);
    padding: 10px;
    border: 1px solid rgb(240, 38, 152); 
    border-radius: 20px;
}
.wrapper .acceso .video .vertical {
    width: 300px;
    height: auto;
}
.wrapper .acceso .video .horizontal {
    width: 600px;
    height: auto;
}
.capa_bloqueo, .capa_bloqueo_pol {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
}
.capa_bloqueo_moviles {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 10;
    top: 0;
    left: 0;
    background: black;
}
.franja_cookies, .franja_cookies_pol {
    position: fixed;
    width: 100%;
    height: 270px;
    left: 0;
    bottom: 0;
    z-index: 105;
    background: rgb(240, 38, 152);
    font-size: 17px;
    line-height: 22px;
    font-weight: bold;
    color: #353433;
    border-top: 1px solid #12ebff;
    opacity: 0.9 !important;
    display: none;
    font-family: "Montserrat", sans-serif;
}
.franja_cookies p, .franja_cookies_pol p {
    font-size: 17px;
    line-height: 22px;
    font-weight: bold;
    color: white;
    font-family: "Montserrat", sans-serif;
}
.franja_cookies p strong, .franja_cookies_pol p strong {
    font-family: "Montserrat", sans-serif;
}
.franja_cookies a, .franja_cookies_pol a {
    font-size: 17px;
    line-height: 22px;
    font-weight: bold;
    color: white;
    font-family: "Montserrat", sans-serif;
}
.franja_cookies a:hover {
    color: #12ebff;
}
.franja_cookies_pol a:hover {
    color: #12ebff;
}
.franja_cookies a.aceptar, .franja_cookies_pol a.aceptar {
    padding: 10px 20px;
    font-size: 17px;
    line-height: 27px;
    font-weight: bold;
    color: rgb(240, 38, 152);
    background: white;
    border: 1px solid #12ebff;
    border-radius: 6px;
    opacity: 1;
    text-decoration: none;
}
.franja_cookies a.aceptar:hover {
    background: #12ebff;
    color: white;
}
.franja_cookies_pol a.aceptar:hover {
    background: #12ebff;
    color: white;
}
.franja_cookies .capa_superior, .franja_cookies_pol .capa_superior {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 90;
    top: 0;
    bottom: 0;  
    padding-top: 50px;
    color: #353433;
}
header {
    width: 100%;
    height: 60px;
    background: white;
    position: fixed;
    z-index: 30;
    border-bottom: 1px solid #ccc;
    background: #f02698;
    top: 0;
    left: 0;
}
header .cabecera_ord {
    height: 100%;
}
header .cabecera_moviles {
    display: none;
}
header .menu_oculto {
    display: none;
}
header nav ul li:nth-of-type(1) a {
    color: #12ebff;
}
header .logoportada {
    top: 0;
    left: 60px;
    z-index: 5;
    height: 60px;
}
header .logoportada .redes a {
    font-size: 20px;
    color: white;
    text-decoration: none;
}
header .logoportada .redes a:hover {
    color: #12ebff;
}
header .portada {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-left: 50px;
}
header .portada a i {
    font-size: 17px;
    margin-right: 12px;
    color: white;
}
header .portada a {
    font-size: 19px;
    line-height: 19px;
    color: white;
    font-weight: bold;
    margin-bottom: 0;
    text-decoration: none;
}
header .portada a:hover {
    color: #12ebff;
    text-decoration: none;
}
header .portada a:hover i {
    color: #12ebff;
    text-decoration: none;
}
header nav ul li {
    padding-left: 15px;
    padding-right: 15px;
}
header nav ul li a {
    font-size: 19px;
    line-height: 19px;
    color: white;
    font-weight: bold;
    text-decoration: none;
}
header nav ul li a:hover {
    text-decoration: none;
    color: #12ebff;
}
header nav ul li a span {
    display: none;
    width: 100%;
    height: 1px;
    background: #12ebff;
}
header nav ul li a:hover span {
    display: block;
}
header nav ul li a span.invisible {
    display: block;
    width: 100%;
    height: 1px;
    background: #f02698;
}
header nav ul li a:hover span.invisible {
    display: none;
}
header .idiomasredes {
    top: 0;
    right: 60px;
    z-index: 5;
    height: 100%;
}
header .idiomasredes .redes {
    margin-right: 30px;
}
header .idiomasredes span {
    font-size: 19px;
    line-height: 24px;
    color: white;
    font-weight: 400;
    margin-left: 6px;
    margin-right: 6px;
}
header .idiomasredes p, header .idiomasredes a {
    font-size: 19px;
    line-height: 19px;
    color: white;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 0;
}
header .idiomasredes a:hover {
    color: #12ebff;
}
header .idiomasredes p {
    font-weight: bold;
    margin-bottom: 0;
    color: #12ebff;
}
header .idiomasredes a.active {
    font-weight: bold;
}
header .logoportada {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}
header h1 a p {
    position: relative;
    z-index: 20;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #f02698;
    margin-bottom: 0;
}
header h1 a:hover {
    text-decoration: none;
}
header h1 {
    margin-bottom: 0;
}
header h1 a {
    text-decoration: none;
}
header h1 img.bella {
    z-index: 5;
    bottom: 40px;
    top: -5px;
    left: -27px;
    min-width: 137px;
    max-width: 137px;
    height: 30px;
}
header .logoredes .redes {
    margin-left: 35px;
}
header.cabecera_legal {
    background: #f02698;
    height: 60px;
    font-family: "Montserrat", sans-serif;
}
header.cabecera_legal {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
}
header.cabecera_legal .portada a {
  font-size: 19px;
  line-height: 19px;
  color: white;
  font-weight: bold;
  margin-bottom: 0;
  text-decoration: none;
  
}
header.cabecera_legal .portada a i {
  font-size: 17px;
  margin-right: 12px;
  color: white;
}
.cuerpo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.cuerpo p {
  font-size: 23px;
  line-height: 23px;
  color: rgb(240, 38, 152);
  font-weight: 500; 
  display: inline-block; 
}
.legal h1 {
  text-align: center;
  font-size: 30px;
  line-height: 35px;
  font-weight: bolder;
  color: #f02698;
  margin-top: 120px;
  margin-bottom: 40px;
  font-family: "Montserrat", sans-serif;
}
.legal {
    padding-bottom: 40px;
}
p.parrAvi {
  font-size: 20px;
  line-height: 25px;
  text-align: justify;
  font-family: "Montserrat", sans-serif;
}
p.parrAvi strong{
  font-family: "Montserrat", sans-serif;
}
h2.parrNegr {
  font-size: 20px;
  line-height: 25px;
  font-weight: bolder;
  font-family: "Montserrat", sans-serif;
}
#myCarousel {
    max-width: 100%;
    height: 440px;
    margin-top: 60px;
}
#myCarousel ol {
    width: 100%;
    margin: 0 0 10px 0;
}
.item{
    padding: 0px !important;
    background-color: black;
}
#myCarousel .carousel-inner {
  position: relative;
  width: 100%;
  background: black;
  height: 440px;
}
#myCarousel .carousel-inner {
  border-bottom: 1px solid #f02698; 
}
#myCarousel a {
  text-decoration: none;
}
#myCarousel .carousel-control-prev { 
  justify-content: left;
  margin-left: 15px;
}
#myCarousel .carousel-control-next { 
  justify-content: right;
  margin-right: 15px;
}
#myCarousel a i {
  font-size: 40px;
  color: #f02698;
}
#myCarousel a:hover i {
  color: #12ebff;
}
#myCarousel .carousel-indicators li {
  margin-left: 5px;
  margin-right: 5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
}
#myCarousel .carousel-indicators li:hover {
  background: #12ebff;
}
#myCarousel .carousel-indicators li.active {
  background-color: #f02698;
  border: 1px solid white;
}
#myCarousel .foto-slides-1 {
    background-image: url(../img/car1.jpg);
    background-position: top;
    background-repeat: no-repeat;
}
#myCarousel .foto-slides-2 {
    background-image: url(../img/car2.jpg);
    background-position: top;
    background-repeat: no-repeat;
}
#myCarousel .foto_presentacion {
    background-size: cover;
    width: 100%;
    height: 440px;
}
.carousel-indicators {
  z-index: 55;
}
#myCarousel .carousel-inner .item {
    width: 100%;
    height: 440px;
}
#myCarousel .carousel-inner .carousel-caption {
    width: 100%;
    height: 440px;
    left: 0;
}
#myCarousel .videodestacado {
    z-index: 10;
    bottom: 0px;
    left: 100px;
    height: 440px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
#myCarousel .videodestacado video {
    border: 1px solid #f02698;
    box-shadow: 0 0 15px #a7aaae;
    border-radius: 20px;
    cursor: pointer;
}
#myCarousel .bloque {
    z-index: 10;
    bottom: 0;
    right: 70px;
}
#myCarousel .cortina {
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background: #000000;
background: linear-gradient(349deg, rgba(0, 0, 0, 1) 0%, rgba(11, 10, 10, 1) 0%, rgba(18, 17, 17, 0.61) 19%, rgba(255, 255, 255, 0) 33%);
}
#myCarousel .bloque .complementos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#myCarousel .bloque p {
    font-size: 29px;
    line-height: 29px;
    color: #f02698;
    font-weight: bold;
    margin-bottom: 12px;
    position: relative;
    z-index: 20;
}
#myCarousel .bloque img.bella {
    z-index: 10;
    bottom: 40px;
    right: 12px;
    width: 285px;
    height: 60px;
}
#myCarousel .bloque img.bellaeus {
    right: 40px;
}
#myCarousel .bloque img.telon {
    z-index: 10;
    bottom: 40px;
    right: -37px;
    width: 370px;
    height: 85px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
#myCarousel .bloque img.teloneus {
  right: -5px;
}
#myCarousel .bloque p.comica {
    font-size: 20px;
    line-height: 25px;
    color: white;
    margin-top: 12px;
    font-weight: 500;
    text-shadow: 0 0 5px #f02698;
}
.fotos {
    padding: 25px 17% 0 17%;
}
.fotos ul {
    padding-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}
.fotos ul li {
    height: auto;
    border-radius: 6px;
    padding: 1px;
    border-radius: 5px;
    margin: 0 20px 30px 20px;
    margin-right: 15px;
    margin-left: 15px;
    text-decoration: none;
    width: 370px;
    height: 370px;
}
.fotos ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background: #f02698;
    box-shadow: 0 0 15px #a7aaae;
    border: 1px solid #f02698;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    position: relative;
}
.fotos ul li a .imagen {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.fotos ul li a .imagen img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/*PARA QUE LA IMAGEN QUEDE DENTRO DE UN DIV  DETERMINADO Y SI SOBRA ALGO NO SE VEA*/
/*PARA EL EFECTO ZOOM PONEMOS LOS TRANSITION Y LOS TRANSFORM, SIN OLVIDAR EL OVERFLOW:HIDDEN EN EL DIV QUE CONTIENE LA FOTO */

@supports(object-fit: cover) {
    .fotos ul li a .imagen img{
	  cursor: pointer;
      object-fit: cover;
      object-position: center center;
        
        
      -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 */
    }
}

 .fotos ul li a:hover .imagen img{
      -webkit-transform:scale(1.05);
      -moz-transform:scale(1.05);
      -ms-transform:scale(1.05);
      -o-transform:scale(1.05);
      transform:scale(1.05);
}
/*-----------------------*/
.fotos ul li a:hover {
    background: #12ebff;
    box-shadow: 0 0 10px #c2c4c7;
    border: 1px solid #12ebff;
}
.fotos ul li a i {
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 7;
    color: #f02698;
    font-size: 22px;
}
.fotos ul li a:hover i {
    color: #12ebff;
}
.fotos h2, .videos h2, .biografia h2, .entrevistas h2, .contacto h2 {
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-weight: bolder;
    color: #12ebff;
    margin-bottom: 25px;
}
.fotos ul li .titular, .videos ul li .titular {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 5px;
}
.fotos ul li .titular p, .videos ul li .titular p {
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #35343c;
    margin: 0;
    display: inline-block !important;
    padding-left: 15px;
    padding-right: 15px;
}
.fotos {
    min-height: 917px;
}
.fotos ul {
    min-height: 832px;
    padding-top: 30px;
    padding-bottom: 0;
    border: 1px solid #fcd3ea;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
ul.pagination {
    margin-bottom: 40px;
    margin-top: 10px;
}
ul.pagination .page-item:last-child .page-link, ul.pagination .page-item:first-child .page-link {
    border-radius: 50%;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #f02698;
  border-color: #f02698;
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #353433;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #f02698;
  border-radius: 50%;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 16px;
  line-height: 16px;
  font-family: "Montserrat", sans-serif;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row; 
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  z-index: 2;
  color: #353433;
  background-color: #12ebff;
  border-color: #12ebff;
  color: white;
}
.pagination > .active > a:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #f02698;
  border-color: #f02698;
}
.videos_sin {
    min-height: 795px;
}
.entrevistas_sin {
    min-height: 460px;
}
#bloqueVideos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
#bloqueVideos img {
    display: block;
}
.videos p.sin_videos, .entrevistas p.sin_entrevistas {
    font-size: 25px;
    line-height: 30px;
    color: #12ebff;
    display: inline-block;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 40px;
    font-family: "Montserrat", sans-serif;
}
#CarouselVideos, #CarouselEntrevistas {
    max-width: 100%;
}
#carouselVideos li, .videos ul.sin_carousel li {
    margin-left: 10px;
    margin-right: 10px;
}
#carouselVideos li.horizontal, .videos ul.sin_carousel li.horizontal {
    width: 38%;
}
#carouselVideos li.vertical, .videos ul.sin_carousel li.vertical {
    width: 20%;
}
#carouselVideos li video, .videos ul.sin_carousel li video {
    border-radius: 20px;
    cursor: pointer;
    background: #12ebff;
    padding: 10px;
    border: 1px solid #f02698;
}
.entrevistas .entrevistas_moviles {
    display: none;
}
.entrevistas {
    min-height: 462px;
}
.entrevistas .entrevistas_ordenadores {
    min-height: 372px;
    padding: 15px;
    border-radius: 30px;
    border: 1px solid #fcd3ea;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
#carouselEntrevistas li, .entrevistas ul.simple li {
    display: grid;
    grid-template: 300px 40px / 400px;
}
#carouselVideos .carousel-inner {
  position: relative;
  width: 100%;
  background: transparent;
  height: auto;
}
#carouselEntrevistas .carousel-inner {
  position: relative;
  width: 100%;
  background: transparent;
}
#carouselVideos .carousel-control-next, #carouselEntrevistas .carousel-control-next {
  justify-content: flex-end;
}
#carouselVideos .carousel-control-prev, #carouselEntrevistas .carousel-control-prev {
  justify-content: flex-start; 
}
#carouselVideos .carousel-control-next, #carouselVideos .carousel-control-prev, #carouselEntrevistas .carousel-control-next, #carouselEntrevistas .carousel-control-prev {
  opacity: 1;
}
#carouselVideos .carousel-item {
  height: auto;
}
#carouselVideos ul, #carouselEntrevistas ul {
  list-style: none;
  padding-left: 0;
  width: 100%;
}
#carouselVideos ul {
    margin-bottom: 0;
}
#carouselVideos ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
#carouselVideos button i {
  font-size: 70px;
  color: #12ebff;
}
#carouselVideos button:hover i {
  color: #ccc;
}
#carouselEntrevistas button i {
  font-size: 70px;
  color: #f02698;
}
#carouselEntrevistas button:hover i {
  color: #12ebff;
}
.videos {
    border-top: 1px solid #f02698;
    border-bottom: 1px solid #f02698;
    padding-top: 30px;
    padding: 30px 50px 70px 50px;
    background-size: cover;
    width: 100%;
    background-image: url(../img/vaca.jpg);
    background-position: center;
    background-repeat: no-repeat;
}
.videos .videos_moviles {
    display: none;
}
.videos {
    min-height: 760px;
}
.videos .caratula {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.videos .videos_ordenadores {
    border: 1px solid #b4f5fb;
    border-radius: 30px;
    padding: 15px;
    min-height: 613px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.videos .videos_ordenadores ul {
    width: 100%;
    height: 100%;
}
.entrevistas {
    padding-top: 30px;
    padding: 30px 50px 0 50px;
    background: white;
}
.entrevistas ul {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    list-style-type: none;
    padding-left: 0;
}
.entrevistas ul li {
    padding-right: 15px;
    padding-left: 15px;
}
.entrevistas ul li .imagen {
    overflow: hidden;
}
.entrevistas ul li .imagen img {
    cursor: pointer;
    object-fit: cover;
    object-position: center center;
}
.entrevistas ul li .texto {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.entrevistas ul li .texto p {
    font-size: 18px;
    line-height: 23px;
    color: #f02698;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}
.entrevistas ul li a i {
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 7;
    color: #f02698;
    font-size: 22px;
}
.entrevistas ul li a:hover i {
    color: #12ebff;
}
.entrevistas ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background: #f02698;
    border: 1px solid #f02698;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    position: relative;
}
.entrevistas ul li a:hover {
    border: 1px solid #12ebff;
}
.entrevistas ul li a .imagen {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.entrevistas ul li a .imagen img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/*PARA QUE LA IMAGEN QUEDE DENTRO DE UN DIV  DETERMINADO Y SI SOBRA ALGO NO SE VEA*/
/*PARA EL EFECTO ZOOM PONEMOS LOS TRANSITION Y LOS TRANSFORM, SIN OLVIDAR EL OVERFLOW:HIDDEN EN EL DIV QUE CONTIENE LA FOTO */

@supports(object-fit: cover) {
    .entrevistas ul li a .imagen img{
	  cursor: pointer;
      object-fit: cover;
      object-position: center center;
        
        
      -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 */
    }
}

 .entrevistas ul li a:hover .imagen img{
      -webkit-transform:scale(1.05);
      -moz-transform:scale(1.05);
      -ms-transform:scale(1.05);
      -o-transform:scale(1.05);
      transform:scale(1.05);
}
/*-----------------------*/
.biografia {
    margin-top: 0;
    padding-top: 0;
    border-top: 1px solid #f02698;
    border-bottom: 1px solid #f02698;
    width: 100%;
    background-image: url(../img/cebra.jpg);
    background-position: center;
    background-repeat: no-repeat;
    height: 717px;
}
.biografia h2 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.biografia .texto {
    width: 60%;
    margin: 0 auto;
    background: white;
    box-shadow: 0 0 15px #a7aaae;
    border: 1px solid #f02698;
    padding: 35px 15px 7px 15px;
    display: none; 
    z-index: 66;
}
.biografia .closed i {
    position: absolute;
    font-size: 23px;
    color: #f02698;
    z-index: 5;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.biografia .closed:hover i {
    color: #12ebff;
}
.biografia .imagen {
    width: 400px;
    height: 530px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    position: relative;
    border: 1px solid #f02698;
    box-shadow: 0 0 15px #a7aaae; 
}
.biografia .imagen img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/*PARA QUE LA IMAGEN QUEDE DENTRO DE UN DIV  DETERMINADO Y SI SOBRA ALGO NO SE VEA*/
/*PARA EL EFECTO ZOOM PONEMOS LOS TRANSITION Y LOS TRANSFORM, SIN OLVIDAR EL OVERFLOW:HIDDEN EN EL DIV QUE CONTIENE LA FOTO */

@supports(object-fit: cover) {
    .biografia .imagen img{
	  cursor: pointer;
      object-fit: cover;
      object-position: center center;
        
        
      -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 */
    }
}

 .biografia .imagen:hover img{
      -webkit-transform:scale(1.05);
      -moz-transform:scale(1.05);
      -ms-transform:scale(1.05);
      -o-transform:scale(1.05);
      transform:scale(1.05);
}
/*-----------------------*/

.biografia .imagen i {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    color: #f02698;
    font-size: 22px;
}
.biografia .imagen:hover i {
    color: #12ebff;
}
.biografia .texto p {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #35343c;
    font-weight: 400;
}
.biografia .texto p strong {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #f02698;
    font-weight: bold;
}
.entrevistas {
    padding-top: 30px;
    padding-bottom: 60px;
}
.ventana {
    width: 100%;
    height: 380px;
    background-attachment: fixed;
    top: 0px;
    left: 0px;
    background-image: url(../img/escenario_portada.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-right: 1px solid white;
}
.ventana .adorno {
    width: 100%;
    height: 7px;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-image: url(../img/adorno.png);
    background-position: 0 0;
    background-repeat: repeat-x;
}
.contacto {
    padding-top: 30px;
    background: #f02698;
}
.contacto .datos_personales {
    padding-top: 10px;
}
.contacto .datos_personales ul {
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.contacto .slogan {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 20px;
    border-bottom: 1px solid white;
    margin-bottom: 20px;
}
.contacto .slogan p {
    font-size: 29px;
    line-height: 29px;
    font-weight: bold;
    color: #f02698;
    margin-bottom: 0;
    position: relative;
    z-index: 20;
    margin-top: 12px;
}
.contacto .slogan p.frase_slogan {
    font-size: 19px;
    line-height: 24px;
    font-weight: bold;
    color: white;
    margin-top: 30px;
    display: inline-block;
}
.contacto .slogan img {
    position: absolute;
    top: 0;
    left: 60px;
    z-index: 5;
    width: 295px;
    height: 65px;
}
.contacto ul li i.fa-envelope {
    font-size: 21px;
    color: #12ebff;
    margin-right: 10px;
}
.contacto ul li i.fa-mobile {
    font-size: 21px;
    color: #12ebff;
    margin-right: 12px;
    margin-left: 3px;
}
.contacto ul li a {
    text-decoration: none;
    font-size: 19px;
    line-height: 24px;
    color: white;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}
.contacto ul li {
    margin-bottom: 15px;
}
.contacto .contactame p {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.contacto .contactame p {
    font-size: 21px;
    font-weight: bold;
    color: white;
    line-height: 26px;
    font-family: "Montserrat", sans-serif;
}
.fallo {
    display: none;
}
.contacto .datos_formulario {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.contacto .formulario h3 {
    font-size: 21px;
    line-height: 26px;
    color: white;
    font-weight: bold;
    margin-top: 30px;
    font-family: "Montserrat", sans-serif;
    margin-top: 0;
}
.contacto form ul {
    list-style: none;
    padding-left: 0;
    font-family: "Montserrat", sans-serif;
}
#campObli{
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 19px;
    color: white;
    font-weight: 500;
}
.contacto ul li label {
    font-size: 17px;
    line-height: 22px;
    color: white;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
}
.contacto ul li input[type="text"], .contacto ul li input[type="email"], .contacto ul li input[type="number"] {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #f02698;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    background: white;
}
.contacto ul li input[type="number"].no-arrows {
    -moz-appearance: textfield;
}
.contacto ul li textarea {
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #f02698;
    background: white;
    padding: 5px 10px;
}
.contacto form .che label {
    margin-right: 5px;
    font-family: "Montserrat", sans-serif;
    color: white;
}
.contacto form .che span {
    font-size: 14px;
    line-height: 19px;
    font-family: "Montserrat", sans-serif;
    color: white;
    font-weight: 500;
}
#advert {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 19px;
    color: white;
}
input[type="checkbox"] {
  accent-color: #12ebff;
}
#enviar {
  padding: 5px 40px;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #fff;
  color: #f02698;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid #ccc;
  border-radius: 10px;
  font-size: 20px;
  line-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  margin-top: 30px;
  font-family: "Montserrat", sans-serif;
}
#enviar:hover {
  color: white;
  background: #12ebff;
}
.anclas {
  top: -60px;
  left: 0;
  z-index: -1
}
ul.parte_uno, ul.parte_dos, ul.parte_tres {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
ul.parte_dos, ul.parte_tres {
    display: none;
}
#invisiblePag {
    display: none;
}
.paginacion_videos {
    margin-top: 20px;
}
.paginacion_videos p a {
    width: auto;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    padding: 2px 5px;
    background: white;
    color: #35343c;
    text-decoration: none;
    margin-bottom: 0;
    border: 1px solid #cfd4da;
    cursor: pointer;
    margin: 5px;
    text-decoration: none;
}
.paginacion_videos p.active a {
    background: #2a498e;
    color: white;
    font-weight: bold;
    text-decoration: none;
}
.paginacion_videos p:hover a {
    background: #2a498e;
    color: white;
}
.sitio {
    position: relative;
    width: 100%;
    height: 60px;
    background: #f02698;
    border-top: 1px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.sitio .josu {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 60px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    padding-right: 75px;
    width: 100%;
}
.sitio .josu p {
    font-size: 14px;
    line-height: 14px;
    color: white;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    margin-bottom: 0;
    border-left: 1px solid white;
    padding-left: 10px;
}
.sitio a {
    font-size: 14px;
    line-height: 14px;
    color: white;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
}
.sitio a:hover {
    color: #12ebff;
}
.sitio a:nth-of-type(1) {
    padding-right: 10px;
    border-right: 1px solid white;
}
.sitio a:nth-of-type(2) {
    margin-left: 10px;
}
.fallo{  
   text-align: center;
   font-size: 19px;
   margin-top: 10px;
   display: none;
   color: white; 
}
.contacto .fallo {
   text-align: left;
   font-size: 15px;
   line-height: 20px;
   color: white;
   font-weight: 400;
   margin-top: 0;
}
#fallo1_fo {
   margin-top: 5px;
}
/*-----------------------------INICIO RESPONSIVO----------------------*/

@media (max-width: 1820px){
    .fotos {
     padding: 30px 100px 0 100px;
    }
}
@media (max-width: 1720px){
    .fotos {
     padding: 30px 70px 0 70px;
    }
}
@media (max-width: 1620px){
    .fotos {
      padding: 30px 20px 0 20px;
    }
    .biografia .texto {
      width: 80%;
    }
    .wrapper h1 p {
      font-size: 35px;
      line-height: 35px;
      margin-bottom: 10px;
    }
    .wrapper h1 img {
      min-width: 356px;
      width: 356px;
      height: 75px;
      bottom: 35px;
      left: 65px;
    }
    .wrapper h1 .lianta {
      font-size: 19px;
      line-height: 24px;
    }
    .wrapper h1  {
      margin-bottom: 0;
    }
    .wrapper h1 .lianta {
      margin-top: 17px;
    }
}
@media (max-width: 1500px){
    header .portada a i {
      font-size: 15px;
    }
    header nav ul li {
      padding-left: 10px;
      padding-right: 10px;
    }
    header nav ul li a {
      font-size: 16px;
      line-height: 16px;
    }
    header .portada a {
      font-size: 16px;
      line-height: 16px;
    }
    header .idiomasredes p, header .idiomasredes a {
      font-size: 16px;
      line-height: 16px;
    }
    header .portada {
      margin-left: 40px;
    }
    header .idiomasredes .redes {
      margin-right: 25px;
    }
    header .logoportada {
      left: 40px;
    }
    header .idiomasredes {
      right: 40px;
    }
}
@media (max-width: 1399px){
    .contacto .slogan img {
      left: 32px;
    }
}
@media (max-width: 1490px){
    header .portadaeus {
       margin-left: 20px;
    }
    header nav ul.uleus li a {
       font-size: 14px;
       line-height: 14px;
    }
    header .portadaeus a {
       font-size: 14px;
       line-height: 14px;
    }
    #carouselEntrevistas li, .entrevistas ul.simple li {
     display: grid;
     grid-template: 270px 40px / 370px;
    }
    header .idiomaseus p, header .idiomaseus a {
     font-size: 14px;
     line-height: 19px;
    }
}
@media (max-width: 1390px){
    #carouselEntrevistas li, .entrevistas ul.simple li {
     display: grid;
     grid-template: 240px 40px / 340px;
    }
}
@media (max-width: 1300px){
    .wrapper h1 p {
      font-size: 31px;
      line-height: 31px;
      margin-bottom: 10px;
    }
    .wrapper h1 img {
      min-width: 339px;
      width: 339px;
      height: 71px;
      bottom: 35px;
      left: 72px;
    }
    #myCarousel {
      height: 400px;
    }
    #myCarousel .carousel-inner {
      height: 400px;
    }
    #myCarousel .carousel-item {
      height: 400px;  
    }
    #myCarousel .foto_presentacion {
      height: 400px;
    }
    #myCarousel .bloque .complementos {
      margin-right: 20px;
    }
    #myCarousel .bloque img.telon {
       width: 312px;
        right: -18px;
    }
    #myCarousel .bloque img.teloneus {
       right: 3px;
    }
    #myCarousel .bloque p {
       margin-bottom: 17px;
    }
    #myCarousel .bloque p.comica {
       font-size: 17px;
       line-height: 22px;
    }
    #myCarousel .bloque {
        right: 40px;
    }
    #myCarousel .bloque p {
      font-size: 24px;
      line-height: 24px;
    }
    #myCarousel .bloque img.bella {
      bottom: 41px;
      right: 22px;
      width: 234px;
      height: 58px;
    }
    #myCarousel .bloque img.bellaeus {
      right: 47px;
    }
    #myCarousel .bloque p.comica {
      margin-top: 10px;
    }
    header nav ul li {
      padding-left: 10px;
      padding-right: 10px;
    }
    header .portada {
        margin-left: 30px;
    }
    header .idiomasredes p, header .idiomasredes a {
      font-size: 17px;
      line-height: 22px;
    }
    header .idiomasredes span {
      font-size: 17px;
      line-height: 22px;
    }
    #myCarousel .bella_tit {
      bottom: 60px;
      right: 100px;
      font-size: 24px;
      line-height: 24px;
    }
    #myCarousel img.bella {
      right: 70px;
      width: 230px;
      height: 55px;
    }
    #myCarousel .frase {
      width: 290px;
    }
    #myCarousel .frase p {
      font-size: 15px;
      line-height: 20px;
    }
    #myCarousel img.telon {
      width: 290px;    
    }
}
@media (max-width: 1270px){
    #carouselEntrevistas li, .entrevistas ul.simple li {
      display: grid;
      grid-template: 210px 40px / 310px;
    }  
    .fotos ul li {
      width: 320px;
      height: 320px;
    }
}
@media (max-width: 1199px){
    header h1 a p {
      font-size: 12px;
      line-height: 12px;
    }
    header h1 img.bella {
      min-width: 113px;
      max-width: 113px;
      left: -22px;
    }
    header .portada a i {
      font-size: 13px;
    }
    header nav ul li {
      padding-left: 6px;
      padding-right: 6px;
    }
    header nav ul li a {
      font-size: 13px;
      line-height: 13px;
    }
    header .portada a {
      font-size: 13px;
      line-height: 13px;
    }
    header .idiomasredes p, header .idiomasredes a {
      font-size: 13px;
      line-height: 13px;
    }
    header .portada {
      margin-left: 25px;
    }
    header .portada a i {
      margin-right: 7px;
    }
    header .idiomasredes .redes {
      margin-right: 20px;
    }
    header .logoportada {
      left: 25px;
    }
    header .idiomasredes {
      right: 35px;
    }
    .background {
      bottom: 250px;
    }
    .foreground {
      bottom: 50px;  
    }
    .contacto .slogan img {
      left: 1px;
    }
    .efecto_parallax {
      height: 600px;
    }
    .wrapper .flecha {
      display: none;
    }
    .background {
      bottom: 80px;
      height: 630px;
    }
    .foreground {
      bottom: 60px;  
    }
}
@media (max-width: 1190px){
    .biografia .texto {
      width: 90%;
    }
    #carouselEntrevistas li, .entrevistas ul.simple li {
      display: grid;
      grid-template: 180px 40px / 280px;
    }
}
@media (max-width: 1120px){
    .fotos ul li {
      width: 270px;
      height: 270px;
    }
}
@media (max-width: 1100px){
    .sitio .josu p {
      font-size: 12px;
      line-height: 12px;
    }
    .sitio a {
      font-size: 12px;
      line-height: 12px;
    }
    header .portada {
      margin-left: 15px;
    }
    header .portada a {
      font-size: 15px;
      line-height: 15px;
    }
    header nav ul li a {
      font-size: 15px;
      line-height: 15px;
    }
    header nav ul li {
      padding-left: 8px;
      padding-right: 8px;
    }
    header .idiomasredes p, header .idiomasredes a {
      font-size: 15px;
      line-height: 20px;
    }
    .entrevistas {
      padding: 30px 20px 60px 20px;
    }
    header .portadaeus {
       margin-left: 20px;
    }
    header nav ul.uleus li a {
       font-size: 13px;
       line-height: 13px;
    }
    header .portadaeus a {
       font-size: 13px;
       line-height: 13px;
    }
    header .idiomaseus p, header .idiomaseus a {
     font-size: 13px;
     line-height: 18px;
    }
}
@media (max-width: 1000px){
    header h1 a p {
      font-size: 12px;
      line-height: 12px;
    }
    header h1 img.bella {
      min-width: 120px;
      max-width: 120px;
      left: -22px;
    }
    header .portada a i {
      font-size: 12px;
    }
    header nav ul li {
      padding-left: 6px;
      padding-right: 6px;
    }
    header nav ul li a {
      font-size: 12px;
      line-height: 12px;
    }
    header .portada a {
      font-size: 12px;
      line-height: 12px;
    }
    header .idiomasredes p, header .idiomasredes a {
      font-size: 12px;
      line-height: 12px;
    }
    header .portada {
      margin-left: 25px;
    }
    header .portada a i {
      margin-right: 7px;
    }
    header .idiomasredes .redes {
      margin-right: 20px;
    }
    header .logoportada {
      left: 25px;
    }
    header .idiomasredes {
      right: 35px;
    }
    #carouselEntrevistas li, .entrevistas ul.simple li {
       grid-template: 160px 40px / 260px;
    }
}
@media (max-width: 991px){
    #bloqueVideos img {
        display: block;
        width: 210px;
    }
    .franja_cookies, .franja_cookies_pol {
        top: 0;
        right: auto;
        border-bottom: 1px solid #12ebff;
    }
    .sitio {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    .sitio a:nth-of-type(1) {
      padding-bottom: 5px;
      border-right: none;
    }
    .sitio a:nth-of-type(2) {
      padding-top: 5px;
    }
    .wrapper .acceso .entrar a {
      font-size: 25px;
      line-height: 25px;
    }
    .wrapper .acceso .entrar:nth-of-type(1) {
      margin-bottom: 20px;
    }
    #myCarousel .foto_presentacion {
      height: 360px;
    }
    #myCarousel .carousel-item {
      height: 360px;  
    }
    .entrevistas ul li .texto p {
      font-size: 16px;
      line-height: 21px;
    }
    #myCarousel .bloque .complementos {
       margin-right: 35px;
    }
    .wrapper h1 p {
       font-size: 25px;
       line-height: 30px;
       margin-bottom: 7px;
    }
    .wrapper h1 img {
      min-width: 260px;
      width: 260px;
      height: 57px;
      bottom: 35px;
      left: 54px;
    }
    .wrapper h1 {
      width: 380px;
    }
    .wrapper h1 .lianta {
       font-size: 17px;
       line-height: 22px;
    }
    .wrapper h1 {
       left: 0px;
    }
    .efecto_parallax {
        height: 500px;
    }
    .background {
        bottom: 130px;
        height: 530px;
    }
    .foreground {
        bottom: 80px;
    }
    .cabecera_moviles .alcalogo .portada {
        margin-left: 70px;
    }
    .cabecera_moviles .alcalogo .portada a {
        font-size: 15px;
        line-height: 15px;
        color: white;
        font-weight: bold;
    }
    .cabecera_moviles .alcalogo .portada a i {
        font-size: 15px;
        color: white;
    }
    .wrapper .acceso .entrar .border {
        display: none;
    }
    .fallo {
        font-size: 17px;
        margin-top: 8px;
    }
    .contacto ul li a {
      font-size: 17px;
      line-height: 22px;
    }
    .videos {
        min-height: 483px;
    }
    .videos .videos_ordenadores {
        min-height: 321px;
    }
    .fotos ul {
       min-height: 632px;
    }
    .fotos {
       min-height: 722px;
    }
    .anclas {
       top: -50px;
       left: 0;
       z-index: -1;
    }
    .contacto .slogan p {
      font-size: 27px;
      line-height: 27px;
    }
    .contacto .slogan p.frase_slogan {
      font-size: 17px;
      line-height: 22px;
    }
    .contacto .slogan img {
        top: 2px;
        left: 5px;
        width: 260px;
        height: 58px;
    }
    #myCarousel .bloque p {
        margin-bottom: 12px;
    }
    #myCarousel .bloque p.comica {
        font-size: 15px;
        line-height: 20px;
    }
    #myCarousel .bloque img.telon {
        width: 266px;
        bottom: 42px;
        height: 65px;
        right: -3px;
    }
     #myCarousel .bloque img.teloneus {
        right: 18px;
    }
     #myCarousel .bloque img.bella {
        bottom: 39px;
        right: 33px;
        width: 200px;
        height: 45px;
     }
    #myCarousel .bloque img.bellaeus {
        right: 56px;
     }
     #myCarousel .bloque {
        right: 25px;
     }
     #myCarousel .bloque p {
        font-size: 20px;
        line-height: 20px;
    }
    .menu_oculto ul {
        margin-left: 0;
    }
    .biografia {
      height: 620px;
        min-height: 620px;
    }
    .biografia .imagen {
      width: 350px;
      height: 450px;
    }
    .biografia .texto p {
     font-size: 18px;
     line-height: 23px;
    }
    .biografia .texto p strong {
     font-size: 18px;
     line-height: 23px;
    }
    .videos_sin {
       min-height: 200px;
    }
    .entrevistas_sin {
       min-height: 200px;
    }
    header {
      width: 100%;
      height: 50px;
    }
    header .cabecera_moviles {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        padding-left: 40px;
        padding-right: 40px;
        height: 50px;
    }
    header .cabecera_moviles .alca {
        padding: 3px;
        padding-top: 5px;
        width: 27px;
        height: 37px;
        display: grid;
        grid-template: 1fr 1fr 1fr / 1fr;
        grid-row-gap: 3px;
        background-color: white;
        color: #fff;
        border: 1px solid black;
        border-radius: 10px;
        margin-right: 40px;
    }
    header .cabecera_moviles .alcach {
        background-color: #f02698;
        margin: 0 auto;
        width: 70%;
        height: 5px;
    }
    header .cabecera_moviles .idiomasredes {
        padding-top: 3px;
    }
    header .alcalogo {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
    }
    #myCarousel {
        margin-top: 50px;
        height: 360px;
    }
    #myCarousel .carousel-inner {
        height: 360px;
    }
    #myCarousel .videodestacado video {
        width: 120px;
    }
    #myCarousel .videodestacado {
        height: 360px;
        align-items: flex-end;
        padding-bottom: 15px;
    }
    header .idiomasredes p, header .idiomasredes a {
        font-size: 15px;
        line-height: 18px;
    }
    header .idiomasredes span {
        font-size: 15px;
        line-height: 18px;
    }
    header .menu_oculto {
        position: relative;
        z-index: 40;
        top: -45px;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #f02698;
        padding-top: 60px;
    }
    header .menu_oculto ul{
        margin-right: 0;
    }
    header .menu_oculto ul li {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    header .menu_oculto ul li a, header .menu_oculto ul li i {
        color: white;
        font-size: 19px;
        line-height: 24px;
        font-weight: bold;
        text-decoration: none;
    }
    header .menu_oculto ul li i {
        color: #12ebff;
    }
    header .menu_oculto .cierre {
        position: absolute;
        top: 7px;
        right: 15px;
        z-index: 20;
        color: white;
        font-size: 19px;   
    }
    header .menu_oculto .emblema {
        width: 100%;
        height: 80px;
        position: absolute;
        top: 500px;
        right: 0;
        z-index: 20;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row
    }
    header .menu_oculto .emblema .caja {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 11;
    }
    header .menu_oculto .emblema p {
        position: relative;
        z-index: 14;
        font-size: 23px;
        line-height: 23px;
        color: #f02698;
        font-weight: bold;
    }
    header .menu_oculto .emblema .caja img {
        width: 220px;
        height: 50px;
        position: relative;
        z-index: 11;   
    }
    #myCarousel .bella_tit {
      font-size: 21px;
      line-height: 21px;
      right: 70px;
      bottom: 50px;
    }
    #myCarousel img.telon {
      width: 240px;    
    }
    #myCarousel img.bella {
      width: 225px;
      height: 46px;
      bottom: 25px;
      right: 33px;
    }
    #myCarousel .videodestacado {
      left: 60px;
    }
    #carouselEntrevistas li, .entrevistas ul.simple li {
       grid-template: 160px 40px / 230px;
    }
    #carouselEntrevistas button i {
       font-size: 50px;
       color: #f02698;
    }
    .fotos ul li {
      width: 210px;
      height: 210px;
    }
    #carouselEntrevistas li, .entrevistas ul.simple li {
       grid-template: 145px 40px / 210px;
    }
    .fotos {
       min-height: 722px; 
    }
    .fotos ul {
       min-height: 632px; 
    }
    .videos {
        min-height: 483px;
        max-height: 483px;
        height: 483px; 
    }
    .videos .videos_ordenadores {
        min-height: 321px;
        max-height: 321px;
        height: 321px;
    }
    .biografia {
        height: 620px;
        min-height: 620px;
    }
    .ventana {
        height: 380px;
        min-height: 380px;
    }
}
@media (max-width: 820px){
   #carouselEntrevistas li, .entrevistas ul.simple li {
       grid-template: 122px 40px / 180px;
   }
}
@media (max-width: 767px){
    .franja_cookies .capa_superior {
       padding-left: 10px;
       padding-right: 20px;
    }
    .franja_cookies {
       font-size: 15px;
       line-height: 20px;
       height: 300px;
    }
    .franja_cookies a.aceptar {
       font-size: 15px;
       line-height: 20px;
    }
    .sitio a {
      position: relative;
      z-index: 50;
    }
    .parrNegr {
      font-size: 18px;
      line-height: 23px;
    }
    .legal {
      padding-bottom: 20px;
    }
    .legal h1 {
      font-size: 22px;
      line-height: 27px;
      margin-top: 100px;
      margin-bottom: 20px;
    }
    p.parrAvi {
      font-size: 16px;
      line-height: 22px;
    }
    .sitio a:nth-of-type(1) {
      padding-bottom: 4px;
    }
    .sitio a:nth-of-type(2) {
      padding-top: 4px;
    }
    .sitio {
      height: 80px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-direction: column;
      padding-top: 10px;
    }
    .sitio .josu {
      width: 100%;
      top: 0;
      right: 0;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items:flex-end;
      flex-direction: row;
      padding-right: 0;
    }
    .sitio a {
        font-size: 11px;
        line-height: 11px;
    }
    .sitio .josu .linea {
      display: none;
    }
    .sitio .josu p {
      margin-top: 10px;
      padding-top: 7px;
      padding-bottom: 11px;
      border-top: 1px solid white;
      border-left: none;
      padding-left: 0;
    }
    .wrapper .acceso .entrar a {
      font-size: 21px;
      line-height: 21px;
    }
    .wrapper .acceso .entrar:nth-of-type(1) {
      margin-bottom: 10px;
    }
    .entrevistas .entrevistas_ordenadores {
        min-height: auto;
    }
    .ventana {
      background-position: left top;
    }
    .wrapper h1 .lianta {
       margin-top: 12px;
    }
    .background {
       bottom: 180px;
        height: 430px;
    }
    .foreground {
       bottom: 110px;
    }
    .wrapper h1 {
       bottom: 10px;
    }
    .wrapper h1 p {
       font-size: 20px;
       line-height: 25px;
       margin-bottom: 7px;
    }
    .wrapper h1 {
       width: 240px;
       left: 30px;
    }
    .wrapper h1 img {
       min-width: 205px;
       width: 205px;
       height: 45px;
       bottom: 32px;
       left: 45px;
    }
    .wrapper h1 .lianta {
       font-size: 15px;
       line-height: 20px;
    }
    .wrapper h1 {
       width: 300px;
       left: 30px;
    }
    .efecto_parallax {
       height: 400px;
    }
    .wrapper .acceso .video {
       width: 220px;
    }
    .wrapper .acceso .entrar {
       padding: 9px 23px 9px 38px;
       position: relative;
    }
    .wrapper .acceso_interior {
       width: auto;
       padding: 15px;
    }
    .wrapper .acceso .entrar a {
       font-size: 23px;
       line-height: 28px;
    }
    footer .fallo {
       text-align: center;
    }
    .contacto .contactame {
        padding-top: 20px;
    }
    .contacto .slogan {
      width: 65%;
      margin: 0 auto;
    }
    .contacto .slogan img {
      left: 38px;
    }
    .contacto ul li p {
      left: 0;
    }
    .contacto ul li img {
      left: -36px;
    }
    .contacto ul.datos_personales {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    .fotos ul li {
      width: 190px;
      height: 190px;
    }
    #myCarousel .carousel-inner {
      height: 320px;
    }
    #myCarousel {
      height: 320px;
    }
    #myCarousel .foto_presentacion {
      height: 320px;
    }
    #myCarousel .carousel-item {
      height: 320px;  
    }
    #myCarousel .bella_tit {
      font-size: 20px;
      line-height: 20px;
      right: 36px;
      bottom: 20px;
    }
    #myCarousel img.bella {
      width: 200px;
      height: 45px;
      bottom: 5px;
      right: 12px;
    }
    #myCarousel .videodestacado {
      left: 50px;
      height: 320px;
    }
    .fotos {
       min-height: 722px; 
    }
    .fotos ul {
       min-height: 632px; 
    }
    .videos {
        min-height: 483px;
        max-height: 483px;
        height: 483px; 
    }
    .videos .videos_ordenadores {
        min-height: 321px;
        max-height: 321px;
        height: 321px;
    }
    .entrevistas {
        height: 322px;
        min-height: 322px;
    }
    .biografia {
        height: 620px;
        min-height: 620px;
    }
    .ventana {
        height: 380px;
        min-height: 380px;
    }
}
@media (max-width: 720px){
    .biografia {
      display: block;
    }
    .biografia .texto {
       margin-top: 30px;
    }
    .videos p.sin_videos, .entrevistas p.sin_entrevistas {
      font-size: 18px;
      line-height: 23px;
    }
    #carouselEntrevistasVideos button i {
      font-size: 50px;
      color: #f02698;
    }
    #carouselEntrevistasVideos .videomoviles, .entrevistas_moviles .videomoviles {
      display: grid;
      grid-template: 247px 40px / 370px;
    }
    #carouselEntrevistasVideos .imagenmoviles, .entrevistas_moviles .imagenmoviles {
      display: grid;
      grid-template: 247px 40px / 370px;
    }
    #carouselEntrevistasVideos .texto, .entrevistas_moviles .texto {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: row;
    }
    #carouselEntrevistasVideos a, .entrevistas_moviles a {
      display: block;
      width: 100%;
      height: 100%;
      background: #f02698;
      border: 1px solid #f02698;
      border-radius: 10px;
      position: relative;
      overflow: hidden;
      position: relative;
    }
    #carouselEntrevistasVideos .carousel-control-next, #carouselEntrevistasVideos .carousel-control-prev {
      opacity: 1;
    }
    #carouselEntrevistasVideos .texto p, .entrevistas_moviles .texto p {
      font-size: 16px;
      line-height: 21px;
      color: #f02698;
      font-weight: 500;
      text-align: center;
      display: inline-block;
      margin-bottom: 0;
      font-family: "Montserrat", sans-serif;
    }
    #carouselEntrevistasVideos .imagen, .entrevistas_moviles .imagenmoviles .imagen {
      width: 370px;
      height: 247px;
    }
    #carouselEntrevistasVideos .imagen img, .entrevistas_moviles .imagenmoviles .imagen img {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }
    #carouselEntrevistasVideos .imagenmoviles i, .entrevistas_moviles .imagenmoviles i {
      position: absolute;
      top: 7px;
      right: 10px;
      z-index: 7;
      color: #f02698;
      font-size: 22px;
    }
    #carouselEntrevistasVideos .videomoviles .texto, .entrevistas_moviles .videomoviles .texto {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: row;
    }
    #carouselEntrevistasVideos .videomoviles .texto p, .entrevistas_moviles .videomoviles .texto p {
      display: inline-block;
    }
    .entrevistas .entrevistas_ordenadores {
        display: none;
    }
    .entrevistas .entrevistas_moviles {
        display: flex;
        justify-content: center;
    }
    .fotos {
       padding: 30px 15px 0 15px;
    }
    #carouselVideosMoviles .vertical, .videos_moviles .sin_carousel .vertical {
      width: 50%;
    }
    #carouselVideosMoviles .horizontal, .videos_moviles .sin_carousel .horizontal {
      width: 70%;
    }
    #carouselVideosMoviles button i {
      font-size: 50px;
      color: #12ebff;
    }
    #carouselVideosMoviles .carousel-inner {
      position: relative;
      width: 100%;
      background: transparent;
      display: flex;
      align-items: center;
      flex-direction: row;
    }
    #carouselVideosMoviles video, .videos_moviles .sin_carousel video {
      border-radius: 20px;
      cursor: pointer;
      background: #12ebff;
      padding: 10px;
      border: 1px solid #f02698;
    }
    #carouselVideosMoviles .carousel-control-prev {
      justify-content:flex-start;
    }
    #carouselVideosMoviles .carousel-control-next {
      justify-content: flex-end;
    }
    .fotos {
       min-height: 722px; 
    }
    .fotos ul {
       min-height: 632px; 
    }
    .videos {
        min-height: 483px;
        max-height: 483px;
        height: 483px; 
    }
    .videos .videos_ordenadores {
        min-height: 321px;
        max-height: 321px;
        height: 321px;
    }
    .entrevistas {
        height: 420px;
        min-height: 420px;
    }
    .biografia {
        height: 620px;
        min-height: 620px;
    }
    .ventana {
        height: 380px;
        min-height: 380px;
    }
}
@media (max-width: 691px){
    #bloqueVideos img {
        display: block;
        width: 340px;
    }
    #bloqueEntrevistas {
        padding-bottom: 30px;
    }
    .fotos {
        min-height: 782px;
    }
     .fotos ul {
         min-height: 692px;
         padding-left: 30px;
         padding-right: 30px;
     }
    .videos {
        min-height: 676px;
    }
    .videos .videos_ordenadores {
      display: none;
    }
    .videos .videos_moviles {
      display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
      min-height: 514px;
      border: 1px solid #b4f5fb;
      border-radius: 30px;
      padding: 15px;
    }
    #carouselVideosMoviles .vertical, .videos_moviles .sin_carousel .vertical, #carouselVideosMoviles .horizontal, .videos_moviles .sin_carousel .horizontal {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: row;
    }
    .entrevistas {
        min-height: 409px;
    }
    .entrevistas .entrevistas_moviles {
      min-height: 319px;
      padding: 15px;
      border-radius: 30px;
      border: 1px solid #fcd3ea;  
    }
    .entrevistas {
        min-height: 409px;
    }
    .fotos {
       min-height: 782px; 
    }
    .fotos ul {
       min-height: 692px; 
    }
    .videos {
        min-height: 676px;
        max-height: 676px;
        height: 676px; 
    }
    .videos .videos_moviles {
        min-height: 514px;
        max-height: 514px;
        height: 514px;
    }
    .biografia {
        height: 620px;
        min-height: 620px;
    }
}
@media (max-width: 690px){
    .fotos ul li {
      width: 190px;
      height: 190px;
    }
    .biografia .texto p {
      font-size: 16px;
      line-height: 21px;
    }
    .biografia .texto p strong {
      font-size: 16px;
      line-height: 21px;
    }
}
@media (max-width: 650px){
  .wrapper .acceso .entrar a {
      font-size: 19px;
      line-height: 19px;
    }
  .wrapper .acceso .entrar:nth-of-type(1) {
      margin-bottom: 5px;
  }
  #bloqueEntrevistas {
    padding-bottom: 0;
  }
  .cabecera_moviles .alcalogo .portada {
      margin-left: 35px;
      font-size: 13px;
      line-height: 13px;
  }
  .contacto {
        padding-top: 17px;
  }
  .biografia h2 {
        margin-bottom: 17px;
        margin-top: 15px;
  }
  .fotos ul {
    padding-top: 20px;
    padding-bottom: 10px;            
  }
  .contacto {
     padding-left: 15px;
     padding-right: 15px;
  }
  .contacto ul li img {
      width: 237px;
  }
  .contacto ul li p {
      font-size: 24px;
      line-height: 24px;
  }
  .biografia {
    height: 590px;
  }
  #carouselEntrevistasVideos .imagenmoviles a i {
    font-size: 17px;
  }
  .entrevistas {
    padding: 20px 15px 0 15px;
  }
  .biografia {
     margin-top: 20px;
  }
  .videos {
     padding: 20px 50px 35px 50px;
  }
  .fotos ul li {
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
  }
  .fotos h2, .videos h2, .biografia h2, .entrevistas h2, .contacto h2 {
      font-size: 21px;
      line-height: 26px;
      margin-bottom: 17px;
  }
  .contacto h2 {
      margin-bottom: 5px;
  }
  .biografia h2 {
      margin-bottom: 17px; 
  }
  .fotos {
      padding: 20px 15px 0 15px;
  }
  ul.pagination {
    margin-bottom: 20px;
  }
  .fotos ul li a i {
    font-size: 17px;
  }
  .fotos ul li a i {
    top: 4px;
    right: 6px;
  }
}
@media (max-width: 630px){
  #myCarousel .bloque .complementos {
    margin-right: 0;
  }
  #myCarousel .bloque img.bella {
    bottom: 44px;
    right: 41px;
    width: 148px;
    height: 40px;
  }
  #myCarousel .bloque p.comica {
    font-size: 14px;
    line-height: 19px;
  }
  #myCarousel .bloque p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px;
  }
  #myCarousel .bloque {
    right: 15px;
  }
  #myCarousel .bloque img.bella {
    bottom: 28px;
    right: 32px;
    width: 148px;
    height: 38px;
  }
  #myCarousel .bloque img.bellaeus {
    right: 53px;
  }
  #myCarousel .bloque img.telon {
    width: 192px;
    bottom: 28px;
    height: 58px;
    right: 9px;
  }
  #myCarousel .bloque img.teloneus {
    right: 32px;
  }
}
@media (max-width: 600px){
    header.cabecera_legal .portada a {
     font-size: 17px;
     line-height: 17px;
    }
    header.cabecera_legal .portada a i {
     font-size: 15px;
    }
    .legal {
     padding-bottom: 10px;
    }
    .legal h1 {
     font-size: 17px;
     line-height: 22px;
     margin-top: 90px;
     margin-bottom: 20px;
    }
    h2.parrNegr {
     font-size: 16px;
     line-height: 21px;
    }
    p.parrAvi {
     font-size: 15px;
     line-height: 20px;
    }
    .legal h1 {
     font-size: 19px;
     line-height: 24px;
   }
   .legal .container {
     max-width: auto;
     padding-left: 15px;
     padding-right: 15px;
   }
   .wrapper h1 img {
     left: 25px;
   }
   .efecto_parallax {
     height: 350px;
   } 
   .background {
     bottom: 205px;
       height: 380px;
   }
   .foreground {
     bottom: 110px;
   }
   .wrapper h1 {
     width: 260px;
     left: 30px;
   }
}
@media (max-width: 560px){
    #myCarousel .bloque img.telon {
      width: 171px;
      bottom: 18px;
      height: 50px;
      right: 3px;
    }
    #myCarousel .bloque img.teloneus {
      right: 25px;
    }
    #myCarousel .bloque {
        margin-bottom: 17px;
    }
    #myCarousel .bloque img.bella {
        bottom: 20px;
        right: 25px;
        width: 130px;
        height: 31px;
    }
    #myCarousel .bloque img.bellaeus {
        bottom: 17px;
        right: 43px;
    }
    #myCarousel .bloque p {
      font-size: 13px;
      line-height: 18px;
      margin-bottom: 0;
    }
    #myCarousel .bloque p.comica {
      font-size: 12px;
      line-height: 17px;
      font-weight: 500;
    }
    #myCarousel ol {
      width: 100%;
      margin: 0 0 5px 0;
    }
}
@media (max-width: 580px){
    .biografia .texto p {
      font-size: 14px;
      line-height: 19px;
    }
    .biografia .texto p strong {
      font-size: 14px;
      line-height: 19px;
    }
    .biografia .imagen {
      width: 280px;
      height: 370px;
    }
}
@media (max-width: 550px){
  .contacto .slogan img {
    left: 28px;
  }
  #carouselEntrevistasVideos .carousel-control-next {
     justify-content: flex-end;
  }
  #carouselEntrevistasVideos .carousel-control-prev {
     justify-content: flex-start;   
  }
}
@media (max-width: 520px){
    .pagination > li > a, .pagination > li > span {
      font-size: 14px;
      line-height: 14px;
      width: 24px;
      height: 24px;
    }
}
@media (max-width: 500px){
    #bloqueVideos img {
     display: block;
     width: 380px;
   }
   .franja_cookies p, .franja_cookies_pol p {
     font-size: 15px;
     line-height: 20px;
     font-weight: bold;
     color: white;
     font-family: "Montserrat", sans-serif;
    }
    #myCarousel {
       height: 230px; 
    }
    #myCarousel .carousel-inner {
      height: 230px;
    }
    #myCarousel {
      height: 230px;
    }
    #myCarousel .foto_presentacion {
      height: 230px;
    }
    #myCarousel .carousel-item {
      height: 230px;  
    }
    .wrapper .acceso .video {
       width: 190px;
    }
    .background {
       bottom: 230px;
        height: 330px;
    }
    .foreground {
       bottom: 125px;
    }
    .efecto_parallax {
       height: 300px;
    }
    .wrapper h1 p {
       font-size: 16px;
       line-height: 21px;
       margin-bottom: 7px;
    }
    .wrapper h1 .lianta {
       font-size: 12px;
       line-height: 17px;
    }
    .wrapper h1 img {
       min-width: 175px;
       width: 175px;
       height: 38px;
       bottom: 28px;
       left: 7px;
    }
    .wrapper h1 .lianta {
       margin-top: 9px;
    }
    .wrapper h1 {
       width: 200px;
       left: 15px;
    }
    .videos_moviles .sin_carousel .vertical {
        width: 60%;
    }
    .fallo {
        font-size: 15px;
        margin-top: 6px;
    }
    .sitio p {
      font-size: 14px;
      line-height: 14px;
    }
    .contacto .slogan p.frase_slogan {
      font-size: 16px;
      line-height: 21px;
      font-weight: 500;
    }
    .contacto .contactame p {
      font-size: 18px;
      line-height: 23px;
    }
    .contacto .slogan img {
      left: 15px;
    }
    .contacto {
        padding-bottom: 35px;
    }
    .contacto .datos_formulario {
      padding-left: 0;
      padding-right: 0;
    }
    #enviar {
      padding: 3px 25px;
      margin: 0 auto;
      font-size: 18px;
      line-height: 23px; 
      margin-top: 15px;
    }
    .contacto ul.datos_personales li:nth-of-type(1) {
      margin-bottom: 40px;
      margin-top: 8px;
    }
    .contacto ul li img {
      width: 222px;
      height: 55px;
    }
    .contacto ul li input[type="text"], .contacto ul li input[type="email"], .contacto ul li input[type="number"] {
      padding: 5px 7px;
      font-size: 14px;
    }
    .contacto ul li label {
      font-size: 15px;
      line-height: 20px;
    }
    .contacto .formulario h3 {
      font-size: 19px;
      line-height: 24px;
    }
    .contacto ul li a {
      font-size: 16px;
      line-height: 21px;
    }
    .contacto ul li p {
      font-size: 22px;
      line-height: 22px;
    }
    .contacto ul li i.fa-envelope {
      font-size: 19px;
    }
    .contacto ul li i.fa-mobile {
      font-size: 19px;
    }
    .contacto ul li {
      margin-bottom: 10px;
    }
    #carouselEntrevistasVideos .imagenmoviles {
      display: grid;
      grid-template: 232px 40px / 340px;
    }
    #carouselEntrevistasVideos .videomoviles {
      display: grid;
      grid-template: 232px 40px / 340px;
    }
    #carouselVideosMoviles .horizontal {
      width: 80%;
    }
    #carouselVideosMoviles .vertical {
      width: 60%;
    }
    .videos {
      padding: 20px 15px 35px 15px;
    }
    header .cabecera_moviles {
      padding-left: 15px;
      padding-right: 15px;
    }
    header h1 a p {
      font-size: 13px;
      line-height: 13px;
    }
    header h1 img.bella {
      min-width: 122px;
      max-width: 122px;
    }
    header .cabecera_moviles .alca {
      margin-right: 30px;
    }
    .cabecera_moviles .alcalogo .portada {
      margin-left: 25px;
    }
}
@media (max-width: 491px){
    .biografia {
        height: 500px;
        min-height: 500px;
    }
    .ventana {
      height: 250px;
      min-height: 250px;
    }
    .fotos ul {
        border: none;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .fotos ul li {
      width: 180px;
      height: 180px;
    }
    .fotos ul {
        min-height: 570px;
    }
    .fotos {
        min-height: 633px;
    }
    .videos .videos_moviles {
      border: none;
      border-radius: 30px;
      padding: 15px;
      min-height: 443px;
      padding-top: 0;
      padding-bottom: 0;
    }
    .videos {
        min-height: 543px;
    }
    .entrevistas .entrevistas_moviles {
        padding: 0;
        border-radius: 0;
        border: none;
        min-height: 237px;
    }
    .entrevistas {
        min-height: 335px;
    }
}
@media (max-width: 470px){
    .wrapper .acceso .entrar {
      padding: 9px 23px 9px 36px;
    }
    .contacto .slogan img {
      left: 5px;
    }
    .wrapper .acceso .video {
      width: 165px;
    }
    .wrapper .acceso .entrar a {
      font-size: 14px;
      line-height: 14px;
    }
    .wrapper .acceso .entrar:nth-of-type(1) {
      margin-bottom: 0;
    }
}
@media (max-width: 450px){
    #bloqueVideos img {
     display: block;
     width: 255px;
    }
    header.cabecera_legal .portada a {
     font-size: 15px;
     line-height: 15px;
    }
    .legal h1 {
     font-size: 17px;
     line-height: 22px;
     margin-top: 80px;
     margin-bottom: 10px;
     padding-right: 15px;
     padding-left: 15px;
    }
    .background {
      bottom: 265px;
      height: 255px;
    }
    .foreground {
      bottom: 140px;
    }
    .wrapper h1 img {
      width: 160px;
        min-width: 160px;
      height: 34px;
      bottom: 26px;
    }
    .wrapper h1 {
      width: 180px;
      left: 15px;
    }
    .wrapper h1 .lianta {
      margin-top: 5px;
    }
    .wrapper h1 p {
      font-size: 14px;
      line-height: 19px;
      margin-bottom: 7px;
    }
    .efecto_parallax {
       height: 230px;
    }
    header .portada a i {
        margin-right: 5px;
    }
    .cabecera_moviles .alcalogo .portada a {
       font-size: 12px;
       line-height: 12px; 
    }
    header .idiomasredes p, header .idiomasredes a {
       font-size: 13px;
       line-height: 13px;
    }
    .cabecera_moviles .alcalogo .portada a i {
       font-size: 13px;
       line-height: 13px; 
    }
    header h1 img.bella {
       left: -18px;
    }
    header h1 a p {
       font-size: 12px;
       line-height: 12px;
    }
    header .cabecera_moviles .alca {
       margin-right: 20px;
    }
    header h1 img.bella {
       min-width: 110px;
       max-width: 110px;
    }
    .sitio p {
       font-size: 12px;
       line-height: 12px;
    }
    .fotos ul li {
       width: 185px;
       height: 185px;
    }
    .fotos {
       min-height: 648px; 
    }
    .fotos ul {
       min-height: 585px; 
    }
    .videos {
        min-height: 499px;
        max-height: 499px;
        height: 499px; 
    }
    .videos .videos_moviles {
        min-height: 399px;
        max-height: 399px;
        height: 399px;
    }
    .entrevistas {
        min-height: 300px;
        max-height: 300px;
        height: 300px;
    }
    .biografia {
        height: 405px;
        min-height: 405px;
    }
    .biografia .imagen {
        width: 230px;
        height: 290px;
        margin-bottom: 35px;
    }
    .entrevistas {
        min-height: 320px
    }
     .contacto .slogan p {
      font-size: 22px;
      line-height: 22px;
     }
    .contacto .slogan {
      width: 75%;
      margin: 0 auto;
    }
    .contacto .slogan img {
      left: 11%;
      width: 225px;
      height: 52px;
    }
    .biografia .texto {
      margin-top: 20px;
    }
    .entrevistas_moviles .videomoviles {
      display: grid;
      grid-template: 225px 40px / 310px;
    }
    .entrevistas_moviles .imagenmoviles {
      display: grid;
      grid-template: 225px 40px / 310px;
    }
    #carouselEntrevistasVideos button i {
      font-size: 41px;
      color: #f02698;
    }
    #carouselEntrevistasVideos .imagenmoviles {
      display: grid;
      grid-template: 215px 40px / 310px;
    }
    #carouselEntrevistasVideos .videomoviles {
      display: grid;
      grid-template: 215px 40px / 310px;
    }
    #myCarousel .videodestacado {
      height: 270px;
      align-items: flex-end;
      padding-bottom: 10px;
      left: 9%;
    }
    #myCarousel a i {
      font-size: 28px;
    }
    #myCarousel .bella_tit {
      font-size: 14px;
      line-height: 14px;
      right: 26px;
      bottom: 11px;
    }
    #myCarousel img.bella {
      width: 155px;
      height: 31px;
      bottom: 0px;
      right: 2px;
    }
    #myCarousel .carousel-indicators li {
      width: 8px;
      height: 8px;
    }
    #myCarousel .videodestacado video {
      width: 80px;
    }
}
@media (max-width: 428px){
    .videos_moviles .sin_carousel .vertical {
        width: 63%;
    }
    #carouselVideosMoviles .vertical {
      width: 63%;
    }
    .fotos ul li {
      width: 180px;
      height: 180px;
    }
    .fotos {
       min-height: 633px; 
    }
    .fotos ul {
       min-height: 570px; 
    }
    .videos {
        min-height: 496px;
        max-height: 496px;
        height: 496px; 
    }
    .videos .videos_moviles {
        min-height: 396px;
        max-height: 396px;
        height: 396px;
    }
    .entrevistas {
        min-height: 318px;
        max-height: 318px;
        height: 318px;
    }
    .biografia {
        height: 405px;
        min-height: 405px;
    }
}
@media (max-width: 414px){
    .biografia .imagen {
      width: 230px;
      height: 290px;
      margin-bottom: 55px;
    }
    #bloqueVideos img {
      display: block;
      width: 240px;
    }
    .contacto .slogan img {
      left: 9%;
      width: 225px;
      height: 52px;
    }
    .fotos ul li {
      width: 170px;
      height: 170px;
    }
    .fotos {
       min-height: 603px; 
    }
    .fotos ul {
       min-height: 540px; 
    }
    .videos {
        min-height: 478px;
        max-height: 478px;
        height: 478px; 
    }
    .videos .videos_moviles {
        min-height: 378px;
        max-height: 378px;
        height: 378px;
    }
    .entrevistas {
        min-height: 318px;
        max-height: 318px;
        height: 318px;
    }
    .biografia {
        height: auto;
        min-height: auto;
    }
}

@media (max-width: 400px){
    .wrapper .acceso .entrar {
      padding: 9px 23px 9px 32px;
    }
    .wrapper .acceso .video {
      width: 155px;
    }
    .wrapper .acceso .entrar a {
      font-size: 17px;
      line-height: 17px;
    }
}
@media (max-width: 390px){
    header h1 img.bella {
      left: -14px;
    }
    header .cabecera_moviles .alca {
      margin-right: 15px;
    }
    header h1 a p {
      font-size: 11px;
      line-height: 11px;
    }
    header h1 img.bella {
      min-width: 99px;
      max-width: 99px;
        height: 26px;
    }
    header .idiomasredes .redes {
        margin-right: 10px;
    }
    .videos_moviles .sin_carousel .vertical {
        width: 66%;
    }
    .contacto .slogan {
       width: 82%;
       margin: 0 auto;
    }
    .entrevistas_moviles .imagenmoviles {
      display: grid;
      grid-template: 197px 40px / 280px;
    }
    #carouselEntrevistasVideos .imagenmoviles {
      display: grid;
      grid-template: 197px 40px / 280px;
    }
    #carouselEntrevistasVideos .videomoviles {
      display: grid;
      grid-template: 197px 40px / 280px;
    }
    header .cabecera_moviles {
      padding-left: 10px;
      padding-right: 10px;
    }
    #myCarousel .bella_tit {
      font-size: 13px;
      line-height: 13px;
      right: 18px;
      bottom: 10px;
    }
    #myCarousel img.bella {
      width: 130px;
      height: 28px;
      bottom: 0px;
      right: 2px;
    }
    #myCarousel .carousel-control-next {
      margin-right: 10px;
    }
    #myCarousel .carousel-control-prev {
      margin-left: 10px;
    }
    #carouselVideosMoviles .vertical {
       width: 66%;
    }
    .fotos ul li {
       width: 160px;
       height: 160px;
    }
    .fotos {
       min-height: 573px; 
    }
    .fotos ul {
       min-height: 510px; 
    }
    .videos {
        min-height: 471px;
        max-height: 471px;
        height: 471px; 
    }
    .videos .videos_moviles {
        min-height: 371px;
        max-height: 371px;
        height: 371px;
    }
    .entrevistas {
        min-height: 300px;
        max-height: 300px;
        height: 300px;
    }
    .biografia {
        height: 405px;
        min-height: 405px;
    }
}
@media (max-width: 380px){
    .cabecera_moviles .alcalogo .portada {
       margin-left: 20px;
    }
    .videos_moviles .sin_carousel .vertical {
        width: 68%;
    }
     #carouselVideosMoviles .vertical {
       width: 68%;
    }
    .fotos ul li {
      width: 150px;
      height: 150px;
    }
    .contacto .slogan img {
      left: 8.2%;
      width: 225px;
      height: 52px;
    }
}
@media (max-width: 375px){
     .fotos ul li {
       width: 155px;
       height: 155px;
     }
    .fotos {
       min-height: 558px; 
    }
    .fotos ul {
       min-height: 495px; 
    }
    .videos {
        min-height: 464px;
        max-height: 464px;
        height: 464px; 
    }
    .videos .videos_moviles {
        min-height: 364px;
        max-height: 364px;
        height: 364px;
    }
    .entrevistas {
        min-height: 300px;
        max-height: 300px;
        height: 300px;
    }
    .biografia {
        height: 405px;
        min-height: 405px;
    }
}
@media (max-width: 370px){
   #bloqueVideos img {
       display: block;
         width: 235px;
   }
}
@media (max-width: 362px){
    header .idiomasredes .redes {
      margin-right: 7px;
    }
}
@media (max-width: 360px){
    #bloqueVideos img {
       display: block;
       width: 220px;
    }
    .contacto .slogan img {
       left: 5%;
    }
    .fotos ul li {
        width: 155px;
        height: 155px;
    }
    .fotos {
        min-height: 558px;
    }
    .fotos ul {
        min-height: 495px;
    }
    .videos {
        min-height: 446px;
        max-height: 446px;
        height: 446px; 
    }
    .videos .videos_moviles {
        min-height: 346px;
        max-height: 346px;
        height: 346px;
    }
    .biografia h2 {
        margin-bottom: 17px;
        margin-top: 15px;
    }
    .entrevistas {
        min-height: 300px;
        max-height: 300px;
        height: 300px;
    }
    .biografia {
        height: 405px;
        min-height: 405px;
    }
    .biografia .imagen {
        width: 230px;
        height: 290px;
        margin-bottom: 35px;
    }
}