@font-face {
  font-family: Circular_STD_Black;
  font-style: normal;
  font-weight: normal;
  src: url(/assets/fonts/CircularStd-Black_0.otf);
}
@font-face {
  font-family: Circular_STD_Normal;
  font-style: normal;
  font-weight: normal;
  src: url(/assets/fonts/CircularStd-Book_0.otf);
}
p,
a {
  font-family: Circular_STD_Normal, sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: Circular_STD_Black, sans-serif;
}

a {
  text-decoration: none !important;
}

.button__register {
  background: #102649;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 20px;
}

.bg--expoelectrica {
  background-color: #102649;
}

.nav-link svg {
  width: 1.5rem;
  height: 1.5rem;
}

.bg-navbar-light {
  background: rgba(255, 255, 255, 0.2) !important; /* Color del div con transparencia */
  -webkit-backdrop-filter: blur(10px) !important;
          backdrop-filter: blur(10px) !important;
}
.bg-navbar-light a {
  color: white !important;
}
.bg-navbar-light .nav--button--expoelectrica {
  border-color: #09195b;
}
.bg-navbar-light .nav-item .nav-link svg path {
  fill: #10065c;
}

.nav--button--expoelectrica {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  background: rgb(16, 38, 73);
  color: #fff !important;
  padding: 0.8rem 2rem !important;
  border-radius: 40px;
  font-size: 1rem !important;
  transition: background-color 0.5s ease;
  border: 2px solid rgb(255, 255, 255);
  animation: cambioColor 2s infinite alternate;
}
.nav--button--expoelectrica:hover {
  color: #fff !important;
}

@keyframes cambioColor {
  0% {
    background-color: #0a74bb;
  }
  50% {
    background-color: #09195b;
  }
  100% {
    background-color: #10065c;
  }
}
.container__banner__expoelectrica {
  height: 500px;
  background-color: aqua;
  background-image: url(/assets/img/events/Banner_ExpoElectrica.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 10% 40%;
  position: relative;
  z-index: 7;
}
.container__banner__expoelectrica::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: linear-gradient(0deg, rgba(16, 38, 73, 0.7), rgba(0, 0, 0, 0.475));
  z-index: 8;
}
.container__banner__expoelectrica .banner__expoelectrica {
  z-index: 9;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  height: 100%;
  color: #fff;
}
.container__banner__expoelectrica .banner__expoelectrica span {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 300;
  font-size: 0.8rem;
}
.container__banner__expoelectrica .banner__expoelectrica h1 {
  margin: 1rem 0 1.2rem 0;
}
.container__banner__expoelectrica .banner__expoelectrica p {
  color: rgba(255, 255, 255, 0.8705882353);
}
.container__banner__expoelectrica .banner__expoelectrica a {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.container__banner__expoelectrica .banner__expoelectrica a:hover svg {
  transition: all 300ms ease-in;
  transform: translateY(5px);
}

.container__info {
  margin: 5rem 0;
}
.container__info .info__event h2 {
  background: linear-gradient(158deg, #102649 -6.24%, #2b6fdc 60.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container__info .info__event .info__event__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  margin: 2rem 0;
  gap: 1rem;
}
.container__info .info__event .info__event__item .steps {
  font-size: 3rem;
  -webkit-text-stroke: 1px rgb(5, 5, 5);
  text-stroke: 1px rgb(255, 255, 255);
  color: transparent;
}
.container__info .info__event .info__event__item span {
  font-weight: 700;
  font-size: 1.3rem;
}
.container__info .info__event .info__event__item p {
  margin: 0;
  text-wrap: balance;
}
.container__info .info__event .info__event__item p span {
  font-weight: bold !important;
}
.container__info .info__event .info__event__item a {
  background: #102649;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 20px;
}
.container__info .info__event .info__event__item a:hover {
  color: #fff;
}
.container__info .info__date {
  position: relative;
}
.container__info .info__date .info__date__card {
  position: sticky;
  top: 100px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin: 0;
}
.container__info .info__date .info__date__card svg path {
  fill: #102649;
}
.container__info .info__date .info__date__card .date__card__head {
  border-radius: 10px 10px 0 0;
  padding: 1rem 0;
  text-align: center;
  color: #fff;
  background: linear-gradient(190deg, #102649 -6.24%, #12428f 60.04%);
}
.container__info .info__date .info__date__card .date__card__head span {
  font-size: 2rem;
  font-weight: 500;
}
.container__info .info__date .info__date__card .date__card__body {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.container__info .info__date .info__date__card .date__card__body span:last-child {
  font-weight: 700;
}
.container__info .info__date .info__date__card .date__card__footer {
  padding: 2rem;
  display: grid;
  place-content: center;
}
.container__info .info__date .info__date__card .date__card__footer a {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  background: rgb(16, 38, 73);
  color: #fff;
  padding: 1rem 1rem;
  border-radius: 40px;
  width: 300px;
}
.container__info .info__date .info__date__card .date__card__footer a:hover {
  color: #fff;
}

.container__guia__registro .guia__registro__title {
  text-wrap: balance;
}
.container__guia__registro .guia__registro__title h2 {
  background: linear-gradient(158deg, #102649 -6.24%, #2b6fdc 60.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container__guia__registro .guia__registro__steps {
  padding: 1rem;
}
.container__guia__registro .guia__registro__steps .step__icon svg {
  width: 50px;
  height: 50px;
  fill: #102649;
}
.container__guia__registro .guia__registro__steps .step__info {
  display: flex;
  justify-content: center;
  align-items: start;
}
.container__guia__registro .guia__registro__steps .step__info h3 {
  font-size: 1.2rem;
}
.container__guia__registro .guia__registro__title span {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 300;
  font-size: 0.8rem;
}
.container__guia__registro .guia__registro__title img {
  width: 15rem;
  margin: 1rem 0;
}
.container__guia__registro .guia__registro__title p strong {
  font-weight: bold;
}

.container__itinerario {
  margin: 5rem 0;
}
.container__itinerario .col-md-4:hover {
  transform: translateY(1rem);
}
.container__itinerario .itinerario__card {
  background-color: #102649;
  border-radius: 20px;
}
.container__itinerario .itinerario__card:first-child .itinerario__card__head {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 99;
}
.container__itinerario .itinerario__card:first-child .itinerario__card__head::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://as2.ftcdn.net/v2/jpg/03/69/02/79/1000_F_369027912_We8uNIXh1uilNOJ88vlnLSjtj2fdCGGZ.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 20px 20px 0 0;
  z-index: 90;
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.671) 10%, transparent);
          mask-image: linear-gradient(rgba(0, 0, 0, 0.671) 10%, transparent);
}
.container__itinerario .itinerario__card .itinerario__card__head {
  border-radius: 20px 20px 0 0;
  height: 250px;
}
.container__itinerario .itinerario__card .itinerario__card__body {
  padding: 0.5rem 2rem;
  color: #fff;
  transform: translateY(-1rem);
  background: linear-gradient(transparent, rgba(16, 38, 73, 0.128) 80%);
}
.container__itinerario .itinerario__card .itinerario__card__body h2 {
  font-size: 3rem;
  -webkit-text-stroke: 1px rgb(255, 255, 255); /* Para navegadores webkit (Chrome, Safari, etc.) */
  text-stroke: 1px rgb(255, 255, 255); /* Para navegadores que soportan la propiedad text-stroke */
  color: transparent;
}
.container__itinerario .itinerario__card .itinerario__card__footer {
  padding: 0.5rem 2rem;
  color: #fff;
  border-radius: 0 0 20px 20px;
}

.container__revelation__product {
  margin-bottom: 1rem !important;
  margin: 10rem 0;
  text-align: center;
  text-wrap: balance;
}
.container__revelation__product .revelation__product__subtitle {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 300;
  font-size: 0.8rem;
}
.container__revelation__product h2 {
  background: linear-gradient(158deg, #102649 -6.24%, #2b6fdc 60.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container__revelation__product .revelation__product__item {
  display: flex;
  flex-direction: column;
}
.container__revelation__product .revelation__product__item .number {
  font-size: 3rem;
  font-weight: bold;
  background: linear-gradient(158deg, #2b6fdc -6.24%, #102649 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container__revelation__product .revelation__product__item span:nth-child(2) {
  text-transform: uppercase;
}
.container__revelation__product .revelation__product__location {
  font-weight: 700;
  margin: 1rem 0 3rem 0;
}
.container__revelation__product .revelation__product__location span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.container__revelation__product a {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  background: rgb(16, 38, 73);
  color: #fff;
  padding: 1rem 1rem;
  border-radius: 40px;
  width: 300px;
}
.container__revelation__product a:hover {
  color: #fff;
}

.container__product__new {
  text-align: center;
}
.container__product__new img {
  width: 500px;
  height: 500px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (width < 500px) {
  .itinerario__card {
    margin-top: 1rem;
  }
  .date__card__footer a {
    width: 80%;
  }
  .container__info,
  .container__guia__registro,
  .container__itinerario,
  .container__revelation__product,
  .container__product__new,
  .banner__expoelectrica {
    padding: 0 1rem !important;
  }
  .navbar-brand {
    width: 40% !important;
    display: grid;
    place-content: center;
  }
  .navbar-brand img {
    width: 80% !important;
  }
  .container__revelation__product a {
    color: rgb(16, 38, 73);
    background: transparent;
    text-align: center;
    padding: 0;
    font-weight: bold !important;
  }
  .container__product__new img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.modal_aviso {
  background-color: #102649;
  color: #fff;
}

.modal-content {
  border-radius: 10px !important;
}

.modal-body {
  padding: 0 !important;
  margin: 0 !important;
}

.pop_up__description__body h2 {
  font-size: 1.5rem;
  margin: 1rem 0;
}

.pop_up__description__footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pop_up__description__footer span {
  font-size: 0.8rem;
  letter-spacing: 5px;
}
.pop_up__description__footer p {
  margin: 0.5rem 0 1.5rem 0;
  font-size: 0.8rem;
  font-weight: lighter;
}
.pop_up__description__footer a {
  text-align: center;
  background: #fff;
  color: #10065c;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 0.5rem 0rem;
  width: 70%;
  border-radius: 100px;
}

.revelation__product__item span:not(.number) {
  font-size: 0.6rem;
}

.pop__up__content {
  background-color: #102649;
  border-radius: 10px;
}

.pop_up__avisos__image {
  background-image: url(/assets/img/events/Banner_ExpoElectrica.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 10% 40%;
  border-radius: 10px 0 0 10px;
  position: relative;
}
.pop_up__avisos__image img {
  position: absolute;
  top: 1rem;
  left: 0;
  width: 12rem;
}

.pop_up__description__header .revelation__product__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.pop_up__description__header .revelation__product__item .number {
  -webkit-text-stroke: 1px rgb(14, 92, 148);
  color: #0a74bb;
  font-size: 1.8rem;
  font-weight: bold;
}

.container__calendar .calendar__title {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
}
.container__calendar .calendar__title span {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 300;
  font-size: 0.8rem;
}

.calendar {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.week {
  display: flex;
}

.day {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #dee2e6;
  margin: 2px;
  cursor: pointer;
}

.selectable {
  background-color: #e9ecef;
  cursor: pointer;
}

.selectable:hover {
  background-color: #adb5bd;
}

.container__luismiguel {
  margin: 10rem 0;
}
.container__luismiguel .luismiguel__fotos .luis__miguel__content {
  display: flex;
  justify-content: center;
  align-self: center;
  width: 100%;
  height: 100% !important;
}
.container__luismiguel .luismiguel__fotos .luis__miguel__content .luismiguel__fotos__window__1 {
  width: 200px;
  height: 300px !important;
  background-color: #09195b;
  background-image: url("https://luismigueloficial.com/themes/lm/assets/images/lm-home-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.container__luismiguel .luismiguel__fotos .luis__miguel__content .luismiguel__fotos__window__2 {
  width: 200px;
  height: 300px !important;
  background-color: #09195b;
  background-image: url("https://luismigueloficial.com/themes/lm/assets/images/lm-home-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translate(10px, 30px);
}
.container__luismiguel .luismiguel__info {
  display: flex;
  justify-content: center;
  align-self: center;
  flex-direction: column;
}
.container__luismiguel .luismiguel__info span {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 300;
  font-size: 0.8rem;
}/*# sourceMappingURL=styles-events.css.map */