@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:wght@300;400;600;700;900&family=Fira+Sans:wght@300;400;600;700;900&display=swap');
/* CSS Document */
* {border: 0;margin: 0;padding: 0;}
html, body {height: 100%;min-width: 320px;}
body {background: url('img/bandera_fondo.jpg') no-repeat left top;background-size: cover;color: #000;font-family: 'Fira Sans', sans-serif;}
a:link {text-decoration:none;}
a:hover{text-decoration:none;}
img {border: 0px;}
p {font-size: 14px;margin-bottom: 9px;}
ul, ol, li {list-style-image: none;list-style-type: none;}
input {outline:none;}
fieldset {border-style: none;overflow: hidden;width: 100%;}
textarea {resize: none;width: 99%;}
.clear	{clear: both;}
.fleft	{float:left;}
.fright	{float:right;}
.bold	{font-weight:bold;}
.italic {font-style:italic;}
.underline	{border-bottom:1px solid;}
.highlight	{color:#FFF;background-color: #333;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl10 {padding-left: 10px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.w50 {width:50%;}
.w100 {width:100%;}

/* estructura */
.inner {margin: 0;min-width: 320px;width: 100%;}
.wrapper {height: 100%;padding: 0;position: relative;}
.content_container {background: #fff;height: calc(100vh - 110px);position: fixed;padding-top: 110px;}
/* cta */
.cta {padding: 7px 7px 0 0;position: absolute;left: inherit;right: 30px;bottom: 50px;width: auto;z-index: 9999;}
.cta a {display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ff2512;
}
.cta a:hover {background: #35c835;}
.cta a span {background-image: url('img/cta_bg.png');background-repeat: no-repeat;background-position: 93% center;background-size: 12px;color: #fff;display: inline-block;font-size: 14px;padding: 17px 48px 17px 20px;width: 260px;
	text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.54);
}

/* header */
.header {background-image: url('img/header_bg.jpg');background-repeat: no-repeat;background-position: left top;background-size: cover;color: #fff;min-width: 320px;padding: 10px 20px;position: fixed;left: 0;top: 0;right: 0;z-index: 99;
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.header a.main_logo {color: #fff;font-family: 'Fira Sans Extra Condensed', sans-serif;font-size: 20px;line-height: 21px;width: 240px;text-transform: uppercase;
	display: flex;
	gap: 10px;
}
.header a img {display: inline-block;margin-right: 10px;margin-top: -5px;}
.header a span {color: #fff;font-family: 'Fira Sans', sans-serif;display: block;font-size: 12px;line-height: 16px;font-weight: 400 !important;text-transform: initial;}
.header a b {color: #fff;font-family: 'Fira Sans Extra Condensed', sans-serif;display: block;font-size: 21px;line-height: 22px;margin-bottom: 5px;font-weight: 600 !important;text-transform: initial;}
/* .official_logo {float: left;}
.official_logo.right {float: right;display: block;} */
/* .official_logo {width: 90px;height: 90px;}
.official_logo img {max-width: 100%;width: 100%;} */

/* slider */
.slider_container {height: 100%;position: relative;}
.slider_container div.slider_item {background-size: cover;height: 100%;width: 100%;}
.slider_container .bx-wrapper {margin: 0;}
.slider_container .bx-wrapper,
.slider_container .bx-wrapper .bx-viewport,
.slider_container .bx-wrapper .bx-viewport ul.slider {height: 100% !important;}
ul.slider li {height: 100% !important;}
.slider_container div.slider_item {background-size: cover;background-position: top center;height: 100%;width: 100%;}
.bx-controls .bx-pager {position: absolute;bottom: 50px;left: 50px;width: 100%;}
.bx-wrapper .bx-pager {bottom: 30px ;}
.slider_container .bx-wrapper .bx-pager.bx-default-pager a {background: #ffffff;text-indent: -9999px;display: block;width: 15px;height: 15px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 15px;}
.bx-wrapper .bx-controls-direction a {display: block;}
.bx-wrapper .bx-caption span {font-family: 'Oswald', sans-serif;max-width: 440px;}
/* texto */
.bx-wrapper .bx-caption {background: transparent!important;position: absolute;bottom: 80px;left: 30px;width: 50%;z-index: 99;}
.bx-wrapper .bx-caption h1 {color: #fff;font-family: 'Fira Sans Extra Condensed', sans-serif;font-size: 52px;font-weight: 700;text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);}
.bx-wrapper .bx-caption h1 span:first-child {display: block;font-size: 48px;font-weight: 400!important;line-height: 52px;}
.bx-wrapper .bx-caption h2 {color: #fff;font-size: 24px;font-weight: 600;line-height: 31px;margin-bottom: 0;width: auto;text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);}
.bx-wrapper .bx-caption h3 {color: #2e2e2e;font-size: 18px;font-weight: 300;margin-bottom: 0;}
.bx-wrapper .bx-caption h3 a {color: #2e2e2e;text-decoration: underline;}
.bx-wrapper .bx-caption h3 span {display: block;}

.audio {border-top: dotted 1px #b9b9b9;margin-top: 15px;padding-top: 15px;}

/* rotating logo */

.rotating_logo {
	width: 120px;
	height: 120px;
	transform-style: preserve-3d;
	transform-origin: center center;
	transform: rotateY(0deg);
	animation: rotateAnimation 8s linear infinite;
}

.logo_face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.logo_face_front {
  background-image: url('img/logo_oficial_2025_front.png');background-repeat: no-repeat;background-position: center center;background-size: cover;
}

.logo_face_back {
  background-image: url('img/logo_oficial_2025_back.png');background-repeat: no-repeat;background-position: center center;background-size: cover;
  transform: rotateY(180deg);
}


@keyframes rotateAnimation {
    0% {
        transform: rotateY(0deg);
    }

    30%, 50%{
        transform: rotateY(180deg);
    }

    80%,100% {
        transform: rotateY(360deg);
    }
}

@media only screen and (max-width: 768px) {
	.cta {bottom: 60px;left: 20px;right: inherit;    width: 270px;}
	.cta a span {padding: 8px 45px 8px 12px;width: auto;}
	.official_logo.right {display: none;}
	.text h1 {
		color: #fff;font-family: 'Oswald', sans-serif;font-size: 18px;font-weight: 700;text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
	}
	.text h1 span:first-child {
		display: block;font-size: 34px;font-weight: 400!important;line-height: 42px;
	}
	.text {
		position: absolute;bottom: 130px;left: 30px;width: 80%;z-index: 99;
	}
	.bx-wrapper .bx-controls-direction a {display: none;}
	.bx-wrapper .bx-caption {bottom: 140px;width: auto;}
	.bx-wrapper .bx-caption h1 {font-size: 42px;}
}