/* RESET */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* FONTS */
.alumni-sans-pinstripe-regular {
  font-family: "Alumni Sans Pinstripe", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.alumni-sans-pinstripe-regular-italic {
  font-family: "Alumni Sans Pinstripe", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.slackey-regular {
  font-family: "Slackey", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.butcherman-regular {
  font-family: "Butcherman", system-ui;
  font-weight: 400;
  font-style: normal;
}

.league-script-regular {
  font-family: "League Script", cursive;
  font-weight: 400;
  font-style: normal;
}

.poiret-one-regular {
  font-family: "Poiret One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* VARS */
:root {
    --primary-color: #72195aa2;
    --secondary-color: #6b5ca5d2;
    --text-color: #FFE66D;
    --blue-color:#C6D8FF;
    --background-color: rgb(185, 43, 43);
    --dark-color:#262a1ead;
    --dark-color-2:#332e28b7;
    --rose-color:#E7B2A6;
    --grey-color: #58584E;
    --red-color: #D93330;
    --blue-color: #BBD7F4;
    --tomato-color:#DB4E45;
}

body { 
  margin:0;
  font-size: 20px;
  letter-spacing: 3px;
  line-height: 1.6; 
  color: var(--text-color); 
}

/* HEADER HERO */
.fondo {
    height: 100%;
    width:100%;
    position: fixed;
}   

#parallax-bg {
    position:fixed;
    top:0;
    left:0;
    margin: 0 auto;
    width:100%;
    height:8000%;  
    background-image: url("../../img/madcool.jfif");
    background-repeat: repeat-y;
    background-size: 100% auto;
    opacity: 0.5;
    z-index: -1;
  }

/* navbar del ancho de la página */
.nav{
    display: flex;
    justify-content: center;
    padding: 10px 0;    
    width:100%;
}

header {
    text-align: center;
    margin:0px;
}

header .titulo{
    margin: 0px auto;
    margin-bottom: 100px;
    opacity: 1;
/*    width: 60%;
    background-color:#7a00007a;
    border:#D93330 solid 12px;
    border-radius: 50% ;
    */
}

header h1 { font-size: 3em; margin-bottom: 10px; }
header p { font-size: 1.5em; margin-bottom: 20px; }

/* BUTTON */
.btn {
    display: inline-block;
    padding: 10px 20px;
    background:  var(--red-color);
    color: white;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
  opacity: 0.7;
}

.btn-light{
  font-size: 1.5em;
}

/* SECTION */
.section {
  padding: 40px 2%;
  min-height: 10vh;
  opacity:0;
  transform: translateY(30px);
  transition: all 1s ease;;
}

.section.visible {
    opacity: 1;
    transform: translateY(0);
}

.background-color-dark {
    background-color: var(--dark-color-2);
}

.background-color-light {
    background-color: #555f5fd2;
}

section h2 {
    font-size: 2em;
    color: var(--blue-color);
    margin-bottom: 15px;
    text-align: center;
}
section img {
  width:100%;
}
.hotel-list img {
    width: 100%;
    border-radius: 8px;
}
.hotel {
    margin-top: 20px;
}
/* FOOTER */
footer {
      text-align: center;
      padding: 20px;
      background: var(--primary-color);
      font-size: 0.9em;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: #0000001a;
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  box-shadow:
    inset 0 0.5em 1.5em #0000001a,
    inset 0 0.125em 0.5em #00000026;
}
.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}
.bi {
  vertical-align: -0.125em;
  fill: currentColor;
}
.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}
.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {
  z-index: 1500;
}
.bd-mode-toggle .bi {
  width: 1em;
  height: 1em;
}
.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}

img:hover {
  scale: 1.2;
  transition: scale 0.3s ease-in-out;
}