:root {
  --background: #000;
  --rojo-vino: #200606;
  --secundary-color: #450000;
  --rojo-vino-claro: #780000;
  --primary-color: #b00;
  --white: white;
  --naranja-claro: #ff9e42;
  --naranja-oscuro: #ff1800;
  --amarillo: #ffb805;
  --amarillo-blanco: #ffeee4;
  --amarillo-claro: #ffd681;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.right {
  background-image: url("https://cdn.prod.website-files.com/6940300049828c68385e1fd7/6940300049828c68385e1fdc_Capa_1.svg");
  background-position: 0 0;
  background-size: cover;
  width: 50%;
  position: relative;
}

.right.form {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 530px;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.background-color-bootcamp {
  background-color: #0b0000;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.logo-bootcamp {
  width: 125px;
}

.container-bootcamp {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
}

.h1-bootcamp {
  color: var(--white);
  text-align: center;
  text-shadow: 0 0 #fff0, 0 3.6px 2px #ffffff06, 0 7.2px 4.1px #ffffff07, 0 10.8px 6.1px #ffffff08, 0 14.6px 8.1px #ffffff09, 0 18.6px 10.2px #ffffff09, 0 22.9px 12.3px #ffffff0a, 0 27.5px 14.4px #ffffff0a, 0 32.7px 16.6px #ffffff0a, 0 38.6px 18.8px #ffffff0b, 0 45.5px 21.2px #ffffff0b, 0 53.7px 23.6px #ffffff0b, 0 63.8px 26.3px #ffffff0b, 0 76.5px 29.1px #ffffff0b, 0 92.9px 32.3px #ffffff0c, 0 115.3px 36.1px #ffffff0c, 0 147.3px 40.8px #ffffff0c, 0 197.5px 47.1px #ffffff0d, 0 291.9px 57.6px #ffffff0e;
  max-width: 1280px;
  font-family: Inter Variablefont Opsz Wght, Arial, sans-serif;
}

.text-description-bootcamp {
  color: var(--white);
  text-align: center;
  font-family: Inter Variablefont Opsz Wght, Arial, sans-serif;
  font-weight: 200;
}

.wrap-video-bootcamp {
  z-index: 100;
  border-radius: 24px;
  width: 80%;
  margin-top: 40px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 #fff0, 0 .3px #ffffff07, 0 .7px #ffffff09, 0 1.1px .1px #ffffff0a, 0 1.7px .2px #ffffff0b, 0 2.5px .5px #ffffff0b, 0 3.8px .9px #ffffff0c, 0 5.5px 1.5px #ffffff0c, 0 8px 2.4px #ffffff0c, 0 11.6px 3.9px #ffffff0d, 0 16.9px 6px #ffffff0d, 0 24.5px 9.2px #ffffff0d, 0 36px 14px #ffffff0e, 0 53.9px 21.7px #ffffff0e, 0 84.1px 34.6px #ffffff0f, 0 144.8px 60.8px #ffffff10;
}

.button-2 {
  z-index: 100;
  background-color: #d9131d;
  border-radius: 12px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 14px 42px;
  font-family: Inter Variablefont Opsz Wght, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: box-shadow .5s, background-color .5s;
  position: relative;
  box-shadow: 0 0 #d9131d00, 0 1.7px 11.5px #d9131da6, 0 5px 25px #d9131dbc;
}

.button-2:hover {
  background-color: #29ed7e;
  box-shadow: 0 1.8px 5.8px #29ed7e, 0 3.9px 11.7px #29ed7e, 0 6.7px 18px #29ed7e;
}

.section-bootcamp {
  background-image: radial-gradient(circle, #0b0000bf, #0b0000 80%), url("https://cdn.prod.website-files.com/6940300049828c68385e1fd7/69bc47453ab5d8bdeae2a309_svg-754397234_1708.png");
  background-position: 0 0, 50%;
  flex-flow: column;
  align-items: center;
  padding: 20px 5px;
  display: flex;
}

.seating-section {
  background-color: #0a0a0a;
  justify-content: center;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.seating-wrap {
  width: 1000px;
  height: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.seating-table {
  background-color: #d4d4d4;
  border: 2px solid #4db8ff;
  border-radius: 36px;
  flex-direction: column;
  justify-content: space-around;
  width: 210px;
  height: 636px;
  display: flex;
  position: absolute;
  top: 107px;
  left: 345px;
  overflow: hidden;
}

.seat-base {
  border-radius: 14px;
  width: 58px;
  height: 58px;
  position: absolute;
}

.seat-green {
  background-color: #27ae60;
}

.seat-red {
  background-color: #c0392b;
}

.seat-label {
  z-index: 10;
  color: #fff;
  white-space: nowrap;
  font-family: sans-serif;
  font-size: 13px;
  line-height: 1.5;
  position: absolute;
}

.seat-label-title {
  color: #fff;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 700;
  display: block;
}

.seat-top-left {
  top: 35px;
  left: 367px;
}

.seat-top-right {
  top: 35px;
  left: 477px;
}

.seat-left-1 {
  top: 157px;
  left: 275px;
}

.seat-right-1 {
  top: 157px;
  left: 567px;
}

.seat-left-2 {
  top: 316px;
  left: 275px;
}

.seat-right-2 {
  top: 316px;
  left: 567px;
}

.seat-left-3 {
  top: 475px;
  left: 275px;
}

.seat-right-3 {
  top: 475px;
  left: 567px;
}

.seat-left-4 {
  top: 634px;
  left: 275px;
}

.seat-right-4 {
  top: 634px;
  left: 567px;
}

.seat-bottom-left {
  top: 757px;
  left: 367px;
}

.seat-bottom-right {
  top: 757px;
  left: 477px;
}

.label-right-1 {
  top: 157px;
  left: 645px;
}

.label-left-2 {
  top: 316px;
  left: 40px;
  right: 640px;
}

.label-right-3 {
  top: 475px;
  left: 645px;
}

.label-left-4 {
  top: 634px;
  left: 40px;
  right: 640px;
}

.label-right-4 {
  top: 634px;
  left: 645px;
}

.connector-line-right, .connector-line-left {
  background-color: #888;
  height: 1px;
  position: absolute;
  top: 10px;
}

.conn-r1 {
  width: 20px;
  top: 193px;
  left: 627px;
}

.conn-r3 {
  width: 20px;
  top: 511px;
  left: 627px;
}

.conn-r4 {
  width: 20px;
  top: 670px;
  left: 627px;
}

.conn-l2 {
  width: 20px;
  top: 345px;
  right: 609px;
}

.conn-l4 {
  width: 20px;
  top: 663px;
  right: 609px;
}

.table-grid-line {
  opacity: .6;
  background-color: #b0b0b0;
  flex-shrink: 0;
  width: 100%;
  height: 1px;
  display: block;
}

.table-grid-vert {
  z-index: 1;
  opacity: .6;
  background-color: #b0b0b0;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
}

.seating-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  max-width: 783px;
  height: 100%;
  display: flex;
  position: relative;
}

.seating-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-radius: 51px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 180px;
  min-width: 180px;
  height: 500px;
  display: grid;
  overflow: hidden;
}

.celda-mesa {
  z-index: 50;
  background-color: #d9d9d9;
}

.left-asientos {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 60px;
  max-width: 60px;
  height: 390px;
  display: grid;
}

.left-asientos.right {
  transform: rotate(180deg);
}

.asientos-bloques {
  background-color: #d9131d;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.asientos-bloques.verde {
  background-color: #29ed7e;
}

.asientos-bloques.verde._8 {
  background-color: #d9131d;
}

.asientos-bloques.scale {
  transition: transform .3s;
}

.asientos-bloques.scale:hover {
  transform: scale(1.1);
}

.text-spot {
  color: var(--white);
  text-shadow: 0 0 #fff0, 0 .1px .2px #fff4, 0 .9px 1.9px #ffffff4e, 0 5.1px 10.9px #fff5;
  font-family: Inter Variablefont Opsz Wght, Arial, sans-serif;
  font-weight: 700;
}

.block-text-asientos {
  flex-flow: column;
  display: flex;
}

.text-block-8, .text-block-9 {
  color: var(--white);
  font-family: Inter Variablefont Opsz Wght, Arial, sans-serif;
  font-weight: 200;
}

.wrap-text-vector {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: flex-start;
  margin-top: 150px;
  display: flex;
}

.wrap-text-vector._5, .wrap-text-vector._3 {
  margin-top: 50px;
}

.wrap-text-vector._5, .wrap-text-vector._3 {
  margin-top: 50px;
}

.wrap-text-vector._4 {
  margin-top: 150px;
}

.wrap-text-vector._2 {
  justify-content: flex-end;
  align-items: flex-start;
}

.wrap-text-vector._6 {
  margin-top: 20px;
}

.image-13 {
  width: 88px;
  padding-top: 5px;
}

.image-13.right {
  transform: rotate(180deg);
}

.wrap-container-text {
  flex-flow: column;
  justify-content: center;
  height: auto;
  display: flex;
}

.wrap-container-text.right {
  background-image: none;
  background-size: auto;
  justify-content: flex-start;
  width: auto;
}

.wrap-h2 {
  flex-flow: column;
  margin-bottom: 50px;
  display: flex;
}

.h2-bootcamp {
  color: var(--white);
  text-align: center;
  font-family: Inter Variablefont Opsz Wght, Arial, sans-serif;
}

.text-block-10 {
  color: var(--white);
  text-align: center;
  font-family: Inter Variablefont Opsz Wght, Arial, sans-serif;
  font-weight: 200;
}

.wrap-asientos {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  padding-bottom: 10px;
  display: flex;
  transform: rotate(0);
}

.wrap-asientos.abajo {
  transform: rotate(180deg);
}

.asiento {
  background-color: #29ed7e;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 75px;
  height: 68px;
  transform: rotate(-15deg);
}

.asiento._2 {
  transform: rotate(15deg);
}

.asiento._2.rojo {
  background-color: #d9131d;
}

.text-block-11 {
  color: #616161;
  text-align: center;
  font-family: Inter Variablefont Opsz Wght, Arial, sans-serif;
  font-size: 12px;
}

.text-block-12 {
  text-align: center;
  font-family: Inter Variablefont Opsz Wght, Arial, sans-serif;
  font-size: 12px;
}

.container-6 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  max-width: 1200px;
  display: flex;
}

.section-3 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.text-block-13 {
  text-align: center;
  font-family: Inter Variablefont Opsz Wght, Arial, sans-serif;
  font-size: 12px;
}

.image-14 {
  display: none;
}

.div-block-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
  position: relative;
  left: -115px;
}

.code-embed-3 {
  display: none;
}

@media screen and (max-width: 991px) {
  .container {
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 20px;
  }

  .right {
    width: 80%;
  }

  .h1-chosen-ones {
    font-size: 30px;
  }

  .wrap-student {
    justify-content: flex-start;
    overflow: auto;
  }

  .h1-bootcamp {
    font-size: 32px;
    line-height: 40px;
  }

  .text-description-bootcamp {
    font-size: 12px;
  }

  .wrap-text-vector._1 {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .image-13, .image-13.right, .image-13.right {
    width: 30%;
  }

  .image-danny {
    left: 20%;
  }

  .container-7 {
    width: 100%;
    max-width: 613px;
    padding-top: 20px;
  }

  .left-free {
    align-items: center;
    width: 100%;
  }

  .image-6 {
    inset: auto 0% 42% 76%;
  }

  .right-2 {
    width: 100%;
  }

  .section-4 {
    justify-content: center;
    display: flex;
  }

  .paragraph-12 {
    text-align: center;
  }

  .image-7 {
    right: -7%;
  }

  .image-2 {
    width: 200px;
    height: 200px;
  }

  .arrow-red-step {
    width: 80px;
    top: 26%;
  }

  .image {
    right: 2%;
  }
}

@media screen and (max-width: 767px) {
  .right {
    background-size: contain;
  }

  .wrap-text-paid {
    width: 100%;
  }

  .h1-bootcamp {
    font-size: 24px;
    line-height: 30px;
  }

  .text-description-bootcamp {
    font-size: 10px;
    line-height: 16px;
  }

  .seating-wrapper, .wrap-text-vector._6, .wrap-text-vector._6, .wrap-asientos, .wrap-asientos.abajo, .wrap-asientos.abajo {
    display: none;
  }

  .image-14 {
    display: block;
  }

  .image-danny {
    left: auto;
  }

  .container-7 {
    max-width: 453px;
  }

  .h1-elite-university {
    text-align: center;
  }

  .image-6 {
    max-width: 25%;
    left: 71%;
  }

  .image--danny {
    left: auto;
  }

  .right-2 {
    background-size: contain;
  }

  .wrap-button-text-2 {
    justify-content: center;
  }

  .image-7 {
    width: 25%;
    right: -2%;
  }

  .card-wrapper {
    flex-flow: row;
    justify-content: flex-start;
    width: 100%;
    overflow: auto;
  }

  .image-2 {
    width: 150px;
    height: 150px;
  }

  .wrap-grid-broker {
    max-width: 568px;
    padding-left: 0;
    padding-right: 0;
  }

  .arrow-red-step {
    width: 50px;
    top: 46%;
    right: 3%;
  }

  .image {
    right: 2%;
  }
}

@media screen and (max-width: 479px) {
  .container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
  }

  .heading-2 {
    text-align: center;
    font-size: 30px;
  }

  .paragraph {
    text-align: center;
  }

  .left {
    align-items: center;
    min-width: 300px;
    max-width: 300px;
  }

  .right {
    background-repeat: no-repeat;
    width: 300px;
    min-width: 250px;
    max-width: 500px;
    height: 300px;
    min-height: 231px;
  }

  .line {
    width: 80%;
  }

  .wrap-policy-privacy {
    max-width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .container-policy {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .wrap-button-text {
    justify-content: center;
  }

  .text-december {
    font-size: 12px;
  }

  .h1-chosen-ones {
    min-width: 320px;
    max-width: 320px;
    font-size: 29px;
  }

  .paragraph-chosen-ones {
    min-width: 320px;
    max-width: 414px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
  }

  .wrap-video {
    width: 95%;
  }

  .button {
    text-align: center;
    min-width: 216px;
    max-width: 216.388px;
    font-size: 12px;
  }

  .text-white-arrow {
    font-size: 12px;
  }

  .wrap-text-arrow-chosen {
    position: relative;
    left: auto;
  }

  .h2-chosen-ones {
    font-size: 28px;
  }

  .text-block-3, .paragraph-7, .text-block-4 {
    font-size: 12px;
  }

  .wrap-text-chosen {
    max-width: 340px;
  }

  .wrap-comunity-gives {
    min-width: 320px;
    max-width: 320px;
  }

  .wrap-student {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .wrap-paid {
    flex-flow: wrap;
    justify-content: center;
  }

  .wrap-text-paid {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .paragraph-8 {
    text-align: center;
    margin-bottom: 0;
    font-weight: 300;
  }

  .container-paid-price {
    max-width: 320px;
  }

  .image-supreme-elite {
    min-width: 150px;
    max-width: 150px;
  }

  .container-4, .container-comunity {
    justify-content: center;
    display: flex;
  }

  .image-10 {
    position: relative;
    left: -4%;
  }

  .paragraph-9 {
    font-size: 12px;
  }

  .h3 {
    text-align: center;
    font-size: .875rem;
  }

  .paragraph-10, .paragraph-11 {
    font-size: 12px;
  }

  .container-bootcamp {
    max-width: 320px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-description-bootcamp {
    padding-left: 16px;
    padding-right: 16px;
  }

  .wrap-video-bootcamp {
    width: 100%;
  }

  .h2-bootcamp {
    font-size: 26px;
    line-height: 30px;
  }

  .text-block-10 {
    font-size: 10px;
    line-height: 16px;
  }

  .image-danny {
    max-width: 250px;
    display: block;
    position: absolute;
    inset: auto 0% 0% 9%;
  }

  .container-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: center;
  }

  .h1-elite-university {
    text-align: center;
    font-size: 30px;
  }

  .image-6 {
    bottom: 24%;
    left: 72%;
  }

  .image--danny {
    width: 100px;
    left: 9%;
  }

  .image-logo.mobile {
    margin-bottom: 20px;
    display: block;
  }

  .right-2 {
    background-repeat: no-repeat;
    min-width: 250px;
    max-width: 333px;
    min-height: 231px;
  }

  .text-december-2 {
    font-size: 12px;
  }

  .wrap-button-text-2 {
    justify-content: center;
  }

  .paragraph-12 {
    text-align: center;
  }

  .image-7 {
    width: 30%;
    display: none;
    right: -49px;
  }

  .wrap-tariner-paragraph {
    max-width: 320px;
  }

  .wrap-training {
    justify-content: flex-start;
    max-width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .image-3 {
    display: none;
    left: 178px;
  }

  .image-3._1 {
    left: 110%;
  }

  .card-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
    justify-content: flex-start;
    width: 100%;
    padding-left: 60px;
    overflow: auto;
  }

  .image-2 {
    width: 200px;
    max-width: none;
    height: 200px;
  }

  .wrap-grid-broker {
    flex-flow: row;
    justify-content: flex-start;
    min-width: auto;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    overflow: auto;
  }

  .image-11 {
    position: relative;
    right: 5%;
  }

  .h2-elite-university {
    font-size: 26px;
  }

  .wrap-steps {
    max-width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .heading-7 {
    font-size: 26px;
  }

  .arrow-red-step {
    width: 60px;
    position: relative;
    left: 40%;
    right: 40%;
  }

  .card-wrapper-inter {
    min-width: 200px;
    max-width: 200px;
  }

  .image {
    right: 26%;
  }

  .h3-2 {
    text-align: center;
    font-size: .875rem;
  }
}