@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


.chakra-petch-light {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.chakra-petch-regular {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.chakra-petch-medium {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.chakra-petch-semibold {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.chakra-petch-bold {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.chakra-petch-light-italic {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.chakra-petch-regular-italic {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.chakra-petch-medium-italic {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.chakra-petch-semibold-italic {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.chakra-petch-bold-italic {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: italic;
}


body {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
}

.txt_light {
  font-weight: 300;
}
.video-section {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

/* Solo en responsive: cargar bg1.gif con cover y transparencia 0.5 */
@media (max-width: 768px) {
  .video-section {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('assets/img/varios/bg1.gif') center/cover no-repeat;
  }
}

.video-section video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -2;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(59, 1, 90, 0.5); /* #3B015A con 50% de opacidad */
  z-index: -1;
}

.video-content {
  position: relative;
  color: white;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
}

/* RESPONSIVE: quitar height en pantallas pequeñas */
@media (max-width: 768px) {
  .video-section {
    height: auto;
  }

  .video-section video {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    min-width: 100%;
    min-height: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .video-overlay {
    position: absolute; /* si no quieres overlay en móvil, cambia a relative o quita esta regla */
    height: 100%;
  }

  .video-content {
    top: auto;
    transform: none;
    padding: 1.25rem 0;
  }
}

.light{
  color: #B69FC2;
}

.form-home{
  width:100%;
  border-radius:5px;
  padding:5px;
  background-color: transparent;
  color: #fff !important;
  border: 1px solid #fff;
}

.form-home::placeholder {
  color: #fff !important;
  opacity: 1; /* Firefox */
  font-size:13px;
}

.bg-sec2{
  background: #32012C;
background: linear-gradient(135deg, rgba(50, 1, 44, 1) 0%, rgba(33, 1, 51, 1) 50%);
}

.bg-sec2-inv {
  background: rgba(33, 1, 51, 1);
}

.bg_morado_trans1{
  background: rgba(46, 6, 38, 0.7);
}

.bg_morado_trans2{
  background: rgba(58, 0 , 90, 0.7);
}

.footer_bg{
background: #750075;
background: linear-gradient(180deg, rgba(117, 0, 117, 1) 0%, rgba(37, 1, 61, 1) 50%);
}

.btn_bco{
  background-color: #fff; 
  text-decoration:none;
  color: #3B015A;
  font-weight:bolder;
}