/*reset*/
html, body, div, applet, object, iframe, img, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, th, textarea, center, i, div, header, section, footer {border:0;outline:0; box-sizing: border-box; line-height: 1.2em;}
html {scroll-behavior: smooth;overflow-x:hidden}
body{background-color: rgba(0,164,173,0.05); overflow-x:hidden!important}
*{margin:0;padding:0}
:focus{outline:0}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
blockquote, q{quotes:"" ""}
em {font-weight: 400; font-style: normal;}
hr{border:0;color:#FFFFFF;}
blockquote:before, blockquote:after, q:before, q:after{content:""}

/*tipos*/
strong{font-weight: bold}
em{font-style: italic}
h1, h2, h3, h4, h5, h6, p, a, li, div, .trumbowyg-editor p, .trumbowyg-editor a{font-family: 'Lato', sans-serif; color: rgba(0,0,0,1); text-decoration:none; font-size: 14px; font-weight: 400; line-height: 1.2em;}
h1{color: rgba(0,0,0,1); font-size: 46px; font-weight: bold}
h2{color: rgba(0,0,0,1); font-size: 38px; font-weight: bold}
h3{color: rgba(0,0,0,1); font-size: 30px;}
p{margin-bottom: 20px}
p a{text-decoration: underline}
ol{padding: 0px 0px 20px 30px; list-style-type: decimal}
ul{padding: 0px 0px 20px 30px; list-style-type: disc}
ul li, ol li{margin-bottom: 5px}
.cc-revoke{display: none!important}
.has-text-align-center{text-align: center!important}
.sinopacidad{opacity: 0!important}
.oculto{display: none!important}
.sinscroll{overflow:hidden!important}
.altolinea0{line-height: 0!important}
.cursiva{font-style: italic!important;}
.negrita{font-weight: bold!important}
.centrado{margin: 0 auto!important}
.textoizquierda{text-align: left!important}
.textocentro{text-align: center!important}
.textoderecha{text-align: right!important}
.wp-block-embed__wrapper{gap: 0!important}
.bloque{display: block!important;}
.eedee-gutenslider-nav{display: none!important}
.cky-btn-revisit-wrapper{display: none!important}
.gapcinco{gap: 5em!important}
.gapdiez{gap: 10em!important}
.ancho50{max-width: 50%}
.solopc{display: inherit}
.solomovil{display: none}
    
.flexat{display: inline-flex; width: 100%; flex-wrap: wrap;}
.flexat.dalt{align-items: flex-start}
.flexat.abaix{align-items: flex-end}
.flexat.centre{align-items: center}
.flexat.mismaaltura{align-items: stretch;}
.flexat.inici{justify-content: flex-start}
.flexat.final{justify-content: flex-end}
.flexat.centrat{justify-content: center}
.flexat.total{justify-content: space-between}
.flexat2{width: 49%}
.flexat3{width: 31%}
.flexat4{width: 23.7%; margin-right: 1.6%;}
.flexat4:nth-child(4n+0){margin-right: 0%;}
.flexat5{width: 18%}
.flexat8{width: 11%}
.flexat26040:nth-child(1){width: 56%}
.flexat26040:nth-child(2){width: 40%}
.flexat23070:nth-child(1){width: 26%}
.flexat23070:nth-child(2){width: 72%}
.flexat27030:nth-child(1){width: 72%;}
.flexat27030:nth-child(2){width: 22%;}

.cycle-slideshow{height: 100%!important; width: 100%!important;position: relative;}
.cycle-slide {objetct-fit: cover; height: 100%;width: 100%;}

.confondo.flexat27030, .confondodirecto{padding: 8px; text-align: center; border-radius: 5px; background-color: rgba(199,20,58,0.1); border-left: 0px solid rgba(199,20,58,0.3); margin-bottom: 3px;}

.confondo.flexat27030 > div, .confondodirecto{font-size: 12px; width: 100%}
.confondo.flexat27030 img, .confondodirecto img{width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 10px; transform: rotate(180deg);}

.padding5{padding: 5px;}
.padding10{padding: 10px;}
.padding20{padding: 20px;}
.paddingleft20{padding-left: 20px}
.padding80{padding: 80px;}
.paddingtop10{padding-top: 10px;}
.paddingtop80{padding-top: 80px;}
.paddingtop120{padding-top: 120px;}
.paddingbottom40{padding-bottom: 40px;}
.paddingbottom80{padding-bottom: 80px;}
.paddingtop40{padding-top: 40px;}
.paddingtop140{padding-top: 140px;}
.paddingbottom20{padding-bottom: 20px;}
.marginbottom0{margin-bottom: 0px;}
.padding200200{padding: 20px 0px 20px 0px;}
.padding40{padding: 40px;}
.padding80{padding: 80px;}
.padding120{padding: 120px;}
.margintop20{margin-top: 20px;}
.margintop40{margin-top: 40px;}
.margintop80{margin-top: 80px;}
.margintop120{margin-top: 120px;}
.marginbottom10{margin-bottom: 10px!important;}
.marginbottom20{margin-bottom: 20px;}
.marginbottom30{margin-bottom: 30px;}
.marginbottom10{margin-bottom: 10px;}
.marginbottom40{margin-bottom: 40px;}
.marginbottom80{margin-bottom: 80px;}
.marginbottom120{margin-bottom: 120px;}

/*ancho y alto*/
.ancho100{width: 100%;}
.alto100{height: 100vh;}
.estrecho{width: 1200px; margin: 0 auto}
.estrecho2{width: 800px; margin: 0 auto}

.fijo{position: fixed}
.absoluto{position: absolute}
.relativo{position: relative}

.breadcrumb{margin-top: 20px; font-size: 12px}
.breadcrumb a, .breadcrumb span{font-size: 12px}


a, .comoboton{-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

/*menumobil*/
.menumobil {display: none;cursor: pointer; padding: 0; transition: opacity 0.5s ease-in-out; transition: background 0.1s ease-in-out; }
.menumobil > .bar1, .menumobil > .bar2 , .menumobil > .bar3 {width: 25px;height: 2px;background-color: rgba(0,50,106,1);margin: 6px 0;transition: 0.4s;}
.change.bar1 { -webkit-transform: rotate(-45deg) translate(-4px, 8px) ;transform: rotate(-45deg) translate(-4px, 8px) ;}
.change.bar2 {opacity: 0!important;}
.change.bar3 { -webkit-transform: rotate(45deg) translate(-3px, -8px) ;transform: rotate(45deg) translate(-3px, -8px) ;}
/*menumobil*/

.blau1{color: rgba(0,50,106,1);}
.blau2{color: rgba(0,164,173,1);}

@keyframes headanim01 { 0% { opacity: 0; top: -100px } 100% { opacity: 1; top: 0px } }
.cabecera{position: fixed; z-index: 10; top: 0; width: 100%; text-align: center; animation: headanim01 2s; -moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;background-color: rgba(255,255,255,0);}
.cabecera > div{width: 1200px; margin: 0 auto; padding: 10px 0px 10px 0px}
.cabecera.parado{top: -150px}
.cabecera.confondo{background-color: rgba(255,255,255,0.9);}
.cabecera > div > div:nth-child(1){width: 60px; height: 75px; background: url(../img/logo-iki.svg) center center no-repeat; background-size: cover}
.confondo > div > div:nth-child(1){width: 37px; height: 50px; background: url(../img/logo-iki-blau.svg) center center no-repeat; background-size: cover}

.menuprincipal ul{list-style-type: none; padding: 0!important}
.menuprincipal li{display: inline-block; margin-right: 60px; padding-bottom: 8px;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; border-bottom: 1px solid rgba(255,255,255,0)}
.menuprincipal li a{color: white; font-size: 18px; font-weight: 300;}
.confondo .menuprincipal li a{color: rgba(0,50,106,1); font-size: 18px; font-weight: 300;}
.menuprincipal li.apretat{border-bottom: 1px solid rgba(255,255,255,1)}
.confondo .menuprincipal li.apretat{border-bottom: 1px solid rgba(0,50,106,1)}
.menuprincipal li.apretat a{font-weight: 400}
.menuprincipal li:last-child{margin-right: 0}
.menuprincipal li:hover{border-bottom: 1px solid rgba(255,255,255,1)}
.confondo .menuprincipal li:hover{border-bottom: 1px solid rgba(0,50,106,1)}

.videohome{width: 100%; height: 100vh; position: relative}
.videohome #myVideo{object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0; object-position: 80% 50%;}
.maskvideo{object-fit: cover; width: 100%;height: 100%;position: absolute;top: 0;left: 0; z-index: 2; background: #00326A; background: linear-gradient(90deg,rgba(0, 50, 106, 0.8) 0%, rgba(0, 164, 173, 0.8) 100%);}

.contenidovideo{display: inline-flex; justify-content: center; align-items: center; height: 100vh; width: 100%; position: absolute; z-index: 3}
.contenidovideo > div{width: 1200px; margin: 0 auto}
.contenidovideo > div h3{margin-bottom: 80px; color: white; font-size: 48px; line-height: 1.2em; font-weight: 700}
.contenidovideo > div h1{color: white; font-size: 26px; line-height: 1.4em; margin-bottom: 20px; font-weight: 300;max-width: 800px;}
.contenidovideo > div h2{color: white; font-size: 26px; line-height: 1.4em; font-weight: 300;max-width: 900px;}
.contenidovideo > div a{width: 210px; display: inherit!important; margin-left: 0;}

.entresections1{width: 100%; height: 400px; background: url(../img/fons3.webp) center center no-repeat fixed; background-size: cover}
.entresections2{width: 100%; height: 400px; background: url(../img/fons5.webp) center center no-repeat fixed; background-size: cover}
.entresections2en{width: 100%; height: 400px; background: url(../img/fons5en.webp) center center no-repeat fixed; background-size: cover}
.entresections3{width: 100%; height: 600px; background: url(../img/fons8.webp) center center no-repeat fixed; background-size: cover}
.entresections3en{width: 100%; height: 600px; background: url(../img/fons8en.webp) center center no-repeat fixed; background-size: cover}

.primera{height: 600vh; width: 100%; background: #00326A; background: linear-gradient(90deg,rgba(0, 50, 106, 1) 0%, rgba(0, 164, 173, 1) 100%);}
.primera .contenidocien{width: 100%; margin: 0 auto; padding-top: 38vh; position: relative}
.primera .contenidocien.fijo{ position: fixed; top: 38%; padding-top: 0;}
.primera .contenidocien p{position: absolute; width: 800px; left: 50%; margin-left: -400px; text-align: center; font-weight: bold; font-size: 48px; margin-bottom: 40px; color: white}
.primera .contenidocien p.dos, .primera .contenidocien p.tres, .primera .contenidocien p.cuatro, .primera .contenidocien p.cinco{display: none}

.segona{padding-top: 20vh; padding-bottom: 20vh; width: 100%; position: relative}
.segona > .contenido{width: 1200px; margin: 0 auto;}
.segona > .contenido > div > div:nth-child(1){width: 45%;}
.segona > .contenido > div > div:nth-child(1) img{width: 100%; height: auto}
.segona > .contenido > div > div:nth-child(2){width: 45%;}
.segona h2{color: rgba(0, 50, 106,1); font-size: 75px; font-weight: 900; line-height: 1em; margin-bottom: 40px}
.segona h3{color: rgba(0, 50, 106,1); font-size: 20px; margin-bottom: 30px; line-height: 1.4em; font-weight: 600}
.segona h4{color: rgba(0, 50, 106,1); font-size: 20px; margin-bottom: 30px; line-height: 1.4em; font-weight: 400}
.segona li{color: rgba(0, 50, 106,1); font-size: 20px; line-height: 1.4em; font-weight: 400}
.segona ul{list-style-type: disc; margin-top: 30px; padding: 0px 0px 0px 20px; margin-bottom: 30px}
.segona .fons{position: absolute; top: 20vh; left: 0%; width: 50%; height: 60vh;}
.segona .fons img{width: 100%; height: 100%; object-fit: contain}

.tercera{padding: 25vh 0 25vh 0; min-height: 100vh; width: 100%; background-color: rgba(0,50,106,0.3); position: relative}
.tercera > .contenido{width: 1200px; margin: 0 auto; text-align: center}
.tercera h2{color: white; font-size: 44px; font-weight: 900; line-height: 1.2em; margin-bottom: 80px; max-width: 80%; margin-left: 10%;}
.tercera h3{color: white; font-size: 30px; margin-bottom: 30px; line-height: 1.4em; font-weight: 400}
.tercera .cajas{margin-top: 60px}
.tercera .cajas .caja{background-color: rgba(0,50,106,1); padding: 30px; border-radius: 20px; width: 28%; text-align: left}
.tercera .cajas .caja h4{font-size: 20px; line-height: 1.2em; margin-bottom: 20px; color: white; font-weight: 600}
.tercera .cajas .caja p{font-size: 15px; line-height: 1.4em; margin-bottom: 0; color: white}
.tercera .cajas .caja img{width: 50px; height: auto; display: block; margin-bottom: 20px}
.tercera .fons{position: absolute; top: 0vh; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: -1}
.tercera .fons img{width: 100%; height: 100%; object-fit: cover}

.cuarta{padding: 25vh 0 25vh 0; width: 100%;}
.cuarta > .contenido{width: 1200px; margin: 0 auto;}
.cuarta > .contenido > div > div:nth-child(1){width: 45%;}
.cuarta > .contenido .separadora{width: 100%; height: 1px; background-color: rgba(0, 50, 106,1); margin-top: 10px; margin-bottom: 20px}
.cuarta > .contenido > div > div:nth-child(1) h2{margin-bottom: 40px; font-size: 30px; color: rgba(0, 50, 106,1);}
.cuarta > .contenido > div > div:nth-child(1) h3{font-size: 18px;margin-bottom: 30px; padding-left: 20px; line-height: 1.6em; color: rgba(0, 50, 106,1);}
.cuarta > .contenido > div > div:nth-child(1) span{font-size: 20px; display: block; margin-bottom: 10px; font-weight: 600;  color: rgba(0, 50, 106,1);}
.cuarta > .contenido > div > div:nth-child(2){width: 45%;}
.cuarta > .contenido > div > div:nth-child(2) img{object-fit: cover; width: 100%; height: 100%;border-radius: 20px}

.tercerafalsa{padding: 25vh 0 25vh 0; min-height: 100vh; width: 100%;  position: relative; background: #00326A; background: linear-gradient(90deg,rgba(0, 50, 106, 1) 0%, rgba(0, 164, 173, 1) 100%);}
.tercerafalsa > .contenido{width: 1200px; margin: 0 auto; text-align: center}
.tercerafalsa h2{color: white; font-size: 44px; font-weight: 900; line-height: 1.2em; margin-bottom: 80px; max-width: 80%; margin-left: 10%;}
.tercerafalsa h3{color: white; font-size: 30px; margin-bottom: 30px; line-height: 1.4em; font-weight: 400}
.tercerafalsa .cajas{margin-top: 60px}
.tercerafalsa .cajas .caja{background-color: rgba(0,50,106,1); padding: 30px; border-radius: 20px; width: 28%; text-align: left}
.tercerafalsa .cajas .caja h4{font-size: 20px; line-height: 1.2em; margin-bottom: 20px; color: white; font-weight: 600}
.tercerafalsa .cajas .caja p{font-size: 15px; line-height: 1.4em; margin-bottom: 0; color: white}
.tercerafalsa .cajas .caja img{width: 50px; height: auto; display: block; margin-bottom: 20px}
.tercerafalsa .fons{position: absolute; top: 0vh; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: -1}
.tercerafalsa .fons img{width: 100%; height: 100%; object-fit: cover}

.sisena{padding: 25vh 0 25vh 0; width: 100%;}
.sisena > .contenido{width: 1200px; margin: 0 auto;}
.sisena > .contenido > div > div:nth-child(2){width: 45%;}
.sisena > .contenido > div > div:nth-child(2) h2{color: rgba(0, 50, 106,1); max-width: 80%; font-size: 50px; font-weight: 900; line-height: 1.2em; margin-bottom: 80px}
.sisena > .contenido > div > div:nth-child(2) h3{color: rgba(0, 50, 106,1); font-size: 20px; margin-bottom: 30px; line-height: 1.4em; font-weight: 600}
.sisena > .contenido > div > div:nth-child(2) li{color: rgba(0, 50, 106,1); font-size: 20px; line-height: 1.4em; font-weight: 400}
.sisena > .contenido > div > div:nth-child(2) ul{list-style-type: disc; margin-top: 30px; padding: 0px 0px 0px 20px; margin-bottom: 30px}
.sisena > .contenido > div > div:nth-child(1){width: 45%;}
.sisena > .contenido > div > div:nth-child(1) img{object-fit: cover; width: 100%; height: 100%;border-radius: 20px}

.setena{padding: 25vh 0 25vh 0; min-height: 100vh; width: 100%; }
.setena > .contenido{width: 1200px; margin: 0 auto; text-align: center}
.setena h2{font-size: 44px; font-weight: 900; line-height: 1.2em; margin-bottom: 80px;color: rgba(0, 50, 106,1);}
.setena h3{font-size: 26px; margin-bottom: 30px; line-height: 1.4em; font-weight: 400; color: rgba(0, 50, 106,1);}
.setena .cajas{margin-top: 60px}
.setena .cajas .caja{background: rgba(0,50,106,1); padding: 30px; border-radius: 20px; width: 45%; text-align: left}
.setena .cajas .caja h4{font-size: 20px; line-height: 1.2em; color: white; margin-bottom: 20px; font-weight: 600}
.setena .cajas .caja p{font-size: 15px; line-height: 1.8em; color: white; margin-bottom: 0}
.setena .cajas .caja img{width: 50px; height: auto; display: block; margin-bottom: 20px}
.setena .caixapreu{border-bottom: 1px solid white;}

.vuitena{padding: 25vh 0 25vh 0; width: 100%; background: #00326A; background: linear-gradient(90deg,rgba(0, 50, 106, 1) 0%, rgba(0, 164, 173, 1) 100%);}
.vuitena > .contenido{width: 1200px; margin: 0 auto; text-align: center}
.vuitena > .contenido .separadora{width: 100%; height: 1px; background-color: rgba(0, 50, 106,1); margin-top: 10px; margin-bottom: 20px}
.vuitena > .contenido h2{margin-bottom: 40px; color: white;font-size: 48px; font-weight: 900;}
.vuitena > .contenido h3{font-size: 20px; color: white;display: block; font-weight: 600; margin-bottom: 30px;}
.vuitena > .contenido p{font-size: 16px;color: white; line-height: 1.4em;font-weight: 400;}

.boton{display: block; width: 200px; margin: 0 auto; margin-top: 80px; border-radius: 20px; padding: 15px 30px 15px 30px; background-color: rgba(0, 50, 106,1); border: 1px solid rgba(0, 50, 106,1); -moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;color: white; font-weight: 400; font-size: 16px;}
.boton:hover{background-color: white;color: rgba(0, 50, 106,1);}

footer{background-color: rgba(0,164,173,0.05);; padding: 10px; text-align: center}
footer ul{list-style-type: none; padding-bottom: 0; margin-left: 0}
footer li{display: inline-block; margin-left: 20px; margin-right: 20px; color: black;}



.comunidad2{padding: 25vh 0 25vh 0; min-height: 100vh; width: 100%; background: #00326A; background: linear-gradient(90deg,rgba(0, 50, 106, 1) 0%, rgba(0, 164, 173, 1) 100%); position: relative}
.comunidad2 > .contenido{width: 1200px; margin: 0 auto; text-align: center}
.comunidad2 h2{color: white;  font-size: 44px; font-weight: 900; line-height: 1.2em; margin-bottom: 80px; max-width: 80%; margin-left: 10%;}
.comunidad2 h3{color: white; font-size: 30px; margin-bottom: 30px; line-height: 1.4em; font-weight: 400}
.comunidad2 h5{color: white; font-size: 50px; margin-bottom: 10px; line-height: 1em; font-weight: 400}
.comunidad2 .cajas{margin-top: 60px}
.comunidad2 .cajas .caja{background-color: rgba(0,50,106,1); padding: 30px; border-radius: 20px; width: 23%; text-align: left}
.comunidad2 .cajas .caja h4{font-size: 20px; line-height: 1.2em; margin-bottom: 20px; color: white; font-weight: 600}
.comunidad2 .cajas .caja p{font-size: 15px; line-height: 1.4em; margin-bottom: 0; color: white}
.comunidad2 .cajas .caja img{width: 50px; height: auto; display: block; margin-bottom: 20px}


.comunidad1{padding: 35vh 0 25vh 0; min-height: 100vh; width: 100%; background: linear-gradient(90deg,rgba(0, 50, 106, 0.7) 0%, rgba(0, 164, 173, 0.7) 100%); position: relative; }
.comunidad1 > .contenido{width: 1200px; margin: 0 auto; text-align: center}
.comunidad1 h2{color: white; font-size: 44px; font-weight: 900; line-height: 1.2em; margin-bottom: 80px; max-width: 60%; margin-left: 20%;}
.comunidad1 h3{color: white; font-size: 30px; margin-bottom: 60px; line-height: 1.4em; font-weight: 400; max-width: 60%; margin-left: 20%;}
.comunidad1 .fons{position: absolute; top: 0vh; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: -1}
.comunidad1 .fons img{width: 100%; height: 100%; object-fit: cover}

.para1{padding: 35vh 0 25vh 0; min-height: 100vh; width: 100%;  position: relative; background: #00326A; background: linear-gradient(90deg,rgba(0, 50, 106, 1) 0%, rgba(0, 164, 173, 1) 100%);}
.para1 > .contenido{width: 1200px; margin: 0 auto; text-align: center}
.para1 h2{color: white; font-size: 44px; font-weight: 900; line-height: 1.2em; margin-bottom: 80px; max-width: 60%; margin-left: 20%;}
.para1 h3{color: white; font-size: 26px; margin-bottom: 20px; font-weight: 400; max-width: 100%; margin-left: 0%;}
.desplegables{width: 1200px; margin: 0 auto;}
.desplegables > div{display: inline-flex; justify-content: space-between; flex-wrap: wrap}
.d{width: 31.6%; border-radius: 20px; background: rgba(255,255,255,0.3); margin-bottom: 40px; border: 1px solid white; -moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; }
.d > img{width: 100%; display: block; border-radius: 20px 20px 0px 0px;}

.h{color: white; font-size: 28px; text-align: left; padding: 20px 20px 40px 20px}
.h h3{color: white; font-size: 17px; margin-top: 10px;}
.c{ padding: 0px 20px 20px 20px; text-align: left}
.c h2{color: white; font-size: 20px; margin-bottom: 20px; font-weight: bold; max-width: 100%; margin-left: 0%;}
.c h3{color: white; font-size: 15px; font-weight: 400; margin-bottom: 20px;}
.c li{color: white; font-size: 15px; line-height: 1.4em; font-weight: 400}
.c ul{list-style-type: disc; padding: 0px 0px 0px 30px;}

.d2{width: 100%; border-radius: 20px; background: url(../img/fons1a1.webp) center center no-repeat; background-size: cover; border: 1px solid white; display: inline-flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative}
.d2 .fons img{width: 100%; height: 100%; object-fit: cover}
.d2 .h{width: 35%;color: white; font-size: 28px; line-height: 1.4em; text-align: left; padding: 40px 0px 40px 40px}
.d2 .c{width: 55%; padding: 40px 40px 40px 40px}

.para2{padding: 25vh 0 25vh 0; min-height: 100vh; width: 100%; background: linear-gradient(90deg,rgba(0, 50, 106, 0.6) 0%, rgba(0, 164, 173, 0.6) 100%); position: relative}
.para2 > .contenido{width: 1200px; margin: 0 auto; text-align: center}
.para2 h2{color: white; font-size: 44px; font-weight: 900; line-height: 1.2em; margin-bottom: 80px; max-width: 80%; margin-left: 10%;}
.para2 .cajas{margin-top: 60px}
.para2 .cajas .caja{background-color: rgba(0,50,106,1); padding: 30px; border-radius: 20px; width: 28%; text-align: left}
.para2 .cajas .caja h4{font-size: 18px; line-height: 1.2em; margin-bottom: 20px; color: white; font-weight: 600}
.para2 .cajas .caja p{font-size: 15px; line-height: 1.4em; margin-bottom: 0; color: white}
.para2 .cajas .caja img{width: 120px; height: auto; display: block; margin-bottom: 20px}
.para2 .fons{position: absolute; top: 0vh; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: -1}
.para2 .fons img{width: 100%; height: 100%; object-fit: cover}


.about1{display: inline-flex; justify-content: center; align-items: center; height: 100vh; width: 100%; position: relative; background: #00326A; background: linear-gradient(90deg,rgba(0, 50, 106, 0.4) 0%, rgba(0, 164, 173, 0.4) 100%);}
.about1 > div{width: 1200px; margin: 0 auto}
.about1 > div h3{margin-bottom: 80px; color: white; font-size: 48px; line-height: 1.2em; font-weight: 700}
.about1 > div h1{color: white; font-size: 26px; line-height: 1.2em; font-weight: 300;}
.about1 > div h2 strong{font-weight: 400}
.about1 > div h2{color: white; font-size: 26px; line-height: 1.6em; font-weight: 300;}
.about1 .fons{position: absolute; top: 0vh; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: -1}
.about1 .fons img{width: 100%; height: 100%; object-fit: cover}

.about2{padding-top: 20vh; padding-bottom: 20vh; width: 100%; background-color: white; position: relative; background: #00326A; background: linear-gradient(90deg,rgba(0, 50, 106, 0.7) 0%, rgba(0, 164, 173, 0.7) 100%);}
.about2 > .contenido{width: 1200px; margin: 0 auto;}
.about2 > .contenido > div > div:nth-child(1){width: 45%; text-align: center}
.about2 > .contenido > div > div:nth-child(1) img{width: 100%;height: auto;}
.about2 > .contenido > div > div:nth-child(2){width: 45%;}
.about2 h2{color: white; font-size: 48px; font-weight: 900; line-height: 1em; margin-bottom: 40px}
.about2 h3{color: white; font-size: 20px; margin-bottom: 30px; line-height: 1.4em; font-weight: 600}
.about2 h4{color: white; font-size: 20px; margin-bottom: 30px; line-height: 1.4em; font-weight: 400}
.about2 li{color: white; font-size: 20px; line-height: 1.4em; font-weight: 400}
.about2 ul{list-style-type: disc; margin-top: 30px; padding: 0px 0px 0px 20px; margin-bottom: 30px}
.about2 .fons{position: absolute; top: 0vh; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: -1}
.about2 .fons img{width: 100%; height: 100%; object-fit: cover}
.about2 span{font-size: 20px; color: white; margin-bottom: 10px}

.about3{padding: 25vh 0 25vh 0; width: 100%;}
.about3 > .contenido{width: 1200px; margin: 0 auto;}
.about3 > .contenido > div > div{width: 45%;}
.about3 > .contenido > div h2{margin-bottom: 40px; font-size: 30px; color: rgba(0, 50, 106,1);}
.about3 > .contenido > div h3{font-size: 18px;margin-bottom: 30px; font-weight: 900; line-height: 1.6em; color: rgba(0, 50, 106,1);}
.about3 > .contenido > div p{font-size: 18px;margin-bottom: 20px; line-height: 1.6em; color: rgba(0, 50, 106,1);}


.about4{padding: 25vh 0 25vh 0; width: 100%; background-color: rgba(255,255,255,1);}
.about4 > .contenido{width: 1200px; margin: 0 auto;}
.about4 > .contenido > div > div:nth-child(1){width: 45%;}
.about4 > .contenido > div > div:nth-child(2) h2{margin-bottom: 40px; font-size: 30px; color: rgba(0, 50, 106,1);}
.about4 > .contenido > div > div:nth-child(2) h3{font-size: 18px;margin-bottom: 30px; font-weight: 900; line-height: 1.6em; color: rgba(0, 50, 106,1);}
.about4 > .contenido > div > div:nth-child(2) p{padding-left: 30px; font-size: 18px;margin-bottom: 20px; line-height: 1.6em; color: rgba(0, 50, 106,1);}
.about4 > .contenido > div > div:nth-child(1){width: 45%;}
.about4 > .contenido > div > div:nth-child(1) img{object-fit: cover; width: 100%; height: 100%;border-radius: 20px}


.about5{padding: 25vh 0 25vh 0; min-height: 100vh; width: 100%;  position: relative; background: #00326A; background: linear-gradient(90deg,rgba(0, 50, 106, 1) 0%, rgba(0, 164, 173, 1) 100%);}
.about5 > .contenido{width: 1200px; margin: 0 auto; text-align: center}
.about5 h2{color: white; font-size: 44px; font-weight: 900; line-height: 1.2em; margin-bottom: 80px; max-width: 80%; margin-left: 10%;}
.about5 h3{color: white; font-size: 32px; margin-bottom: 30px; line-height: 1.4em; font-weight: 400}
.about5 h4{color: white; font-size: 20px; margin-bottom: 30px; line-height: 1.4em; font-weight: 400}
.about5 .cajas{margin-top: 60px}
.about5 .cajas .caja{background-color: rgba(0,50,106,1); padding: 30px 30px 80px 30px; border-radius: 20px; margin-bottom: 120px; width: 45%; text-align: left; position: relative}
.about5 .cajas .caja a{position: absolute; bottom: 20px; left: 30px}
.about5 .cajas .caja img{max-width: 150px; border-radius: 150px; margin-bottom: 10px}
.about5 .cajas .caja h4{font-size: 20px; line-height: 1.2em; margin-bottom: 20px; color: white; font-weight: 600}
.about5 .cajas .caja p{font-size: 15px; line-height: 1.4em; margin-bottom: 10px; color: white}
.about5 .fons{position: absolute; top: 0vh; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: -1}
.about5 .fons img{width: 100%; height: 100%; object-fit: cover}

.textogenerico{padding: 300px 0 100px 0; width: 100%; position: relative; background: #00326A; background: linear-gradient(90deg,rgba(0, 50, 106, 1) 0%, rgba(0, 164, 173, 1) 100%);}
.textogenerico > div{width: 1200px; margin: 0 auto}
.textogenerico > div h1{color: white; margin-bottom: 80px; font-weight: bold; font-size: 40px}
.textogenerico > div h2{color: white; margin-top: 60px; margin-bottom: 20px; font-weight: bold; font-size: 30px}
.textogenerico > div h3{color: white; margin-top: 40px; margin-bottom: 20px; font-size: 20px}
.textogenerico > div h4{color: white; margin-top: 20px; margin-bottom: 20px; font-size: 16px; line-height: 1.2em}
.textogenerico > div p{color: white; margin-bottom: 20px; font-size: 16px; line-height: 1.2em}
.textogenerico > div ul, .textogenerico > div ol{}
.textogenerico > div ul li, .textogenerico > div ol li, .textogenerico > div ul li a, .textogenerico > div ol li a{color: white; margin-bottom: 20px; font-size: 16px; line-height: 1.2em}

@media screen 
and (max-width : 1300px) 
and (min-width : 1024px)
{
    .cabecera > div, .contenido, .contenidovideo > div, .textogenerico > div, .desplegables, .para1 > .contenido, .desplegables {width: calc(100% - 80px)!important; }
}


@media screen 
and (max-width : 1023px) 
and (min-width : 782px)
{
    .cabecera > div, .contenido, .contenidovideo > div, .textogenerico > div, .para1 > .contenido, .desplegables {width: calc(100% - 80px)!important; }
    .primera .contenidocien p{width: calc(100% - 120px)!important;left: 60px;margin-left: 0;}
    .segona h2{font-size: 48px;}
    .tercera .cajas .caja, .tercerafalsa .cajas .caja, .para2 .cajas .caja, .comunidad2 .cajas .caja{width: 100%;margin-bottom: 20px;}
    .segona > .contenido > div > div:nth-child(1), .cuarta > .contenido > div > div:nth-child(2), .sisena > .contenido > div > div:nth-child(1), .about2 > .contenido > div > div:nth-child(1) {width: 30%;}
    .segona > .contenido > div > div:nth-child(2), .cuarta > .contenido > div > div:nth-child(1), .sisena > .contenido > div > div:nth-child(2), .about2 > .contenido > div > div:nth-child(2) {width: 60%;}
    .segona .fons{left: -15%;}
    .comunidad1 h2{max-width: 80%;margin-left: 10%;}
}

@media screen 
and (max-width : 781px) 
{
    .menuprincipal{width: 100%;}
    .menuprincipal ul{padding: 40px 0px 40px 0px!important;}
    .menuprincipal li{display: block;text-align: right;margin-right: 0;margin-bottom: 20px;}
    .menuprincipal li.apretat {border-bottom: 0px solid rgba(255, 255, 255, 1);}
    .menuprincipal li a{color: rgba(0, 50, 106,1)}
    .cabecera > div, .contenido, .contenidovideo > div, .textogenerico > div {width: calc(100% - 40px)!important; }
    .primera .contenidocien p{width: calc(100% - 60px)!important;left: 30px;margin-left: 0;}
    .segona h2{font-size: 48px;}
    .tercera .cajas .caja, .tercerafalsa .cajas .caja, .para2 .cajas .caja, .comunidad2 .cajas .caja, .setena .cajas .caja{width: 100%;margin-bottom: 20px;}
    .segona > .contenido > div > div:nth-child(1), .cuarta > .contenido > div > div:nth-child(2), .sisena > .contenido > div > div:nth-child(1), .about2 > .contenido > div > div:nth-child(1) {width: 100%;}
    .segona > .contenido > div > div:nth-child(2), .cuarta > .contenido > div > div:nth-child(1), .sisena > .contenido > div > div:nth-child(2), .about2 > .contenido > div > div:nth-child(2) {width: 100%;}
    .cuarta > .contenido > div > div:nth-child(1){order: 2;}
    .cuarta > .contenido > div > div:nth-child(2){order: 1; margin-bottom: 40px}
    .sisena > .contenido > div > div:nth-child(1), .about2 .flexat2:nth-child(1){ margin-bottom: 40px}
    .segona .fons{display: none}
    .comunidad1 h2, .tercera h2, .tercerafalsa h2{max-width: 100%;margin-left:0;}
    .menumobil{display: block;}
    .cabecera{background-color: rgba(255,255,255,0.9);}
    .cabecera > div > div:nth-child(1){width: 37px; height: 50px; background: url(../img/logo-iki-blau.svg) center center no-repeat; background-size: cover}
    .menuprincipal{display: none}
    .cabecera .flexat.abaix {align-items: center;}
    .contenidovideo > div h3, .primera .contenidocien p, .segona h2, .tercera h2, .tercerafalsa h2, .sisena > .contenido > div > div:nth-child(2) h2, .setena h2, .vuitena > .contenido h2, .para1 h2, .para2 h2, .comunidad1 h2, .comunidad2 h2, .about1 > div h3, .about2 h2, .about3 > .contenido > div h2, .about5 h2, .about5 h3, .desplegables .h {font-size: 30px}
    .contenidovideo > div h1, .contenidovideo > div h2, .tercera h3, .tercerafalsa h3, .setena h3, .comunidad1 h3, .comunidad2 h3, .about1 > div h1, .about1 > div h2, .c h2, .d2 .h {font-size: 20px}
    .desplegables .c h2{font-size: 18px}
    .desplegables .c, .d2 .h, .d2 .c {padding: 20px 20px 0px 20px;}
    .entresections1, .entresections2, .entresections3{height: 200px;}
    .entresections1{background: url(../img/fons3.webp) right center no-repeat fixed;}
    .desplegables, .desplegables .d, .about3 > .contenido > div > div, .about5 .cajas .caja, .desplegables, .d2 .h, .d2 .c{width: 100%}
    .desplegables .d, .about3 > .contenido > div > div:nth-child(1){margin-bottom: 40px}
    .segona, .tercera, .cuarta, .tercerafalsa, .sisena, .setena, .vuitena, .para2, .comunidad2, .about1, .about2, .about3, .about5 {padding-top: 100px;padding-bottom: 100px; min-height: auto;}
    .para1, .comunidad1 {padding-top: 200px;padding-bottom: 100px; min-height: auto;}
    .about5 .cajas .caja{margin-bottom: 40px;}
    
}