@charset "UTF-8";

 
/* Font  */

@font-face { font-family: 'Maison'; src: url('../fonts/MaisonNeueExtended-Medium.otf') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Regular.ttf') format('woff'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'Syne-Regular'; src: url('../fonts/Syne-Regular.ttf') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Syne-Medium'; src: url('../fonts/Syne-Medium.ttf') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Syne-Bold'; src: url('../fonts/Syne-Bold.ttf') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Syne-ExtraBold'; src: url('../fonts/Syne-ExtraBold.ttf') format('woff'); font-weight: normal; font-style: normal;}

/* html, body, button, input { font-family: 'Maison', sans-serif; color: var(--c-oscuro);} */
html, body, button, input { font-family: 'Manrope', sans-serif; color: var(--c-oscuro);}
html { font-size: 10px;}

.header, .header h1, .footer, .footer p { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.2rem; }
.menu, .menu button, .menu-footer { font-size: 1.4rem; line-height: 1.6em; text-transform: uppercase;}
.menu a, .menu-footer a { text-decoration: none;}
.menu-lang { font-size: 1.15rem;}
h1, .txt-h1 { font-size: 2.4rem; line-height: 1.6em;}
h2, .txt-h0 { font-size: 3rem; line-height: 1.5em;}
h4, .marquee { font-size: 1.4rem; line-height: 1.6em; letter-spacing: -0.005em; text-transform: uppercase;}
h3, body, .txt-p { font-size: 1.6rem; line-height: 1.6em;}
small { font-size: .8rem; letter-spacing: -0.005em; text-transform: uppercase;}
.tag, input[type="submit"] { font-size: 1.8rem;  line-height: 1.6em; letter-spacing: -0.005em; text-transform: uppercase;}
.content-obra .content-txt-header .tag { font-size: 2.6rem;}
.content-imgs p { font-size: 1.4rem;} 

h1:empty, h2:empty, h3:empty, p:empty { display: none;}


/* Color */

/*
if	   (n>=6&&n<9) 		color =  1; --> PROPUESTA 3
else if(n>=9&&n<12) 	color =  2; --> PROPUESTA 1
else if(n>=12&&n<17)	color =  3; --> PROPUESTA 2
//else if(n>15&&n<18)  //color =  4; --> RES
else 					color =  5; --> PROPUESTA 4
*/

/* ANTES
:root 		 { --c-oscuro: #2B388F; --c-claro: #ED008C; --c-fondo: #42C2CF; } 
body.color-1 { --c-oscuro: #006938; --c-claro: #FAB040; --c-fondo: #96C7B0; }
body.color-2 { --c-oscuro: #CD180E; --c-claro: #EE93DF; --c-fondo: #FAB040; }
body.color-3 { --c-oscuro: #91268F; --c-claro: #FFE8C9; --c-fondo: #FF7870; }
body.color-4 { --c-oscuro: #006938; --c-claro: #26ABE0; --c-fondo: #ED94DE; }
body.color-5 { --c-oscuro: #2B388F; --c-claro: #ED008C; --c-fondo: #42C2CF; } */


:root 		 { --c-oscuro: #000000; --c-claro: #FD98B7; --c-fondo: #7F5000; }
body.color-1 { --c-oscuro: #7F5000; --c-claro: #FD98B7; --c-fondo: #F5F0F7; }
body.color-2 { --c-oscuro: #00466C; --c-claro: #4B0B03; --c-fondo: #0AFFAB; }
body.color-3 { --c-oscuro: #4B0B03; --c-claro: #F5F0F7; --c-fondo: #FD98B7; }
body.color-4 { --c-oscuro: #006938; --c-claro: #26ABE0; --c-fondo: #ED94DE; } /* NO USADO */
body.color-5 { --c-oscuro: #000000; --c-claro: #FD98B7; --c-fondo: #7F5000; }

::selection 		{ background: var(--c-claro); color: var(--c-oscuro);}
::-moz-selection 	{ background: var(--c-claro); color: var(--c-oscuro);}
::-webkit-selection { background: var(--c-claro); color: var(--c-oscuro);}

:focus { outline: 5px solid var(--c-claro);}


/* General  */ 

html { scroll-behavior: smooth;}

body { background-color: #000;}

a { color: var(--c-oscuro); display: inline-block;}

.btn-principal { position: absolute; top: -1000em;}
#principal { height: 0; display: block;}

.header img { height: 2rem; width: auto; display: block;}
.header,
.footer { min-height: 6rem; padding-top: 2rem; padding-bottom: 2rem; color: #FFF; background-color: #000;}
.header a,
.footer a { text-decoration: none; color: #FFF;}
.header a:hover,
.footer a:hover { text-decoration: underline;}
.footer-links p { margin-right: 1rem;}
.footer-links a { margin-left: 2rem;}
.footer-links a:first-child { margin-left: 0;}
.footer br { display: none;}

.menu { position: sticky; top: -1px; z-index: 2; height: 6.6rem; overflow: hidden;}
.menu .menu-in:before { content: ''; position: absolute; display: block; top: 0; left: 0; z-index: 2; height: 100%; width: 100%; border-top: 1px solid var(--c-oscuro); border-bottom: 1px solid var(--c-oscuro); background-color: #FFFFFF;}
.menu .col-main,
.menu .menu-in { height: 100%;}
.menu-logo svg { display: block; width: 6.5rem; height: auto; margin-left: -1rem;}
svg:not(:root) { overflow: visible;}
.menu-logo svg path { fill: var(--c-oscuro);}
.menu-main li { margin: 0 3rem;}
.menu-main li:first-child { margin-left: 0;}
.menu-main li:last-child { margin-right: 0;}
.menu .menu-main a { position: relative;}
.menu .menu-main a:hover:before,
.menu .menu-main a.active:before { content: ' '; position: absolute; left: -.7rem; top: 0; transform: translate(-100%,.4rem); width: .8em; height: .8em; background-color: var(--c-oscuro); border-radius: 60%;}
.menu-lang { display: flex; margin-right: calc(-2.5% + -3.5rem); height: 100%;}
.menu-lang a { display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 2.5rem;}
.menu-lang a.active,
.menu-lang a:hover { background: var(--c-oscuro); color: #EEE;}

.menu-logo, .menu-main, .menu-lang { z-index: 3;}

.btn-menu { display: none; position: relative;}

.menu-footer { position: relative; z-index: 2; min-height: 6.6rem; border-top: 1px solid var(--c-oscuro); border-bottom: 1px solid var(--c-oscuro); background-color: #FFFFFF; margin-top: -1px;}
.menu-footer .menu-main li { margin: 0 8rem 0 0;}
.menu-footer .menu-rrss li { margin: 0 0 0 3rem;}
.menu-footer .menu-rrss svg path { fill: var(--c-oscuro);}
.menu-footer .menu-rrss svg { height: 1.6rem; width: auto; } 

.col-main { width: 95%; max-width: 192rem;}
.col-main-full { width: 100%; max-width: 192rem;}

.padd { padding: 1.5rem;}
.padd-h { padding: 0 1.5rem;}


/* Contenido  */

.content { position: relative; z-index: 1; background-color: #FFF;}
.content img { max-width: 100%; height: auto;}

.content-block { padding-top: 9rem; padding-bottom: 9rem; border-bottom: 1px solid var(--c-oscuro);}
.content-block-m { padding-top: 6rem; padding-bottom: 6rem; border-bottom: 1px solid var(--c-oscuro);}
.content-block-s { padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid var(--c-oscuro);}
.content-block-bg { background-color: var(--c-fondo);}

.content-title { padding-top: 4rem; padding-bottom: 4rem; border-bottom: 1px solid var(--c-oscuro);}
.content-title .content-txt h2,
.content-title .content-txt h3 { margin-bottom: 0;}

.content-bar { display: flex; align-items: center; flex-shrink: 0; border-bottom: 1px solid var(--c-oscuro); height: 6rem;}
.content-bar .col-main { display: flex; align-items: center;}

.content-line-top:before { content: ''; display: block; margin: 0 1.5rem 3rem 1.5rem; border-top: 1px solid var(--c-oscuro); }

.content-submenu .col-main-full,
.content-submenu .col-main-full .row-flx { height: 100%;}

.content-submenu a { display: flex; flex-grow: 1; align-items: center; justify-content: center; height: 100%; padding: 0 2.5rem;}
.content-submenu a.active,
.content-submenu a:hover { background: var(--c-oscuro); color: #FFF; text-decoration: none;}
.content-submenu a:hover path { fill: #FFF;}
.content-submenu a.link-icon:hover,
.content-submenu a:hover span,
.content-submenu a:hover { text-decoration: none;}

.content-brand { position: relative; background-color: var(--c-fondo); overflow: hidden;}
.content-brand .logo { width: auto; min-height: 100%; height: 100%; max-width: 50%; z-index: 1; transform: translate(-6%,0);}
.content-brand .logo-line-1 { fill: var(--c-oscuro); transform-origin: center;}
.content-brand .logo-line-2 { fill: var(--c-claro);}
.content-brand h1 { font-weight: normal; max-width: 56rem;}
.content-brand-in { height: calc(100vh - 12.2rem);}
.content-brand-info { padding-top: 10.5rem;}
.marquee-on .content-brand-in { height: calc(100vh - 16.2rem);}

.content-txt { color: var(--c-oscuro);}
.content-txt h1,
.content-txt h3, 
.content-txt p,
.content-txt ul
.content-txt ol { margin-bottom: 1.6em;}
.content-txt h2 { margin-bottom: 1.5em;}
.content-txt p + ul { margin-top: -1.6em;}
.content-txt ul,
.content-txt ol { padding-left: 2em;}
.content-txt a { color: inherit; text-decoration: underline;}
.content-txt h2 a { text-decoration: none;}
.content-txt h2 a:hover { text-decoration: underline;}
.content-txt h3 a { text-decoration: none;}
.content-txt h3 a:hover { text-decoration: underline;}

.content-txt .cartel { width: 100%; height: auto;}
.content-txt .cartel-bg { fill: var(--c-fondo);}
.content-txt .cartel-line-1 { fill: var(--c-oscuro);}
.content-txt .cartel-line-2 { fill: var(--c-claro);}

.content-txt-header { margin-bottom: 2.4em;}
.content-txt-header h1,
.content-txt-header h2,
.content-txt-header h3 { margin-bottom: 0.6em;}

.content-logos h4 { margin-bottom: 1.5rem;}
.content-logos p { margin-bottom: 0;}
.content-logos img { max-width: 100%;}
.content-logos .col4-12 { text-align: center;}

.content-map { height: calc(100vh - 12.2rem); overflow: hidden; position: relative; z-index: 1;}

.content-map-info { width: 42%; max-width: 55rem; height: 100%; position: absolute; left: 0; top: 0; transform: translateX(-100%); z-index: 2; border-right: 1px solid var(--c-oscuro); background-color: #FFF;}
.content-map-info.active { transform: translateX(0);}
.content-map-info .content-bar { padding: 0 calc(3% + 3rem);}
.content-map-info .content-map-info-in { flex-grow: 1; overflow: auto; -webkit-overflow-scrolling: touch;}
.content-map-info .content-map-info-img { position: relative;}
.content-map-info .content-map-info-img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.content-map-info .content-map-info-img:before { content: ''; display: block; width: 100%; padding-top: 75%;}
.content-map-info .content-map-info-info { padding: 6rem 3rem 3rem calc(3% + 3rem);}
.content-map-info .content-map-info-in a { text-decoration: none;}
.content-map-info .content-map-info-in a.link-icon-map { text-decoration: underline;}

.content-map-map { position: relative; width: 100%; height: 100%; background-color: #DDD; z-index: 1;}
/* Borrar */
.content-map-map .b1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.content-map-map .b2 { position: absolute; top: 75%; left: 75%; transform: translate(-50%,-50%);}

.content-accesible a + a,
.content-accesible .content-accesible-item + .content-accesible-item { margin-left: 1.1rem;}
.content-accesible svg path { fill: var(--c-oscuro);}

.content-actividad .content-accesible { padding: 1rem 0; }

.content-grid-item { padding: 6rem 3rem 3rem 3rem; border-right: 1px solid var(--c-oscuro); border-bottom: 1px solid var(--c-oscuro);}
.content-grid-item h3 { margin-bottom: 2rem;}
.content-grid-item h3 a { text-decoration: none;}
.content-grid-item-img { display: block; position: relative; margin: 5rem 0 2rem 0;}
.content-grid-item-img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.content-grid-item-img:before { content: ''; display: block; width: 100%; padding-top: 100%;}
.content-grid-item:nth-child(3n) { border-right: 0px;}

.content-obra .content-carousel { margin-bottom: 6rem;}
.content-obra .content-carousel-item { height: auto;}
.content-obra .content-carousel-item img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.content-obra .content-carousel-item:before { content: ''; position: static; height: 0; background:transparent; padding-top: 70%;}
.content-obra .content-carousel .flickity-page-dots { bottom: 3rem; right: 3rem;}
.content-obra-row { padding-bottom: 3rem;}

.content-imgs { padding-top: 4.4rem;}
.content-imgs-btns [class*=link] { margin-right: 8rem;}
.content-imgs-btns [class*=link]:last-child { margin-right: 0;}
.content-imgs-imgs { max-height: 0; overflow: hidden; opacity: 0;}
.content-imgs-imgs.active { max-height: 1000rem; opacity: 1; padding-top: 6rem;}
.content-imgs-imgs img { display: block;}
.content-imgs-imgs a { display: block; position: relative; margin-bottom: .5rem;}
.content-imgs-imgs a span { opacity: 0; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); color: #FFF; text-transform: uppercase; text-align: center;}
.content-imgs-imgs a:hover span { opacity: 1;}

.content-icons-accesibilidad a { text-decoration: none;}
.content-icons-accesibilidad a:hover { text-decoration: underline;}
.content-icons-accesibilidad svg path { fill:  var(--c-oscuro);}

.content-img-banner { position: relative; color: #FFF;}
.content-img-banner .col-main { position: relative; z-index: 2; padding-top: 16rem; padding-bottom: 6rem;}
.content-img-banner img { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.content-img-banner.no-info img { position: relative; max-height: 40rem;}

.content-ponentes-item.content-block-m { padding-top: 0;}
.content-ponentes-item.content-block-m .content-txt-header { padding-top: 6rem; margin-bottom: 0;}
.content-ponentes-item a { text-decoration: none;}
.content-ponentes-imgs .img { display: block; position: relative; margin-bottom: .5rem;}
.content-ponentes-imgs .img img { display: block;}
.content-ponentes-imgs a span { opacity: 0; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); color: #FFF; text-transform: uppercase; text-align: center;}
.content-ponentes-imgs a:hover span { opacity: 1;}
.content-ponentes-imgs + .content-ponentes-imgs { margin-top: 3rem; }
.content-ponentes-item.content-txt .content-txt-header h2,
.content-ponentes-item.content-txt .content-txt-header h3, 
.content-ponentes-item.content-txt .content-txt-header p { margin-bottom: .5rem;}
.content-ponentes-item .content-ponentes-info p { margin-bottom: 3rem;}
.content-ponentes-item .content-ponentes-info p:last-child { margin-bottom: 0;}
.content-ponentes-imgs-logos .img { max-width: 80%;}
.content-ponentes-imgs-logos { align-items: center;}

.content-ponente-item { padding-top: 6rem;}
.content-ponente-item h3 { margin-bottom: 0;}

.content-actividad .content-txt-header p { margin-bottom: 1rem;}
.content-actividad-info { padding-top: 2rem;}
.content-actividad-info a { word-break: break-all;}


/* Componentes */

.content-video { padding-bottom: 3.8rem;}
.content-video-in { position: relative; width: 100%;}
.content-video-in:before { content: ''; display: block; padding-top: 56.25%; background-color: #000;}
.content-video-in iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.content-carousel { color: #FFF; background-color: var(--c-claro); overflow: hidden;}
.content-carousel a { text-decoration: none; }
.content-carousel-item { width: 100%; position: relative; display: flex; align-items: flex-end; height: calc(100vh - 6.6rem); overflow: hidden;}
.content-carousel-item .col-main { position: relative; z-index: 3; margin: 0 auto; padding-bottom: 8rem;}
.content-carousel-item img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.content-carousel-item:before { content: ''; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); }
.content-carousel-item-video:before { display: none;}
.content-carousel-item .content-video-in { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.content-carousel .flickity-page-dots { width: auto; bottom: 8rem; right: 3%;}
.content-carousel .flickity-page-dots .dot { background-color: #FFF;}
.content-carousel .flickity-page-dots .dot.is-selected { background-color: var(--c-fondo);}

.content-aviso { max-width: 28rem; border: 2px solid var(--c-oscuro); margin: 6rem auto 0 auto; border-radius: 1rem; padding: 2rem 3rem; text-align: center;}


/* links  */

.link-icon { display: inline-flex; align-items: baseline; text-transform: uppercase; text-decoration: none; line-height: 1em;}
.link-icon span { margin-right: 1rem;}
.link-icon:hover span { text-decoration: underline;}
.link-icon-back span { margin-left: 1rem; margin-right: 0;}
.link-icon-back svg { transform: rotate(180deg);}
.link-icon-map { text-decoration: underline;}
.link-icon-map svg { vertical-align: middle;}
.link-filtro { display: inline-flex; align-items: center;}
.link-filtro svg { display: block;}
.link-filtro > svg { margin-top: -.5rem;}
.link-filtro span { margin: 0 1rem; line-height: 1em;}
.link-filtro a { line-height: 1em;}

.link-icon svg { min-width: .6em; height: auto;}

.link-icon svg path,
.link-icon-map svg path,
.link-filtro svg path { fill: var(--c-oscuro);}

.content-txt .link-icon { text-decoration: none;}


/* Tag & form */

.tag, input[type="submit"] { position: relative; display: inline-flex; justify-content: center; align-items: center; border-radius: 7rem; padding: 1rem 2rem .8rem 2rem; margin: 0 .8rem .8rem 0;}
.tag.box:after { content: ''; display: block; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px;}

.tag { border: 2px solid var(--c-oscuro); color: var(--c-oscuro);}
.tag.full, input[type="submit"] { color: #FFF; background: var(--c-oscuro);}   
.tag.box:after { border: 2px solid var(--c-oscuro);}

.content-brand .tag { border: 2px solid #FFFFFF; color: #FFF;}
.content-brand .tag.full { color: var(--c-fondo); background: #FFF;}   
.content-brand .tag.box:after { border: 2px solid #FFFFFF;}

.content-block-bg .tag.full { color: var(--c-fondo); background: #FFF; border: 2px solid #FFFFFF; }

.content-carousel .tag { border: 2px solid #FFFFFF; color: #FFF;}
.content-carousel .tag.full { color: #000; background: #FFF;}   
.content-carousel .tag.box:after { border: 2px solid #FFFFFF;}

.content-obra .content-txt-header .tag { padding: 1.5rem 4.5rem 1.3rem 4.5rem;}

.content-img-banner .tag { border: 2px solid #FFFFFF; color: #FFF;}
.content-img-banner .tag.full { color: #000; background: #FFF;}   
.content-img-banner .tag.box:after { border: 2px solid #FFFFFF;}

input[type="text"], input[type="email"], input[type="tel"] { width: 100%; display: block; margin-top: 1rem; padding: 0 0 2rem 0; border-bottom: 1px solid var(--c-oscuro); color: var(--c-oscuro);}
input[type="submit"] { width: auto; min-width: 13rem;}
input[disabled] { opacity: .3; filter: saturate(0);}

input[type="checkbox"] { position: relative; width: 2rem; height: 2rem; vertical-align: middle; border: 2px solid var(--c-oscuro); margin-right: 1rem;}
input[type="checkbox"]:checked { background-color: var(--c-oscuro); box-shadow: inset .3rem .3rem 0 #FFFFFF, inset -.3rem -.3rem 0 #FFFFFF;}
label { display: block; padding: 0 0 1rem 0;}

input[type="radio"] { position: relative; width: 2rem; height: 2rem; vertical-align: middle; border: 2px solid var(--c-oscuro); margin-right: 1rem; border-radius: 1rem;}
input[type="radio"]:checked { background-color: var(--c-oscuro); box-shadow: inset .3rem .3rem 0 #FFFFFF, inset -.3rem -.3rem 0 #FFFFFF, inset -.3rem .3rem 0 #FFFFFF, inset .3rem -.3rem 0 #FFFFFF;}
input[type="radio"] + span { margin-right: 3rem;}

.wpcf7 { padding-top: 6rem;}
.wpcf7-list-item { margin: 0;}
.wpcf7-radio { display: block; padding-top: 1rem;}

.marquee { background-color: #FFF; color: var(--c-oscuro); overflow: hidden; position: relative; display: flex; justify-content: left; align-items: center; height: 4rem; border-bottom: 1px solid var(--c-oscuro); border-top: 1px solid var(--c-oscuro);}
.marquee-in { animation: marquee 20s linear infinite; animation-play-state: running; white-space: nowrap; padding: 0 1rem;}
.marquee-btn { position: absolute; right: 0; top: 0; z-index: 3; width: 4rem; height: 4rem; background-color: var(--c-oscuro);}
.marquee-btn img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.marquee-btn .icon-play { display: none;}
.marquee.off .marquee-in { animation-play-state: paused;}
.marquee.off .marquee-btn .icon-play { display: block;}
.marquee.off .marquee-btn .icon-pause { display: none;}



/* Previa */

.content-previa { position: relative; letter-spacing: -0.005em;  --c-oscuro: #CD180E; --c-claro: #EE93DF; --c-fondo: #FAB040; }
.content-previa .content-txt { min-height: 100vh; padding: 3rem 8rem;}
.content-previa .img-edition { position: fixed; z-index: 2; right: 0; top: 0; width: 50%; height: 100%; object-fit: cover;}
.content-previa p { font-size: 1.5rem; line-height: 1.6em; padding-left: 2rem; padding-right: 2rem; max-width: 56rem;}
.content-previa h1 { font-size: 6rem; line-height: 1.08em; margin-top: 4rem; margin-bottom: 2rem; max-width: 56rem;}
.content-previa h5 { font-size: 1.2rem; line-height: 1.1em; margin-bottom: 1em;}
.content-previa .menu-rrss a { margin: 0 1rem;}
.content-previa svg { height: 2rem; width: 2rem;}
.content-previa svg path { fill: var(--c-oscuro);}
.content-previa .top .menu-language { display: none;}
.content-previa .menu-language a { text-decoration: none; opacity: .5;}
.content-previa .menu-language a.active,
.content-previa .menu-language a:hover { opacity: 1;}
.content-previa h4 { font-size: 1.8rem; padding-bottom: 6rem;}


/* Animation - Transition */

a,
.content-map-info,
.content-imgs-imgs,
.content-imgs-imgs a span,
.content-ponentes-imgs a span,
.content-submenu a:hover path,
.btn-menu,
.menu-main { transition: all .4s ease;} 

@keyframes marquee {
  from { transform: translateX(0%);}
  to { transform: translateX(-100%);}
}