/*! normalize.css v8.0.1*/
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');
@font-face {
    font-family: 'graphikbold';
    src: url('font/graphikbold-webfont.woff2') format('woff2'),
         url('font/graphikbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'graphikmedium';
    src: url('font/graphikmedium-webfont.woff2') format('woff2'),
         url('font/graphikmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'graphik_regular';
    src: url('font/graphikregular-webfont.woff2') format('woff2'),
         url('font/graphikregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'graphiklight';
    src: url('font/graphiklight-webfont.woff2') format('woff2'),
         url('font/graphiklight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
  overflow-x: hidden;
  height: -webkit-fill-available;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}


/*
AZUL OCURO #000055
VERDE #5FE1B3
VERDE CLARO:  #EAF7F2
MORADO #8C8CE2
MORADO CLARO:  #EAE8F7


*/


body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  transition: opacity ease-out 400ms;
  font-family: sans-serif;
 font-family: 'graphiklight';
 font-size: 18px;
 color:#000055;
 text-align: center;
 line-height: 1.4;

}

img {max-width: 100%;}
h1 {margin: 40px 0; padding: 0px;}
h1 img {width: 40%; max-width: 600px;}


h2.tit-seccion {font-family: 'graphikbold'; margin: 20px 0 10px 0; padding: 0px; font-size:45px; color: #000055; position: relative;}
h2.tit-seccion .verde {color: #5FE1B3; display: inline-block;}
h2.tit-seccion:before {content: ""; display: block; width: 1px; height: 60px; background: #5FE1B3; margin: 0 auto;}
h2.tit-seccion span  {font-family: 'graphik_regular'; font-weight: normal; color: #5FE1B3; display: block; font-size: 120px; }
h3 {font-family: 'graphikbold'; margin: 20px auto 10px auto; padding: 0px; font-size: 28px; color: #000055; }
h3.estrecho {max-width: 980px;}
h4 {font-family: 'graphikbold'; margin: 20px auto 10px auto; max-width: 900px; padding: 0px; font-size: 24px; color: #000055; max-width: 980px;}
h4.tit_2 {margin-top: 60px;}
h3.sub-tit {font-family: 'graphiklight'; font-size:30px; color: #000055; margin: 0px auto 20px auto;  }

h3 + h4 {margin-top:60px; }
.tarjetas + h4 {margin-top:60px; }

h3.linea {position: relative; padding-top: 50px;}
h3.linea:before {content: ""; width: 1px; height: 40px; background-color: #5FE1B3; position: absolute; left: 50%; top: -20px;}


section {}

.menu-top {display: none; position: absolute; z-index: 99; right: 30px; top: 30px; width: 380px; padding: 40px 60px 30px 30px; background-color:#000055 ; text-align: left;}
.menu-top.active {display: block;}
.menu-top a {color: #ffff; text-decoration: none; display: block; }
.menu-top a:hover {color:#5FE1B3;}
.menu-top a.seccion {font-size: 20px; font-family: 'graphikbold'; }
.menu-top .sub-menu-top {list-style: none; margin: 0; padding: 20px 0;}
.menu-top .cerrar {width: 30px; position: absolute; right: 15px; top:15px; display: block; cursor: pointer;}
.menu-top .cerrar img {width: 100%;}
.estrecho {max-width: 900px; margin-left:auto; margin-right:auto; }

.header_top,
.fondo_top {background-color:#000055; }
.fondo_top {position: relative;}
.fondo_top:before {content: ""; position: absolute; bottom:0px; left:0px; width:100%; height:20%; background-color:#fff; }
.texto {color: #333; font-size: 20px; margin-bottom: 40px;}
.subtit {font-size: 35px; padding-bottom: 40px;}
.subtit strong {font-weight: normal; font-family: 'graphikmedium'; }

.row {max-width: 1240px; padding: 20px; margin: 0 auto; position: relative; }
.row_estrecho {max-width: 1000px; padding: 20px; margin: 0 auto; position: relative; }

.row_ancho {max-width: 90%; padding: 20px; margin: 0 auto; position: relative; }
.estrecho {max-width: 900px; margin: 0 auto;  }

.menu {position: absolute; top: 40px; right: 40px; z-index: 10;  max-width:50px; cursor: pointer;}
.idiomas {position: absolute; top: 40px; right: 120px; z-index: 10;  display: flex;}
.idiomas a {display: inline-block; text-decoration: none; color:#ffffff; padding: 2px 10px;}
.idiomas a.sel {color:#5FE1B3 ;}
.cedro { position: absolute; top: 40px; left: 40px; z-index: 10;  max-width:140px; cursor: pointer;}

/*.cabecera {padding: 80px 0px; position: relative; text-align: center; background: transparent url("img/espanya.svg") no-repeat  center center; background-size:  auto 90%; }*/

.cabecera {margin: 0px;}
.imagenes_top {display: flex;margin: 0 auto; max-width:1200px;}
.imagenes_top img {border-radius: 20px; margin: 10px; width: calc(33.333% - 20px); }
.imagenes_top.pirata {padding-bottom: 40px;}

.botones {padding: 40px 0px; text-align: center; justify-content: center; display: flex;}
.botones_cabecera {padding-bottom: 0px;}
.botones a {position: relative;    min-height: 50px; width:calc(16.666% - 20px); padding: 80px 20px 20px 20px; margin:5px 10px; font-size: 18px;  font-family: 'graphik_regular'; text-align: left; color:#000055;  border-radius: 5px; background-color: #fff; text-decoration:none; box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);}
.botones a strong {display: block;}
.botones a:before {content: ""; position: absolute; left: 20px; top: 20px; font-size: 40px; color:#5FE1B3 ;}
.botones a.enl_01:before {content: "01";}
.botones a.enl_02:before {content: "02";}
.botones a.enl_03:before {content: "03";}
.botones a.enl_04:before {content: "04";}
.botones a.enl_05:before {content: "05";}
.botones a.enl_06:before {content: "06";}
.botones a bold {padding-top: 10px; font-weight: bold;}
.botones a.pdf {color: #000055; padding:20px 20px 20px 60px;  background: #5FE1B3 url("img/descarga_2.svg") no-repeat  30px center; background-size:  50px; padding-left: 110px; }
.botones a.pdf strong {display: block;}
.botones a:hover {background-color:#5FE1B3;}
.botones a:hover:before {color:#EAF7F2;}

a.pdf.descarga { max-width: 300px; display: inline-block;}

.next {display: inline-block;}
.next img {width:60px;}

.intro {margin: 40px 0px;}
section {margin: 80px 0px;}
section.no-margin-bottom {margin-bottom:0px;}
section.no-margin-top {margin-top:0px;}
.fondo_color_01 {background-color:#EAE8F7 ; padding: 40px 0px;}
.fondo_color_02 {background-color:#000055; color: #fff;  padding: 40px 0px;}
.fondo_color_02 .texto,
.fondo_color_02 h3 {color: #fff;}
.fondo_color_02 h2 {color: #fff;}
.fondo_color_03 {background-color:#EAF7F2 ; padding: 40px 0px; }
.ante-tit {font-size: 30px;}
.sub-menu {display: flex; justify-content: center; text-align: center;}
.sub-tit + .sub-menu {padding-top: 40px;}
.sub-menu a {display: inline-block; padding: 10px 20px; margin: 4px; color:#000055; background-color: #F6F5FC; border-radius: 4px; text-decoration: none; }
.sub-menu a:hover {background-color: #DEDAF6;}


.figura.figura_01 {width: 230px; height: auto; position: absolute; left: 20%; top: -8%; }
.figura.figura_02 {width: 230px;  height: auto; position: absolute; right: 20%; top: 0px; }
.figura.figura_03 {width: 230px; height: auto; position: absolute; left: 20%; top: 0px; }
.figura.figura_04 {width: 230px; height: auto; position: absolute; left: 20%; top: 0px; }

.bloque_destacado {background-color: #fff; min-height: 90px; display: flex; align-items: center;
 position: relative; border: 0px solid #5FE1B3; border-radius: 300px; padding: 20px; max-width: 680px; 
 margin: 20px auto; text-decoration:none; box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);}

.bloque_destacado.version1 {background-color: #ffffff; box-shadow:none;}
.bloque_destacado.version2 {background-color: #F6F5FC; box-shadow:none;}

.bloque_destacado.bl-dato {padding-left: 150px; margin-top: 40px; margin-bottom: 60px; text-align: left;}
.bloque_destacado .dato {position: absolute; width: 130px; height: 130px; 
 left: 0px; top: 0px; background-color: #9D94D7; display: flex; align-items: center; font-size: 26px; font-family: 'graphikbold'; color: #fff; justify-content: center; border-radius: 300px;}


.bloque_destacado.linea {margin-top: 60px; margin-bottom: 60px;}
.bloque_destacado.linea strong {display: block; padding-bottom: 5px; font-family: 'graphikbold';}
.bloque_destacado.linea div:before {content: ""; width: 1px; height: 40px; background-color: #5FE1B3; position: absolute; left: 50%; top: -20px;}
.bloque_destacado.linea div {padding-top: 20px;}

.bloque_destacado.azul {background-color: #000055; border: 1px solid #000055; color: #fff;}
.bloque_destacado.azul .verde {color: #5FE1B3;}
.lineas {width: 65%; margin: 20px auto 0;}
.lineas.lineas_4 {width: 75%;}
.lineas img {width: 100%;}

.grafica img {max-width: 100%;}

ul.bullets_01, ul.bullets_02 {max-width: 80%;}
.bullets_01 {text-align: left; margin: 0 auto; padding: 0px; list-style: none; }
.bullets_01 li {padding-left: 30px; background: transparent url("img/bullet_01.svg") no-repeat  left 0px; background-size:  20px;}
div.bullets_01, div.bullets_02 {max-width: 100%;}

.bullets_02 {text-align: left; margin: 0 auto; padding: 0px; list-style: none; max-width: 80%;}
.bullets_02 li {padding-left: 30px; background: transparent url("img/bullet_02.svg") no-repeat  left 0px; background-size:  20px;}

.bullets_01 div {padding-left: 30px; position: relative; background: transparent url("img/bullet_01.svg") no-repeat  left 0px; background-size:  20px;}
.bullets_02 div {padding-left: 30px; position: relative; background: transparent url("img/bullet_02.svg") no-repeat  left 0px; background-size:  20px;}

/*video*/
.video {overflow:hidden; min-height: 600px; background: transparent url("img/video.jpg") no-repeat  center center; background-size:cover; position: relative;}

.video:after {content: ""; display: block; position: absolute; left: 0xp; top: 0px; width: 100%; height: 100%; background-color:rgb(0 0 0 / 30%);}
.video .play {position: absolute; width: 80%; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 24px; font-family: 'graphikbold'; cursor: pointer; }
.video .play h2 {font-size: 40px;}
.video .ico-play {width: 120px; height: auto; margin-bottom: 20px; }

.row-conclusiones {display: flex;}
.video.conclusiones {width: calc(50% - 20px); margin: 0px 10px; min-height: 400px; margin-top: 0px; background: transparent url("img/video-2.jpg") no-repeat  top center; background-size:cover;}
.video.marta {background: transparent url("img/video-3.jpg") no-repeat  center center; background-size:cover; }

.video.conclusiones .play h2 {font-size: 26px;}
.video.conclusiones .ico-play {width: 80px;  }

/*mosaico*/
.mosaico {display: flex; flex-wrap: wrap; margin:80px 0px; align-items: stretch; justify-content: center; font-family: 'graphikbold'; font-size: 22px;s}
.mosaico div {padding: 60px 40px; width: calc(33.333% - 100px); margin: 10px; background-color:#EAF7F1; }
.mosaico div:nth-child(odd) {background-color:#5FE1B3;}

.viaje {width: 100%;}

/*tarjetas*/

.tarjetas {display: flex; padding-top: 20px;}
.graficos {max-width: 980px; margin: 0 auto;}
.tarjetas .tarjeta {padding: 20px; width: calc(33.333% - 20px); margin: 0 10px;}

.dos_tarjetas .tarjeta {width: calc(50%); margin: 0px;}
.cuatro_tarjetas .tarjeta {width: calc(25%); margin: 0px;}

.tarjetas .tarjeta .bl {color: #000055; position: relative; display: flex; justify-content: center; align-items: top; flex-wrap: wrap; background-color:#fff; box-shadow: 0px 5px 20px rgb(0 0 0 / 10%); border: 1px solid #5FE1B3; border-radius: 10px;  padding: 40px 20px; }
.tarjetas.version2 .tarjeta .bl {background-color: #F6F5FC; box-shadow:none; border:0px;}
 
.tarjetas .tarjeta .bl h3 {color: #000055; font-size: 24px;}
.tarjetas .tarjeta .bl h3 span {font-family: 'graphiklight'; display: block; font-size: 20px;}
.tarjetas .tarjeta .bl div {width: 100%;}
.tarjetas .tarjeta .bl div div {padding-top: 10px;}

.graficos .tarjeta .bl {background-color: transparent; box-shadow: none; border: 0; color: #fff;}


.tarjetas .tarjeta.active .bl { background-color: #8C8CE2; border: 1px solid #8C8CE2; }
.tarjetas .tarjeta.active .bl h3 {color: #fff;}

.tarjetas .tarjeta .bl.front {height: 340px!important;}
.tarjetas .tarjeta .bl.back {background-color: #8C8CE2; border-color: #8C8CE2; color: #fff; height: 340px!important;}
.tarjetas .tarjeta .bl.back h3 {color: #fff;}

.cultura-ia .tarjetas .tarjeta .bl.front,
.cultura-ia .tarjetas .tarjeta .bl.back {height: 360px!important;}

/*tarjetas_flip*/
.tarjetas_flip {display: flex; flex-wrap: wrap; padding-top: 20px;}
.tarjetas_flip .tarjeta {width: calc(25% - 20px); margin:10px; padding:0px; }
.tarjetas_flip .tarjeta .bl {padding: 0px;}
.tarjetas_flip .tarjeta .bl .icono {padding-top: 60px;}
.tarjetas_flip .tarjeta .bl .icono img {width: 90px;}
.tarjetas_flip .tarjeta .bl h3 {font-size: 22px; margin: 0px; padding: 10px 10px 40px;}
.tarjetas_flip .tarjeta .bl.back h3 {font-size: 22px; margin: 0px; padding:40px 10px 10px;}
.tarjetas_flip .tarjeta .bl.back p {padding:0px 10px 10px; margin-top: 10px;}

.tarjetas .icono {padding: 10px 0;}z
.tarjetas .icono img {height: 80px;}
.tarjetas.owl-carousel .owl-item img {height: 80px; width: auto; margin: 0 auto;}
.tarjetas .icono svg {height: 80px;}
.tarjetas .tarjeta.active .icono path {fill: #ffffff;}

.more {cursor: pointer;}
.mas {width: 25px; position: absolute; right: 20px; bottom: 20px;}

.tarjetas.tarjetas_numeradas {text-align: left;}
.tarjetas.tarjetas_numeradas span {font-size: 35px;  font-family: 'graphikbold'; color: #5FE1B3; display: block;}
.tarjetas.tarjetas_numeradas h3 {font-size: 24px;}

.tarjetas.owl-carousel .tarjeta {padding: 0px; width: 100%; margin: 0;}


.tarjetas .tarjeta.active .bl {position: relative;}
.tarjetas .tarjeta.active .bl:before  {  display: block;  content: ""; width: 0;  height: 0;   border-left: 40px solid #8C8CE2; border-top: 30px solid transparent;border-bottom: 30px solid transparent;  position: absolute; bottom: -35px; right: 100px;  transform: rotate(90deg);}
.tarjetas .tarjeta.active .bl .mas {display: none;}

.tarjetas_datos {color: #000055; margin: 60px auto 0;}
.tarjetas_datos .dato {position: absolute; width: 140px!important; height: 130px; 
 left: 50%; top: -65px; transform: translateX(-50%); background-color: #9D94D7; display: flex; align-items: center; 
 font-size: 30px; font-family: 'graphikbold'; color: #fff; justify-content: center; border-radius: 300px;}
 .tarjetas_datos .dato.verde {background-color:#5FE1B3;}
.tarjetas_datos .tarjeta .bl {padding-top: 80px;}


.linea_bajo {position: relative; }
.linea_bajo:before {content:""; z-index: 5; height: 100px; width: 1px; background-color:#5FE1B3; position:absolute; bottom:-40px; left:50%; transform:translateX(-50%); }


/*imagenes graficos*/
.lo-correcto {width: 100%; max-width: 1080px; margin: 0 auto;}
.liderara_informacion {width: 100%; max-width: 950px; margin: 0 auto;}
.derecho_admin {width: 100%; max-width: 950px; margin: 20px auto 40px auto;}
.actitudes {width: 100%; max-width: 1200px; margin: 20px auto 20px auto;}
.aspecto-cultura-ia {width: 100%; max-width: 1200px; margin: 40px auto 20px auto;}
.malas-practicas {width: 100%; max-width: 1200px; margin: 40px auto 0;}
.responsable  {width: 100%; max-width: 1200px; margin: 40px auto 40px;}
.riesgos-ia {width: 100%; max-width: 1080px; margin: 40px auto 40px;}
.inmersion-tecnologia {width: 100%; max-width: 1080px; margin: 40px auto 40px;}
.comparativa-aspectos {width: 100%; max-width: 1080px; margin: 40px auto 40px;}



/*preguntas*/
.tarjetas.preguntas .tarjeta {padding: 0px; }
.tarjetas.preguntas .tarjeta .bl.front {padding-top: 140px; height: calc(100% - 140px)!important; background: transparent url("img/circulo_pregunta.svg") no-repeat  center 40px; background-size:60%;}
.tarjetas.preguntas .tarjeta .bl.back {}
.tarjetas.preguntas .tarjeta .bl {padding: 0px;}
.tarjetas.preguntas .tarjeta .bl h3 {padding: 0px 20px 40px;}
.tarjetas.preguntas .tarjeta .bl p {margin: 0; padding: 10px;}
.tarjetas.preguntas .tarjeta {min-height: 400px;}


/*hipotesis*/
.tarjetas.tarjetas_hipotesis .tarjeta {padding: 0px; }
.tarjetas.tarjetas_hipotesis .tarjeta .bl {padding: 0px;  }
.tarjetas.tarjetas_hipotesis .tarjeta .bl h3 {padding: 0px 20px 0px;}
.tarjetas.tarjetas_hipotesis .tarjeta .txt {padding: 20px; font-size: 18px;}
.tarjetas.tarjetas_hipotesis .tarjeta .txt strong {display: block; padding:5px 0px;}
.info_hipotesis {display: none; max-width: 900px; margin: 40px auto; font-family: 'graphikbold'; font-size: 26px;}
.info_hipotesis .icono {padding: 20px;}
.info_hipotesis.active {display: block;}



/*efectos*/
.slider_efectos {padding: 40px 0; position: relative;}
.efecto .icono {padding: 10px;}
.tabla_efectos img {width: 70%;}

.fuente  {width: 100%; display: block; padding: 10px; font-size: 16px;}

/**/
.slider_tarjetas  {margin-bottom: 80px;}
.owl-dots {padding-top:20px; position: absolute; text-align: center; width: 50%; left: 50%; transform: translate(-50%, 25%);}
.owl-dots .owl-dot {display: inline-block; outline: none; border: 0px; opacity:0.6;  color: #fff; width: 60px; height: 5px; text-decoration: none; text-transform: uppercase; font-size: 15px; margin:0  5px; background-color:  rgb(0, 0, 0, 0.3);}
.owl-dots .owl-dot.active {background-color:  #5FE1B3;  opacity:1; }
.owl-dots .owl-dot span {display: block; padding: 10px 10px; }

.fondo_color_02 .owl-dots .owl-dot {background-color: rgb(256, 256, 256, 0.3);}
.fondo_color_02 .owl-dots .owl-dot.active {background-color:  #5FE1B3;  opacity:1; }

.slider_efectos .owl-dots .owl-dot {background-color:rgb(256, 256, 256, 0.3); ;} 
.slider_efectos .owl-dots .owl-dot.active {background-color:  #5FE1B3;  opacity:1; }

.owl-nav {position: absolute; width: 100%; left: 0px; top: 185px}
.owl-nav button {background: transparent; border: 0px; width: 30px; height: 40px; text-indent: -4000px; overflow: hidden; position: absolute; top: 0px; display: block; }
.owl-nav .owl-prev {background: transparent url("img/prev.svg") no-repeat  center center; background-size:100%; left: -50px;}
.owl-nav .owl-next {background: transparent url("img/next.svg") no-repeat  center center; background-size:100%; right: -50px;}
.disabled {opacity: 0.2;}
.slider_tarjetas .owl-nav .owl-prev {background: transparent url("img/prev2.svg") no-repeat  center center; }
.slider_tarjetas .owl-nav .owl-next {background: transparent url("img/next2.svg") no-repeat  center center; }
.fondo_color_02  .slider_tarjetas .owl-nav .owl-prev {background: transparent url("img/prev.svg") no-repeat  center center; }
.fondo_color_02  .slider_tarjetas .owl-nav .owl-next {background: transparent url("img/next.svg") no-repeat  center center; }
.slider_tabla {position: relative;}
.slider_tabla .owl-dots {width: 50%;}
.slider_tabla .owl-nav {position: absolute; width: 100%; top: auto; bottom: -15px; left: 50%; transform: translate(-50%, 0%);}
.slider_tabla .owl-nav button {background: transparent; border: 0px; width: 40px; height: 40px; text-indent: -4000px; overflow: hidden; position: absolute; top: 0px; }
.slider_tabla .owl-nav .owl-prev  {background: transparent url("img/prev_2.svg") no-repeat  center center; background-size:100%; left: 50px;}
.slider_tabla .owl-nav .owl-next {background: transparent url("img/next_2.svg") no-repeat  center center; background-size:100%; right: 50px;}


/*bloque_tabs*/
.bloque_tabs  {padding: 40px 0;}
.bloque_tabs ul.tabs {list-style: none; padding: 0; margin: 0;}
.bloque_tabs ul.tabs li {display: inline-block; background-color: #F9F9F9; padding: 15px 40px; cursor: pointer; line-height: 1.1;}
.bloque_tabs ul.tabs li span  {display: block; padding: 10px 0; text-align: center;}
.bloque_tabs ul.tabs li span svg {height: 40px;}
.bloque_tabs ul.tabs li.active-tab {background-color:#5FE1B3; font-family: 'graphik_regular';}
.bloque_tabs ul.tabs li.active-tab svg path {fill: #ffffff;}

ul.tabs-content li {padding: 40px;  background-color:#fff; box-shadow: 0px 5px 20px rgb(0 0 0 / 10%); border: 1px solid #5FE1B3; border-radius: 20px; }
ul.tabs-content li .bl {display: flex; /*justify-content: center; align-items: center;*/ }
ul.tabs-content li {display: none;}
ul.tabs-content li.active {display: flex;}

ul.tabs-content {list-style: none; padding: 0; margin: 0;}
ul.tabs-content li .imagen {width: 40%; padding: 20px;}
ul.tabs-content li .imagen img {width: 100%; border-radius: 10px; }
ul.tabs-content li .texto {text-align: left; width: 60%; padding: 20px; font-size: 20px;}
ul.tabs-content li .texto h4 {font-size: 22px; font-family: 'graphiklight'; padding-bottom: 20px;}
ul.tabs-content li h3 {font-size: 24px;}
ul.tabs-content li h3 span {font-family: 'graphiklight'; }

/*lista_propuestas*/
.propuestas   {margin-bottom: 0px;}
.lista_propuestas {display: flex; flex-wrap: wrap; justify-content:center; padding-bottom: 80px; }
.lista_propuestas .propuesta {width: 25%; padding: 40px; margin: 10px; border: 1px solid #8C8CE2; border-radius: 10px;}
.lista_propuestas .propuesta .icono {padding-bottom: 20px;}
.lista_propuestas .propuesta .icono img {height: 80px;}
.lista_propuestas .propuesta .texto { color: #fff;}

/*footer*/
.footer {font-size: 18px;}
.tit-bajo {margin: 40px auto 80px; max-width: 600px; width: 90%; }
.footer .logo {width: 160px; margin: 20px 0px;}
.footer .txt {max-width: 900px; margin: 0 auto 40px; }
.footer span {display: block; font-size: 16px;}

.menu-footer {padding: 10px 20px 40px;}
.menu-footer a {font-size: 18px; text-decoration: underline; color: #000055; display: inline-block; padding: 4px; }
.menu-footer a:hover {text-decoration: none;}

/*pop-up*/
.pop-up { position: fixed; background:#000055; z-index: 10; left: -1px; top:0px; width: 1px; height: 100%; overflow: hidden;}
.pop-up .bl_video {width:100%; max-width:60vw; position: absolute; left: 50%; top:50%;  transform: translate(-50%, -50%); }
.pop-up .bl_video video {width: 100%;}
.pop-up.active {opacity: 1;  width:100%;  animation: animacion_left 1s  backwards  ease; animation-delay: 0s;}
.pop-up.active .bl_video video {opacity: 1; animation: animacion_aparece 1s  backwards  ease; animation-delay: 1s;}
.pop-up.cerrar_video .bl_video video { opacity: 0; animation: animacion_desaparece 1s  backwards  ease; animation-delay: 0s;}
.pop-up.cerrar_video   {opacity: 1;  animation: animacion_left_off 1s  backwards  ease; animation-delay: 1.0s;}
.pop-up .cerrar {opacity:1; position:absolute; top:50px; right: 50px;}
.pop-up.active .cerrar  {opacity: 1; animation: animacion_aparece 1s  backwards  ease; animation-delay: 1s;}
.pop-up.cerrar_video  .cerrar { opacity: 0; animation: animacion_desaparece 1s  backwards  ease; animation-delay: 0.5s;}

.pop-up .cerrar { cursor: pointer; display:block; width: 35px; height:35px; background: transparent url("img/cerrar.svg") no-repeat  center 0; background-size:  100%;}

.pop-up .bl_menu {width:100%; max-width:60vw; position: absolute; left: 50%; top:50%;  transform: translate(-50%, -50%); }
.pop-up.active .bl_menu  {opacity: 1; animation: animacion_aparece 1s  backwards  ease; animation-delay: 0.2s;}

.pop-up ul  {list-style: none; padding: 0; margin: 0x;}
.pop-up ul li {padding: 20px; text-align: center;}
.pop-up ul li.tit {font-size: 50px;  font-family: 'graphikbold'; font-weight: normal; color: #fff;}
.pop-up ul li a {color: #fff; font-size: 35px;  font-family: 'graphikbold'; font-weight: normal; text-decoration: none;}
.pop-up ul li a:hover {opacity: 0.7;}





/*animaciones*/
.cabecera {opacity: 1;  animation: animacion_aparece 1s  backwards  ease; animation-delay: 0.4s;}
.cabecera h1 {opacity: 1;  animation: animacion_aparece_sube 1s  backwards  ease; animation-delay: 0.6s;}
.cabecera .subtit {opacity: 1;  animation: animacion_aparece_sube 1s  backwards  ease; animation-delay: 0.6s;}
.cabecera .botones {opacity: 1;  animation: animacion_aparece_sube 1s  backwards  ease; animation-delay: 0.6s;}
.video {opacity: 1;  animation: animacion_aparece_sube 1s  backwards  ease; animation-delay: 0.8s;}
.foto_top { animation: animacion_fade 8s backwards infinite ; animation-delay: 0s;}
.foto_top.dos { animation: animacion_fade 8s backwards infinite ; animation-delay: 3s;}


.imagenes-texto div.color-1 span { animation: animacion_fade 8s backwards infinite ; animation-delay: 1s;}
.imagenes-texto div.color-2 span { animation: animacion_fade 8s backwards infinite ; animation-delay: 2s;}
.como-sumarse.active {opacity: 1;  animation: animacion_aparece_sube 1s  backwards  ease; animation-delay: 0.2s;}

@keyframes animacion_fade {
    0% { opacity: 1;}
  30%  { opacity: 1; }
  50%  { opacity: 0;}
  80%  { opacity: 0;}
  100% { opacity: 1;}
  }


.sumate, .bl_sumate, .botones a   {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

@keyframes animacion_aparece_sube {
    0%   {opacity:0; transform: translateY(20%); }
    80%  {opacity:1; transform: translateY(0%); }
    100%  {opacity:1; transform: translateY(0%); }
  }

@keyframes animacion_aparece {
    0%   {opacity:0;  }
    100%  {opacity:1;  }
}

.pc {display: block;!important;}
.movil  {display: none!important;} 

@media only screen and (max-width: 600px) {
    .pc {display: none!important;}
    .movil  {display: block!important;} 
    .movil-scroll {overflow: auto;}
    .movil-scroll img {width: 800px; max-width: 800px;}
    section {overflow-x: hidden;}
    .menu { top: 30px; right: 20px; z-index: 10;  max-width:40px; }
    .idiomas {top: 30px; left: 20px;}
    .idiomas a {padding: 2px 8px; font-size: 15px;}
    .idiomas a span {display: none; text-transform: uppercase;}
    .cedro { top: 20px; left: 20px; z-index: 10;  max-width:120px; }

    h1 {margin: 40px 0; padding: 0px;}
    h1 img {width: 80%;}
    .imagenes_top img {width: calc(50% - 20px);}
    .fot_03 {display: none;}

    .botones {flex-wrap: wrap;}
    .botones a {margin-bottom: 10px; width: 100%; font-size: 14px; padding: 10px 20px 10px 75px;}
    .botones a:before {font-size: 30px; left: 20px;}
    .botones a br {display: none; }

    .fondo_top:before {display: none; }

    .menu-top {right: 0px; top: 0px; padding:40px 20px;  width: calc(100% - 60px); min-height: 100vh; padding: 80px 30px;}

    .figura.figura_01 {width: 100px; top:0px; left: 10%;}
    .figura.figura_02 {width: 110px; right: 10%;}
    .figura.figura_03 {width: 140px; left: 5%;}
    .figura.figura_04 {width: 110px; left:auto; right: 5%;}
    
    .video .play {width: 80%;}
    .video .play br {display: none;}
    .video .play h2 {font-size: 28px;}

    .mosaico div { padding: 20px 20px; width: calc(100% - 60px); margin: 0px; font-size: 16px;}


    .row-conclusiones {display: block;}
    .video.conclusiones {width: calc(100% - 20px); margin: 10px; }

    .video.conclusiones .play h2 {font-size: 20px;}
    .video.conclusiones .ico-play {width: 75px;  }

    .sub-menu {display: block;}
    .sub-menu a {display: block; font-size: 14px;}

    body {font-size: 16px;}
    h3 {font-size: 24px;}
    h2.tit-seccion span {font-size: 80px;}
    h2.tit-seccion {font-size: 30px;}
    h3.sub-tit {font-size: 20px;}
    .texto {font-size: 18px;}

    .fondo_color_01,
    .fondo_color_02,
    .fondo_color_03 {padding: 20px 0px;}

    section { margin: 40px 0px;}
    section.no-margin-bottom {padding-bottom: 0px;}
    .tarifas .mapa_media {width: 600px; top: 180px; transform: translateX(-35%);}

    .bl_tabla_tarifas {overflow-y: auto;}
    .tabla_tarifas {font-size: 13px; width: 600px;}
    .tabla_tarifas .sectores {width: 46%;}
    .tabla_tarifas .bloque_variacion {width: 54%;}
    .bl_pais .cab {font-size: 13px;}

    .tarifas .grafica .rankin {width: 100%; margin-top: 280px;}

    .paises_clipping {flex-wrap: wrap; gap: 0;  justify-content: center;}
    .clipping .paises_clipping img {width: calc(50% - 20px); margin: 5px;}
    .desplazar_sobre_grafica {margin-top: -40px;}

    .tarjetas .icono {width: 100px!important; margin: 0 auto;}
    .tarjetas .icono  img {width: 100%;}

    .bloque_destacado {border-radius: 30px;}
    .bloque_destacado .dato {position: static; margin: 0 auto 10px; width: 100px; height: 100px; }
    .bloque_destacado.bl-dato {padding: 20px; text-align: center;}

    .bloque_destacado.linea { margin-top: 30px;  margin-bottom: 30px;}

    .tarjetas_datos .dato {width: 100px!important; height: 100px; font-size: 22px; top: -50px;}
    .tarjetas .tarjeta .bl h3 {font-size: 20px;}
    .bullets_01 div, .bullets_01 div {font-size: 16px; padding-bottom: 10px;}

    .lineas {display: none;}

    .linea_bajo {order: 1;}
    .linea_bajo:before {content:""; z-index: 5; height: 50px; width: 1px; background-color:#5FE1B3; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); }

    .graficos .tarjeta .bl {max-width: 60%; margin: 0 auto; padding: 0px;}

    .owl-dots .owl-dot {width: 30px;}
    .owl-dots {width: 90%;}

    .tarjetas {flex-wrap: wrap;}
    .tarjetas .tarjeta {width: calc(100%); margin: 0 0 20px;}

    .paises_mayor_cuota img {width: 100%;}
    .evolucion_pirata img {width: 100%;}

    .grafica_quesos img {width: 100%;}
    .intensidad_accesos img {width: 100%;}

    .tabla_efectos img {width: 100%; margin-top: 20px;}
    .bloque_tabs ul.tabs {padding: 10px;}
    .bloque_tabs ul.tabs li {font-size: 15px; width: calc(100% - 20px); padding: 10px; margin-bottom: 10px; border-radius: 5px;}
    .bloque_tabs ul.tabs li br {display: none;}
    ul.tabs-content li .bl {flex-wrap: wrap;}
    ul.tabs-content li .imagen {width: 100%; padding-bottom: 0;}
    ul.tabs-content li .texto {width: 100%;}
    ul.tabs-content li {padding: 20px; max-width: 80%; margin: 0 auto;}
    .lista_propuestas .propuesta {width: 100%;}
    .pop-up .bl_video {max-width:90vw; }




}