@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap');

body {
	 font-family: "IBM Plex Mono", monospace;
	margin: 0px;
	color: #EC0928;
	-webkit-overflow-scrolling:touch;
	text-rendering:optimizeLegibility;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.page{}
.wrap {
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	max-width: 1440px;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
}
.wrapFull {
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	max-width: 100%;
	box-sizing:border-box;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
}
.area{
	float:left;
	clear:both;
	width:100%;
	position:relative;	
}
.area.padM{
	padding:75px 0px;	
}
.area.mTopLess{
	margin-top:-100px;	
}
.page .title {
     font-family: "IBM Plex Mono", monospace;
    font-size: 52px;
    line-height: 56px;
    font-weight: 400;
}
.page .flexbox{
	 display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
}

.page .flexbox .title{
	flex: 0 0 auto;
   width: 590px;
}
.page .opening{
	font-size: 22px;
	line-height: 26px;
	text-align: justify;	
}
.page .titleFull{
	 font-family: "IBM Plex Mono", monospace;
    font-size: 52px;
    line-height: 56px;
    font-weight: 400;
   width: 100%;
	padding-bottom:35px;
}
.page .openingFull{
    font-size: 34px;
    line-height: 46px;
    text-align: justify;
    font-weight: 500;
    
}
.page .opening.big{
    font-size: 30px;
    line-height: 38px;
     font-family: "IBM Plex Mono", monospace;	
}
.page .opening .limit{
	max-width: 720px;	
}
.page .flexboxBi{
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
    justify-content: space-between;
}
.page .flexboxBi .pic .box.animar{
	cursor: none;
}
.page .flexboxBi .pic{
	flex: 0 0 auto;
   width: 540px;
	z-index: 0;
}
.page .flexboxBi .pic .box{
	width:95%;
	transform: rotate(-5deg);
}
.page .flexboxBi .pic .box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;	
}
.page .flexboxBi .txt{ z-index:1; position:relative;}
.page .flexboxBi .txt .t{
	 font-family: "IBM Plex Mono", monospace;
	font-size: 86px;
	line-height: 85px;
	font-weight: 400;
	padding-bottom: 40px;
	max-width: 780px;
}
.page .flexboxBi .txt .i{
  max-width: 620px;
}
.page .cover {
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	/* height:100vh; */
	padding-bottom: 100px;
	overflow:hidden;
}
.page .cover .bigLogo{
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    margin-left: 1%;
    top: 1%;
}
.page .picFloat{
	position: absolute;
	left: 50%;
	z-index:15;
   pointer-events: none;
}
.page .cover .picFloat.p1{
	top: 82%;
	margin-left: -670px;
	/* transform-origin: top right;
	 	animation: picFloat1 1s linear;	
		animation-delay:1s; */
}
/*
@keyframes picFloat1 {
	0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}
*/
.page .cover .picFloat.p2{
	top:82%;
	margin-left: 20%;
	/* transform-origin: bottom left;
	   animation: picFloat2 1s linear;
	   animation-delay:2s; */
}
/* @keyframes picFloat2 {
	0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}*/
.page .picFloat.p3{
	margin-left: -670px;
	z-index:0;
	transform-origin: bottom center;
	
}
.page .picFloat.p4{
	margin-left: 38%;
	z-index: 1;
	margin-top: -60px;
	transform-origin: bottom left;
	
}
.page .picFloat.p5{
	margin-left: 38%;
	z-index: 1;
	margin-top: -60px;
	transform-origin: bottom left;
}
.noDesk {
    display: none;
}
.page .home-media{
	width:960px;
	aspect-ratio: 12/7;
	background-color:#f7f7f7;
	/*
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	*/
	position:relative;
	margin:28% auto 0 auto;
	z-index:10;	
	transform: rotate(-5deg);
	overflow: hidden;
	filter: blur(0.1px);
	/* cursor:none; */
}
.page .home-media.large{
	transform: rotate(0deg);
	margin:0 auto 60px auto;
	width:100%;
}
.page .home-media video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.page .home-media .over-head{
	height:100%;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
}
.page .home-media .over-head .detail{
	position:absolute;
	width:300px;
	height:52px;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin: auto;	
}
.btVideo {
    color: #fff;
    border: solid 1px #fff;
    border-radius: 30px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    text-decoration: none;
    cursor: pointer;
    max-width: 150px;
    margin: 0 auto;
    letter-spacing: 0.06em;
    font-family: "IBM Plex Mono", monospace;
}
.cards{
	width: 100%;
	padding-top: 250px;
	position: relative;
	max-width: 1300px;
	margin:0 auto;
}
.cards .card{
	width:380px;
	aspect-ratio: 4/5;
	background-color:#f7f7f7;
	float:left;
	line-height:0;
	position:relative;
}
.cards .card.c1{
	margin-top:-225px;
	transform: rotate(-4deg);	
}
.cards .card.c2{
	margin:0px 70px;
	transform: rotate(4deg);	
}
.cards .card.c3{
	margin-top:75px;	
	transform: rotate(-4deg);
}
.cards .card img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;	
}
.cards .card .autor{
	position: absolute;
	bottom: -25px;
	right: 0;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.02em;
}
.supervisor{
	float: left;
	clear: both;
	width: 100%;
	padding-top: 75px;
}
.supervisor .item{
	float:left;
	width:49%;
	cursor:none;
}
.supervisor .item:nth-child(2){
	margin-left:2%;	
}
.supervisor .item .picture{
	aspect-ratio: 5/4;	
	background-color: #f7f7f7;
	margin-bottom:10px;
	position:relative;
}
.supervisor .item .picture .pic{
	position:absolute;
	width:100%;
	height:100%;
	line-height:0;
}
.supervisor .item .picture .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
}
.supervisor .item .name{
	font-size: 32px;
	line-height: 50px;
    font-family: "IBM Plex Mono", monospace;
    letter-spacing: 0.02em;
	 float:left;
}
.supervisor .item .bio{
    max-width: 180px;
    float: right;
    margin-top: 5px;
}
.boxSD{
	width: 100%;
	overflow: hidden;
	position: relative;
	
}
.curPlay{
	color: #EC0928;
	background-color:#fff;
	border-radius: 30px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	width: 150px;
	letter-spacing: 0.06em;
	 font-family: "IBM Plex Mono", monospace;
	position:fixed;
	top: 0;
	left: 0;
	margin-top:-25px;
	margin-left:-75px;
	cursor:none;
	display:none;
	z-index:50;
	pointer-events: none;
	text-transform: uppercase;
   font-weight: 600;
}
.curPlay.on{
	cursor:none;
	display:block;
}
.curPlay:hover{
	cursor:none;	
}
.curSlid {
    color: #EC0928;
    background-color: #fff;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    width: 300px;
    font-family: "IBM Plex Mono", monospace;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: -20px;
    margin-left: -136px;
    cursor: none;
    display: none;
    z-index: 50;
    background-image: url(rs/arrow-slid-large.png);
	 background-size:275px 30px;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none;
}
.curSlidS {
    color: #EC0928;
    background-color: #fff;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    width: 100px;
    font-family: "IBM Plex Mono", monospace;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: -20px;
    margin-left: -40px;
    cursor: none;
    display: none;
    z-index: 50;
    background-image: url(rs/arrow-slid-s.png);
	 background-size:80px 30px;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none;
}
.curSlid.on, .curSlidS.on{
	cursor:none;
	display:block;
}
.curSlid:hover, .curSlidS:hover{
	cursor:none;	
}
.slidDrag{
	user-select: none;
	/* float:left; */
	clear: both;
	width:102%;
	position: relative;
	margin:45px 0px 0px -1%;
	max-width:2800px;
   cursor: none;
	padding-bottom:30px;
}
.slidDrag.Up{
		
}
.slidDrag.Down{
		
}
.slidDrag ul {
  padding: 0;
}
.slidDrag li {
  list-style: none;
}
.slidDrag .items {
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  cursor: none;
  padding-top:25px;
  
  	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.slidDrag .items.active {
  cursor: grab;
  cursor: none;
}
.slidDrag .items .item {
  display: inline-block;
   /* width: 20%;*/
   width: 25%;
  margin: 0 1%;
  user-select: none;
  min-height:100px;
  text-align:center;
  position:relative;
}
.slidDrag.Down .items .item {
	width: 30%;
}
.slidDrag .items .item.space{
  width: 5%;
}
.slidDrag .items .item .picture{
	aspect-ratio: 2/3;	
	background-color: #f7f7f7;
	margin-bottom:15px;
	position:relative;
}
.slidDrag .items .item .picture .pic{
	position:absolute;
	width:100%;
	height:100%;
	line-height:0;
}
.slidDrag .items .item .picture .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
}
.slidDrag .items .item .picture .over{
	position: absolute;
	width: 110%;
	height: 110%;
	line-height: 0;
	z-index: 1;
	margin-left: -5%;
	margin-top: -5%;
}
.slidDrag .items .item .picture .over img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
}
.slidDrag .items .item .name{
	font-size: 30px;
	line-height: 26px;
	 font-family: "IBM Plex Mono", monospace;
	letter-spacing:0.02em;
	text-align:left;
	display: block;
    text-decoration: none;
    color: #fff;
	 /* */
	 margin-top: -60px;
    position: absolute;
    background-color: #fff;
    color: #EC0928;
    border-radius: 40px;
    padding: 2px 20px;
    font-size: 18px;
    right: 15px;
	 font-weight:600;
	 cursor:pointer;
}
.slidDrag .items .item .name:hover{
	background-color: #EC0928;
	color: #fff;
}
.slidDrag .items .item .edad{
	font-size:22px;
	line-height:30px;
	 font-family: "IBM Plex Mono", monospace;
	text-align:left;
}
.page .manifiesto{
	padding-top:50px;	
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	max-width: 100%;
	gap: 30px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}
.page .manifiesto .item{
	width:33.33%;	
}
.btStand {
    color: #EC0928;
    border: solid 1px #EC0928;
    border-radius: 30px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 20px;
	 font-weight:500;
    text-decoration: none;
    cursor: pointer;
    display: block;
	 max-width: 300px;
	 margin-top:50px;
	 -webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;
}

.btStand:hover{
	background-color: #EC0928;
	color: #fff;
}
.bgRed .btStand{
	border: solid 1px #fff;
	color: #fff;
}
.bgRed .btStand:hover{
	background-color: #fff;
	color: #EC0928;
}
.btStand.ig{
    background-image: url(rs/ico-ig.png);
    background-repeat: no-repeat;
    background-position: 30px center;
    background-size: 20px 20px;
    width: 200px;
    padding-left: 25px;
}
.btStand.ig:hover{
	background-image: url(rs/ico-ig-hover.png);
}
.btStand2{
    color: #EC0928;
    border: solid 1px #EC0928;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
	 font-weight:500;
    text-decoration: none;
    cursor: pointer;
    display: block;
	 width:100%;
	 margin-top:50px;
	 -webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;	
	text-transform: uppercase;
}
.btStand2:hover{
	background-color: #EC0928;
	color: #fff;
}
.bgRed{
	color:#fff;
	background-color: #EC0928;	
}
.bgGrey{
	color: #EC0928;	
	background-color: #F9F9F9;	
}

.sp100{
	float:left;
	clear:both;
	width:100%;
	height:100px;
}
.sp50{
	float:left;
	clear:both;
	width:100%;
	height:50px;
}
.legalTxt{
	padding:50px 0px 150px 0px;
	max-width: 720px;
	    font-size: 15px;
    line-height: 22px;	
}

.footer {
	width:100%;
	padding:12px 0px;
	float:left;
	clear:both;
	background-color:#fff;
	 font-family: "IBM Plex Mono", monospace;
	 margin-bottom:35px;
}
.footer .slogo{
	width:100%;
	overflow:hidden;	
}
.footer .ending{
}
.footer .legal{
	float:right;	
	height: 40px;
    line-height: 40px;
}
.footer .legal .item{
	text-decoration:none;
	float:right;
	margin-right: 35px;
    color: #EC0928;
    font-size: 14px;
    font-weight: 600;
	 text-transform: uppercase;	
}
.footer .legal a.item:hover{
	text-decoration:underline;	
}
.footer .btGarva{
    float: left;
    color: #fff;
    background-color: #EC0928;
    padding: 0px 18px;
    border-radius: 24px;
    margin: 0 6px;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.02em;
    height: 30px;
    line-height: 30px;
    border: solid 1px #EC0928;
    text-transform: uppercase;
    margin-top: 4px;

}
.footer .btGarva:hover{
	color: #fff;
	background-color: #EC0928;
}
.footer .subLogo{
	width: 98%;
    margin: 0 1% 25px;
}

.video-screen{
	 position: fixed;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 1002;
    display: none;
	 background-color:#000;
    background-color: hsl(0deg 0% 0% / 60%);
}
.video-screen .btClose{
	height: 62px;
	width: 62px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #ec0928;
	cursor: pointer;
	text-align: center;
	line-height: 70px;
	font-size: 40px;
	color: #fff;
}
.video-screen .table{width:100%;max-width:1080px;margin:0 auto; display:table; height:100%;}
.video-screen .table .cell{ vertical-align:middle; display:table-cell;}
.video-screen .vBox{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	position: absolute;
	text-align:center;
}
.video-screen .vBox.vertical{
	width:auto;
	height:80%;	
}
.video-screen .video-box{
	width:100%;
	overflow:none;
    margin: 0 auto;
    text-align: center;
}
.video-screen .videoWrapper{
	/* position:relative;padding-bottom:55%;padding-top:25px;height:0; */
	aspect-ratio: 16 / 9;
}
.video-screen .vBox.vertical .videoWrapper{
	aspect-ratio: 9 / 16;
}
.video-screen .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* DETALLES Y TRANSICIONES */

.sh6{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.25);-ms-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.25);}
.sh15{box-shadow:0px 4px 15px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0px 4px 15px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 4px 15px rgba(0, 0, 0, 0.25);-ms-box-shadow:0px 4px 15px rgba(0, 0, 0, 0.25);}
.sh4{box-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);-ms-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);}
.tr00{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}
.tr01{-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}
.tr02{-webkit-transition:all 1000ms ease-in-out;-moz-transition:all 1000ms ease-in-out;-o-transition:all 1000ms ease-in-out;-ms-transition:all 1000ms ease-in-out;transition:all 1000ms ease-in-out;}

/* Cookies custom plugin */

.cookiesPosition{
		left: 24px;
	bottom: 24px;
}
#cookiesAlert {
	font-size: 13px;
	color: #fff;
	background-color: #ec0928;
	padding: 20px;
	width: 390px;
	position: fixed;
	z-index: 9998;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 12px;
}
#cookiesAlert a { color: #fff; text-decoration:underline;  font-family: "IBM Plex Mono", monospace;}
#cookiesAlert .big{
	font-size: 30px;
	line-height: 32px;
	margin-bottom: 15px;
	 font-family: "IBM Plex Mono", monospace;
	max-width: 310px;	
}
#cookiesAlert .btStand{
	text-decoration: none;
	color: #ec0928;
	background-color: #fff;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	width: 50%;
	float:left;
	 font-family: "IBM Plex Mono", monospace;
    box-sizing: border-box;
	 margin-top:0 !important;
	 width:100%;
}
#cookiesAlert .btStand:hover{
	background-color:#fff;
	color: #ec0928;
}
#cookiesAlert .aviso_co{ line-height:18px; }
#cookiesAlert .control_co {
	padding-top: 15px;
	clear: both;
	float: none;
	width: 100%;
}
#cookiesAlert .control_co .btco {
	padding: 10px 0px;
	float: left;
	font-size: 14px;
	width:50%;
	text-align:center;
	font-weight:400;
	letter-spacing:0.02em;
	 font-family: "IBM Plex Mono", monospace;
}
}
#cookiesAlert .control_co .btco.btcoblack {
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	/* margin-left: 24px; */
	padding: 10px;
}
#cookiesConfig {
	background-color: #FFF;
	width: 580px;
	clear: both;
	position: fixed;
	font-size: 13px;
	display: none;
	z-index: 9999;	
	border-radius: 12px;
}
#cookiesConfig a{
	color: #EC0928;;	
   text-decoration:underline;
	 font-family: "IBM Plex Mono", monospace;
}
#cookiesConfig .btStand{
		text-decoration: none;
	color: #ec0928;
	background-color: #fff;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	width: 50%;
	float:left;
	 font-family: "IBM Plex Mono", monospace;
    box-sizing: border-box;
}
#cookiesConfig .head_cc {
	float: left;
	clear: both;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 100%;
	font-size: 15px;
}
#cookiesConfig .cont_cc {
	clear: both;
	float: left;
	width: 100%;
}
#cookiesConfig .cont_cc .leftS {
	float: left;
	width: 100%;
	padding-left: 20px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#cookiesConfig .cont_cc .leftS .tipe_cc {
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	margin-right: 20px;
	border-bottom: 3px solid #fff;
	cursor: pointer;
}
#cookiesConfig .cont_cc .leftS .tipe_cc.on{
	border-bottom: 3px solid #b3b3b3;
}
#cookiesConfig .cont_cc .rightS {
	float: left;
	width: 100%;
	overflow: hidden;
}
#cookiesConfig .cont_cc .rightS .sld_cc {
	clear: both;
	float: left;
	width: 1000%;
}
#cookiesConfig .cont_cc .rightS .sld_cc .opt_cc {
	float: left;
	width: 10%;
	padding: 20px;
	line-height: 18px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#cookiesConfig .cont_cc .rightS .sld_cc .opt_cc .tip_cc {
	font-weight: bold;
	margin-bottom: 10px;
}
#cookiesConfig .footer_cc {
	float: left;
	clear: both;
	padding: 20px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#cookiesConfig .footer_cc, #cookiesConfig .head_cc{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#cookiesConfig .btco  {
	padding: 10px 0px;
	float: left;
	font-size: 14px;
	display:block;
	margin-left:24px;
}
#cookiesConfig .btco.btcoblack {
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	margin-left:0px;
	padding: 10px;
}



@media screen and (max-width: 1290px) {
.page .picFloat.p3 { margin-left: -430px; }
.page .flexbox .title { width: 510px; }
.footer .ending{ transform: rotate(0deg);	}
.page .picFloat.p5 { margin-left: 30%; }
}

@media screen and (max-width: 1080px) {
.page .home-media { width: 90%}
.page .flexbox{ display: block; }
.page .flexbox .title{ width:100%; margin-bottom:50px; }
.page .picFloat.p3 { margin-left: 0; margin-top: -40px; }
.page .flexboxBi { display: block;}
.page .flexboxBi .pic { margin: 75px auto 0 auto; width:90%; max-width:540px; }
.page .manifiesto{ display:block; }
.page .manifiesto .item { width: 100%; margin-bottom:25px;}
.page .picFloat.p4 { margin-left: 15%; margin-top: -80px; }
.supervisor .item .bio { max-width: 100%; float: left; margin-top: 0px; width: 100%; }
}
	
	
@media screen and (max-width: 768px) {	
.noDesk{ display:block;	}
.noPhone{ display:none; }
.page .home-media {
	width: 80%;
	aspect-ratio: 5 / 7;
	margin-top:50%;
}
.page .title,
.claim-1 {
	font-size: 45px;
	line-height: 45px;
}
.page .title br{
	display:none;	
}
.page .intro{
	width: 90%;
	margin-left: 5%;
	font-size: 20px;
	line-height: 26px;
	padding-bottom: 75px;
}
.page .opening {
	font-size: 22px;
	line-height: 26px;
}
.page .openingFull {
    font-size: 22px;
    line-height: 34px;
}
.page .picFloat.p3 {
  margin: 0 auto;
  left: inherit;
  text-align: center;
	pointer-events: none;
	margin-top: 60px;
}
.page .flexboxBi .txt .t {
  font-size: 45px;
  line-height: 45px;
}
.page .cover .picFloat.p1 {
    top: 30%;
    margin-left: 10px;
    left: 0;
	 width: 156px;
}
.page .cover .picFloat.p2 {
	top: 80%;
	margin-left: inherit;
	right: 10px;
	left: inherit;
	width:177px;
}
.page .cover .picFloat.p1 img,
.page .cover .picFloat.p2 img{
	width:100%;
	height:auto;	
}
.supervisor .item{ 
	width: 100%;
	margin: 0px 0% 45px 0%;
}
.supervisor .item:nth-child(2){	
	margin: 0px 0% 45px 0%;
}
.supervisor .item .name {
	font-size: 35px;
	line-height: 35px;
	margin-bottom:5px;
}
.supervisor .item .bio {
    font-size: 16px;
    line-height: 20px;
}
.supervisor .item .picture .over{
	width: 106%;
	width: 96%;
   height: 106%;
   margin-left: 2%;
	margin-top: -3%;
}
.supervisor{ padding-top:60px; margin-bottom: -60px;}
.slidDrag {margin-bottom:25px; }
.slidDrag .items .item{ width:75%; min-width: 300px; }
.slidDrag .items .item.space{ min-width:15px; }
.slidDrag .items .item .picture .over {
	width: 106%;
	height: 106%;
	margin-left: -3%;
	margin-top: -3%;
}
.footer{ margin-bottom:50px; }
.footer .legal{ 
	float: left;
	clear: both;
	width: 100%;
	height: auto;
	line-height: 36px;
}
.footer .legal .item{
	width: 33.33%;
	margin-right: 0;
	float: left;
	font-size: 12px;
	text-align: center;
}
.footer .legal .small{
	font-size: 14px;
	 font-family: "IBM Plex Mono", monospace;
	width:100%;
	text-align:center;
}
.footer .btGarva{
	float: left;
	clear: both;
	height: auto;
	margin: 14px auto;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
}
#cookiesAlert, #cookiesConfig{ width:100%; }
.cookiesPosition {
	left: 0;
	bottom: 0;
}
#cookiesConfig .footer_cc {
	padding: 20px 10px;
}

}