@font-face {
  font-family: "IconSet";
  local("»");
  src:url("https://static.ikadserver.com/fonts/iconset/webiconset.eot");
  src:url("https://static.ikadserver.com/fonts/iconset/webiconset.eot?#iefix") format("embedded-opentype"),
	url("https://static.ikadserver.com/fonts/iconset/webiconset.woff2") format("woff2"),
    url("https://static.ikadserver.com/fonts/iconset/webiconset.woff") format("woff"),
    url("https://static.ikadserver.com/fonts/iconset/webiconset.ttf") format("truetype"),
    url("https://static.ikadserver.com/fonts/iconset/webiconset.svg#webiconset") format("svg");
  font-weight: normal;
  font-style: normal;
}

.georama-000 {
  font-family: "Georama", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

*	{ margin:0; padding:0 }
a { text-decoration: none; color: rgb(121,164,50) }
a:hover { color: #5C7D26; text-decoration: underline }
.ico { font-family: IconSet!important }
div.container { width: 85%; margin: 0 auto }
.justify { text-align: justify }
.center { text-align: center!important }
.flexclear { flex: 1 0 100% }
.maxw { max-width: 100% }
.flex { display: flex }
.w100 { width: 100%!important}
p.w100 img { width: 100%!important}
.center { text-align: center }
.link { color: orange; cursor: pointer }
.link:hover { color: red }
img.imgR { float: right; margin: 0.1rem 1rem }
img.imgL { float: left; margin: 0.1rem 1rem }
.w33 { width: 33% }
.container { width: 85%; margin: 0 auto }
span.vf { font-weight:bold!important; color: rgb(11,57,48)!important}
.f100 { flex: 1 0 100% }
.mw100 {max-width: 100% }
div.band { padding: 2rem 0}
div.band.greenlight { background-color: #c8d2b0 }
div.boxed { box-sizing: border-box; padding: 0.5rem 0.4rem }
div.boxed.greenlight { background-color: #c8d2b0; color: #000000; font-family: Geroma, Arial; font-weight: bold; font-size: clamp(1.02rem,1.8vw,1.6rem); text-align:center }


/* Estructura general centrada */
main {
  display: inline-block;
  width: 100%;
}

div.phrase { font-family: Georama, Arial; font-size: clamp(1.8rem,4vw,2.6rem); color: #FFFFFF; text-shadow: 2px 2px 4px rgba(0,0,0,0.87)}
div.slide div.txt { position:absolute; top: 25%; left: 12%; width: auto; max-width: 40%; padding: 1.2rem 1.5rem }
div.slide div.txt span.reservar { box-shadow: 2px 2px 7px rgba(0,0,0,0.45); padding: 0.6rem 0.9rem; border-radius: 0.33rem; color: #FFFFFF; font-weight: bold; font-family: Georama, Arial; font-size: clamp(1.22rem,2vw,1.38rem); display: inline-block; margin: 1.2rem 0;
background: #E4CA21; background: linear-gradient(135deg, #E4CA21, #D56F04); cursor: pointer}
div.slide div.txt span.reservar:hover { filter: brightness(1.11); filter: hue(21deg)} 
div.txt p.head1 { font-family: Georama, Arial; font-size: clamp(1.85rem, 3.7vw, 3.4em); color: #FFFFFF; text-shadow: 2px 3px 5px rgba(0,0,0,0.6); font-weight: bold}
div.txt p.sub1 { font-family: Georama, Arial; font-size: clamp(1.62rem, 3vw, 2.7em); color: #FFFFFF; text-shadow: 2px 3px 5px rgba(0,0,0,0.6); }
div.txt p.sub1.plazo { color: orange}

header.main div.top { display: flex; flex-wrap: wrap; }
header.main div.logo { display: flex; width: 100%; flex: 0 1 13%; padding-top: 1rem;}
header.main div.logo img { width: 90%; min-height: 98px;max-width: 128px;}
header.main div.menuTop { flex: 1 0 auto; display: flex;flex-direction: column;justify-content: space-between;padding-top: 2.2rem;flex-wrap: wrap;}
ul.menu { list-style-type: none; display: flex; flex: 0 1 auto;align-self: end;flex-wrap: wrap;}
ul.menu li { display: inline-flex;  flex: 0 1 auto;}
ul.menu li a { display: inline-block; padding: 0.2rem 0.86rem; cursor: pointer }
ul.menu li span.ico { font-size: clamp(1.3rem,2vw,1.7rem); vertical-align: middle; padding-bottom: 0.7rem}

/*header.main div.menuTop */
ul.menu li a { color: rgb(11,57,48) }
ul.menu li a:hover  { color: rgb(159,197,36); text-decoration: none }
ul.menu li a span.txt { font-family: Georama, sans-serif; font-size: clamp(1.11rem,1.9vw,1.18rem); margin-left: 0.5rem;}

div.menu-clone { flex: 1 0 100%; text-align: center; display: flex; justify-content: center }
div.menu-clone ul.menu { margin: 0.5rem auto; display: flex; flex-wrap: wrap; justify-content: center }
div.menu-clone ul.menu li { margin: 0.7rem 0}
div.menu-clone ul.menu li a { color: rgb(159,197,36) }
div.menu-clone ul.menu li a:hover { color: #FFFFFF; text-decoration: none }

div.language-sel { flex: 1 0 auto; text-align: right;display: none;}
div.language-sel ul { list-style-type: none }
div.language-sel ul li { display: inline-block; margin: 0 0.3rem; color: #A0A0A0 }
div.language-sel ul li a { display: inline-block; padding: 0.2rem 0.4rem; color: rgb(11,57,48); font-family: Georama, sans-serif;}
div.language-sel ul li a:hover { color: rgb(159,197,36) }

div.banderas { flex: 0 1 auto; text-align: right }
div.banderas img { max-width: 2rem; margin: 0.2rem 0.6rem; border-radius: 0.4rem }

div.slider { width: 100%; position: relative; overflow: hidden; height: calc(100vw * 9 / 24)}
div.slider:after {
  content:'';
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background-image:url(/uploads/images/dots.svg);
  display:inline-block;
  height: 1rem;
  background-repeat:repeat-x;
  margin-bottom:0.3rem;
  background-position-x: center;
  background-size: 1.2rem;
  z-index:99;
  filter: opacity(0.8);
  mix-blend-mode: overlay;
}
div.gradTop:before {
  content: '';
  display: inline-block; width: 100%; background: #FFFFFF;
  height: 2rem;
  position:absolute;top:0;left:0;right:0;
  background: #FFFFFF;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 100%);
  z-index: 99;
}
div.slider img { width:100%}

body.contact div.slider {height: calc(100vw * 9 / 18)}

div.h1 { width: 100%; margin: 0; padding: 2rem 0; text-align: center; background-color: rgb(11,57,48); color: #FFFFFF; font-family: Georama; border-bottom: 1rem solid rgb(159,197,36); }
div.h1 h1 { font-weight: normal; font-size: clamp(1.23rem, 2.8vw, 2.8rem);}

div.headlines { background-color: #FFFFFF; }
div.headlines div.container { display: flex; flex-wrap: wrap; margin: 4rem auto }
div.headlines div.box { flex: 1 0 50%; box-sizing: border-box }
div.headlines div.ico { color: rgb(159,197,36); font-size: clamp(4.5rem,5vw,6.2rem); text-align:center;margin-bottom: 1.5rem;}
div.headlines div.title { font-family: Georama, sans-serif; font-weight: bold; text-align: center; font-size: clamp(1.3rem, 2vw, 1.5rem); color: rgb(11,57,48)}
div.headlines div.txt { padding: 1rem 0.5rem; font-family: Georama, Arial; color: #323232; line-height: 150% }
div.headlines div.txt p { margin: 1rem 1rem 1.8rem 1rem; text-align: justify;font-size: clamp(1.12rem,1.23vw,1.2rem);line-height: 170%;}

body[class^="science"] section, body.about-us section { margin: 5rem auto; }
body[class^="science"] section div.title, body.about-us section div.title { font-size: clamp(1.3rem, 2.1vw, 1.3rem); color: rgb(11,57,48); text-align: center; margin-bottom: 3rem; }
body[class^="science"] section div.title div.ico, body.about-us section div.title div.ico { display: inline-block; margin-right: 0.7rem}
body[class^="science"] section div.title span.title, body.about-us section div.title span.title { font-family: Georama, Arial; font-weight: bold }
body[class^="science"] section div.title p.sub, body.about-us section div.title p.sub { font-family: Georama, Arial; font-weight: normal; color: #73973e; }
body[class^="science"] section div.txt, body.about-us section div.txt { font-family: Georama, Arial; font-size: clamp(1.05rem, 1.8vw, 1.3rem); color: #272b23;text-align: justify;line-height: 145%;margin: 1.5rem auto;}
body[class^="science"] section div.txt p, body.about-us section div.txt p { margin-bottom: 2rem }
body[class^="science"] section div.picture, body.about-us section div.picture { width: 100%; text-align: center }
body[class^="science"] section div.picture img, body.about-us section div.picture img { width: 100%; max-width: 1024px;}
body.science section div.txt>ul, body.science-new section div.txt>ul, body.about-us section div.txt>ul { display: flex;  justify-content: stretch; flex-wrap: wrap;flex-direction: column;}

body[class^="science"] section div.txt{ flex 1 0 auto ; flex: 1 0 auto;}

div.title h2 { display: inline-block }
div.title div.ico i { font-size: clamp(1.3rem, 3vw, 2.6rem)}

div.headlines.challengeboxes { display: flex; flex-wrap: wrap;width: 100%;background-color: transparent;justify-content: center;}
div.headlines.challengeboxes div.box { flex 0 1 33%; border: 2px solid; color: rgb(11,57,48); border-radius: 0.6rem; box-sizing: border-box; padding: 2rem 1.3rem; margin: 0.5rem 0.6rem;flex: 0 1 30%;background-color: #FFFFFF;box-shadow: 4px 5px 6px #0000004a;display: flex;flex-direction: column;}
div.challengeboxes p.stage { font-family: Georama, Arial; font-weight: bold; color: rgb(11,57,48); font-size: clamp(1.2rem,2vw,1.8rem); text-align: center;background-color: #d8e6b3;border-radius: 0.4rem;padding: 0.3rem 0;flex: 0 1 auto;}
div.challengeboxes div.txt ul li { list-style-type: none; padding: 0.2rem 0;  flex: 1 0 100%;width: 100%;}
div.challengeboxes div.txt ul li.bottom { flex: 1 0 auto;  height: 100%;font-size: clamp(1rem,1.2vw,1.1rem);font-style: italic;}
div.challengeboxes div.txt ul li span.img img { max-width: 72px; float: left; margin-right: 0.25rem; }
div.challengeboxes div.txt ul li.line { border-top: 1px dashed green }
div.challengeboxes div.txt ul li div p { font-weight: bold; color: rgb(11,57,48); font-size: clamp(1.3rem,2vw,1.7rem); text-align: center; margin: 0 auto}

div.challengeboxes div.txt ul li span.img img.chemotherapy { max-width: 96px; margin-left: -0.6rem;padding-left: 0;}


body[class^="science"] section div.challengeboxes div.box div.txt ul{ padding-left:0; }
body[class^="science"] section div.challengeboxes div.box div.txt ul li{ padding-left: 0 }
body[class^="article"] div.slider { height: calc(100vw * 9 / 24) }

section.challenge img.arrow.down { max-width: 110px; margin: 2rem auto }
section.challenge div.band.greenlight { background-image: url(/uploads/images/logo-bg-lighter.webp); background-size: 77%; background-position: left center;  background-position: 65% 20%; background-blend-mode: multiply; background-repeat: no-repeat; background-clip: border-box }

section { margin: 4rem auto; }
section p, section ul li, section ol li, div.seccionlegal { font-family: Georama, Arial; font-size: clamp(1.04rem, 1.7vw, 1.4rem); color: #121212; margin-bottom: 1.5rem; line-height: 135% }

div.headlines.challengesbad { display: flex; justify-content: center; width: auto; background-color: transparent }
div.headlines.challengesbad div.box { flex: 0 1 auto; box-sizing: border-box; padding: 2rem 1.5rem; border: 2px solid; color: rgb(11,57,48); border-radius: 0.6rem; box-sizing: border-box; padding: 2rem 1.9rem; margin: 0.5rem 0.6rem;flex: 0 1 30%;background-color: #FFFFFF;box-shadow: 4px 5px 6px #0000004a; }
div.headlines.challengesbad div.box ul { list-style-type: none }
div.headlines.challengesbad div.box ul li { width: 100%; display: flex; justify-content: space-between }
div.headlines.challengesbad div.box ul li.line { border-top: 1px dashed green }
div.headlines.challengesbad div.box ul li span.img { flex: 0 1 auto  }
div.headlines.challengesbad div.box ul li span.img img { max-width: 100px }
div.headlines.challengesbad div.box ul li div { }
div.headlines.challengesbad div.box ul li div p { font-weight: bold; color: rgb(11,57,48); font-size: clamp(1.3rem,2vw,1.1rem);font-family: Geroma, Arial;}

div.headlines.tech { display: flex; flex-wrap: wrap }
div.headlines.tech div.box { flex: 1 0 50%; box-sizing: border-box; padding: 1.1rem }
body[class^="science"] section div.box div.txt ul{ padding-left: 1.5rem; }
body[class^="science"] section div.box div.txt ul li{ padding-left: 1.4rem }


body.science section.challenge>div.title, body.science-new section.challenge>div.title  {
  margin: 3rem 0;
	font-size: clamp(1.2rem, 2vw, 1.6rem);
	color: rgb(11,57,48);
	text-align: center;
	margin-bottom: 2rem;
}

section.team div.band.greenlight { background-image: url(/uploads/images/biotech-virofend-team-bg0.webp); background-size: cover;  background-position-x: center;}

section.team div.team { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between }
section.team div.team div.box { background-image: url(/uploads/images/logo-bg-lighter.webp); background-size: 63%; background-position: left center;  font-family: Geroma, Arial; flex: 0 0 48%; box-sizing: border-box; padding: 2rem; background-color: #FFFFFF; margin: 0.7rem; border-radius: 0.5rem; background-position: -15% -10%;box-shadow: 2px 3px 12px rgba(0,0,0,0.5);background-blend-mode: multiply;background-repeat: no-repeat;background-clip: border-box; width: 100%;}
section.team div.team div.box>div { width: 100% }
section.team div.team div.box div.person { font-weight:bold; font-size: clamp(1.1rem,2.1vw,1.6rem);display: inline;}
section.team div.team div.box div.work { margin: 0.4rem 0; font-style: italic }
section.team div.team div.box div.txt { margin-top: 1.5rem; line-height: 140%; text-align: justify } 
section.team div.team div.box div.txt p { margin-bottom: 1.5rem; font-size: clamp(1.04rem, 1.1vw, 1.12rem);} 
section.team div.team div.box div.img { width: 39%; float: right;margin: 0 0 0.2em 2rem;}
section.team div.team div.box div.img img { max-width: 100%;border-radius: 1.5rem;}

div.sep { position:relative; margin: 1.5rem auto; width: 100% }
div.sep>img { width: 100% }
div.sep.highlights { height: calc(100vw * 9 / 32); overflow: hidden }
div.sep.highlights>img { margin-top: -5% }

div.sep.highlights:after {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0.8rem;
	background-color: #FFFFFF;
	margin-bottom: 0.45rem;
}

section.articles { margin: 2rem auto; width: 100%;}
section.articles div.container.flex { display: flex; justify-content: flex-start; flex-wrap: wrap; }
section.articles article { margin: 1rem 0; box-sizing: border-box; flex: 0 1 33.3%; padding: 1rem; font-family: Georama, Arial }
section.articles article a { text-decoration: none!important }
section.articles article>a>img { max-width: 100% }
section.articles article div.content p { line-height: 100%; text-align: justify }
section.articles article div.content h2 { font-size: clamp(1rem,1.7vw,1.3rem); text-align: justify; margin-bottom: 1.5rem; margin-top: 0.5rem }
section.articles article div.content p a { color: #565656; font-size: clamp(0.9rem,1.3vw,1rem) }
section.articles article div.content p a:hover { color: #242424 }

div.single-article { margin: 3.5rem auto }
div.single-article div.article-header h1, div.single-article div.article-header h2 { font-family: Georama, Arial; font-size:clamp(1.1rem,2.3vw,1.8rem); margin: 1rem 0 2rem 0; color: rgb(159,197,36);}
div.single-article div.article-header { text-align: center } 
div.single-article div.article-header img { max-width: 100%; width: 100% }
div.single-article section.article-content { margin-top: 1.5rem }
div.single-article section.article-content p, div.single-article section.article-content li { font-size: clamp(1rem,1.3vw,1.03rem); text-align: justify}
div.single-article section.article-content ul, div.single-article section.article-content ol { padding-left: 2.5rem }
div.single-article section.article-content h2 { font-family: Georama, Arial; font-size: clamp(1.04rem,1.7vw,1.4rem);color: rgb(11,57,48); margin-bottom: 1.5rem }
div.single-article section.article-content h3 { font-family: Georama, Arial; font-size: clamp(1.01rem,1.4vw,1.2rem);color: rgb(11,57,48)}


#frmContact {background-color: #FFFFFF;padding: 2rem;box-sizing: border-box;border-radius: 0.8rem;box-shadow: 2px 2px 7px #646464;z-index: 1999; box-sizing: border-box;width: 85%; margin: 4rem auto; background-image: url('/uploads/images/logo-bg-lighter.webp');background-size: 60%;background-repeat: no-repeat;background-position: left center;}
#frmContact h2 { font-family: Lato, Arial; font-size: clamp(1.32rem,2.7vw,2.7rem); margin-bottom: 2.4rem;}
#frmContact form div.input-field { margin: 0.8rem auto; display: flex; flex-wrap: wrap }
#frmContact form label, #frmContact span.ico { flex: 0 0 auto; color: #414d2c;  }
#frmContact form label {font-family: Lato, Arial;font-size: clamp(1.1rem,2.4vw,2rem);}
#frmContact form label[for='lopd'] {font-size: clamp(1rem,1.34vw,1.4rem);padding-left: 0.4rem}
#frmContact span.ico {font-size: clamp(1.7rem,2.8vw,2.4rem);margin-right: 0.9rem}
#frmContact form div.input-field input, #frmContact form div.input-field textarea {width: 100%;flex: 1 0 100%;border: 1px solid #787878;box-sizing: border-box;padding: 0.4rem;border-top: none;border-left: none;border-right: none;border-color: #DADADA;font-family: Raleway, Arial;font-size: clamp(1.2rem,2.2vw,2.1rem);color: #497d14;}
#frmContact form input[type='button'], #frmContact form input[type='submit'] {border: none;border-radius: 0.3rem;padding: 0.3rem 0.9rem;box-sizing: border-box;font-family: Lato, Arial;font-size: clamp(1.2rem,1.9vw,2.2rem);margin-right: 0.8rem;color: #FFFFFF;background-color: #e32828;cursor: pointer}
#frmContact div.botonera { margin-top: 2rem; text-align: center }
#frmContact div.botonera input:hover { filter: brightness(114%)}
#frmContact form input[type='submit'] { background-color: #78a613; }
#frmContact div.close {position: absolute;top: 1.5rem;right: 1rem;}
#frmContact div.close span.ico { background-color: #e63333; color: #FFFFFF; border-radius: 100%; padding: 0.4rem; cursor:pointer }
#frmContact div.close span.ico:hover { background-color: #f74b39 }

div.sent { text-align: center; padding: 1.5rem 5rem; box-sizing: border-box }
div.sent p, div.sent span.ico { color: #7dbd51 !important }
div.sent span.ico { font-size: calc(6rem + 0.9vw)!important }
div.sent p { font-family: 'HP Simplified', Arial; font-size: calc(0.9rem + 0.8vw) }


footer { background-color: rgb(11,57,48); color: #EDEDED; padding: 5rem 0; padding-bottom: 0; position: relative;display: flex;flex-direction: column;justify-content: flex-end;justify-content: center;}
footer:before {
  content: '';
  width: 100%; 
  position:absolute;
  top:0;
  left:0;
  right:0;
  height: 0.22rem;
  background-color: #FFFFFF;
  margin-top: 0.6rem;
}

body[class^="privacidad"] h3 { font-family: Georama, Arial; font-size: clamp(1.15rem,2.2vw,1.8rem); margin-bottom: 1.8rem}
body[class^="privacidad"] div.seccionlegal ul li, body.privacidad div.seccionlegal ol li { margin-left: 2.5rem; padding-left: 0.5rem; margin-bottom: 0.2rem }
body[class^="privacidad"] div.seccionlegal ul { margin-bottom: 1.75rem }
body[class^="privacidad"] hr { margin-bottom: 2rem; border: 1px solid #7cb753;}

footer div.box { flex: 0 1 auto; box-sizing: border-box; padding: 0.7rem 1rem; border-right: 1px dashed rgb(159,197,36)}
footer div.box:last-child { border-right: none}
footer div.container.flex { align-items: stretch; justify-content: center;margin-bottom: 1rem; flex-wrap: wrap;width: 95%;}
footer div.box.info { display: flex;  flex: 0 1 40% }
footer div.box.info div.logo { flex: 0 1 auto }
footer div.box.info div.txt { flex: 0 1 auto; box-sizing: border-box; padding: 0.2rem 1rem; text-align: justify;font-family: Georama, sans-serif;line-height: 135%;}
footer div.box.info div.txt strong { color: rgb(159,197,36)}
footer div.box.info p.sep { text-align: center; margin-top: 1rem}
footer div.box.info p.sep img { max-width: 4rem }

footer div.copyright { background-color: rgb(159,197,36); text-align: center; flex: 1 0 100% }
footer div.copyright div.container ul { display: flex; justify-content: center; }
footer div.copyright ul li { flex: 0 1 auto; display: inline-block;  color: rgb(11,57,48); font-family: Georama, sans-serif; padding: 0.7rem 0.8rem; }
footer div.copyright ul li a { color:rgb(11,57,48) }
footer div.copyright ul li a:hover { color:#000000 }

footer div.headquarters img { max-width: 340px}

footer div.logo img { filter: brightness(40); max-width: 7rem }
footer div.box ul { list-style-type: none }
footer div.box ul li span.txt, footer div.box ul li>strong { font-family: Georama, sans-serif}
footer div.box ul li>strong { margin-bottom: 0.8rem; display: inline-block}

footer div.box ul li span.ico { font-size: clamp(1.4rem,2vw,3.8rem);padding-top: 0.5rem;}
footer div.footer-data li.flex { margin-bottom: 1rem}
footer div.rrss span.rs { margin: 0 0.5rem }
footer div.rrss span.rs a:hover { color: rgb(159,197,36) }

footer div.box.headquarters ul li.flex { flex-wrap:wrap}

#lssi {width: 85%;border: 1px solid #536c0e;border-radius: 0.7rem;background: url('/uploads/images/logo-bg-lighter.webp') rgb(236, 244, 217);box-sizing: border-box;padding: 2rem;margin: 0 auto;position: fixed;box-shadow: 3px 5px 17px rgba(0,0,0,0.55); top: 50%; left: 50%; transform: translate(-50%, -50%);max-height: 85vh;overflow-y: auto;font-family: Roboto, Arial;background-size: 23%;background-repeat: no-repeat;background-blend-mode: multiply;background-position: center left;z-index: 100;}
#lssi div.info p { font-size: clamp(1rem,1.1vw,1.5rem); margin-bottom: 1.25rem; color: #585858; text-align: justify;}
#lssi div.info p:first-child { font-size: clamp(1.1rem,1.35vw,1.9rem); margin-bottom: 1.5rem; color: #121212; text-align: center;}
#lssi #viewExtCookies { cursor:pointer; color: #1863d9; }
#lssi #viewExtCookies:hover { cursor:pointer; color: orange }
#lssi #listExtCookies>p:first-child { font-weight: bold; text-align: center; background-color: #B8D586;padding: 0.56rem 0;border-radius: 0.3rem;color: #2F400A;}
#lssi #listExtCookies table { width: 90%; margin: 0 auto }
#lssi #listExtCookies div.tipoTxt { padding: 0.2rem 0 0.8rem 0;font-family: Roboto, Arial; font-size: clamp(0.9rem,0.82vw,1.4rem); color: #646464}
#lssi #listExtCookies table tr:not(.colspan) td:first-child { padding-left: 2.5rem }
#lssi #listExtCookies table tr.colspan>td { padding-top: 1.5rem}
#lssi #listExtCookies table tr td p.nombre, #lssi #listExtCookies table tr td p.nombre a { color: #1755e6; }
#lssi #listExtCookies table tr td p.nombre a:hover { color: #ea6e00; }
#lssi #listExtCookies table tr td div.txt { color: #454545; font-size: clamp(0.95rem,1.05vw,1.3rem);}
#lssi div.botonera { width:100%; margin-top: 1.3rem; display: flex; flex-wrap: wrap; justify-content: center; }
#lssi div.botonera>span.btn { border-radius: 0.4rem}
#lssi div.botonera span.cookieSel { border: 1px solid #787878; }
#lssi div.botonera span.cookieSel { font-family: Tahoma, Arial; color: #353535; font-size: clamp(1.1rem,1.4vw,1.9rem); margin: 0.5rem 0.8rem; box-sizing: border-box; padding: 0.35rem 0.85rem;cursor: pointer;}
#lssi div.botonera span.cookieSel span.ico { padding-right: 0.6rem; vertical-align: middle }
#lssi div.botonera #lssiBtnAll { background-color: #43930c; color: #FAFAFA}
#lssi div.botonera #lssiBtnAll:hover {background-color: #247cdd; color: #FFFFFF }
#lssi div.botonera #lssiBtnOK { background-color: #7f98ae; color: #FAFAFA}
#lssi div.botonera #lssiBtnOK:hover {background-color: #6f8894; color: #FFFFFF }
#lssi div.botonera #lssiBtnKO { background-color: #aa6a7c; color: #FAFAFA }
#lssi div.botonera #lssiBtnKO:hover { background-color: #945a6c; color: #FFFFFF }



@media (max-width:1300px){
  div.slider { height: calc(100vw * 9 / 18); }
  header.main div.menuTop { width: 100% }
  header.main div.logo { display: flex; width: 100%; flex: 1 0 100%; text-align: center; justify-content: center }
  div.language-sel { text-align: center; margin: 0.8rem auto;display: none;}
  header.main ul.menu { display: flex; justify-content: center; width: 100%;}
  header.main ul.menu li { margin: 0.6rem auto; text-align: center }
  
  section.articles article { flex: 0 1 47% }
  
  div.banderas { text-align: center }
  section.team div.team div.box { flex: 0 1 100% }
  
  footer div.box.info { flex: 0 1 75%; border-bottom: 1px dashed rgb(159,197,36); border-right: none }
  footer div.box { margin: 0.4rem 0 }
	
}

@media (max-width:960px){
   div.slider { height: calc(100vw * 9 / 10); }
  div.container { width: 95% }
  div.headlines div.box { flex: 1 0 100% }
  div.menu-clone ul.menu { margin: 0 auto }
  
  section.articles article { flex: 1 0 100% }
  
  div.headlines.challengeboxes div.box { flex: 1 0 100% }
  section.team div.team { justify-content: center }
  section.team div.team div.box { background-size: 138%; background-position: 140% 3%; background-repeat: no-repeat; flex: 1 0 100%;}
  section.team div.team div.box div.img {	width: 100%;float: none; margin: 0 auto; text-align: center;margin-bottom: 1.5rem;}
  section.team div.team div.box div.person, section.team div.team div.box div.work { text-align:center; display: inline-block;font-size: clamp(1.3rem,2.4vw,1.8rem);}
  section.team div.team div.box div.person { font-size: clamp(1.5rem,2.4vw,2rem) }
	footer div.box.info { flex: 1 0 100%; border-bottom: 1px dashed rgb(159,197,36); border-right: none }
	footer div.box { flex: 0 0 auto; width: auto; border: none }
	
}



div.phContainer { position:absolute; top: 30%; width: 45%; padding: 2rem; background-color: rgba(255,255,255,0.6); border-radius: 0.3rem; box-shadow: 2px 3px 6px rgba(128,128,128,0.3) }
div.phContainer.left { left: 15% }
div.phContainer.right { left: 15% }