.fondo-fijo {
  z-index: -1 !important;
  position: absolute;
}

.card-fondo {
  background-color: rgba(255,255,255,.85);
}

body {
	font: 300 20px/1.32 'Assistant', sans-serif;
	background-color: #1B2B34;
	background-image: url("../img/2025/background-alma-mater.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

@supports (-webkit-touch-callout: none) {
	body {
      background-image: none;
      background-color: black;
  	}
  	.fondo-fijo {
	  	display: inline !important;
  	}
}

h1, h2, h3, h4, h5, h6 {
  color: #5EA2AE;
  text-shadow: 1px 1px 3px rgb(27, 43, 52);
}

th {
    white-space: nowrap;
}

.bg-info {
	background-color: #5EA2AE !important;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.card-header button {
	font-weight: 800 !important;
}

#inicio h1 {
	font-size: 96px !important;
	color: white !important;
	font-weight: 10 !important;
}

@media screen and (max-width: 1140px) {
  #inicio h1  {
    font-size: 78px !important;
  }
}

@media screen and (max-width: 960px) {
  #inicio h1  {
    font-size: 64px !important;
  }
}

@media screen and (max-width: 540px) {
  #inicio h1  {
    font-size: 48px !important;
  }
}

.navbar-brand img {
	max-height: 72px !important;
}

.fecha-congreso {
	color: #00d9dc !important;
}

.lugar-congreso {
	font-size: 1.5em !important;
	color: #e4e6e8;
}

#sede {
  background-color: rgb(90, 132, 146, .9);
}

.hotel {
  /* background-color: rgba(254,237,2,.50); */
}

.hotel p {
  color: #ffffff;
}

.btn-boleto {
  background-color: #4d5a66;
  color: #ffffff;
}

.btn-boleto:hover {
	color: #ffffff;
}

.conferencistas, .hotel, .container-footer {
  background-color: rgb(20, 28, 35, .8);
}

.texto-sede {
	color: #ffffff;
	font-size: x-large;
}

.img-logo {
	max-height: 76px;
	width: auto;
}

.top-nav {
	background-color: rgb(20, 28, 35, .8);
}

.navbar-brand {
	max-height: 110px;
	width: auto;
}

.precio {
	color: rgba(198,0,81)!important;
	font-size: 2.5em;
}

.precio-desc {
	color: rgb(20, 28, 35, .8) !important;
	font-size: 2.5em;
}

.hotel-img {
	width: 200px;
	height: 200px;
	object-fit: cover;
}

.btn-primary {
	background-color: #4d5a66 !important;
	border-color: #5EA2AE;
}

.btn-primary:hover {
	border-color: #5EA2AE;
}

.wa {
	color: #5EA2AE !important;
	text-decoration: none;
}