@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

:root {
  box-sizing: border-box;
  --main_clr: #FF640C;
  --scnd_clr: #0C1D3F;
  --tird_clr: #232F5D;
  --four_clr: #003f88;
  --five_clr: #F4984F;
  --sixx_clr: #FC7901;
  --sevn_clr: #00206B;
  --octa_clr: #FF5500;
  --foot_clr: #1A213D;
  --hvr_clr: #000;
  --dark_clr: #232323;
  --light_clr: #fff;
  --gray_clr: #D6D6D6;
  --none_shadow: none;
  --filter_w: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(169deg) brightness(114%) contrast(100%);
  --filter_m: brightness(0) saturate(100%) invert(45%) sepia(80%) saturate(2836%) hue-rotate(355deg) brightness(103%) contrast(101%);
  --filter_orange: brightness(0) saturate(100%) invert(66%) sepia(86%) saturate(4789%) hue-rotate(350deg) brightness(98%) contrast(109%);
  --filter_4: brightness(0) saturate(100%) invert(16%) sepia(29%) saturate(6583%) hue-rotate(202deg) brightness(97%) contrast(101%);
  --filter_5: brightness(0) saturate(100%) invert(11%) sepia(94%) saturate(2461%) hue-rotate(215deg) brightness(86%) contrast(111%);
}

@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-BLACK.TTF') format('truetype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-BLACKITALIC.TTF') format('truetype'); font-weight: 900; font-style: italic; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-BOLD.TTF') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-BOLDITALIC.TTF') format('truetype'); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-BOOKITALIC.TTF') format('truetype'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-LIGHT.TTF') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-LIGHTITALIC.TTF') format('truetype'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-MEDIUM.TTF') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-MEDIUMITALIC.TTF') format('truetype'); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-THIN.TTF') format('truetype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-THINITALIC.TTF') format('truetype'); font-weight: 100; font-style: italic; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-ULTRA.TTF') format('truetype'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-ULTRAITALIC.TTF') format('truetype'); font-weight: 800; font-style: italic; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-XLIGHT.TTF') format('truetype'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('../fonts/gotham/GOTHAM-XLIGHTITALIC.TTF') format('truetype'); font-weight: 200; font-style: italic; }

* {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

html {scroll-padding-top: 70.53px;} /* altura de la navbar fija */

body {
	font-family: "Outfit", sans-serif;
	position: relative;
	font-weight: 300;
	background: transparent;
	color:#232323;
	font-size: 22px;
	line-height: 1.2;
	overflow-x: hidden;
	overflow: hidden;
}

body  section{
	padding: 1em 0;
	position: relative;
	margin: 0 0 -1px;
}

a:hover,
a:focus {
	outline:none;
	outline-offset: 0;
	text-decoration:none;
	color:#232323;
}

a {color:var(--main_clr);text-decoration:none;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gotham';
	font-weight: 700;
	line-height: 1.1;
}

img {width:100%; pointer-events: none;}
.center {text-align: center;}
.right_ {text-align: right;}
.justify {text-align: justify;}
.justifyc {text-align: justify;text-align-last: center;}
.no_drop {cursor: no-drop;}

.imgc {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}

.upp_ {
    text-transform: uppercase;
}

.clr_00 {color: #fff!important;}
.clr_01 {color: var(--main_clr);}
.clr_02 {color: var(--scnd_clr);}
.clr_03 {color: var(--tird_clr);}
.clr_06 {color: var(--sixx_clr);}
.clr_07 {color: var(--sevn_clr);}

.white_ {color: #fff;}
.gray_ {color: #b5b5b5;}

.bg_w {background: #fff;}

.marg_00 {margin: 0;}
.padd_00 {padding: 0!important;}

.no_marg {margin-left: 0; margin-right: 0;}
.no_padd {padding-left: 0; padding-right: 0;}

.dly1{ animation-delay: 0.2s;}
.dly2{ animation-delay: 0.4s;}
.dly3{ animation-delay: 0.6s;}
.dly4{ animation-delay: 0.8s;}
.dly5{ animation-delay: 1.0s;}
.dly6{ animation-delay: 1.2s;}
.dly7{ animation-delay: 1.4s;}
.dly8{ animation-delay: 1.6s;}
.dly9{ animation-delay: 1.8s;}
.dly10{ animation-delay: 2.0s;}
.dly11{ animation-delay: 2.2s;}
.dly12{ animation-delay: 2.4s;}

.cont_10 {width: 10%; padding: 0 15px;}
.cont_20 {width: 20%; padding: 0 15px;}
.cont_30 {width: 30%; padding: 0 15px;}
.cont_33 {width: 33%; padding: 0 15px;}
.cont_40 {width: 40%; padding: 0 15px;}
.cont_50 {width: 50%; padding: 0 15px;}
.cont_60 {width: 60%; padding: 0 15px;}
.cont_70 {width: 70%; padding: 0 15px;}
.cont_80 {width: 80%; padding: 0 15px;}
.cont_90 {width: 90%; padding: 0 15px;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}
a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}

hr {margin: 20px auto;border-top: 5px solid #ddd;width: 200px; }

.btn { line-height: 1; }

.video_yt{width:100%;box-shadow:0 23px 15px -25px #000;margin:10px auto;position:relative; border-radius: 1em;}
.video_yt .ratio>* {border-radius:1em} 

.align_c {
    display: inline-flex;
    align-items: center;
    width: 100%;
}

.w90 {width: 90%;margin:0 auto;}
.w70 {width: 70%;}
.w80_ {width: 80%;padding: 0 15px;margin: 0 auto;}
.w50 {width: 50%;}

.carousel-control {
    font-size: 10px;
	opacity: 0;
}

.carousel-control .icon-prev, 
.carousel-control .icon-next, 
.carousel-control .fa-angle-left, 
.carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,color-stop(transparent 0),color-stop(rgba(0,0,0,0.0001) 100%));
    background-image: linear-gradient(to right,transparent 0,rgba(0,0,0,0.0001) 100%);
}
.carousel-control.right {
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(transparent 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,transparent 100%);
}

.carousel-indicators .active{
	background-color: #4FBDBA !important;
	width: 50px!important;
}

.carousel-indicators .active{background-color: #fff !important;}

.btn_00 {
	background: var(--main_clr);
	color: #fff;
	border-radius: 5px;
	border: none;
	padding: 10px 20px;
	font-size: 22px;
	margin: 10px auto;
	font-weight: 300;
	letter-spacing: 0;
}
.btn_00:focus,
.btn_00:hover {
	background: #232323;
	color: #fff;
}

.btn_01 {
	background: #232323;
	color: #fff;
	border-radius: 5px;
	border: none;
	padding: 10px 20px;
	font-size: 22px;
	margin: 10px auto;
	font-weight: 300;
	letter-spacing: 0;
}
.btn_01:focus,
.btn_01:hover {
	background: var(--main_clr);
	color: #fff;
}

.btn_02 {
    background: #b5b5b5;
    color: #fff;
    border-radius: 5px;
    border: none;
    padding: 10px 40px;
    font-size: 18px;
    margin: 25px auto;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    display: block;
}
.btn_02:focus,
.btn_02:hover {
	background: var(--main_clr);
	color: #fff;
}

.poss {position: relative;}

.hide_ {display:initial!important;}
.show_ {display: none!important;}

.cont_w100 {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

#gral {padding: 5em 0 1em;}

.video_event {
    width: 50%;
    margin: 25px auto 10px;
    position: relative;
    float: right;
    padding: 10px;
}
.center_y_flex {justify-content: center;}

#iframe_flipbook {
    /*aspect-ratio: 16 / 9;*/
    width: 100%;
    height: 100vh;
    overflow: hidden;
    margin: 0 0 -6px;
    border-radius: 0em;
}
#iframe_flipbook_16_9 {
    aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden;
    margin: 0 0 -6px;
    border-radius: 0em;
}
#iframe_flipbook_1_1 {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
    margin: 0 0 -6px; 
    border-radius: 1em;
}

.iframe_model {height: 80vh;margin: 0 0 -7px;}

.doc_ivt {
    height: 100vh;
    margin: 0 0 -10px;
}

.share_wa {
    position: absolute;
    right: 8rem;
    top: 10px;
    width: fit-content;
    margin: 0 auto;
    background: #25d366;
    color: #fff;
    border: none;
    padding: 5px 15px;
    border-radius: 2em;
    box-shadow: 0 0 5px #000;
    font-size: 85%;
}
.share_wa:hover {
    background: #128c7e;
    color: #fff;
}

::selection{color: #fff;background: #000;}

/************ MODALS STYLE ************/
.modal-open .modal {backdrop-filter: blur(5px);}
body.modal-open {padding-right: 0 !important; /* Desactiva la compensaci�1�7�1�7n autom�1�7�1�7tica de margen */} /*EVITA QUE SALTE LA PAGINA AL ABRIR MODAL overflow: auto!important;*/
.navbar {padding-right: 0 !important; /* Evita que el padding dinamico afecte la navbar */}

.modal-dialog {
	width: 100%;
	margin: 0;
}
.modal-content {
    border: 0px solid #FFF;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 #FFF;
    box-shadow: 0 0 0 #FFF;
    background-color: transparent;
    width: 100vw;
}
.modal-header {
    padding: 15px;
    border-bottom: 0px solid #fff;
    background: var(--main_clr);
    text-align: center;
    justify-content: center;
}
.modal-header h4 {
    font-size: 2.5rem;
    margin: 0;
}
.modal-title {
    font-size: 44px;
    letter-spacing: 0px;
	color: #fff;
}
.close {
    top: 5px;
    right: 0px;
    left: unset;
    opacity: 1;
    position: absolute;
    font-size: 3rem;
    font-weight: 400;
    background: var(--main_clr);
    color: #fff;
    padding: 0 0;
    width: 50px;
    height: 45px;
    line-height: 1;
    border-radius: 1em 0 0 1em;
    text-align: center;
    border: none;
}
.close:hover, .close:focus {
    background: var(--hvr_color);
    color: #fff;
    opacity: 1;
}

.modal-dialog .btn_00 {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    z-index: 10;
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0;
}

/*********** ANIMATIONS ****************/

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.fadeIn {animation-name: fadeIn;}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

/*********** PANEL COLLAPSE ****************/

.accordion-button::after {
    content: '';
}
.accordion-button .icon {
    transition: transform 0.3s ease;
}
.accordion-button.collapsed .icon {
    transform: rotate(0deg);
}
.accordion-button:not(.collapsed) .icon {
    transform: rotate(180deg);
}
/*CUSTOM COLLAPSE*/
.accordion-button:focus {box-shadow: var(--none_shadow);}

.accordion-button {
    font-size: 1.5rem;
    font-weight: 700;
    background: #232323;
    color: #fff;
}
.accordion-button::after {filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(0%) hue-rotate(157deg) brightness(107%) contrast(107%);}
.accordion-button:hover {
    background: var(--main_clr);
    color: #fff;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background: var(--main_clr);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-body {
    max-height: 200px;
    overflow: auto;
}

/*********** GALERIA LIGHTBOX ****************/
.lb_  { background: #fff; position: relative; width: 100%; margin: 0 0 10px; }
.lb__  { background: #fff; position: relative; width: 100%; margin: 0 0 10px; }
.tz-gallery .lightbox img { width: 100%; border-radius: 0; position: relative; -webkit-transition: 900ms;transition: 900ms; }
.tz-gallery .lightbox:hover img {opacity: 0.2;-webkit-filter: blur(3px);filter: blur(3px);transform: scale(1.2);}
.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    color: var(--scnd_clr);
    font-size: calc(1.8vw + 2vw);
    font-family: "bootstrap-icons";
    font-weight: 900;
    content: "\F52A";
    pointer-events: none;
    z-index: 1;
    transition: 0.4s;
    text-align: center;
    transform: translate(0, -50%);
}
.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
    content: '';
    transition: 0.4s;
}
.tz-gallery .lightbox:hover:after, .tz-gallery .lightbox:hover:before { opacity: 1; }
.baguetteBox-button { background-color: transparent !important; }
#baguetteBox-overlay .full-image img { box-shadow: none;background: transparent;}

.gall_img img {
    border-radius: 1em !important;
}

.small_gall {
    display: inline-grid;
    position: relative;
    padding: 10px;
    width: 6em;
}


/*********** FIN GALERIA LIGHTBOX ****************/

table .tz-gallery .lightbox:before {
    position: relative;
    display: none;
}
table .tz-gallery .lightbox:after {
    position: unset;
}
#nolupa .tz-gallery .lightbox:before {
    position: relative;
    display: none;
}
#nolupa .tz-gallery .lightbox:after {
    position: unset;
}


/***********BOOTSTRAP 5.3****************/

.form-control:focus, .form-select:focus {
    border-color: transparent;
    box-shadow: none;
}

#gral_pills .nav-pills .nav-link {
    color: var(--light_clr);
    background-color: var(--gray_color);
    border: 4px solid transparent;margin: 0 5px;
    font-weight: 500;
}
#gral_pills .nav-pills .nav-link.active,#oem_pills .nav-pills .show>.nav-link {
    color: var(--main_clr);
    background-color: transparent;
    border: 4px solid var(--main_clr);
}

/************ NUEVO FORM GOOGLE ***********/

.input_hidden {display: none;}

#loading_oculto{
    z-index: 1050;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    visibility: hidden;
    transform: translate(0, -50%);
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
}
#loading_oculto img{
    filter: var(--filter_w);
    width: 120px;
    margin: 0 auto;
}

/************ FIN NUEVO FORM GOOGLE ***********/


/*====================
======Header CSS=====
======================*/

#navigation .navbar {
    background: transparent;
    border-radius: 0;
    border-bottom: 0;
    box-shadow: none;
    padding: 0;
    display: inline;
}

.bg-dark {
    background: linear-gradient( rgb(0 0 0 / 30%), transparent)!important;
    backdrop-filter: blur(0rem);
    padding: 0.5rem 0;
    box-shadow: var(--none_shadow);
}
.bg-dark.scrolled {
    background: rgb(0 0 0 / 30%)!important;
    backdrop-filter: blur(0.4rem);
    padding: 0.4rem 0;
    box-shadow: var(--main_shadow);
}

.logo {
    width: 275px;
    padding: 0.5rem;
    filter: var(--filter_w)  drop-shadow(0 0 5px rgb(0 0 0 / 30%));
}

/********/

.dropdown-item {
  color: #fff;
}
.dropdown .dropdown-menu {
  display: none;
  background: #fcfcfc;
}
.dropdown:hover>.dropdown-menu, 
.dropend:hover>.dropdown-menu {
    display: block;
    right: 0;
    margin: 0;
    padding: 0;
    border: none;
    /*border-radius: 0 0 10px 10px;*/
    box-shadow: 0 5px 15px -5px rgb(0 0 0 / 30%);
    min-width: 240px;
}
@media screen and (min-width:769px) {
  .dropend:hover>.dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: .5em;
  }
}

#navigation .dropend .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 10px;
}

#navigation .navbar-brand {padding: 0;}

#navigation .nav-link {background: transparent;color: #fff;font-weight: 400;font-family: Gotham;font-size: 1.1vw;text-shadow: 0 0 5px rgb(0 0 0 / 30%);border-radius: 5em;padding: 0.5rem 0.8rem;margin: 0.5rem;}
#navigation .nav-link:hover {background: rgb(0 0 0 / 20%);color: #fff;}
#navigation .nav-link.active {font-weight: 600;background: rgb(0 0 0 / 5%);}

#navigation .dropdown-menu li .nav-link {text-transform: uppercase;background: transparent;color: #232323;padding: 5px 25px 5px 10px;margin: 0;display: flex;align-items: center;white-space: break-spaces;}
#navigation .dropdown-menu li .nav-link span{display: block; font-size: 80%;}
#navigation .dropdown-menu li .nav-link:hover {background: transparent;color: var(--main_clr);}

#navigation .dropdown-item {
    text-transform: uppercase;
    color: #232323;
    padding: 5px 10px;
    white-space: break-spaces;
    display: flex;
    align-items: center;
    line-height: 1.1;
}
#navigation .dropdown-menu li .nav-link img,
#navigation .dropdown-item img{
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
}
#navigation .dropdown-menu li .nav-link:hover .clr_hvr,
#navigation .dropdown-item:hover .clr_hvr{
    filter: var(--filter_m)
}
#navigation .dropdown-item:hover {color: var(--main_clr);}

#navigation .navbar-toggler {
    margin: 0 10px;
    background: transparent;
    color: #fff;
    box-shadow: none;
    border: none;
}
#navigation .navbar-toggler:focus {
    box-shadow: none;
    background: transparent;
}
#navigation .navbar-toggler-icon {
    background-image: url(../img/burg.svg);
}

/*BURGER X CUSTOM */
#navigation .navbar-toggler-icon {
    background-image: none;
    width: 1.5em;
    height: 1.5em;
    position: relative;
    display: flex;
}
#navigation .navbar-toggler-icon::before,
#navigation .navbar-toggler-icon::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #fff;
    transition: transform 0.3s ease;
}
#navigation .navbar-toggler-icon::before {
    top: 0;
    transform: translateY(0.5em);
}
#navigation .navbar-toggler-icon::after {
    bottom: 0;
    transform: translateY(-0.5em);
}
#navigation .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
    transform: translateY(0) rotate(45deg);
}
#navigation .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    transform: translateY(0) rotate(-45deg);
}
#navigation .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before,
#navigation .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    top: 50%;
    transform-origin: center;
}
/**/

#navigation .dropdown-item.active, #navigation .dropdown-item:active {
    color: var(--main_clr);
    text-decoration: none;
    background-color: transparent;
}

/********/

/************ NUEVO BUSCADOR GENERAL ***********/

#Busc_ {
    position: relative;
}
.busc_ba_cont {display: inline-flex;}
#Busc_ .btn_search_close {
    background: transparent;
    color: #aaa;
    font-size: 13px;
    border-radius: 50%;
    position: absolute;
    width: 21px;
    top: 50%;
    right: 1px;
    z-index: 1;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    padding: 0px;
    margin: 0;
}
#Busc_ .form-control {
    padding: 5px 10px;
    margin: 0;
    border-radius: 5px;
    width: 16em;
    height: 25px;
}
#Busc_ ul {
    list-style: none;
    padding-inline-start: 0;
    font-size: 20px;
    max-height: 280px;
    overflow: auto;
    position: absolute;
    z-index: 1000;
    background: #fff;
    width: 13em;
    box-shadow: 0 10px 10px -5px rgb(0 0 0 / 30%);
    top: 30px;
    right: -2px;
    border-radius: 10px;
}
#Busc_ ul li {
    padding: 0.5rem 1rem;
    margin: 5px 0;
    float: unset;
    background: transparent;
    color: #000;
    border-radius: 5px;
    display: block;
    list-style: none;
    position: relative;
}
#Busc_ ul li a:before {
    background: url(../img/scroll_search.webp) no-repeat;
    content: '';
    display: inline-block;
    height: 25px;
    width: 39px;
    position: absolute;
    left: 0px;
    top: 5px;
}
#Busc_ ul li:hover, #Busc_ ul li a:hover{ background: #f3f3f3; cursor: pointer;}

#Busc_ ul li a{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 30px;
    padding: 5px 25px;
    margin: 0 0 0 10px;
    color: #232323;
}

/** FOOTER SECTION **/

footer {
	background: #181818;
    padding: 20px 0;
    color: #fff;
    position: relative;
}
footer p {margin: 0;}
footer a {color: #fff;}
footer a:hover, footer a:focus {color: var(--main_clr);}

#footer_main {
    box-shadow: 0 -3em 1em -3em rgb(0 0 0 / 20%);
    position: relative;
    z-index: 1029;
}

#ftr_btm {
    background: var(--foot_clr);
    color: #fff;
    padding: 4em 0 1px;
}

.img_ftr {filter: var(--filter_w);}

.data_date {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin: 0 0 1rem;
}
#ftr_btm .img_icon_01 {
    width: 25px;
    margin: 5px 0 0;
    filter: var(--filter_m);
}
#ftr_btm hr {
    margin: 3rem auto 1rem;
    border-top: 3px solid #ddd;
    width: 100%;
    opacity: 1;
}

.ftr_map {
    width: 100%;
    height: 260px;
    border: 0;
    border-radius: 5px;
}

#btm_last {
    padding: 0 0 4em;
    text-align: center;
    background: var(--foot_clr);
    color: #fff;
    font-size: 1rem;
}

#btm_last p {
    margin: 0;
}

#btm_last a {color:#fff;}
#btm_last a:hover,
#btm_last a:focus {
	color: var(--main_clr);;
}

.cont_last_data {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
}

.cont_social_btm {
    display: flex;
    gap: 1rem;
}
.social_btm {
    border: 3px solid rgb(255 255 255 / 25%);
    padding: 0.8rem;
    border-radius: 50%;
    width: 3vw;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

/** FOOTER SECTION **/

/* LOG IN*/

:root {
    --login_clr: #b5b5b5;
}

#log_in {
    background: #fff;
    min-height: 100vh;
    position: relative;
    width: 100%;
    padding: 0;
    color: var(--login_clr);
    font-size: 80%;
}
.bg_side_login {
    background-image: url(../img/bg_login.webp);
    width: 100%;
    height: 100vh;
    background-position: 50% 50%;
    background-size: cover;
}

.cont_login {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
    padding: 4vw 2vw;
}

.ttl_clr_login {color: #000 !important;}

.password-toggle-icon {
    position: absolute;
    right: 10px;
    top: 38px;
    cursor: pointer;
    color: var(--login_clr);
    font-size: 20px;
}

.btn_login {
    background: #45A7EE;
    color: #fff;
    border: none;
    width: 100%;
    padding: 1rem;
    border-radius: 3em;
}
.btn_login:hover {
    background: var(--scnd_clr);
}

.custom-checkbox:checked {
    background-color: var(--login_clr);
    border-color: var(--login_clr);
}
.custom-checkbox:focus {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
}
.form-check-input:focus {
    border-color: var(--login_clr);
    outline: 0;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
}
.form-check-label {margin: 2px 0 0;}

#log_in .form-control, #log_in .form-select {
    border-color: var(--login_clr);
    box-shadow: none;
    border: 3px solid var(--login_clr);
}
#log_in .form-control:focus, #log_in .form-select:focus {
    border-color: var(--gray_clr);
    box-shadow: none;
    border: 3px solid var(--gray_clr);
}

.alert-danger {
    background: transparent;
    border: none;
    color: red;
    font-weight: 500;
    text-align: center;
}

/* LOG IN*/

/* INDEX*/

#idx_bloq_01 {
    background-image: url(../img/bg_idx_01.webp);
    width: 100%;
    height: 125vh;
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
    padding: 2em 3em;
}

.cont_idx {
    height: 85%;
    display: flex;
    align-items: center;
}
.img_icon_01 {width: 35px;}

.ttl_idx_01 {
    font-size: 5vw;
    line-height: 0.9;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'Gotham';
}
.ttl_idx_01 span {font-size: 200%;}
.fs_idx_01 {font-size: 2vw;display: flex;gap: 1rem;}

.countdown-container {
  text-align: center;
  padding: 1rem 2rem 3rem;
}
.countdown {
  display: flex;
  justify-content: space-around;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.countdown-item {
  padding: 1rem;
  min-width: 100px;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.countdown-item span {
  display: block;
  font-size: 7vw;
  font-weight: 500;
   /* Fuente monoespaciada para ancho constante */
  min-width: 2ch; /* Espacio para al menos 2 d��gitos */
  display: inline-block;
  text-align: center;
}
.countdown-item label {
  font-size: 1.5vw;
  text-transform: uppercase;
}
.day_arrive {
    font-size: 8vw;
    font-family: 'Gotham';
    text-transform: uppercase;
    font-weight: 600;
}

.obj_btm {
    position: absolute;
    bottom: 0;
    left: 0;
    filter: var(--filter_orange);
}

/*VIDEO CUSTOM*/
.video_custom {position:relative;width:100%;overflow:hidden;}
.video_custom video {width:100%;height:auto;border-radius:0.5rem;overflow:hidden;position:relative;}
.custom-video-controls {position:absolute;bottom:0;width:100%;background: rgb(0 0 0 / 50%);backdrop-filter:blur(5px);color:white;padding:10px;display:flex;align-items:center;gap:10px;transition:opacity 0.3s ease, visibility 0s linear 0.3s;box-sizing:border-box;}
.custom-video-controls:hover {opacity:1;visibility:visible;}
.custom-video-controls button {background:none;border:none;color:white;cursor:pointer;font-size:1.2rem;}
.custom-video-controls button i {font-size:1.5rem;}
.seek-bar,.volume-bar {cursor:pointer;height:5px;background: var(--main_clr);box-sizing:border-box;}
.seek-bar {flex:0 0 calc(60% - 40px);margin-right:10px;}
.volume-bar {flex:0 0 calc(25% - 20px);}
.custom-video-controls[style*="opacity: 0"] {visibility:hidden;transition:visibility 0s linear 0.3s, opacity 0.3s ease;}

#idx_bloq_02 {
    background: var(--main_clr);
    color: #fff;
    padding: 2em 0 3em;
}

.ttl_bloq_02 {
    font-size: 3vw;
    max-width: 60vw;
    margin: 0 auto;
    font-weight: 900;
}

#idx_bloq_02 .obj_btm {
    filter: var(--filter_w);
}

#idx_bloq_03 {
    background: #fff;
    color: var(--tird_clr);
    padding: 2em 0 3em;
    min-height: 140vh;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.img_obj_02 {
    position: absolute;
    width: 120%;
    top: -5%;
    right: -20%;
    z-index: -1;
}

#idx_bloq_03 .obj_btm {
    position: absolute;
    bottom: 0;
    filter: unset;
}

.ttl_img {
    display: flex;
    align-items: center;
    gap: 1rem;
}
#idx_bloq_03 .img_icon_01 {
    width: 30px;
    filter: var(--filter_m);
}

#idx_bloq_04 {
    background-image: url(../img/bg_idx_02.svg);
    background-size: cover;
    padding: 3em 0;
    min-height: 100vh;
}

#idx_bloq_04 .nav-pills {
    display: flex;
    justify-content: center;
    margin: 2rem auto!important;
    background: var(--main_clr);
    width: fit-content;
    padding: 1rem;
    border-radius: 5em;
}
#idx_bloq_04 .nav-pills .nav-link {
    color: #fff;
    font-weight: 500;
    font-family: 'Gotham';
    min-width: 9vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 2rem;
    cursor: pointer;
    border-radius: 5em;
}
#idx_bloq_04 .nav-pills .nav-link span {font-size: 70%;display: none;}
#idx_bloq_04 .nav-pills .nav-link.active,#idx_bloq_04 .nav-pills .show>.nav-link {
    color: var(--tird_clr);
    background-color: #fff;
}
#idx_bloq_04 .nav-pills .nav-link.active span,
#idx_bloq_04  .nav-pills .show>.nav-link span {display: initial;}
#idx_bloq_04 .tab-content {
    background: var(--main_clr);
    border-radius: 2rem;
    padding: 4vw;
}

.card_calendar {
    background: #fff;
    display: flex;
    flex-direction: row;
    border-radius: 0.5rem;
    align-items: center;
    margin: 0 0 4vw;
}
.card_calendar:last-child {
    margin: 0 0 0;
}
.card_calendar img {width: 15vw;}
.padd_img_cal {padding: 2vw;}
.card_calendar_bg_var {background: var(--sevn_clr);}
.card_calendar_bg_var .clr_03 {color: #fff;}


#idx_bloq_05 {
    background-image: url(../img/bg_idx_05.webp);
    background-size: cover;
    padding: 3em 0;
    min-height: 100vh;
}

.data_card_05 {
    border-radius: 1em;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}
.data_bloq_05 {
    background: #fff;
    padding: 1em;
    min-height: 20vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.data_bloq_05 h4 {text-align: center;margin: 0 0 1em;}
.data_bloq_05 p {text-align: justify;font-size: 0.9vw;}
.data_card_05 .btn_01 {
    background: var(--main_clr);
    border-radius: 5em;
    padding: 0.8em 1.5em;
    font-size: 20px;
    margin: 0.5rem auto;
}
.data_card_05 .btn_01:hover {background: var(--scnd_clr);}

.fs_ttl {font-size: 4vw;font-weight: 900;}

#idx_bloq_06 {
    padding: 3em 0;
    min-height: 100vh;
    overflow: hidden;
}
.obj_b6_ {
    position: absolute;
    z-index: -1;
    top: -46vw;
    right: -5vw;
    width: 80%;
}

.cont_gall_b6 {
    width: 80% !important;
    margin: 0 auto;
}
.gallery-block {
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    column-count: 4;
    column-gap: 10px;
}
.item_gall {
    margin: 0 0 10px 0;
    text-align: center;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    background: #fff;
}
.item_gall img {
    object-fit: cover;
    aspect-ratio: 2/1;
}
.item_gall:nth-child(3n+1) img {aspect-ratio: 1/0.8;}
.item_gall:nth-child(3n+2) img {aspect-ratio: 3/2;}
.item_gall:nth-child(3n+3) img {aspect-ratio: 5/7.5;}

#gall_2024 .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}
#gall_2024 .owl-nav button.owl-prev,
#gall_2024 .owl-nav button.owl-next {
    background: var(--four_clr, #333) !important;
    color: var(--main_clr) !important;
    font-size: 3vw;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}
#gall_2024 .owl-nav button.owl-prev:hover,
#gall_2024 .owl-nav button.owl-next:hover {
    background: var(--sevn_clr, #555) !important;
    color: #fff !important;
}
#gall_2024 .owl-nav button.owl-prev {margin-left: -5rem;left: 0;}
#gall_2024 .owl-nav button.owl-next {margin-right: -5rem;right: 0;}

/*OWL CARRUSEL ARROWS */
.owl-carousel {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
.owl-dots {display: none;}
.owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin: 0 auto;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1;
}
.owl-nav .owl-prev {
    left: 10px;
}
.owl-nav .owl-next {
    right: 10px;
}

.card_quote {
    background: var(--five_clr);
    padding: 3em 10vw;
    width: 100%;
    margin: 0 auto;
    border-radius: 3rem;
    color: #fff;
    font-family: 'Gotham';
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 30vw;
    text-align: justify;
    justify-content: space-evenly;
}
.card_quote img {width: 5vw !important;}
.card_quote p {
    font-weight: 300;
    font-size: 1.8vw;
    padding: 0 5vw;
}

#idx_bloq_06 .carousel-wrap {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: relative;
}
#idx_bloq_06 .owl-nav .owl-prev, #idx_bloq_06  .owl-nav .owl-next {
    background: rgb(255 255 255 / 85%) !important;
    color: #000 !important;
    font-size: 3vw;
    border-radius: 50%;
    width: 4vw;
    height: 4vw;
}
#idx_bloq_06 .owl-nav .owl-prev {left: 13vw;}
#idx_bloq_06 .owl-nav .owl-next {right: 13vw;}

#idx_bloq_07 {
    background-image: url(../img/obj_06.svg);
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
}

.cont_patr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 4vw;
}
.patr_ {
    display: inline-flex;
    align-items: center;
    width: 300px;
    padding: 2.5rem;
}
.patr_ img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}
.patr_:nth-child(5) img {height: 200px;}
.patr_:nth-child(7) img {height: 220px;}

#idx_bloq_08 {
    background-image: url(../img/obj_07.svg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 5em 0;
}

.data_bloq_08 {
    background: #fff;
    padding: 1em;
    min-height: 22vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.data_bloq_08 h4 {
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
}
.data_bloq_08 h4 span {display: block;}
.data_bloq_08 h2 {
    font-size: 1.5rem;
    font-weight: 600;
}
.data_bloq_08 p {font-size: 1rem;}
.img_blog_main {
    height: 280px;
    object-fit: cover;
}

#blg_bloq_01 {
    min-height: 35vw;
    background-image: url(../img/blog_art_top.svg);
    background-size: cover;
}

#blg_bloq_02 {
    padding: 4em 0;
    background-image: url(../img/bg_blog.svg);
    background-size: cover;
    background-position: 0% 40%;
}
.ttl_blog {
    font-size: 3vw;
    font-weight: 600;
    text-transform: capitalize;
}

.ff_ {font-family: 'Gotham';}
.img_arrow_ext {
    width: 0.9vw;
    margin: 0 0 0 0.5rem;
}

#idx_bloq_09 {
    background-image: url(../img/bg_bloq_09.webp);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 5em 0;
    color: #fff;
    text-align: center;
}

.btn_play {
    width: 2em;
    height: 2em;
    font-size: 4vw;
    border: none;
    border-radius: 50%;
    background: rgb(255 255 255 / 70%);
    color: var(--main_clr);
    margin: 0 0 1em;
}

.video_cont {
    position: fixed;
    z-index: 1031;
    padding: 1em 15vw;
    top: 0;
    background: rgb(0 0 0 / 50%);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn__x {
    position: absolute;
    right: 1rem;
    top: 1rem;
    background: transparent;
    border: 3px solid;
    color: #fff;
    width: 1em;
    height: 1em;
    border-radius: 0.5rem;
    font-size: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn__x:hover {
    color: var(--main_clr);
}
#videoCollapse {
    transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
}
#videoCollapse.collapsing {
    opacity: 0;
}
#videoCollapse.show {
    opacity: 1;
}

.fw_200 {font-weight: 200;}
.fw_400 {font-weight: 400;}
.fw_600 {font-weight: 600;}
.fw_800 {font-weight: 800;}

#idx_bloq_10 {
    padding: 4em 0;
    background: #f1f1f1;
}

.cont_wapp {
    display: flex;
    flex-direction: row;
    margin: 2rem 0 0;
    justify-content: center;
}
.form_phone {
    padding: 1rem 2rem;
    border: 1px solid #fff;
    border-radius: 5rem;
    box-sizing: border-box;
    font-size: unset;
    width: 40%;
    line-height: 1;
    position: relative;
    left: 3vw;
}
.form_phone:focus {
    border: 1px solid #f1f1f1;
}
.form_phone:invalid {
    border-color: #fff;
}
.form_phone:valid {
    border-color: #00cc00;
}

.btn_wapp {
    background: #25d366;
    padding: 1rem 2rem;
    border: 2px solid #25d366;
    border-radius: 5em;
    color: #fff;
    width: max-content;
    position: relative;
    left: -4vw;
}
.btn_wapp:hover {
    background: #075e54;
    border: 2px solid #075e54;
}

/* FIN INDEX*/

/* MI_ESTADIA*/

#mye_bloq_01 {
    min-height: 35vw;
    background-image: url(../img/bg_mye_bloq_01.svg);
    background-size: cover;
}

#mye_bloq_02 {
    background: var(--main_clr);
    color: #fff;
    padding: 4em 0;
}

.data_bloq2 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}
.map_ {
    width: 100%;
    height: 400px;
    border: 0;
    border-radius: 5px;
}

#mye_bloq_02 .btn_01 {
    background: var(--tird_clr);
    border-radius: 5em;
    padding: 1rem 2rem;
    font-family: Gotham;
    font-weight: 400;
}
#mye_bloq_02 .btn_01:hover {
    background: var(--scnd_clr);
}

#mye_bloq_03 {
    min-height: 100vh;
    background-image: url(../img/obj_09.svg);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 4em 0;
    background-position: 0% -3rem;
}

.cont_cards_mye_b3 {justify-content: space-evenly;margin: 0 0 20vw;}
.mye_card_bloq3 {
    background: var(--four_clr);
    color: #fff;
    padding: 3rem;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    font-weight: 400;
}
.mye_card_bloq3 h2 {font-size: 4vw;}
.mye_card_bloq3 h2 small {font-size: 25%;}
.mye_card_bloq3 ul {
    list-style-type: none;
    padding-left: 2em;
}
.mye_card_bloq3 ul li {margin: 0 0 0.5rem;}
.mye_card_bloq3 ul li::before {
    content: "\F272";
    font-family: "bootstrap-icons";
    font-weight: 900;
    position: absolute;
    margin: 3px 0 0 -40px;
    font-size: 100%;
    padding: 0 0 0 3.3px;
    width: 25px;
    height: 25px;
    color: var(--main_clr);
}

.mye_card_bloq3 .btn_01 {
    background: var(--main_clr);
    padding: 1rem;
    font-weight: 400;
    font-family: Gotham;
    width: 100%;
}
.mye_card_bloq3 .btn_01:hover {
    background: var(--scnd_clr);
}

.fs_ttl_ {
    font-size: 3vw;
    font-weight: 500;
}

.box_access {
    border: 0.5rem solid var(--sixx_clr);
    border-radius: 3em;
    padding: 1.5rem 1rem;
}

#mye_bloq_04 {
    min-height: 35vw;
    background-image: url(../img/obj_10.svg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 4em 0;
    color: #fff;
}
.data_bloq4 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    min-height: 20vw;
}

#mye_bloq_05 {
    padding: 4em 0;
}

#mye_bloq_05 .cont_cards_mye_b3 {
    justify-content: space-evenly;
    margin: 0;
}
.box_addroom {
    background: var(--sevn_clr);
    padding: 5rem;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1rem solid #fff;
    outline: 5px solid var(--sixx_clr);
}
#scnd_ba .box_addroom {
    background: var(--sixx_clr);
    padding: 5rem;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1rem solid #fff;
    outline: 5px solid var(--sevn_clr);
}

#mye_bloq_05 .btn_01 {
    background: var(--sixx_clr);
    border-radius: 5em;
    padding: 1rem 3rem;
    margin: 1.5rem auto;
    display: block;
    font-family: Gotham;
}
#mye_bloq_05 .btn_01:hover {
    background: var(--sevn_clr);
}

#mye_bloq_06 {
    background: var(--octa_clr);
    color: #fff;
    padding: 2em 0;
}
#mye_bloq_06 h2 {font-size: 3.3vw; font-weight: 800;}

#mye_bloq_07 {
    background: var(--sevn_clr);
    color: #fff;
    padding: 3em 0;
}

#mye_bloq_08 {
    padding: 4em 0;
    overflow: hidden;
}

.swiper {
    width: 100%;
    min-height: 500px; /* Ajusta la altura según necesites */
    padding: 20px 0;
}
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    height: 500px;
    filter: blur(2px); /* Aplica blur de 2px a todas las imágenes por defecto */
}
.swiper-slide img {
    width: 100%;
    min-height: 620px;
    border-radius: 10px;
    object-fit: cover;
}
.swiper-slide-active {
    filter: none; /* Elimina el blur en la imagen de la diapositiva central */
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -2rem;
    left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -2rem;
    right: auto;
}
.swiper-button-next, .swiper-button-prev {
    color: var(--main_clr);
    font-size: 2rem;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tird_clr);
    border-radius: 50%;
    transition: background 0.3s ease;
    border: 3px solid #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    font-weight: bold;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: var(--tird_clr);
    background: rgba(255 255 255 / 50%);
    border: 3px solid rgba(255 255 255 / 50%);
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}

/* FIN MI_ESTADIA*/

/* ITINERARIO */

#iti_bloq_01 {
    min-height: 35vw;
    background-image: url(../img/obj_11.svg);
    background-size: cover;
}

#iti_bloq_02 {
    background-image: url(../img/bg_iti_01.webp);
    background-size: cover;
    padding: 4em 0;
}
#iti_bloq_02 .nav-pills {
    display: flex;
    justify-content: center;
    margin: 2rem auto!important;
    background: var(--sevn_clr);
    width: fit-content;
    padding: 1rem;
    border-radius: 5em;
}
#iti_bloq_02 .nav-pills .nav-link {
    color: #fff;
    font-weight: 500;
    font-family: 'Gotham';
    min-width: 9vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 2rem;
    cursor: pointer;
    border-radius: 5em;
}
#iti_bloq_02 .nav-pills .nav-link span {font-size: 70%;display: none;}
#iti_bloq_02 .nav-pills .nav-link.active,#iti_bloq_02 .nav-pills .show>.nav-link {
    color: var(--tird_clr);
    background-color: #fff;
}
#iti_bloq_02 .nav-pills .nav-link.active span,
#iti_bloq_02 .nav-pills .show>.nav-link span {display: initial;}
#iti_bloq_02 .tab-content {
    background: var(--sevn_clr);
    border-radius: 2rem;
    padding: 4vw;
}
#iti_bloq_02 .card_calendar_bg_var {
    background: var(--sixx_clr);
}

#iti_bloq_03 {padding: 4em 0;}

/* FIN ITINERARIO */

/* MAPA DE UBICACIONES */

b, strong {font-weight: bold;}

#mub_bloq_01 {
    min-height: 35vw;
    background-image: url(../img/obj_12.svg);
    background-size: cover;
}

#mub_bloq_02 {
    min-height: 35vw;
    background: var(--main_clr);
    background-size: cover;
    color: #fff;
    padding: 0;
}
#mub_bloq_02 h2 {font-size: 3vw;}

.bg_ubi_01 {
    min-height: 60vh;
    background-image: url(../img/img_ubi_01.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.data_ubi_01 {
    display: flex;
    flex-direction: column;
    min-height: 35vw;
    justify-content: space-evenly;
    padding: 4vw;
    text-align: justify;
}

#mub_bloq_03 {
    background: var(--sevn_clr);
    padding: 0;
}
.ttl_b3_ubi {
    background: #fff;
    padding: 1em 0;
}

.cont_map {
    padding: 2rem;
}
#mub_bloq_03 .tab-content>.tab-pane {
    background-image: url(../img/mapa.webp);
    background-position: center;
    background-size: cover;
    aspect-ratio: 2.17/1.15;
    border-radius: 1rem;
    margin: 0 0 1rem;
    overflow: hidden;
    position: relative;
}
#mub_bloq_03 .nav-pills {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}
#mub_bloq_03 .nav-pills .nav-link {
    background: var(--main_clr);
    color: #fff;
    padding: 1rem 2rem;
    flex: 1; /* Hace que cada .nav-link ocupe el espacio disponible equitativamente */
    text-align: center; /* Opcional: centra el texto dentro de cada botón */
    white-space: nowrap;
}
#mub_bloq_03 .nav-pills .nav-link:hover {
    background: var(--sixx_clr);
}
#mub_bloq_03 .nav-pills .nav-link.active {
    background: #CB4400 !important;
}
.maploc_ {
    position: absolute;
    top: 3%;
    right: 2%;
    width: 50%;
}
#mapppill_04 .maploc_ {width: 98%;}
#mapppill_05 .maploc_ {width: 46%;}

#mub_bloq_04 {
    background-image: url(../img/obj_13.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 4em 0;
}

#mub_bloq_05 {
    background-image: url(../img/obj_07.svg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 5em 0;
}

.data_bloq_ubi_05 {
    background: #fff;
    padding: 1em;
    min-height: 22vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

/* FIN MAPA DE UBICACIONES */

/* EXPOSITORES */

#exp_bloq_01 {
    min-height: 35vw;
    background-image: url(../img/obj_14.svg);
    background-size: cover;
}

#exp_bloq_02 {
    background-image: url(../img/exp_img_01.webp);
    background-size: cover;
    padding: 3em 0;
    min-height: 100vh;
}

#exp_bloq_02 .data_card_05 {
    border-radius: 1em;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}
#exp_bloq_02 .data_bloq_05 {
    background: #fff;
    padding: 1em;
    min-height: 15vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
#exp_bloq_02 .data_bloq_05 h4 {text-align: center;margin: 0 0 1em;}
#exp_bloq_02 .data_bloq_05 p {text-align: justify;font-size: 0.9vw;}
#exp_bloq_02 .data_card_05 .btn_01 {
    background: var(--main_clr);
    border-radius: 5em;
    padding: 0.8em 1.5em;
    font-size: 20px;
    margin: 0.5rem auto;
}
#exp_bloq_02 .data_card_05 .btn_01:hover {background: var(--scnd_clr);}

/* FIN EXPOSITORES */

/* PREGUNTAS FRECUENTES */

#faq_bloq_01 {
    min-height: 35vw;
    background-image: url(../img/obj_15.svg);
    background-size: cover;
}

#faq_bloq_02 {
    padding: 4em 0;
    min-height: 35vw;
    background-image: url(../img/obj_16.svg);
    background-size: cover;
}

#cont_accordion {
    background: #f1f1f1;
    padding: 4vw 5vw;
    border-radius: 1rem;
    width: 85%;
    margin: 3vw auto;
}
#cont_accordion .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-width: 0;
}
#cont_accordion .accordion-item {
    border-bottom: 3px solid #e5e5e5;
    border-radius: 0;
}
#cont_accordion .accordion-item:last-child {
    border-bottom: 3px solid transparent;
    border-radius: 0;
}
#cont_accordion .accordion-button:hover {
    background: #e5e5e5;
    color: var(--sevn_clr);
}
#cont_accordion .accordion-button:not(.collapsed) {
    color: var(--main_clr);
    background: transparent;
}
#cont_accordion .accordion-button::after {filter: unset}
#cont_accordion .accordion-button {
    font-size: 1.5vw;
    font-weight: 500;
    background: transparent;
    color: var(--main_clr);
}

.accordion-button::after {
    content: "\F4FE"; /* Ícono "plus-lg" como predeterminado */
    font-family: "bootstrap-icons"; /* Fuente de Bootstrap Icons */
    font-size: 2rem; /* Tamaño del ícono */
    transition: transform 0.3s ease; /* Transición solo para el giro, content no necesita transición aquí */
    margin-left: 0; /* Elimina margen izquierdo para alinear a la derecha */
    position: absolute; /* Posicionamiento absoluto para moverlo */
    right: 1rem; /* Alinea a la derecha con un margen */
    top: 50%; /* Centra verticalmente */
    transform: translate(25%, -50%); /* Ajusta la posición vertical */
    color: var(--main_clr);
    font-weight: bold;
}
.accordion-button:not(.collapsed)::after {
    content: "\F4FE"; 
    transform: translate(25%, -50%) rotate(225deg); 
    color: var(--main_clr);
}
.accordion-button {position: relative;} /* Asegura el contexto para posicionamiento absoluto */
.accordion-button::after {opacity: 1;} /* Asegura que el ícono personalizado sea visible */
.accordion-button::after {background-image: none !important;} /* Elimina el ícono por defecto de Bootstrap */

/* FIN PREGUNTAS FRECUENTES */

.btn_contact {
    background: #45A7EE;
    margin: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 5em;
    border: none;
    color: #fff;
    font-family: Gotham;
    font-size: 1.1vw;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}
.btn_contact:hover {background: var(--main_clr);}