:root {
  --roomie-green: #14ea73;
  --roomie-dark: #0a0e27;
  --roomie-blue: #1a1f3a;
  --yellow-error: #fdff87;
}

html {
  scroll-behavior: auto !important;
}

body {
  background-color: #000;
  color: #fff;
  font-family: "BWHaasGroteskWeb", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4;
  background-image: url("../img/RoomieSummit_Fondo_SinFiguras_Mob.jpg?v=4");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}

.img-brand {
  max-width: 200px;
  height: auto;
}

.nav-item {
  font-family: "BWHaasGroteskWeb", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  background: linear-gradient(var(--roomie-green), var(--roomie-green)) no-repeat top center/2px 2rem;
  padding-top: 2.2rem;
  margin-left: 2.5rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  text-align: center;
}
.nav-item .small {
  font-size: 0.8rem;
}
.nav-item:last-child {
  padding-top: 0.3rem;
  background: none;
}

.font-bw-black {
  font-family: "BWHaasGroteskWeb";
  font-weight: 900;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "JetBrainsMono";
  font-weight: 800;
}

strong,
.strong {
  font-family: "BWHaasGroteskWeb";
  font-weight: 900;
  letter-spacing: 1px;
}

blockquote {
  font-family: "JetBrainsMono";
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.3;
  text-transform: uppercase;
}

.venue-info {
  font-family: "JetBrainsMono";
  font-weight: 600;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: var(--roomie-green);
}

.border-rgreen {
  border-top: 1px solid var(--roomie-green);
  padding-top: 0.5rem;
}

.day-info .fs-3 {
  font-size: calc(1.1rem + 0.6vw) !important;
}

.txt_resaltar {
  color: var(--roomie-green);
}

.swiper-pagination {
  margin-top: 5rem;
}

.swiper-pagination-bullet {
  background: #ccc !important;
  width: 0.8rem;
  height: 0.8rem;
}

.swiper-pagination-bullet-active {
  background: var(--roomie-green);
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -0.2rem;
}

.agenda-table table {
  margin: 0;
  font-size: 0.9rem;
}

.agenda-table th {
  background: var(--roomie-green);
  color: var(--roomie-dark);
  font-family: "JetBrainsMono";
  font-weight: 800;
  padding: 0.5rem 1rem;
  border: none;
}
.agenda-table th:first-child {
  width: 40%;
}
.agenda-table th:nth-child(2) {
  width: 38%;
}

.agenda-table td {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(97, 97, 97, 0.8);
  color: white;
  vertical-align: middle;
  background-color: #000;
}

.agenda-table tr:last-child td {
  border-bottom: none;
}

.img-blur {
  filter: blur(0.03rem);
  -webkit-filter: blur(0.03rem);
}

.keynote-speaker-text {
  font-size: 1rem;
  margin: 0.5rem 0;
  line-height: 1.2;
}

.speaker-text {
  font-size: 0.9rem;
  margin: 0.5rem 0;
  line-height: 1.2;
}

.panel-title {
  font-family: "BWHaasGroteskWeb", sans-serif;
  font-weight: 500;
}

footer {
  background-color: #000;
  font-size: 0.8rem;
}
footer img {
  max-width: 200px !important;
  height: auto;
}

.spacer-py-1 {
  padding: 0.5rem 0;
}

.spacer-py-3 {
  padding: 0.5rem 0;
}

.form-container {
  background: var(--roomie-green);
  color: var(--roomie-dark);
  padding: 1rem 1.5rem;
  border-radius: 15px;
  font-size: 1rem;
}

.form-control {
  background-color: #08c25a;
  border: 1px solid #4fff9d;
}
.form-control:focus {
  background-color: #08c25a;
  border: 1px solid #4fff9d;
}

.form-container {
  background: var(--roomie-green);
  color: var(--roomie-dark);
  padding: 1.5rem 2rem;
  border-radius: 15px;
  font-size: 1.1rem;
}

.form-label {
  font-size: 0.85rem;
  font-weight: 500;
  margin: 0 0 0.25rem 0;
}

.form-check-label {
  font-size: 0.85rem;
  color: #000;
}

.form-control {
  background-color: #08c25a;
  border: 1px solid #4fff9d;
  font-size: 0.8rem;
  color: #000;
}
.form-control:focus {
  background-color: #fff;
  border: 1px solid #4fff9d;
}

.form-select {
  background-color: #08c25a;
  border: 1px solid #4fff9d;
  font-size: 0.8rem;
  margin-bottom: 0;
}
.form-select:focus {
  background-color: #fff;
  border: 1px solid #4fff9d;
}

label.is-invalid {
  color: var(--yellow-error);
  font-size: 0.75rem;
  font-weight: 500;
}

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: inherit;
  font-size: 1rem;
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: var(--yellow-error);
}

.form-check-input.is-invalid {
  width: 1em;
  height: 1em;
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: var(--yellow-error);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ffff00'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffff00' stroke='none'/%3e%3c/svg%3e");
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active,
.btn-registro {
  font-family: "JetBrainsMono";
  font-weight: 600;
  background-color: #000;
  color: #fff;
}
.btn-check:checked + .btn:hover, .btn-check:checked + .btn:active,
.btn.active:hover,
.btn.active:active,
.btn.show:hover,
.btn.show:active,
.btn:first-child:active:hover,
.btn:first-child:active:active,
:not(.btn-check) + .btn:active:hover,
:not(.btn-check) + .btn:active:active,
.btn-registro:hover,
.btn-registro:active {
  background-color: #000;
  color: var(--roomie-green);
}
.btn-check:checked + .btn:hover i, .btn-check:checked + .btn:active i,
.btn.active:hover i,
.btn.active:active i,
.btn.show:hover i,
.btn.show:active i,
.btn:first-child:active:hover i,
.btn:first-child:active:active i,
:not(.btn-check) + .btn:active:hover i,
:not(.btn-check) + .btn:active:active i,
.btn-registro:hover i,
.btn-registro:active i {
  color: #000;
}
.btn-check:checked + .btn i,
.btn.active i,
.btn.show i,
.btn:first-child:active i,
:not(.btn-check) + .btn:active i,
.btn-registro i {
  width: 30px;
  height: 30px;
  background-color: var(--roomie-green);
  border-radius: 50%;
  align-content: center;
}

.small {
  font-size: 0.9rem;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.swiper-slide,
.main-panel .col-md-4 {
  text-align: center;
}
.swiper-slide img,
.main-panel .col-md-4 img {
  max-width: 300px;
  height: auto;
}
.swiper-slide img.sponsor,
.main-panel .col-md-4 img.sponsor {
  max-width: 200px;
  height: auto;
}
.swiper-slide p.speaker-text,
.main-panel .col-md-4 p.speaker-text {
  max-width: 300px;
  margin: 0.3rem auto;
  text-align: center;
}

.swiper-button-next,
.swiper-button-prev {
  color: #fff;
  opacity: 0.8;
}

.summit-logo,
.roomie-isotipo {
  max-width: 80%;
}

.modal-backdrop {
  opacity: 0.8 !important;
}

.modal-speaker h5,
.modal-alert h5 {
  font-size: 2.2rem;
}
.modal-speaker .modal-content,
.modal-alert .modal-content {
  color: #fff;
  background-color: #000;
  border-radius: 1.2rem;
}
.modal-speaker .modal-body,
.modal-alert .modal-body {
  font-size: 0.95rem;
  padding: 1rem 1.5rem;
}
.modal-speaker .modal-header,
.modal-alert .modal-header {
  border-bottom: none;
  color: #16ea73;
  padding: 0.5rem 1.5rem;
}
.modal-speaker .modal-footer,
.modal-alert .modal-footer {
  border-top: none;
}
.modal-speaker .btn-close,
.modal-alert .btn-close {
  width: 0.5em;
  height: 0.5em;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2314ea73'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

a.view-more {
  font-family: "JetBrainsMono";
  font-weight: 400;
  color: var(--roomie-green);
  text-decoration: none;
}
a.view-more:hover {
  color: #fff;
}

/* Media Queries */
@media (min-width: 992px) {
  body {
    font-size: 1.3rem;
    background-image: url("../img/RoomieSummit_Fondo_SinFiguras.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .summit-logo,
  .roomie-isotipo {
    max-width: 100%;
  }
  .nav-item {
    background: linear-gradient(var(--roomie-green), var(--roomie-green)) no-repeat top center/2px 4rem;
    padding-top: 4.2rem;
  }
  .nav-item:last-child {
    background: linear-gradient(var(--roomie-green), var(--roomie-green)) no-repeat top center/2px 4rem;
    padding-top: 4.2rem;
  }
  .spacer-py-1 {
    padding: 1rem 0;
  }
  .spacer-py-3 {
    padding: 3rem 0;
  }
  blockquote {
    font-size: 1.8rem;
  }
  .form-container {
    padding: 1.5rem 2rem;
    border-radius: 15px;
    font-size: 0.9rem;
  }
  .swiper-slide,
  .main-panel .col-md-4 {
    text-align: center;
  }
  .swiper-slide img,
  .main-panel .col-md-4 img {
    max-width: 300px;
    height: auto;
  }
  .swiper-slide img.sponsor,
  .main-panel .col-md-4 img.sponsor {
    max-width: 300px;
    height: auto;
  }
  .swiper-slide p.speaker-text,
  .main-panel .col-md-4 p.speaker-text {
    max-width: 300px;
    margin: 0.3rem auto;
    text-align: center;
  }
  .agenda-table table {
    margin: 0;
    font-size: 1rem;
  }
  .agenda-table th {
    padding: 0.7rem 2.5rem;
  }
  .agenda-table td {
    padding: 0.7rem 2.5rem;
  }
  .venue-info {
    font-size: 1.8rem;
  }
  .border-rgreen {
    border-top: 3px solid var(--roomie-green);
    padding-top: 0.5rem;
  }
  .day-info .fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
}/*# sourceMappingURL=styles.css.map */