/* FRICARSA MAIN CSS FILE */

.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(155, 95, 16); }
a:hover { color: rgb(192, 231, 247); text-decoration: underline }
.ico { font-family: IconSet!important }
div.container { width: 85%; margin: 0 auto; max-width: 1260px;}
.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 }
section { clear:both}

/* Estructura general centrada */
main {
  display: inline-block;
  width: 100%;
  position: relative;
}
header.main { position: relative; z-index: 1}
#content { margin-top: calc(100vw * 9 / 24);z-index: 1;position: relative;background-color: #FFFFFF;}

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.7)}
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 { position:relative; display: flex; flex-wrap: wrap; background-color: rgb(244, 244, 244); position:relative;}
header.main div.top:before { content: ' '; width: 100%; height: 1px; position:absolute; left: -1px; top:0; right:0; box-shadow: 0px 2px 7px rgba(0,0,0,0.9);}
header.main div.top:after { content: ' '; height: 5px; position:absolute; bottom: -9px; background-color: rgb(244, 244, 244);; width: 100%; left: 0; right: 0; }
header.main div.top div.container { width: 95%; display: flex; max-width: 95%;justify-content: space-between;}
header.main div.logo { display: flex; width: 100%; flex: 0 1 25%; padding-top: 1rem;}
header.main div.logo img { width: 90%; max-width: 280px;}
header.main div.menuTop { flex: 0 1 auto; display: flex;flex-direction: column;justify-content: space-between;padding: 0.8rem 0;flex-wrap: wrap;align-items: last baseline;}
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}

div.logo:hover { filter: brightness(1.11)}

div.banderas { flex: 0 0 auto; display: flex;justify-content: center;align-items: center;}
div.banderas img { max-width: 33px; margin: 0 0.6rem;border-radius: 0.4rem;}
div.banderas img:hover { filter: brightness(1.11)}

/*header.main div.menuTop */
ul.menu li a { color: rgb(0, 110, 164); }
ul.menu li a:hover  { color: #e92a51; text-decoration: none; }
ul.menu li a span.txt { font-family: Georama, sans-serif; font-size: clamp(1.11rem,2vw,1.4rem); margin-left: 0.5rem;}

div.menu-clone { flex: 1 0 100%; text-align: center; display: flex; justify-content: center; background-color: #000000;}
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(161, 198, 247); }
div.menu-clone ul.menu li a:hover { color: #FFFFFF; text-decoration: none }
div.instalador { background-color: #000000; padding: 0.3rem 0; width: 100%;}
div.instalador ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style-type: none}
div.instalador ul li { flex: 1 1 auto; padding: 0.7rem 2rem; font-family: arial, sans-seriff; font-size: clamp(0.9rem,1.13vw,1rem);text-align: center;}


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.slider { width: 100%; z-index: 0;box-sizing: border-box;overflow: hidden;margin-top: 0vw;border-bottom: 32px solid #000000;max-height: calc(100vw * 9 / 23);}
div.slider:after {
  content:'';
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  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.slider img { width:100%;max-width: 100%;margin-top: -6vw;}

div.topOverlay { position: absolute; display: flex; justify-content: space-around; width:100%; padding: 4rem; box-sizing: border-box }
div.topOverlay>div { padding: 0.4rem 1rem; box-sizing: border-box}
div.topOverlay div.p1 { flex: 1 1 45% }
div.topOverlay div.p2 { flex: 1 1 55% }
div.topOverlay div.p1 h2 { font-family: Georama, Arial; font-size: clamp(1.25rem,2.4vw,2rem); color: #FFFFFF; text-shadow: 2px 3px 5px rgba(0,0,0,0.6); margin: 1rem auto  }
div.topOverlay div.p2 h2 { font-family: Georama, Arial; font-size: clamp(1.1rem,2vw,1.7rem); color: #FFC89F; text-shadow: 2px 3px 4px rgba(0,0,0,0.86); margin: 1rem auto; text-align: right  }
div.topOverlay div.p2 h2:last-child { color: #482b11;background-color: rgba(255,255,255,0.7);text-shadow: none;padding: 0.3rem 0.85rem;} 
div.topOverlay div.p1 h2:last-child { font-family: Georama, Arial; font-size: clamp(1.1rem,2vw,1.7rem); color: #FFB425;  }
body.contact div.slider {height: calc(100vw * 9 / 18)}

div.h1 { width: 100%; margin: 0; padding: 1rem; text-align: center; background-color: rgb(16, 118, 179); color: #FFFFFF; font-family: Georama; border-bottom: 1rem solid rgb(26, 85, 176); display: flex;justify-content: space-between;box-sizing: border-box;flex-wrap: wrap;}
div.h1 h1 { font-weight: normal; font-size: clamp(1.1rem, 1.2vw, 1.8rem);flex: 1 1 auto;text-align: left;}
div.h1 div.contact a { color: #FFFFFF; text-decoration: none; font-size: clamp(1rem,1.5vw,1.4rem); display: inline-block;margin: 0 0.4rem;}
div.h1 div.contact a:hover { color: black;}
div.h1 div.contact span.fa.phone { margin-right: 0.4rem}


div.galeria { text-align: center }
div.galeria img { margin: 0.3rem 0.7rem}

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; padding: 1rem }
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: Geroma, 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-bottom: 1.4rem; text-align: justify;font-size: clamp(1.12rem,1.23vw,1.2rem);}
div.headlines div.box img.floatL { width: 100%; max-width: 640px}
div.headlines div.box img.floatR { width: 100%; max-width: 640px}


div.content { margin: 0 0 3.5rem 0; }
section.highlights { position:relative;background-color: rgb(229,46,82); color: #150F0F; display: flex; width: 100%;justify-content: center;padding: 1.5rem 0;flex-wrap: wrap;}
section.highlights div.box {  flex: 0 1 30%; box-sizing: border-box; padding: 2rem; max-width: 26%;background-color: #FFF;margin: 0 2rem;color: rgb(181, 21, 52);font-family: Georama, Sans-Seriff;text-align: center;border-radius: 0.4rem;}
section.highlights div.box h2 {font-size: clamp(1.05rem, 1.5vw, 1.6rem); margin-bottom: 0.6rem}
section.highlights div.box p.text {font-size: clamp(1.05rem, 1.1vw, 1.3rem)}
section.highlights div.box i {font-size: clamp(1.3rem, 3.9vw, 4rem); margin-bottom: 0.8rem }
section.highlights:after { content: ' '; position:absolute; bottom: -9px; width: 100%; height: 5px; background-color: rgb(229,46,82)}
section.highlights.serv:after { background-color: #2e9dc8}
section.highlights.prods:after { background-color: #bf7b24}


section.highlights.serv { background-color: #2e9dc8;}
section.highlights.serv div.box p.text { color: #2e9dc8 }
section.highlights.serv div.box h2, section.highlights.serv div.box i { color: #23649d;}

section.highlights.prods { background-color: #bf7b24;}
section.highlights.prods div.box p.text { color: #bf7b24; }
section.highlights.prods div.box h2, section.highlights.prods div.box i { color: #955d16;}

section.principal { margin: 3rem auto }
section.principal p, section.principal li { font-family: Georama, Sans-Seriff; font-size: clamp(1rem,1.3vw,1.25rem); color: #202020; margin-bottom: 1.6rem; text-align: justify;line-height: 1.8rem;}
section.principal ul { margin: 2rem 0}
section.principal li { line-height: 1rem; margin-bottom: 0.85rem; margin-left: 3rem; padding-left: 0.6rem}
section.principal h3 { font-family: Georama, Sans-Seriff; font-size: clamp(1.1rem,1.8vw, 1.5rem); color: #115ea2;}

body[class^=privac] div.slider {max-heightcalc(100vw * 9 / 23);max-height: calc(100vw * 9 / 30);}
section.privacidad { margin-top: 4rem}
section.privacidad p.vinculos a { color: #1a55b0 }
section.privacidad p, section.privacidad li, section.privacidad div.seccionlegal { font-family: Georama, Arial; font-size: clamp(1rem,1.24vw,1.1rem); color: #363636; margin-bottom: 1.2rem;text-align: justify;}
section.privacidad ul { margin-left: 3rem; margin-bottom: 1.5rem}
section.privacidad li { margin: 0 0 0.4rem 0; padding-left: 0.5rem}
section.privacidad h3 { font-family: Georama, Arial; font-size: clamp(1.03rem,2vw,1.6rem); margin: 2rem auto;}
section.privacidad h3 a { color: #1a55b0;}

body[class^=product] section.principal h3 { color: #955d16; text-align:Center; margin: 1.5rem auto}

body[class^=product] section.prods div.flex { justify-content: center }
body[class^=product] section.prods div.flex .box { flex: 0 1 auto; box-sizing: border-box; padding: 1.5rem }
body[class^=product] section.prods div.flex div.box { text-align: center}
body[class^=product] section.prods div.flex div.box img { max-height: calc(100vw / 8); min-height: 170px;}
body[class^=product] section.prods div.flex { flex-wrap: wrap}



img.floatL { float: left; margin: 0 1rem 0.6rem 0 }
img.floatR { float: right; margin: 0 0 0 1rem }
img.w40 { width: 40%}
img.maxW450 { max-width: 450px; min-width: 200px}

section.principal img.balanza { max-width: 344px;}

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;
}

div.w100 { margin: 3rem 0}
div.w100 img { width: 100%; max-width: 100% }



#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; }
#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) }


section.comentarios { margin-top: 6rem; width: 100%; background: #E3E3E3 !important; padding: 1.1rem 0 }
section.comentarios div.container { max-width: 1600px}
section.comentarios h4 { font-family: Georama, Arial; font-size: clamp(1.03rem,2vw,1.8rem); text-align: left; margin: 1.8rem auto}
section.comentarios>h4 { text-align: center;color: #323232;}
section.comentarios>h4>i { margin-right: 1rem}
section.comentarios div.flex { align-items: stretch }
section.comentarios div.box { z-index: 2; position:relative; flex: 1 0 33.3%; box-sizing: border-box; padding: 0.5rem 1rem }
section.comentarios div.box h4 { font-family: Georama, Arial; font-size: clamp(1.15rem,1.5vw,1.5rem); margin-bottom: 0.85rem; color: #676767; margin: 0;}
section.comentarios div.box div.txt p { font-size: clamp(1rem,1.1vw,1.15rem);line-height: 1.4rem;}

section.comentarios div.box p.person, section.comentarios div.box p.stars { margin: 0.1rem 0}
section.comentarios div.box p.person { font-size: clamp(0.9rem,1vw,1.16rem);color: #232323;}
section.comentarios div.box span.comilla { position: absolute; top: 0; right: 0; z-index: -1; color: #F2F2F2; font-family: IconSet; font-size: clamp(3rem,6vw,6rem); display: inline-block; filter: ;}

section.comentarios div.box div.negocio { font-family: Georama, Arial; font-size: clamp(1rem,1vw,1.06rem); color: #484848; margin-bottom: 1rem;}
section.comentarios div.box div.negocio span.negocio { margin-right: 0.4rem; color: #242424; }

section.comentarios span.rating { padding-left: 0.6rem; font-size: clamp(0.9rem,1.2vw,1.2rem) !important; vertical-align: top;}

.star {
  width: 300px;  
  aspect-ratio: 1;
  background: #F8CA00;
  clip-path: polygon(50% 0,
    calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))),
    calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))),
    calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))) 
   ); 
  /* or more simple
  clip-path: polygon(50% 0,79% 90%,2% 35%,98% 35%,21% 90%); 
   */
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
}



footer {  color: #EDEDED;  padding: 1rem 0 0 0; position: relative;display: flex;flex-direction: column;justify-content: flex-end;justify-content: center;box-sizing: border-box;margin-top: 3rem;}
footer div.footer-top { padding: 0; background: linear-gradient(0deg,rgb(0, 0, 0) 0%, rgb(61, 64, 61) 69%, rgb(61, 64, 61) 100%);box-sizing: border-box;height: auto;display: flex;justify-content: center;}
footer div.footer-top img { max-width: 100%;width: 100%;}
footer div.footer-data { padding: 0 5rem; background: linear-gradient(0deg,rgb(0, 0, 0) 0%, rgb(61, 64, 61) 69%, rgb(61, 64, 61) 100%);margin: 0;box-sizing: border-box;}
footer div.box { flex: 0 1 auto; box-sizing: border-box; padding: 0.7rem 1rem; border-right: 1px dashed rgb(235, 238, 251);}
footer div.box:last-child { border-right: none}
footer div.container.flex { align-items: stretch; justify-content: center;padding-bottom: 1rem; flex-wrap: wrap;width: 95%;box-sizing: border-box;}
footer div.box.info { display: flex;  flex: 0 1 40%; flex-wrap: wrap;}
footer div.box.info div.logo { flex: 1 0 100%; text-align: center}
footer div.box.info div.logo a { display: inline-block; background-color:#FFFFFF; padding: 0.6rem 0.7rem; width: auto;margin-bottom: 0.5rem;max-width: 33%;min-width: 200px;border-radius: 0.45rem;}
footer div.box.info div.txt { flex: 1 1 auto; box-sizing: border-box; padding: 0.2rem 1rem; font-family: Georama, sans-serif;line-height: 135%;text-align: center;}
footer div.box.info div.txt strong { color: rgb(255, 95, 95);}
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(23, 109, 200); 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(255, 255, 255); font-family: Georama, sans-serif; padding: 0.7rem 0.8rem; }
footer div.copyright ul li a { color:#FFFFFF; }
footer div.copyright ul li a:hover { color:#000000 }

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

footer div.logo img {  max-width: 80%; min-width: 200px;display: inline-block;}
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;margin-right: 0.4rem;}
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}

footer div.box.headquarters a { padding: 0.3rem 0.7rem; display: inline-block }

footer ul a { 	color: rgb(255, 255, 255);}
footer ul a:hover { text-decoration: none }
	
div.kit { margin: 1.4rem auto; width: 100%; text-align: center; clear: both;padding: 4rem 0 0.5rem 0;}
div.kit img { max-width: 320px; margin: 0.4rem 1rem}


#lssi {width: 85%;border: 1px solid #536c0e;border-radius: 0.7rem;background: url('/uploads/images/logo-bg-lighter.webp') rgb(251, 247, 244);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: #E6C9C0;padding: 0.56rem 0;border-radius: 0.3rem;color: #000606;}
#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.btn span[class] {vertical-align: middle; margin-right: 0.6rem}
#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: #0e4e86; color: #FAFAFA}
#lssi div.botonera #lssiBtnOK:hover {background-color: #6f8894; color: #FFFFFF }
#lssi div.botonera #lssiBtnKO { background-color: #731c35; color: #FAFAFA }
#lssi div.botonera #lssiBtnKO:hover { background-color: #945a6c; color: #FFFFFF }



@media (max-width:1300px){
  div.slider { height: calc(100vw * 9 / 20); }
  header.main div.menuTop { width: 100% }
  header.main div.container { flex-wrap: wrap}
  header.main div.logo { display: flex; width: 100%; flex: 0 1 auto; 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 }
  div.banderas { text-align: center }
  div#content { margin-top: calc(100vw * 9 / 36)}
  div.banderas { flex: 1 0 auto }
  
	footer div.box.info { flex: 1 0 100%; border-bottom: 1px dashed rgb(235, 238, 251); border-right: none }
	footer div.box { margin: 0.4rem 0 }
	
}

@media (max-width:960px){
  div.slider { /*! height: calc(100vw * 9 / 11); */ }
  div.container { width: 95% }
  div.headlines div.box { flex: 1 0 100% }
  div.menu-clone ul.menu { margin: 0 auto }
  
  div.h1 h1, div.h1 div.contact { flex: 1 0 100%; text-align: center }
  div.h1 h1 { margin-bottom: 1rem}
  
  header.main div.logo img {width: 75%;max-width: 320px; }
  div.topOverlay {padding: 0.2rem 1rem }
  header.main div.menuTop {	padding-top: 0rem }
  div#content { margin-top: calc(100vw * 9 / 26);}
  
  section.highlights div.box { margin: 1rem auto; padding: 2rem 1rem; max-width: 30%}
  
  div.topOverlay > div { padding: 0.2rem 0.4rem }
  
  div.topOverlay { background-color: #000000D6; text-align: center}
  
  #frmContact {	width: 96%;	margin: 1rem auto }
  
  div.headlines div.box { order: 1 }
  div.headlines div.box:last-child { order: 0 }
  div.headlines div.box img.floatL { max-width: 100%; margin: 0 auto }
  
  section.comentarios div.flex { flex-wrap: wrap }
  section.comentarios div.box {	flex: 1 0 100%; margin: 2rem auto }
  
  div.headlines.challengeboxes div.box { flex: 1 0 100% }
  section.team div.team div.box { background-size: 120%; background-position: 140% 10%; background-repeat: no-repeat }
  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(225, 240, 247); border-right: none }
  footer div.box { flex: 0 0 auto; width: auto; border: none }
	
}

@media (max-width:720px){
  div.h1 h1, div.h1 div.contact { flex: 1 0 100%; text-align: center }
  div.h1 h1 { margin-bottom: 1rem}
  section.highlights div.box { flex: 1 0 100%; width: 100% }
  img.floatL, img.floatR { float: none; width: 100%; margin: 0.5rem auto;display: block;max-width: 100%;}
  footer div.box.info { flex: 1 0 100%; border-bottom: 1px dashed rgb(225, 240, 247); border-right: none }
  footer div.box { flex: 0 0 auto; width: auto; border: none }
 
}

@media (max-width:520px){
	section.highlights div.box { flex: 1 0 100%; width: 100%; max-width: 90% }
}

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% }