/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
	box-sizing: border-box;
}


html {
	/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
	font-family:
		system-ui,
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
	line-height: 1.15; /* 1. Correct the line height in all browsers. */
	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
	tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
}

/*
Sections
========
*/

body {
	margin: 0; /* Remove the margin in all browsers. */
}

/*
Text-level semantics
====================
*/

/**
Add the correct font weight in Chrome and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	border-color: currentcolor;
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/
@font-face {
  font-family: 'Arquitecta';
  src: url('fonts/arquitecta/ArquitectaThin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Arquitecta';
  src: url('fonts/arquitecta/ArquitectaLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Arquitecta';
  src: url('fonts/arquitecta/ArquitectaBook.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Arquitecta';
  src: url('fonts/arquitecta/Arquitecta.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Arquitecta';
  src: url('fonts/arquitecta/ArquitectaMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}


@font-face {
  font-family: 'Arquitecta';
  src: url('fonts/arquitecta/ArquitectaBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Arquitecta';
  src: url('fonts/arquitecta/ArquitectaBlack.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Arquitecta';
  src: url('fonts/arquitecta/ArquitectaHeavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'festivoletters';
  src: url('fonts/festivo/FESTIVOLETTERS.otf');
  font-weight: normal;
}
@font-face{
  font-family: 'Gotham-book';
  src: url('fonts/gotham/Gotham-Book.otf');
  font-weight: normal;
}
summary {
	display: list-item;
}
html, body {
  margin: 0;
  padding: 0;
  
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
.wave{
  animation:wave 10s -3s linear infinite;
}
.wave1{
  position:absolute;
  bottom: 0;
}
.wave2{
  position:absolute;
  bottom: 0;
}
.wave3{
  position:absolute;
  bottom: 0;
}
.wave1 div{
  background-color: #082a24;
  height: 300px;

}
.wave2 div{
  background-color: #0e342f;
  height: 200px;
}

.wave3 div{
  background-color: #03251f;
  height: 100px;
}


.wave-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 0;
  display: flex;
  flex-direction: column;
  background-image: url('./img/bg.png');
  background-size: cover;
  background-position: bottom;
}
.main{
  position: absolute;
    width: 100%;
  height: 100dvh;
  
}
.main-orange{
  position: absolute;
    width: 100%;
  height: 100dvh;
  background-color: #dd6827;
}
.wave-container svg{
  width: 200%;
  margin: 0;
}
.modal-body img{
  margin: auto;
  border-radius: 50%;
  width: 100px;
  aspect-ratio: 1/1;

}
.wavesquare{

  width: 200%;

  background-color: red;
  margin-top: -15px;
}

@keyframes wave {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

.slide-out-bck-center {
	-webkit-animation: slide-out-bck-center 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-bck-center 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2025-5-7 13:45:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-bck-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-bck-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-1100px);
            transform: translateZ(-1100px);
    opacity: 0;
  }
}
@keyframes slide-out-bck-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-1100px);
            transform: translateZ(-1100px);
    opacity: 0;
  }
}
.slide-in-blurred-bottom {
	-webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}



.content {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 20px;
}
.content-first {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.main{
  background-color: #0e342f;
}


/* Botón personalizado */
.start-button {
  display: flex;
  align-items: center;
  background-color: #4a5444;
  border: none;
  border-radius: 999px;
  padding: 3px 20px 3px 3px;
  cursor: pointer;
  gap: 15px;
  transition: background-color 0.3s ease;
  text-decoration: none;
}

.start-button:hover {
  background-color: #5f6b59;
}
.content img{
  width: 65vw;
}
.content-first img{
  width: 65vw;
}

.circle {
  background-color: #de6929;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow-icon {
  width: 24px;
  height: 24px;
}
.mainmenu{
  width: 100%;
  padding:10% 10% 10% 10%;
  height: auto;
  background-color: #dd6827;
}

.text {
  color: white;
  font-family: "Arquitecta", sans-serif;
  font-weight: 900;
  font-size: 18px;
}
.banner{
  width: 100%;
}
.banner img{
  width: 100%;
}
.menu-item{
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 2px solid white;
  text-decoration: none;
 
}
.swiper-pagination-bullet-active{
  background-color: #dd6827!important;
}
.h2-title{
    font-family: "Arquitecta", sans-serif;
  font-weight: 700;
  font-size: 3em;
  color: white;
  width: 100%;
margin: 00;
  line-height: 30px;
}
.menu-item h2 {
  font-family: "Arquitecta", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  color: white;
  width: 100%;
  line-height: 20px;
  margin: 15px 0px 15px  10px;
}
.menu-item span{
  font-family: "Arquitecta", sans-serif;
  font-weight: 700;
  font-size:0.8em;
  color: white;
  width: 100%;

  line-height: 15px;
}
.svgcontainer{
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
}
.menu-footer{
  display: flex;
  flex-direction: column;
  color: white;
}
.parqueo-info{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 20px 0px;

}
.parqueo-info a{
  font-family: "Arquitecta", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 12px;
  color: white;
  text-decoration: none;
}
.btn1-parqueo{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.rrss{
  margin-top: 25px;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: white;
}
.rrss a{
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-family: "Arquitecta", sans-serif;
  font-weight: 500;
}
.rrss-icons{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;

}
.rrss-icons a img{
  width: 24px;
}
.bounce-in-top {
	-webkit-animation: bounce-in-top 0.6s cubic-bezier(0.645, 0.045, 0.355, 1.000) both;
	        animation: bounce-in-top 0.6s cubic-bezier(0.645, 0.045, 0.355, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2025-5-7 19:58:5
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.header-programa{
  display: flex;
  flex-direction: row;

  align-items: flex-start;
  padding: 0px 20px;
  width: 100%;

}

.return{
  padding: 5px 25px;
  border-radius: 0px 8px 8px 0px;

}
.menu-ham{
  float: left;
  margin: 10px 0px 20px 0px;
  width: 100%;
  z-index: 300;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.menu-ham img{
  width: 35px;
  margin: 10px 0px 0px 10px;

}
.header-logo{
  margin-top: -90px;
}
.logo{
   display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.logo-programa{
  width: 75px!important;
  margin: auto;
 
}

.main-programa{
 

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}
.swiper-pagination-bullets{
  left: calc(var(--swiper-pagination-left)+150px)!important;
}
.main-programa h2{
  font-family: "Arquitecta", sans-serif;
  font-weight: 500;
  margin: 20px 0px;
  font-size: 3em;
  color: white;
  width: 100%;
  margin-bottom:25px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 2px;

}
.programa-schedule{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: 100%;

}
.programa-schedule h3{
  font-family: "Arquitecta", sans-serif;
  font-weight: 800;
  letter-spacing: 2px;
  font-size: 1.5em;
  color: white;
  margin: 0;
  width: 100%;
  text-align: center;

  line-height: 25px;
}
.programa-schedule h4{
  font-family: "Arquitecta", sans-serif;
  font-weight: 400;
  font-size: 0.8em;
  color: #de6927;
  width: 100%;
  margin: 0;
  margin-bottom: 3px;
  line-height: 15px;
  letter-spacing: 2px;

  text-align: center;
}
.line{
  width: 30%;
  height: 2px;
  margin:3px 0px;
  background-color: #de6927;
}
.line-large{
  width: 100%;
  height: 2px;
  margin:3px 0px;
  background-color: #de6927;
}
.text-header{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 40px;
}
.text-header h2{
  font-family: "Arquitecta", sans-serif;
  font-weight: 800;
  font-size: 3.5em;
  color: #0b312c;
  width: 100%;
  margin: 0;
  line-height: 20px;
  letter-spacing: 1px; 
  padding-bottom: 10px; 
}
.text-header h4{
  font-family: "Arquitecta", sans-serif;
  font-weight: 500;
  font-size: 1.2em;
  color: #0b312c;
  width: 100%;
  margin: 0;
  line-height: 20px;  
  letter-spacing: 1px;  
}
.salones{
  display: flex;
  flex-direction: column;
  padding:20px;
}
.salones-contaniers{
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding: 25px 0 0 0;
  gap: 20px;
  
  overflow: auto;
}
.salones-contanier{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 50px;
}
.salones-contanier h2{
  font-family: "Arquitecta", sans-serif;
  font-weight: 800;
  font-size: 3.5em;
  color: #0b312c;
  width: 100%;
  margin: 0;
  line-height: 20px;
  letter-spacing: 1px;  
}
.salones-contanier h4{
  font-family: "Arquitecta", sans-serif;
  font-weight: 500;
  font-size: 1.8em;
  color: #0b312c;
  width: 100%;
  margin: 0;
  line-height: 25px;  
  letter-spacing: 0px;  
}
.content2 {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  gap: 20px;
}
.content3 {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;

}
.content4
 {
  background-color: #ded7d3;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 20px;

}
.puff-in-top {
	-webkit-animation: puff-in-top 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: puff-in-top 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

@-webkit-keyframes puff-in-top {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-top {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
.flex{
  display: flex;
}
.none{
  display: none;
}

    .modal {
        display: none; /* Oculta el modal al inicio */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        align-items: start;

        z-index: 10000;
    
    }
    .modal-content {
        background: rgba(255, 255, 255);
        float:inline-start;
       height: auto;
       padding: 25px;
        width: 65%;
        z-index: 600;
    }
    .close {
    width: 20px;
    height: 20px;
    float: left;
    fill: black;
    background-color: transparent!important;
    float: right;
    margin-right: 20px;
}
.menusito{
  background-color: transparent;
  border: none;
}
.circle-down-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.circle-down{
  padding-top: 15px;
  width: 25%;
  aspect-ratio: 1/1;
  background-color: #1f291d;
  border-radius: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
}
.menusito-items{
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}
.menusito-item{
  font-family: "Arquitecta", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  color: #1f291d;
  width: 100%;
  margin: 0;
  line-height: 20px;

  letter-spacing: 2px;
  border-bottom:4px solid #1f291d;
  padding: 15px  0px 15px 15px;
text-decoration: none;
  text-align: left;
}
.mapa{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: fit-content;
  padding: 25px 0px 75px;
}
.mapa img{
  width: 90%;
}
.mapa-title{
  font-family: "Arquitecta", sans-serif;
  font-weight: 900;
  font-size: 3em;
  color: #1f291d;
  width: 100%;
  margin: -50px 0 0 0;
  line-height: 20px;
  letter-spacing: 2px;
  text-align: center;
  padding: 15px  0px 15px 15px;
}
.mapa-title h2{
  font-weight: 900;
}

.title-white{
  
  font-family: "Arquitecta", sans-serif;
  font-weight: 900;
  font-size: 3em;
  color: #1f291d;
  width: 100%;
  margin: -50px 0 0 0;
  line-height: 20px;
  letter-spacing: 2px;
  text-align: center;
  padding: 15px  0px 15px 15px;
}
.title-white h2{
  font-weight: 900;
}

.menusito-item p{
  margin: 0;
}
.circles-patrocinadores{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 15px;
  height: auto;
}
.row-circles{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 10px;
  margin: 16px 10px;
}
.return{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #dd6827;
  text-decoration: none;
  float: right;

}
.return a{
  text-decoration: none;
}
.return div{
  font-family: "arquitecta";
  font-weight: 500;
  font-size: 1em;
  color: white;
  text-decoration: none;
}
.patrocinadores h3{
  font-family: "Arquitecta", sans-serif;
  font-weight: 700;
  font-size: 0.8em;
  color: WHITE;
  width: 100%;
  margin: 0;
  line-height: 20px;
  letter-spacing: 2px;
}
.circle-down-container h4{
  font-family: "Arquitecta", sans-serif;
  font-weight: 700;
 
  color: #1f291d;
}


.patrocinadores{
  aspect-ratio: 1/1;
  background-color: #939598;
  border-radius: 100%;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.patrocinadores h3{
  text-align: center;
}
.slide-in-fwd-center {
	-webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2025-5-7 21:30:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
.slide-out-blurred-bottom {
	-webkit-animation: slide-out-blurred-bottom 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
	        animation: slide-out-blurred-bottom 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2025-5-26 19:59:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-blurred-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-blurred-bottom {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px) scaleY(2) scaleX(0.2);
            transform: translateY(1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slide-out-blurred-bottom {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px) scaleY(2) scaleX(0.2);
            transform: translateY(1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}

.slide-out-bck-center {
	-webkit-animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.slide-in-blurred-top {
	-webkit-animation: slide-in-blurred-top 1.2s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-top 1.2s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2025-6-10 11:46:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-blurred-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}


.slide-in-blurred-bottom {
	-webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2025-5-26 20:3:12
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-blurred-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2025-5-7 21:33:20
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-bck-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-bck-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-1100px);
            transform: translateZ(-1100px);
    opacity: 0;
  }
}
@keyframes slide-out-bck-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-1100px);
            transform: translateZ(-1100px);
    opacity: 0;
  }
}
.swiper-container {
  width: 100%;
  
}
.grow {
  animation: grow 0.4s forwards;
}
@keyframes grow {
  from {
   
    width: 0px;
  }
  to {
    width: 100%;
    height: 100%;
    border-radius:0%;
    position: absolute;
    inset-inline-start: 0px;
    inset-block-start: 0px;
  }
}

.transition {
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.transition li {
  width: 20%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  background: #fffffe;
}
ul {
    list-style: none;
}
.header-title-charlas{

}
.header-title-charlas h2{
    font-family:"Arquitecta", sans-serif;
  font-weight: 400;
  font-size: 3em;
  color: white;
  width: 100%;

  letter-spacing: 2px;
  margin: 0;
  text-align: center;
}
.header-title-charlas h3{
  font-family:"Arquitecta", sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  color: white;
  margin: 0;
  width: 100%;
  margin: 0;
  letter-spacing: 2px;
  text-align: center;
}
.paso{
  color: white;
  margin-bottom: 35px;

}
.main-programa-charlas{
  padding: 30px 60px;
}
.info-parqueo{
  color: white;
  font-family: "Arquitecta", sans-serif;
}
.info-parqueo ul{
  list-style:disc;

}
.info-parqueo li span{
  color: #dd6827;
}
.paso h3, .paso h5{
  font-family:"Arquitecta", sans-serif;
  font-weight: 300;
  font-size: 1.2em;
  line-height: 30px;
  margin: 0;
  width: 100%;
  margin: 0;
}
.paso h3{
  font-weight: 500;
}
.tt{
  width: 200px;
  position: absolute;
  top: 450px;
  left: 130px;
  
  z-index: 450;
}
.promo-contaniers{
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 100%;
  padding-left: 45px;
  gap: 20px;
  z-index: 500;
}

.guaco-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;

  padding: 15px;

}
.content-guaco{
  overflow: hidden;
  width: 100%;

}


.promo-contanier h2{
  font-family: 'festivoletters';
  font-weight: normal;
  font-size: 2em;
  color: #3f2b56;
  margin:20px 0  0;
  line-height: 25px;
}
.promo-contanier h4{
  font-family: 'Gotham-book';
  font-weight: normal;
  font-size: 1.5em;
  line-height: 25px;
  margin: 0px 0 0 0 ;
  color: #3f2b56;
}
.text-header-guaco{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.text-header-guaco img{
  width: 200px;
}
.header-expositores{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;  
  justify-content: center;
}
.header-expositores h2{
  font-family: "Arquitecta", sans-serif;
  font-weight: 300;
  font-size: 2.6em;
  color: white;

  margin: 0;
  line-height: 20px;
}
.expo-w{
  width: 100%;
  padding: 10px;
}
.expositores{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
}
.expositores-container{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;

}
.expo-img{
  width: 30%;
}

.expo-img img{
  width: 100%;
}
.expo-text{
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;

}
.expo-text h3{
  font-family: "Arquitecta", sans-serif;
  text-align: start;
  font-weight: 300;
  font-size: 1.5em;
  color: white;
  width: 100%;
  margin: 0;
  line-height: 20px;
  letter-spacing: 2px;
}
.expo-text h4{
  font-family: "Arquitecta", sans-serif;
  text-align: start;
  font-weight: 200;
  font-size: 0.8em;
  color: white;
  width: 100%;
  margin: 0;
  line-height: 1em;
  margin: 3px 0px;
  letter-spacing: 2px;
}
.expo-text h5{
  font-family: "Arquitecta", sans-serif;
  text-align: start;
  font-weight: 500;
  font-size: 1em;
  color: #dd6827;
  width: 100%;
  margin: 0;
  line-height: 20px;
  letter-spacing: 2px;
}
.expo-text button{
  background-color: #dd6827;
  border: none;
  color: white;
  font-weight: 700;
  text-align: center;
  font-family: "Arquitecta", sans-serif;
  padding: 3px 10px 3px 10px;
  cursor: pointer;
  gap: 15px;
  text-decoration: none;
}
.modal-content{
  background-image: url('./img/bg.png');
  background-size: cover;
}
.modal-body img{
width: 200px;

}
.modal-body h2{
  font-family: "Arquitecta", sans-serif;
  font-weight: 300;
  font-size: 2.6em;
  width: 100%;
  margin: 0;
  line-height: 30px;
  letter-spacing: 2px;
  color: #fff;

}
.modal-body h3{
  font-family: "Arquitecta", sans-serif;
  font-weight: 300;
  font-size: 1.5em;
      color: white;

  margin: 0;
  width: 100%;
  margin: 0;
  letter-spacing: 2px;  
  text-align: left;
}

.modal-body p{
  font-family: "Arquitecta", sans-serif;
  font-weight: 300;
  font-size: 1em;
  letter-spacing: 3px;
  color: #fff ;
 
}
.modal-body h4{
  font-family: "Arquitecta", sans-serif;
  font-weight: 300;
  font-size: 1.2em;
  color: #dd6827;
  width: 100%;
  margin: 0;
  line-height: 20px;
  letter-spacing: 2px;
  text-align: left;
}
.paish3{
  color: #dd6827!important;
}
.programa-schedule h5{
  font-family: "Arquitecta", sans-serif;
  font-weight: 300;
  font-size: 1em;
  margin: 0;
  color: white;
  text-align: left;
}
.gira-cont li{
  font-family: "Arquitecta", sans-serif;
  color: white;  
  font-size: 0.8em;
  text-align: left;
  list-style: circle inside;

}
.a-img{
  width: 60%;
  margin: 10px 0px;
}
.gira-cont ul{
  list-style: circle inside;
  margin:15px 0;
  padding:0;
}
.miniprograma{
  display: flex;
  flex-direction: column;
  margin-top: 25px;

}
.EXPLORAORANGE{
  color: #dd6827!important;
  font-weight: 900!important;
}
.programa-title{
  font-weight: 900;
  font-size: 1.7;
}
.waze-btn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 15px;
  height: auto;
}
.waze-btn img{
  width: 50px!important;
  margin: 0;
}
.waze-btn p{
  font-family: "Arquitecta", sans-serif;
  font-family: 300;
  color: white;
}
.row-buses{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 15px 0px;
  
}

.bc1{
  width: 50%;
  color:#dd6827;
  font-family: "Arquitecta", sans-serif;
  font-size: 1.5em;
  padding: 5px;
}
.bc2{
  width: 50%;
   color: white;
  font-family: "Arquitecta", sans-serif;
  font-size: 1.2em;
  padding: 5px;

}
.vertical-line{
  width: 1px;
  height: 100%!important;
  background-color: #de6927;
}
.main-programa-parqueo{
  padding: 25px;
}
.main-programa-parqueo ul li{
  font-family: "Arquitecta", sans-serif;
  font-size: 1.2em;
}
.waze-parqueo{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  color: white;
  font-family: "Arquitecta", sans-serif;
}
.analab-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 25px 35px;
  background-color: #26427f;
  color: white;
  font-family: "Arquitecta", sans-serif;
}
.line-white{
  width: 80%;
  height: 2px;
  margin:3px 0px;
  background-color: #fff;
}
.analab-logo{
  width: 35%;
}
.analab-container h2{
  font-family: "Arquitecta", sans-serif;
  font-weight: 800;
  font-size: 3em;
  color: white;
  width: 100%;
  margin: 35px 0px;
  line-height: 0.8em;
  letter-spacing: 2px;
  text-align: center;
}
.analab-container h4{
  font-family: "Arquitecta", sans-serif;
  font-weight:800;
  font-size: 1.5em;
  color: #2ab45c;
  width: 100%;
  margin: 0;
  line-height: 0.8em;
  text-align: center;
}
.analab-container h6{
  font-family: "Arquitecta", sans-serif;
  font-weight: 500;
  font-size: 1.6em;
  color: #fff;
  width: 100%;
  margin: 75px 0px 35px 0px;
  line-height: 1em;
  text-align: center;
}
.price{
  font-family: "Arquitecta", sans-serif;
  font-weight: 800;
  font-size: 3em;
  margin: 15px 0px;
  color: white;
  background-color: #2ab45c;
  padding: 10px;
  border-radius: 35px;
}
.analab-container p{
  font-family: "Arquitecta", sans-serif;
  font-weight: 500;
  font-size: 1.2em;
  text-align: center;
  color: #fff;
  width: 100%;
  margin: 0;
  line-height: 1.2em;
}
.waze-parqueo img{
  width: 10%;
}

.guaco-cafex-promo{
  margin: 0;
  padding: 0;
  width: 100%;
}
.guaco-cafex-promo img{
  width: 100%;
  margin-bottom: 35px;
}
.dias-header{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0px 20px;
}
.dias-header img{
  width: 100px;
  margin-bottom: 25px;
}
.dias-header h2{
  font-family: "Arquitecta", sans-serif;
  font-weight: 700;
  text-align: center;
  font-size: 3em;
  color: white;
  width: 100%;
  margin: 0;
  line-height: 1.1em;
  letter-spacing: 2px;
}
.dias-programa{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 25px;
  gap: 10px;
}

.dias-container{
  background-color: #dd6827;
  border-radius: 10px;
  width: 100%;
  height: auto;
  color: WHITE;
    font-family: "Arquitecta", sans-serif;
  font-weight: 900;
  font-size: 1.1em;
  text-align: center;
  text-decoration: none;
}
.h3-dias{
  font-family: "Arquitecta", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  color: white;
  width: 100%;
  margin: 10px 0px;
  line-height: 20px;
  letter-spacing: 2px;  
  text-align: center;
}