@font-face {
    font-family: 'ArcherLight';
    src: url('archer-light-pro.eot');
    src: url('archer-light-pro.eot') format('embedded-opentype'),
         url('archer-light-pro.woff') format('woff'),
         url('archer-light-pro.ttf') format('truetype'),
         url('archer-light-pro.svg#ArcherLight') format('svg');
}

.redondeado{-webkit-border-bottom-right-radius: 16px;-webkit-border-bottom-left-radius: 16px;-moz-border-radius-bottomright: 16px;-moz-border-radius-bottomleft: 16px;border-bottom-right-radius: 16px;border-bottom-left-radius: 16px;}
.texto-sombreado{text-shadow: 3px 3px 4px rgba(150, 150, 150, 1);}
.transparencia{-moz-opacity: 0.19;opacity: 0.19;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=19);}
.opaco{-moz-opacity: 1;opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);}
.sombreado{-webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.65);
-moz-box-shadow:    0px 0px 28px 0px rgba(0, 0, 0, 0.65);
box-shadow:         0px 0px 28px 0px rgba(0, 0, 0, 0.65);}
.sombreado2{-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow:    0px 0px 18px 0px rgba(0, 0, 0, 0.45);
box-shadow:         0px 0px 18px 0px rgba(0, 0, 0, 0.45);}
body, h1, h2, h3, h4, h5, h6, p, span{font-family: "ArcherLight"}
body{height: 100%; width: 100%; background: #000;}
.pagina{width: 100%; background: #000; height: 100%; position: fixed;}
#jpreSlide{background: url('../img/cargando.gif') no-repeat center top; height: 50%}
#jpreLoader{height: 1px; background: #000; box-shadow: none}
#jpreBar{background: #fbf951}
#jprePercentage{margin-top: 10px}
.cabecera{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);
    border-bottom: 1px solid #787878;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 950;}
.cabecera .menu{border-width: medium 2px 2px;
    margin: 0 auto;
    max-width: 600px;}
.cabecera .menu ul{margin: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding: 0;}
.cabecera .menu ul li{display: inline;
    font-family: Helvetica;
    padding: 8px 0;
    text-align: center;}
.cabecera .menu ul li p{color: #fff; font-weight: lighter; font-size: 1.2em; margin: 0; cursor: pointer; font-family: "ArcherLight"}
.ventana{height: 100%;  width: 100%; overflow: hidden; background: #000; position: relative;margin-left: auto; margin-right: auto;}
/* Estilos de clases */
section{ position: relative;text-align: center; width: 100%; height: 100%;}
#escena0{background: url('../img/seccion0/fondo.jpg') repeat;background-size: 150%; background-position: 0% 0%; top: 0; height: 100%; width: 100%;}
/* Estilos de identificadores */

.intro-rotulo{display: table;height:100%; width: 400%; text-align: center;left: -150%; position: absolute; z-index: 11; top: 0%;}
.rotulo{display: table-cell;vertical-align: middle; font-family: "ArcherLight"; z-index: 11; text-align: center; text-shadow:0px 0px 40px rgba(255,255,255,0); color: rgba(255,255,255,0);}
.intro-fondo{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;background: #000;}

.intro-rotulo2{position: absolute;display: block;top: 50%; left: 50%}
.rotulo2{display: none;position: absolute; top: 50%; left: 50%; text-align: center; font-family: "Times new roman"; z-index: 11;}

.intro-logo{display: block;}
.intro-logo img{width: 100%}
.intro-logo .logo-brillo{position: absolute;width: 160px; left: 50%; margin-left: -80px; top: 50%; margin-top: -180px;opacity: 0; z-index: 11}
.intro-logo .logo-opaco{position: absolute;width: 160px; left: 50%; margin-left: -80px; top: 50%; margin-top: -180px;opacity: 0; z-index: 11}
.intro-logo .logo-texto{position: absolute; width: 400px; top: 250px; left: 50%; margin-left: -200px; top: 50%; margin-top: 40px;opacity: 0; z-index: 11}
.intro-logo .scroll {width: 100px;position: absolute; width: 50px; top: 350px; left: 50%; margin-left: -25px; top: 50%; margin-top: 130px;opacity: 0; z-index: 11}

#escena1{position: absolute; left: 0; top: 0}
#escena1 .imagen{position: absolute; display: block; }

#escena1 #e1-capa1 {width: 552px;  left: 100%; margin-left: 0px;top:50%; margin-top: -360px;z-index: 45; }
#escena1 #e1-capa2 {width: 2500px; left: 100%; margin-left: 0px;top:0%; z-index: 40;}
#escena1 #e1-capa3 {width: 1843px; left: 100%; margin-left: 0px;top:40%; z-index: 35;}
#escena1 #e1-capa4 {width: 1057px; left: 100%; margin-left: 0px;top:50%; z-index: 30;}
#escena1 #e1-capa5 {width: 1600px; left: 100%; margin-left: 0px;top:65%; margin-top: -265px; z-index: 25 }
#escena1 #e1-capa6 {width: 889px;  left: 100%; margin-left: 0px;bottom:0%; z-index: 20; }
#escena1 h2.la-comunicacion{color: #fff; position: absolute;z-index: 19;top: 10%; left: 101%; font-size: 3.2em; width: 4000px; text-align: left;}
#escena1 h2.continuo-movimiento{color: #fff; position: absolute;z-index: 9;top: 40%; left: 101%; font-size: 4em; width: 100%; text-align: left; font-weight: lighter; line-height: 0.9em}


#escena2{position: absolute;width: 100%; height: 100%; top: 0%; left: 0%; z-index: 10}
#escena2 .capa{position: absolute;left: 0; top: 0; width: 100%; height: 100%; background-position: center center}
#escena2 .capa1{z-index: 25;top:110%;width: 100%; height: 100%; background: url('../img/seccion2/fondo3.jpg')no-repeat; background-size: cover; background-position: center center}
#escena2 .capa2{display: none;z-index: 21;top:100%;width: 100%; height: 110%; background: url('../img/seccion2/fondo1.jpg')no-repeat; background-size: cover; background-position: center center}
#escena2 .capa2 h2{position: absolute; top: 80%; right: 12%; color: #000; font-family: "ArcherLight"; font-size: 4em; line-height: 0.9em; text-align: left;}
#escena2 .capa3{z-index: 25;top:110%;width: 100%; height: 100%; background: url('../img/seccion2/fondo2.jpg')no-repeat; background-size: cover; background-position: center center}
#escena2 .capa4{z-index: 22;top:110%; width: 100%; height: 150%; background:  #fff; background-size: cover; background-position: center center}
#escena2 .plancheta{position: absolute;width: 100%; height: 250px; top: 110%; left: 0%; z-index: 26;background: #4b5457;overflow: hidden;}
#escena2 .plancheta .plancheta2{position: absolute;width: 100%; height: 100%; z-index: 14; background-color: #4b5457}
#escena2 .plancheta .plancheta2 h2{color: #fff; font-family: "ArcherLight"; font-size: 4em; line-height: 0.9em; text-align: center; position: relative; width: 100%;z-index: 15; bottom:-75%;  vertical-align: bottom;}
#escena2 .plancheta .disp{position: absolute; width: 10%; max-width: 100px; text-align: center;top: 55%;z-index: 13}
#escena2 .plancheta .disp div{position: relative; width: 100%; text-align: center;}
#escena2 .plancheta .disp img{position: absolute; width: 80%; text-align: center;left: 50%; margin-left: 0px}
#escena2 .plancheta .disp img.blanco{opacity: 0;}
#escena2 .plancheta .disp p{position: relative; color: #fff;}
#escena2 .plancheta .disp1{left: 30%}
#escena2 .plancheta .disp2{left: 40%}
#escena2 .plancheta .disp3{left: 50%}
#escena2 .plancheta .disp4{left: 60%}



#escena3fondo{position: absolute;width: 100%; height: 110%; top: 110%; left: 0%; z-index: 9;background: #fff;}
#escena3{position: absolute;width: 100%; height: 110%; top: 110%; left: 0%; z-index: 9;background: #fff; opacity: 1}
#escena3 .capa{position: absolute;left: 0; top: 0; width: 100%; height: 100%; background-position: center center}
#escena3 .imac{z-index: 28;top:0%;width: 100%; height: 100%; background: url('../img/seccion3/imac.png')no-repeat;background-position: center -40px}
#escena3 .fondo-escena{z-index: 24;top:0%;width: 100%; height: 100%; }
#escena3 .ventana-imac{background:#000;margin: 81px auto ;height: 473px; width: 907px; padding-left: 17px; position: relative; }
#escena3 .escritorio{width: 888px; height: 473px;position: absolute;top: 0%; left: 19px; z-index: 20}
#escena3 .texto1{color: #fff; position: absolute;z-index: 21;top: 70%; left: 0%; font-size: 4em; width: 100%; text-align: center;line-height: 0.9em}
#escena3 .web1{width: 44px; height: 29px;position: absolute; bottom: 10px; right: 104px; z-index: 22; opacity: 1}
#escena3 .web2{width: 888px; height: 473px;position: absolute;top: 0%; left: 19px; z-index: 23; opacity: 0}
#escena3 .web3{width: 888px; height: 473px;position: absolute;top: 0%; left: 19px; z-index: 24; opacity: 0}
#escena3 .web4{width: 888px; height: 473px;position: absolute;top: 0%; left: 19px; z-index: 25; opacity: 0}
#escena3 .web5{width: 888px; height: 473px;position: absolute; z-index: 25; opacity: 0}
#escena3 .web6{width: 888px; height: 473px;position: absolute;bottom: 0px; right: 0px; z-index: 26;opacity: 1}
#escena3 .fotos{width: 888px; height: 280px;position: absolute;left:19px; bottom:91px; z-index: 27;opacity: 1; background: url('../img/seccion3/fotos.jpg') no-repeat;background-size: cover; background-position: 0% 0%}
#escena3 .iphone{background: url("../img/seccion3/iphone.png") no-repeat scroll 0% 0% / 100% 200% rgba(0, 0, 0, 0); height: 385px; left: 150%; opacity: 1; overflow: hidden; position: absolute; top: -110%; width: 188px; z-index: 30;}
#escena3 .ipad{background: url("../img/seccion3/ipad.png") no-repeat scroll 0% 0% / 100% 400% rgba(0, 0, 0, 0); height: 470px; left: 110%; opacity: 1; overflow: hidden; position: absolute; top: 35%; width: 600px; z-index: 29;}

#escena4{position: absolute;width: 100%; height: 100%; max-height: 550px; top: 110%; left: 0%; z-index: 30; background: #fff;padding:0}
#escena4 #video1{width: 100%; height: 100%; max-height: 550px; min-width: 100%; min-height: 100%; }
#escena4 .trama{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('../img/seccion4/trama.png')repeat;z-index: 40}
#escena4 h2{position: absolute; top: 80%; left: 12%; color: #fff; font-family: "ArcherLight"; font-size: 4em; line-height: 0.9em; text-align: left;z-index: 45;text-shadow: -1px 2px 5px #000;}

#quienes{position: absolute;width: 100%; height: 100%; top: 110%; left: 0%; z-index: 8;background: #000;padding:0; }
#quienes h1{padding: 37px 0 0 0; color: #fff; font-size: 4em; text-align: left; word-wrap:normal;}
#quienes .texto{position: absolute; left: 2%;top: 90%;z-index: 21; width: 21%; min-width: 340px; height: 100%}
#quienes .texto-quienes{ width:100%}
#quienes .texto-quienes p{color: #fff; text-align: left; font-family: "ArcherLight"; letter-spacing: 0.035em; font-size: 1.1em; font-weight: lighter;}
#quienes .imagenes{position: absolute;top: 0; left: 0; width: 100%;}
#quienes .personas{margin-bottom: 30px; overflow: hidden;}
#quienes .personas .item{width: 14.28%; float: left; position: relative;}
#quienes .personas .item p{background: none repeat scroll 0 0 #000;
    bottom: 0;
    color: #fff;
    position: absolute;
    text-align: center;
    width: 100%; display: block; margin: 0; opacity: 0.67}
#quienes .personas .item img{width: 100%}
#quienes .personas .item a{width: 100%; height: 100%; position: relative; display: block;}
#quienes .personas .item a .trama:hover{display: none;}
#quienes .foto-nosotros{ width: 100%;}
#quienes .trama{width: 100%; height: 100%; background: url('../img/seccion4/trama.png')repeat; position: absolute;}

#video-oasis{position: absolute;width: 100%; height: 100%; max-height: 550px; top: 110%; left: 0%; z-index: 30; background: #fff;padding:0}
#video-oasis #video3{width: 100%; height: 100%; max-height: 550px; min-width: 100%; min-height: 100%; }
#video-oasis .trama{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('../img/seccion4/trama.png')repeat;z-index: 40}
#video-oasis h2{position: absolute; top: 80%; left: 12%; color: #fff; font-family: "ArcherLight"; font-size: 4em; line-height: 0.9em; text-align: left;z-index: 45;text-shadow: -1px 2px 5px #000;}


#escena5{position: absolute;width: 100%; height: 110%;top: 110%; left: 0%; z-index: 20; background: #fff;padding:0}
#escena5 .fondo{background: url('../img/seccion5/stand2.jpg')no-repeat;width: 1920px;height: 100%;background-position:  center top; background-size: cover; position: absolute; z-index: 41; left: 0;top: 0; background-attachment:fixed;margin-right: auto; margin-left: auto}
#escena5 .izquierda{background: url('../img/seccion5/stand1.jpg')no-repeat;width:  1920px;height: 100%; background-position:  center top; background-size: cover;position: absolute; z-index: 42; left: -1920px; top: 0;background-attachment:fixed;opacity:0.6;margin-right: auto; margin-left: auto}
#escena5 .derecha{background: url('../img/seccion5/stand1.jpg')no-repeat;width:  3840px; height: 100%;background-position: center top; background-size: cover;position: absolute; z-index: 44; left: 0; top: 0;background-attachment:fixed;opacity:1; margin-right: auto; margin-left: auto}
#escena5 h2{position: absolute; top: 10%;width: 100%; text-align: center; color: #fff; font-family: "ArcherLight"; font-size: 4em; line-height: 0.9em; z-index: 41; padding: 0 10%;margin: 0 auto}
#escena5 .plancheta{background: #000; width: 1920px;height: 21%;position: absolute;top: 0; left: -1920px;z-index: 42 }


#escena6{position: absolute;width: 100%; height: 100%; max-height: 550px; top: 110%; left: 0%; z-index: 40; background: #fff;padding:0}
#escena6 #video2{width: 100%; height: 100%; max-height: 550px; min-width: 100%; min-height: 100%; }
#escena6 .trama{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('../img/seccion4/trama.png')repeat;z-index: 40}
#escena6 h2{position: absolute; top: 80%; left: 12%; color: #fff; font-family: "ArcherLight"; font-size: 4em; line-height: 0.9em; text-align: left;z-index: 45;text-shadow: -1px 2px 5px #000;}

.arte-comunicar{position: absolute; top: 110%; left: 12%; color: #000; font-family: "ArcherLight"; font-size: 4em; line-height: 0.9em; text-align: left;z-index: 35}


#escena7{position: absolute;width: 100%; height: 110%;top: 110%; left: 0%; z-index: 30; background: #000;padding:0; overflow: hidden;}
#escena7 h3{position: fixed; top: 110%; left: 10%; color: #000; font-family: Helvetica; font-size: 3em;z-index: 38;}
#escena7 .fondo1{background: url('../img/seccion7/fondo1.jpg')no-repeat;width: 3840px;height: 100%;background-position:  center top; background-size: cover; position: absolute; z-index: 31; left: 0;top: 0; background-attachment:fixed;margin-right: auto; margin-left: auto}
#escena7 .fondo2{background: url('../img/seccion7/fondo2.jpg')no-repeat;width: 3840px;height: 100%;background-position:  center top; background-size: cover; position: absolute; z-index: 32; left: 0;top: 100%; background-attachment:fixed;margin-right: auto; margin-left: auto}
#escena7 .fondo3{background: url('../img/seccion7/fondo3.jpg')no-repeat;width: 3840px;height: 100%;background-position:  center top; background-size: cover; position: absolute; z-index: 33; left: 0;top: 100%; background-attachment:fixed;margin-right: auto; margin-left: auto}
#escena7 .fondo4{background: url('../img/seccion7/fondo4.jpg')no-repeat;width: 3840px;height: 100%;background-position:  center top; background-size: cover; position: absolute; z-index: 34; left: 0;top: 100%; background-attachment:fixed;margin-right: auto; margin-left: auto}
#escena7 .fondo5{background: url('../img/seccion7/fondo5.jpg')no-repeat;width: 3840px;height: 100%;background-position:  center top; background-size: cover; position: absolute; z-index: 35; left: 0;top: 100%; background-attachment:fixed;margin-right: auto; margin-left: auto}
#escena7 .fondo6{background: url('../img/seccion7/fondo6.jpg')no-repeat;width: 3840px;height: 100%;background-position:  center top; background-size: cover; position: absolute; z-index: 36; left: 0;top: 100%; background-attachment:fixed;margin-right: auto; margin-left: auto}
#escena7 h2{position: absolute; top: 80%; left: 12%; color: #000; font-family: "ArcherLight"; font-size: 4em; line-height: 0.9em; text-align: left;z-index: 45}

#escena8{position: absolute;width: 100%; height: 100%; top: 110%; left: 0%; z-index: 20;}
#escena8 .fondo1{position: absolute;z-index: 20; width: 100%; height: 130%;left: 0; top: 0%;}
#escena8 .flores1{position: absolute;z-index: 21; width: 100%; height: 156%;left: 0;right: 0;margin: 0 auto; top: 0%;}
#escena8 .flores2{position: absolute;z-index: 22; width: 100%; height: 207%;left: 0;right: 0;margin: 0 auto; top: 0%;}
#escena8 .libro{position: absolute;z-index: 26; height: 80%; width: auto; top: 13%;}
#escena8 .texto{position: absolute;z-index: 27;  width: 30%; top: 32%;left: 10%;}
#escena8 .texto h2{font-family: "ArcherLight"; font-size: 4em; line-height: 0.9em; text-align: left;}
#escena8 .texto h5{font-family: "ArcherLight"; font-size: 2em; line-height: 0.9em; text-align: left;}

/*#escena8 .fondo1{background: url('../img/seccion8/fondo1.png') no-repeat;background-position: 0% bottom;position: absolute;z-index: 25; width: 100%; height: 100%;background-size: 200%}
#escena8 .fondo2{background: url('../img/seccion8/fondo2.png') no-repeat;background-position: -80% 107%;position: absolute;z-index: 24; width: 100%; height: 100%;background-size: 125%}
#escena8 .fondo3{background: url('../img/seccion8/fondo3.png') no-repeat;background-position: 380% bottom;position: absolute;z-index: 23; width: 100%; height: 100%;background-size: 86%}
#escena8 .fondo4{background: url('../img/seccion8/fondo4.jpg') no-repeat;background-position: 0% -48%;position: absolute;z-index: 22; width: 100%; height: 100%;background-size: cover}
#escena8 .libro1{position: absolute;z-index: 26; height: 50%; width: auto; top: 25%;}
#escena8 .libro2{position: absolute;z-index: 26; height: 90%; width: auto; top: 5%;}*/

#plancheta-portfolio{position: absolute; height: 140px;  background: #4b5457; width: 100%; top: 110%;z-index: 50;}
#portfolio h1{padding: 37px 0 0 0; color: #fff; font-size: 4em;}
#portfolio{position: absolute;width: 100%; height: 2100px;top: 110%; left: 0%; z-index: 30;background: url('../img/portfolio/fondo.jpg') repeat;padding-top:125px; background-attachment: fixed;background-size: 1920px 1480px; background-position: bottom }
#portfolio .carrusel{height: 100%; width: 71%; margin: 0 auto;min-width: 1005px; max-width: 1240px; display: none}
#portfolio .carrusel .trabajo{ width: 25%; padding: 10px; float: left;}
#portfolio .carrusel .trabajo img{max-width: 98%; width: 98%}
#portfolio .block-preview{border: 1px solid #000000;background: #fff;display: block;font-style: normal;height: 0;overflow: hidden;padding-bottom: 74%; position: relative;text-align: center;transition: color 150ms ease-in-out 0s;}
#portfolio  .block-preview .block-preview-inner {bottom: 3px;left: 3px; position: absolute;right: 3px;top: 5px; overflow: hidden;}
#portfolio .block-preview-hidden { background-color: #FFFFFF;bottom: -1px;: table;height: 101%; left: 0;opacity: 0; outline: 1px solid #FFFFFF; position: absolute;top: 0;transition: all 150ms ease-in-out 0s;width: 100%;}
#portfolio .block-preview:hover .block-preview-hidden{opacity:0.2;}
#portfolio .carousel-control.right{background: none; top: 34%;left: auto; right: -11%}
#portfolio .carousel-control.left{background: none; top: 34%;left: -11%; right: auto}
#portfolio .carousel{min-height: 823px;}
.block-preview-hidden-child { display: table-cell;vertical-align: middle;}
.block-preview-hidden-child h5{padding:45% 0 0 34%; width: 100%;}
/*.carousel-indicators{top: -2%; bottom: auto}*/

#portfolio .trama{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('../img/seccion4/trama.png')repeat;z-index: -2}

#escena9{background: url('../img/seccion0/fondo.jpg') repeat;background-size: 150%; background-position: 0% 0%; position: absolute;z-index: 60}
#escena9 .logo .logo-img{position: absolute;width: 100%;max-width: 350px; left: 71%; margin-left: -175px; top: 60%; margin-top: -180px; z-index:21}
#escena9 .logo .logo-txt{position: absolute; width: 250px; left: 50%; margin-left: -125px; top: 60%; margin-top: 40px; z-index:21}
#escena9 .mapa{position: absolute; width: 100%; height: 100%; top: 0%;}
#escena9 .mapa #map{top:0;position:absolute;width:100%;height:100%;}
#escena9 .direccion{ position: absolute;top: 110%;z-index: 22; width: 100%; max-width: 350px; margin: 0 auto 0 -175px;left: 50%; }
#escena9 p,#escena9 p a{text-align: center; width: 100%;font-family: Helvetica;margin: 7px 0 0 0; line-height: 1em; font-weight: normal;font-size: 0.9em; font-weight: bold;}
#escena9 p.normal{font-weight: lighter;}
#escena9  a{text-decoration: none; color: #fff; font-weight: normal}




@media screen and (max-width: 1200px){
    #escena1 h2.continuo-movimiento{font-size: 3em}
    #escena2 .capa2 h2{font-size: 3em; right: 9%;}
    #escena2 .plancheta h2{font-size: 3em;}
    #quienes h1{font-size: 3em;}
    #quienes .texto{min-width: 270px}
}

#colorbox #cboxContent{background-color: rgba(0,0,0,0);}
.galeria-portfolio{margin-bottom: 25px; }
.galeria-portfolio .item{text-align: left;}
.galeria-portfolio .item .img-gal{display: inline-block; text-align: center; padding: 0 6px;}
.galeria-portfolio .item .img-gal img{ height: 100%;max-height: 223px; width: 100%; ;margin: 0 auto}
.galeria-portfolio .txt-gal{margin-bottom: 35px; margin-top: 0px;clear: both;padding-top: 16px}
.galeria-portfolio .txt-gal p{color: #fff; text-align: center;}
.galeria-portfolio .carousel-indicators{bottom: 0}

#colorbox .container{max-width:1130px}
.blog h1{color: #fff;text-align: center; margin-top: 0}
.blog hr{border:0; height: 1px; color: #8f8f8f; background-color: #8f8f8f}
.blog .izquierda .imagen{margin-bottom: 20px}
.blog .izquierda .imagen img{width: 100%}
.blog .izquierda .imagen p.small{font-size: 1em; color: #fff; text-align: center;margin: 8px 0 20px 0; width: 100%}
.blog .derecha p{color: #fff}

.legal{
    position: absolute;
    top: 10px;
    right: 20px;
}
.legal a, .legal span{
    color: #fff;
    font-size: 0.8rem;
}
@media screen and (max-width: 780px){
    .legal{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
    }
}

body.politicas{
    background: #fff;
}
.politicas strong{
    font-weight: bold;
}