@CHARSET "UTF-8";
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
text-decoration: none;
}
html{height:100%;}
body {
line-height: 1;margin:0;padding:0;
font-family: Verdana, Arial, sans-serif;
font-size: 14px; 
color: #002942;
background-color: #fff;
width:100%;
height:100%;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal; 
}
ol, ul {
list-style: none;
margin:0;
padding:0;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}
a:hover{
text-decoration:none;
}
.fix{clear:both;}
*:focus {
outline: 0;
} a{color: #3284a2;}
a:hover{color: #91bad0;}
.title_blue{color: #3284a2;}
img.aligncenter {display:block;margin:20px auto;}
h1{
border-bottom: dotted 1px rgb(145,186,208);
font-size: 24px;
line-height: 26px;
}
h1.box{
border: solid 1px rgb(145,186,208);
font-size: 24px;
font-weight:bold;
line-height: 35px;
text-align:center;
margin-bottom:20px;
}
h2{border-bottom: dashed 1px rgb(145,186,208);padding-bottom:10px;}
h2.box, div.boxed_title{
background-color: rgb(232, 241, 244);
border: solid 1px rgb(145,186,208); 
font-size:18px;
line-height: 30px;
text-align:center;
padding-bottom:0;
}
h3{border-bottom: dashed 1px rgb(145,186,208);padding-bottom:10px;}
a.link_inherit{color:inherit;text-decoration:none;}
a.link_inherit:hover{color:inherit;text-decoration:underline;} #contenedor_web{
width:960px;
margin:0 auto;
padding: 10px 0;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
min-height:95%;
position:relative;
}
#header{
position:relative;
z-index:100;
background-color: rgb(232, 241, 244);
border: solid 1px rgb(145,186,208); 
}
#header_wrap{
display:table;
width:100%;
height:100%;
}
#header_wrap > div{display:table-cell;}
#logo_imdea_wrap, #logo_group_wrap{width:20%;padding: 5px;text-align:center;}
#fractal_wrap{width:60%;background:url(//www.materials.imdea.org/groups/hppn/wp-content/themes/imdea_groups/img/fractal.jpg) no-repeat 0 0;vertical-align:top;padding: 5px;color:#fff;font-size:12px;}
#main-menu{border-top: solid 1px rgb(145,186,208);}	
#main-menu a{color: inherit;font-size:12px;line-height:15px;}
#main-menu ul.menu{display:table;width:100%;}
#main-menu ul.menu > li {position:relative;display:table-cell;border-left: solid 1px rgb(145,186,208);width:auto;}
#main-menu ul.menu > li.menu-item-has-children > a{background: url(//www.materials.imdea.org/groups/hppn/wp-content/themes/imdea_groups/img/submenu.png) no-repeat right center;}
#main-menu ul.menu > li > a{display:inline-block;width:100%;height:35px;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#main-menu ul.menu > li > a:hover{background-color:rgb(145,186,208);}
#main-menu ul.menu > li:first-child{border-left: none;}
#main-menu ul.sub-menu{
display:none;
position:absolute;
top:35px;
left:-1px;
border-left: solid 1px rgb(145,186,208); 
border-right: solid 1px rgb(145,186,208); 
border-bottom: solid 1px rgb(145,186,208); 
}
#main-menu ul.sub-menu > li {border-top: solid 1px rgb(145,186,208);background-color: rgb(232, 241, 244);}
#main-menu ul.sub-menu > li > a{display:inline-block;padding: 10px 20px 10px 10px;}
#main-menu ul.sub-menu > li:hover{background-color:rgb(145,186,208);}
.columns-2{display:table;width:100%;margin:40px 0 20px;}
.columns-2 > div {display:table-cell;width:50%;}
.columns-2 > div:nth-child(1) {padding-right:25px;}
.columns-2 > div:nth-child(2) {padding-left:25px;}
#footer{position:absolute;background-color: rgb(232, 241, 244);border: solid 1px rgb(145,186,208); height: 80px;width:100%;margin-top:40px; padding: 10px;position:absolute;bottom:10px;left:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#footer img{position:absolute;right:10px;top:8px;}
#footer ul {margin-bottom:15px;}
#footer ul li{display:inline-block;border-left: solid 1px rgb(145,186,208); padding: 0 10px;}
#footer ul li:first-child{border-left: none; padding: 0 10px 0 0;}
#footer a.icon{display:inline-block;width:32px;height:32px;background: url(//www.materials.imdea.org/groups/hppn/wp-content/themes/imdea_groups/img/sprite.png) no-repeat 0 0;margin-right:5px;}
#footer a.facebook{background-position:0 0;}
#footer a.rss{background-position:-32px 0;}
#footer a.youtube{background-position:-64px 0;}
#footer a.linkedin{background-position:-96px 0;}
#footer p.copyright{font: italic 10px/14px Verdana;position:absolute;top:80px;right:0;} #contenido{margin:20px 0;padding-bottom:80px; }
#contenido p {margin-bottom:10px;font-size:14px;line-height:16px;text-align:justify;}
#contenido span.date{display:block;color: #747474;font: italic 12px/14px Verdana, Arial, sans-serif;margin:10px 0 20px;}
#contenido ul{ list-style-type:none;list-style-position: outside;list-style-image: url(//www.materials.imdea.org/groups/hppn/wp-content/themes/imdea_groups/img/bullet.png);margin:20px 40px;color:#rgb(145,186,208)}
#sidebar{width:300px;margin:20px 0 ;float:left;padding-right:50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#sidebar + #contenido{width:660px;float:left;}
div.cat-item {position:relative;margin-top: 20px;min-height:110px;border-bottom: dashed 1px rgb(145,186,208); }
div.cat-item > .th { float:left;width:130px;margin-right: 10px;text-align:center;}
div.cat-item > .th > img{ max-width:130px;max-height:90px;}
div.cat-item > img.people {width:100px;height:130px;margin-right: 10px;margin-bottom:30px;float:left;}
div.cat-item > a.title {display:block;color: #3284a2;font: bold 13px/14px Verdana, Arial, sans-serif;margin-bottom:5px;text-align:justify;}
div.cat-item > span.date {display:block;color: #747474;font: italic 12px/12px Verdana, Arial, sans-serif;margin-bottom:10px;}
div.cat-item > p{text-align:justify;font: 12px/12px Verdana, Arial, sans-serif;padding-left: 140px;}
div.cat-item > a.more{position:absolute;right:0;bottom:5px;color:#3284a2;font: bold 10px/10px Verdana, Arial, sans-serif;}
div.cat-item > a:hover {color:#91bad0;}
div.cat-item.people{float:left;width:455px;min-height: 150px;font-size:12px;line-height:14px;border-bottom:none;}
div.cat-item.people.left{margin-right:25px;}
div.cat-item.people.right{margin-left:25px;}
div.cat-item.people span{display:block;padding-bottom:2px;}
div.cat-item.people span i{margin-right: 10px;font-size:14px;}
div.cat-item.people span.name{color: #3284a2; font: bold 16px/16px Verdana, Arial, sans-serif;padding-bottom:5px;}
div.cat-item.project{margin-bottom:40px;border-bottom:none;height:auto;}
div.cat-item.project div.th{float:left;width: 200px;text-align:center;padding-right:20px;border}
div.cat-item.project  > .th > img{ max-width:none;max-height:none;}
div.cat-item.project div.project_wrap{float:left;width:730px;}
div.cat-item.project h2{border-bottom: dotted 1px rgb(145,186,208);font-size: 20px;line-height: 24px;margin-bottom:20px;}
div.cat-item.publication{margin-bottom:40px;border-bottom:none;height:auto;}
div.cat-item.publication div.th {float:left;width: 90px;height:130px;text-align:center;padding-right:20px;}
div.cat-item.publication div.th  img{max-width:90px;max-height:130px;}
div.cat-item.publication div.publication_wrap{float:left;width:840px;}
div.cat-item.publication h3{border-bottom: dotted 1px rgb(145,186,208);font-size: 16px;line-height: 18px;margin-bottom:20px;color:#3284a2;}
div.cat-item.conference{margin-bottom:40px;height:auto;border-bottom:none;}
div.cat-item.conference div.th{float:left;width: 200px;text-align:center;padding-right:20px;border}
div.cat-item.conference div.th  img{max-width:200px;}
div.cat-item.conference div.conference_wrap{float:left;width:730px;}
div.cat-item.conference h2{border-bottom: dotted 1px rgb(145,186,208);font-size: 20px;line-height: 24px;margin-bottom:20px;color:#3284a2;}
#contenido table.cat-item.collaborator{display:table;float:left;width:440px;border:none;border: solid 1px rgb(145,186,208);margin: 0 20px 20px 10px;}
#contenido table.cat-item.collaborator.left{display:table;float:left;width:450px;border:none;border: solid 1px rgb(145,186,208);margin: 0 10px 20px 20px;}
#contenido table.cat-item.collaborator h2{font-size: 16px;line-height: 20px;margin-bottom:0px;color:#3284a2;border-bottom:none;}
#contenido table.cat-item.collaborator .th{display:table-cell;width:150px;vertical-align:middle;text-align:center;height:100px;}
#contenido table.cat-item.collaborator .th img{ max-width:130px;max-height:90px;}
#contenido table.cat-item.collaborator .collaborator_wrap{display:table-cell;width:290px;vertical-align:middle;text-align:center;background-color: rgb(232, 241, 244);max-height:100px;} 
div.cat-item.infrastructure {margin: 10px;height: 110px;width:200px;height:250px;display:inline-block;vertical-align:top;border:none;}
#research-lines{margin-top:20px;}
#research-lines > a  > div {float:left; width:300px; margin-left:27px;margin-bottom:20px; height: 270px;border: solid 1px rgb(145,186,208); }
#research-lines > a:first-child  > div,
#research-lines > a:nth-child(4)  > div,
#research-lines > a:nth-child(7)  > div,
#research-lines > a:nth-child(10)  > div{margin-left:0;}
#research-lines h2{font-size:18px;text-align:center;padding: 10px;height:40px;}
#research-lines .th{display:table;height:170px;width:260px;margin: 0 20px;}
#research-lines .th > div{display:table-cell;height:170px;padding:10px;background-color: rgb(232, 241, 244);vertical-align:middle;text-align:center;}
#research-lines .th > div img{max-width: 240px;max-height:170px;} .navigation{margin: 40px 0 20px; text-align:center;} .box h2{
background-color: rgb(232, 241, 244);
border: solid 1px rgb(145,186,208); 
font-size:22px;
line-height: 35px;
text-align:center;
padding-bottom:0;
}
.box > div {position:relative;margin-top: 20px;min-height:120px;border-bottom: dashed 1px rgb(145,186,208); }
.box > div > img { float:left;width:130px;height:90px;margin-right: 10px;margin-bottom:30px;}
.box > div > a.title {display:block;color: #3284a2;font: bold 13px/14px Verdana, Arial, sans-serif;margin-bottom:5px;text-align:justify;}
.box > div > span.date, .box time, #contenido .box > div > span.date{display:block;color: #747474;font: italic 12px/12px Verdana, Arial, sans-serif;margin-bottom:10px;}
#contenido .box > div > p, .box > div > p{text-align:justify;font: 12px/12px Verdana, Arial, sans-serif;}
.box > div > div.wrap a.more{position:absolute;right:0;bottom:5px;color:#3284a2;font: bold 10px/10px Verdana, Arial, sans-serif;}
.box > div > a:hover {color:#91bad0;}
.box.widget{margin-bottom:20px;}
.box.widget > div {margin-top: 0px;height: auto;border: none;}
.box.widget ul{margin-top:10px;}
.box.widget a{font-size: 12px; line-height: 12px;}
.box.widget span.post-date {display:block;color: #747474;font: italic 10px/10px Verdana, Arial, sans-serif;margin-bottom:10px;}
.box.widget.widget-archive{}
.box.widget.widget-archive ul {margin: 0;}
.box.widget.widget-archive li {margin: 0; padding: 0;border-bottom: solid 1px rgb(145,186,208);}
.box.widget.widget-archive li a{ border-left: 1px solid #d6d7d7; padding: 5px 0 3px 10px; margin: 0 0 0 55px; display: block;line-height:24px;}
.box.widget.widget-archive li.archive-year{float: left; font-family: Verdana, Arial, san-serif; padding: 5px 0 3px 10px; color:#002942;}
.box.widget.widget-archive li.archive-year a{color:#002942; margin: 0; border: 0px; padding: 0;line-height:24px;}
.box-right{float:right;width:300px;margin-left:27px;}
.box.box-right > div{margin-top: 10px;min-height: 100px;}
.box.box-right > div > div.th {float:left;width:80px;margin-right: 10px;text-align:center;}
.box.box-right > div > div.th img { max-width:80px;max-height: 90px;}
.box.box-right > div > div.wrap{width:210px;float:left;}
.box.box-right > div > div.wrap a.title {font: bold 10px/12px Verdana, Arial, sans-serif}
.box.box-right > div > div.wrap span.date, .box time, #contenido .box > div >  div.wrap span.date{font: italic 9px/11px Verdana, Arial, sans-serif;margin-bottom:5px;margin-top:5px;}
#contenido .box.box-right > div > div.wrap  p{font: 10px/10px Verdana, Arial, sans-serif;margin-bottom:20px;}
#contenido table tr td{vertical-align: top;padding-left:20px;}
#contenido table tr td:first-child{padding-left:0px;} .flexslider{border:none;margin-bottom:60px;}
#contenido ul.slides{margin:0}
#fancybox-title{font-size:14px;font-weight:bold;font-family:Verdana;}  img:not([class*="huge_it"]):not([class*="slideshow"]),
video, iframe, figure, .wp-block-image, .wp-block-image img, figure img {
max-width: 100% !important;
height: auto;
box-sizing: border-box !important;
}
div[style*="width"], table[style*="width"], p[style*="width"] {
max-width: 100% !important;
box-sizing: border-box !important;
} .huge_it_slideshow_image_wrap_2,
[class*="huge_it_slideshow_image_wrap"] {
overflow: hidden !important;
margin: 0 auto 20px auto !important;
}
[class*="huge_it"] img,
.huge_it_slideshow_image_wrap_2 img,
.huge_it_slideshow_image_2 {
height: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
margin: 0 auto !important;
} [class*="huge_it_slideshow_title"],
[class*="huge_it_slideshow_description"] {
max-width: 75% !important;
box-sizing: border-box !important;
}
#menu-toggle {
display: none;
} @media screen and (max-width: 992px) { #contenedor_web {
width: 100% !important;
max-width: 100% !important;
padding: 10px 15px !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
} #sidebar,
#sidebar + #contenido,
#contenido {
width: 100% !important;
float: none !important;
padding-right: 0 !important;
margin: 15px 0 !important;
box-sizing: border-box !important;
} #header {
height: auto !important;
}
#header_wrap {
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
align-items: center !important;
height: auto !important;
}
#header_wrap > div {
display: block !important;
}
#logo_imdea_wrap, #logo_group_wrap {
width: 48% !important;
padding: 5px !important;
box-sizing: border-box !important;
}
#logo_imdea_wrap img, #logo_group_wrap img {
max-width: 100% !important;
height: auto !important;
max-height: 50px !important;
}
#fractal_wrap {
width: 100% !important;
order: 3;
display: block !important;
background-size: cover !important;
text-align: center !important;
padding: 8px 5px !important;
box-sizing: border-box !important;
} div.cat-item.people,
div.cat-item.people.left,
div.cat-item.people.right {
width: 100% !important;
float: none !important;
margin: 15px 0 !important;
height: auto !important;
min-height: auto !important;
clear: both !important;
box-sizing: border-box !important;
} div.cat-item.project div.th,
div.cat-item.publication div.th,
div.cat-item.conference div.th {
float: none !important;
width: auto !important;
height: auto !important;
margin-bottom: 10px !important;
padding-right: 0 !important;
}
div.cat-item.project div.project_wrap,
div.cat-item.publication div.publication_wrap,
div.cat-item.conference div.conference_wrap {
width: 100% !important;
float: none !important;
box-sizing: border-box !important;
} #research-lines > a > div {
width: 100% !important;
float: none !important;
margin-left: 0 !important;
margin-bottom: 15px !important;
height: auto !important;
box-sizing: border-box !important;
}
#research-lines .th {
width: 100% !important;
margin: 0 !important;
height: auto !important;
}
#research-lines .th > div {
width: 100% !important;
height: auto !important;
padding: 10px 0 !important;
box-sizing: border-box !important;
}
#research-lines .th > div img {
max-width: 90% !important;
height: auto !important;
} #contenido table.cat-item.collaborator,
#contenido table.cat-item.collaborator.left {
display: block !important;
width: 100% !important;
float: none !important;
margin: 10px 0 !important;
box-sizing: border-box !important;
}
#contenido table.cat-item.collaborator tr {
display: flex !important;
flex-direction: column !important;
}
#contenido table.cat-item.collaborator .th,
#contenido table.cat-item.collaborator .collaborator_wrap {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
} .columns-2 {
display: block !important;
width: 100% !important;
margin: 20px 0 !important;
}
.columns-2 > div {
display: block !important;
width: 100% !important;
padding: 0 !important;
margin-bottom: 15px !important;
box-sizing: border-box !important;
} .box-right {
width: 100% !important;
float: none !important;
margin-left: 0 !important;
}
.box.box-right > div > div.wrap {
width: calc(100% - 95px) !important;
} div[style*="width:630px"],
div[style*="width: 630px"],
#contenido div[style*="width"]:not([class*="huge_it"]) {
max-width: 100% !important;
width: auto !important;
box-sizing: border-box !important;
} #footer {
position: relative !important;
height: auto !important;
bottom: auto !important;
left: auto !important;
margin-top: 35px !important;
padding: 20px 15px 45px 15px !important;
box-sizing: border-box !important;
text-align: center !important;
}
#footer ul.links {
display: block !important;
position: static !important;
margin: 0 auto 12px auto !important;
padding: 0 !important;
text-align: center !important;
}
#footer ul.links li {
display: inline-block !important;
padding: 0 10px !important;
}
#footer a.icon {
position: static !important;
display: inline-block !important;
float: none !important;
margin: 0 6px 12px 6px !important;
vertical-align: middle !important;
}
#footer img {
position: static !important;
display: block !important;
clear: both !important;
margin: 0 auto 10px auto !important;
max-width: 90% !important;
height: auto !important;
}
#footer p.copyright {
position: static !important;
display: block !important;
text-align: center !important;
margin-top: 8px !important;
clear: both !important;
}
} @media screen and (max-width: 768px) {
#menu-toggle {
display: block !important;
background-color: #3284a2 !important;
color: #ffffff !important;
padding: 12px 15px !important;
font-weight: bold !important;
cursor: pointer !important;
text-align: center !important;
letter-spacing: 1.5px;
font-size: 14px !important;
border-bottom: 1px solid rgb(145,186,208);
}
#menu-toggle:hover {
background-color: #266b84 !important;
}
#menu-main-menu {
display: none; width: 100% !important;
}
#main-menu ul.menu > li {
display: block !important;
width: 100% !important;
border-left: none !important;
border-bottom: solid 1px rgb(145,186,208) !important;
}
#main-menu ul.menu > li > a {
height: auto !important;
padding: 12px 10px !important;
display: block !important;
}
#main-menu ul.sub-menu {
position: static !important;
display: none; border: none !important;
border-top: solid 1px rgb(145,186,208) !important;
background-color: #f4f8fa !important;
width: 100% !important;
box-sizing: border-box !important;
}
#main-menu ul.sub-menu > li > a {
padding-left: 25px !important;
display: block !important;
}
div.cat-item > p {
padding-left: 0 !important;
}
div.cat-item > .th {
float: none !important;
margin: 0 auto 10px !important;
}
}  @font-face {
font-family: 'IBM Plex Sans';
font-style: italic;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXEKVElMYYaJe8bpLHnCwDKhdTEG46kmUZQCX598fQbM4jw8V78x9OWIhqbQ5g0voKW6g.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'IBM Plex Sans';
font-style: italic;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXEKVElMYYaJe8bpLHnCwDKhdTEG46kmUZQCX598fQbM4jw8V78x9OWIhqbQ5g6voI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}  :root{
--ink:#002942; --brand:#3284a2; --brand-soft:#91bad0; --mist:#e8f1f4; --meta:#747474; --paper:#ffffff;
--s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px;
--radius:10px;
} body{
font-family:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,Verdana,sans-serif;
font-size:17px;
line-height:1.65;
color:var(--ink);
}
img{max-width:100%;height:auto;} @media screen and (min-width:993px){
#contenedor_web{
width:100%!important;
max-width:1200px!important;
padding:var(--s3) var(--s3) 0!important;
}
} h1.box{ font-size:40px;
line-height:1.15;
font-weight:600;
letter-spacing:-0.01em;
text-align:left;
border:none;
border-bottom:2px solid var(--brand-soft);
padding:0 0 var(--s2);
margin:0 0 var(--s4);
} #contenido:has(.huge_it_slideshow_image_wrap_2) > h1.box{
text-align:center;
}
h1{font-size:28px;line-height:1.25;font-weight:600;border-bottom:1px solid var(--brand-soft);padding-bottom:var(--s2);}
h2{font-size:22px;line-height:1.3;font-weight:500;border-bottom:1px solid var(--brand-soft);padding-bottom:var(--s2);}
h3{font-size:18px;line-height:1.4;font-weight:500;border-bottom:1px dashed var(--brand-soft);padding-bottom:var(--s1);} .box h2, h2.box{
font-size:22px;
line-height:1.3;
font-weight:500;
text-align:left;
background:var(--mist);
border:1px solid var(--brand-soft);
border-radius:var(--radius) var(--radius) 0 0;
padding:12px var(--s2);
margin-bottom:0;
} #contenido p{
font-size:17px;
line-height:1.65;
text-align:justify;
hyphens:auto;
max-width:68ch;
margin:0 0 var(--s2);
}
#contenido ul{margin:var(--s2) 0 var(--s3) var(--s3);}
#contenido li{margin-bottom:6px;line-height:1.6;}
#contenido p a:hover{text-decoration:underline;} #contenido span.date,
.box > div > span.date,
.box.box-right div.wrap span.date{
font-size:13px;
font-style:normal;
line-height:1.4;
color:var(--meta);
margin:0 0 6px;
} @media screen and (min-width:769px){ #main-menu ul.menu{
display:flex!important;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
}
#main-menu ul.menu > li{
display:block!important;
flex:1 1 auto;
text-align:center;
}
#main-menu ul.menu > li > a{
display:block!important;
height:auto!important;
padding:12px 10px!important;
font-size:14px;
line-height:1.3;
text-align:center;
white-space:nowrap;
}
#main-menu ul.sub-menu{top:100%!important;min-width:230px;}
#main-menu ul.sub-menu > li > a{padding:10px 16px!important;font-size:14px;white-space:nowrap;}
} @media screen and (min-width:769px) and (max-width:1120px){
#main-menu ul.menu > li > a{font-size:13px!important;padding:12px 6px!important;}
} #header{border-radius:var(--radius) var(--radius) 0 0;} #header_wrap{padding:var(--s2);box-sizing:border-box;}
#logo_imdea_wrap img, #logo_group_wrap img{max-height:64px;width:auto;}
#fractal_wrap{min-height:88px;background-size:cover;background-position:center;} .huge_it_slideshow_image_wrap_2,
[class*="huge_it_slideshow_image_wrap"]{
background:transparent!important;
border:0 none!important;
border-radius:0!important;
overflow:hidden!important;
margin:0 auto var(--s5)!important;
} @media screen and (min-width:993px){
.huge_it_slideshow_image_wrap_2,
[class*="huge_it_slideshow_image_wrap"],
.huge_it_slideshow_image_container_2,
[class*="huge_it_slideshow_image_container"]{
width:100%!important;
height:auto!important;
aspect-ratio:2.2/1!important;
}
.huge_it_slideshow_image_wrap_2 img,
[class*="huge_it_slideshow_image_wrap"] img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
}
}
[class*="huge_it_slideshow_title"]{
font-family:"IBM Plex Sans",sans-serif!important;
font-size:14px!important;
font-weight:600;
line-height:1.35!important;
width:34%!important;
padding:1.2%!important;
}
[class*="huge_it_slideshow_description"]{font-size:15px!important;line-height:1.5!important;} @media screen and (min-width:993px){
#news.box.box-right{width:360px;margin-left:var(--s4);}
}
.box.box-right > div > div.th{
float:left;
width:96px;
min-height:0!important;
margin:var(--s3) var(--s2) 0 0!important;
border:none!important;
}
.box.box-right > div > div.th img{
width:96px;
height:72px;
object-fit:contain;
background:var(--mist);
border-radius:6px;
}
.box.box-right > div > div.wrap{
width:calc(100% - 112px)!important;
min-height:0!important;
margin:var(--s3) 0 0!important;
border:none!important;
}
.box.box-right > div > div.wrap a.title{
display:block;
font-size:15px!important;
font-weight:500;
line-height:1.4!important;
margin-bottom:4px;
}
.box.box-right > div > div.wrap p{
font-family:inherit!important;
font-size:13px!important;
line-height:1.5!important;
text-align:left!important;
margin-bottom:6px!important;
} .box.box-right > div > div.wrap a.more{
position:static!important;
display:inline-block;
margin-top:var(--s1);
font-size:13px!important;
font-weight:500;
letter-spacing:.02em;
} #research-lines{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:var(--s3);
margin-top:var(--s4);
}
#research-lines > a{display:block;text-decoration:none;}
#research-lines > a > div{
float:none!important;
width:auto!important;
height:auto!important;
margin:0!important;
display:flex;
flex-direction:column;
border:1px solid var(--brand-soft);
border-radius:var(--radius);
background:var(--paper);
overflow:hidden;
}
#research-lines h2{
height:auto!important;
min-height:0!important;
font-size:18px;
line-height:1.35;
text-align:left;
padding:var(--s2);
margin:0;
background:var(--mist);
border-bottom:1px solid var(--brand-soft);
}
#research-lines .th{
display:block!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:var(--s2);
}
#research-lines .th > div{
display:flex!important;
height:auto!important;
min-height:170px;
padding:0!important;
background:var(--paper)!important;
align-items:center;
justify-content:center;
}
#research-lines .th > div img{
max-width:100%!important;
max-height:170px!important;
height:auto!important;
object-fit:contain;
border-radius:6px;
} .wp-block-image img, #contenido figure img{border-radius:8px;} #contenido{padding-bottom:0!important;}
#footer{
position:static!important;
height:auto!important;
margin-top:var(--s5)!important;
padding:var(--s3)!important;
border-radius:var(--radius);
display:flex!important;
flex-wrap:wrap;
align-items:center;
gap:var(--s2);
}
#footer ul.links{margin:0!important;}
#footer ul.links li{padding:0 12px!important;}
#footer ul.links a{font-size:14px;}
#footer a.icon{position:static!important;margin:0 6px!important;}
#footer img{position:static!important;max-height:48px;width:auto;margin-left:auto!important;}
#footer p.copyright{
position:static!important;
top:auto!important;right:auto!important;
flex:1 0 100%;
font-size:12px;
font-style:normal;
color:var(--meta);
margin:var(--s1) 0 0!important;
text-align:left;
} a:focus-visible,
button:focus-visible,
input:focus-visible,
[tabindex]:focus-visible{
outline:2px solid var(--brand)!important;
outline-offset:2px;
border-radius:3px;
}
@media (prefers-reduced-motion:reduce){
*{transition-duration:.01ms!important;scroll-behavior:auto!important;}
}  @media screen and (min-width:993px){
#contenido:has(.huge_it_slideshow_image_wrap_2) > div[style*="width:630px"]{
width:calc(100% - 392px)!important;
max-width:none!important;
float:none!important;
} #contenido:has(.huge_it_slideshow_image_wrap_2) > div[style*="width:630px"] p{
max-width:none!important;
} #contenido:has(.huge_it_slideshow_image_wrap_2) > div[style*="width:630px"] .wp-block-image img{
display:block;
width:100%!important;
max-width:100%!important;
height:auto!important;
}
} @media screen and (min-width:993px){
#category > #contenido > p{
margin-left:auto!important;
margin-right:auto!important;
}
} div.cat-item.infrastructure{
height:auto!important;
min-height:250px;
}