@font-face {
  font-family: "Kefa-Regular";
  src: url("fonts/b6e1e126bc19c3e9fe26136203746a13.eot");
  src: url("fonts/b6e1e126bc19c3e9fe26136203746a13.eot?#iefix") format("embedded-opentype"), url("fonts/b6e1e126bc19c3e9fe26136203746a13.woff") format("woff"), url("fonts/b6e1e126bc19c3e9fe26136203746a13.woff2") format("woff2"), url("fonts/b6e1e126bc19c3e9fe26136203746a13.ttf") format("truetype"), url("fonts/b6e1e126bc19c3e9fe26136203746a13.svg#Kefa-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kopitha";
  src: url("fonts/821756549907ad3ea4acc47d829cd359.eot");
  src: url("fonts/821756549907ad3ea4acc47d829cd359.eot?#iefix") format("embedded-opentype"), url("fonts/821756549907ad3ea4acc47d829cd359.woff") format("woff"), url("fonts/821756549907ad3ea4acc47d829cd359.woff2") format("woff2"), url("fonts/821756549907ad3ea4acc47d829cd359.ttf") format("truetype"), url("fonts/821756549907ad3ea4acc47d829cd359.svg#Kopitha") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
* {
  margin: 0px;
  padding: 0px;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  overflow-x: hidden;
  background-image: url("./img/background_te_canarias.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
  font-family: "Kefa-Regular";
  color: #fff;
  font-size: 16px;
}

.bg-amarillo-dg {
  background: rgb(223, 148, 52);
  background: linear-gradient(90deg, rgb(223, 148, 52) 0%, rgb(249, 187, 109) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#df9434",endColorstr="#f9bb6d",GradientType=1);
  color: #573385;
}

.bg-lila-dg {
  background: rgb(119, 84, 172);
  background: linear-gradient(90deg, rgb(119, 84, 172) 0%, rgb(143, 123, 198) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7754ac",endColorstr="#8f7bc6",GradientType=1);
  color: #fff;
}
.bg-lila-dg:hover {
  color: #f9bb6d;
}

.formulario {
  background-color: #573385;
}

.fw-700 {
  font-weight: 700;
}

.fc-1 {
  color: #000;
}

.fc-2 {
  color: #573385;
}

.fc-3 {
  color: #f9bb6d;
}

.ff-2 {
  font-family: "Kopitha";
}

.fs-x2 {
  font-size: 4rem;
}

#portadaBlock {
  overflow: hidden;
  position: relative;
  display: flex;
  height: 100vh;
}
#portadaBlock h1 {
  line-height: 3.2rem;
}
#portadaBlock::before {
  background-image: url("./img/bg_te_canarias.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  position: absolute;
  top: 0;
  left: -100px;
  width: 114%;
  height: 100%;
  z-index: 2;
}
@media (max-width: 768px) {
  #portadaBlock::before {
    background-size: cover;
    top: -30px;
    left: -61px;
    width: 200%;
    height: 51%;
    z-index: 0;
  }
}
#portadaBlock .manoTeDerecha {
  position: absolute;
  width: 475px;
  height: 400px;
  top: -90px;
  right: -5px;
  animation: mover_mano_horizontal_y_rotacion 10s ease-in-out infinite;
}
@media (max-width: 768px) {
  #portadaBlock .manoTeDerecha {
    width: 250px;
    height: 180px;
    top: -9px;
    right: -73px;
  }
}
#portadaBlock .manoTeDerecha img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
#portadaBlock .manoTeIzquierda {
  position: absolute;
  width: 480px;
  height: 430px;
  top: 269px;
  left: -80px;
  animation: mover_mano_horizontal 10s ease-in-out infinite;
}
@media (max-width: 768px) {
  #portadaBlock .manoTeIzquierda {
    width: 230px;
    height: 218px;
    top: 150px;
    left: -80px;
  }
}
#portadaBlock .manoTeIzquierda img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
#portadaBlock .floresDerechaPortada {
  display: none;
}
@media (max-width: 768px) {
  #portadaBlock .floresDerechaPortada {
    display: inline;
    position: absolute;
    width: 283px;
    height: auto;
    bottom: -80px;
    right: -70px;
  }
}
#portadaBlock .floresIzquierdaPortada {
  display: none;
}
@media (max-width: 768px) {
  #portadaBlock .floresIzquierdaPortada {
    display: inline;
    position: absolute;
    width: 300px;
    height: auto;
    bottom: -60px;
    left: -90px;
  }
}
@keyframes scroll-wheel {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  35% {
    transform: translate3d(0, 7px, 0);
    opacity: 1;
  }
  50% {
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
  50.001% {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }
  80% {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }
}
#portadaBlock .section-scroll {
  margin: 0 0 0 -15px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 30px;
  height: 48px;
  cursor: pointer;
  z-index: 3;
}
#portadaBlock .mouse {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 50px;
  border: 2px solid #f9bb6d;
  border-radius: 15px;
}
#portadaBlock .wheel {
  display: block;
  margin: 0 0 0 -2px;
  position: absolute;
  top: 10px;
  left: 50%;
  width: 4px;
  height: 4px;
  background: #f9bb6d;
  border-radius: 50%;
  animation: scroll-wheel 1.8s linear 0s infinite normal none;
}

.logoCanarias {
  width: 55%;
}

@keyframes mover_mano_horizontal_y_rotacion {
  0% {
    transform: translate(0, 0) rotate(20deg);
  }
  25% {
    transform: translate(-15px, 15px) rotate(17.5deg);
  }
  50% {
    transform: translate(-25px, 31px) rotate(0deg);
  }
  75% {
    transform: translate(-15px, 15px) rotate(17.5deg);
  }
  100% {
    transform: translate(0, 0) rotate(20deg);
  }
}
@keyframes mover_mano_horizontal {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-15px, 15px);
  }
  50% {
    transform: translate(25px, 31px);
  }
  75% {
    transform: translate(-15px, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}
#formulario {
  overflow: unset;
  background-color: #573385;
  position: relative;
  min-height: 100vh;
}
@media (max-width: 768px) {
  #formulario {
    overflow: hidden;
    height: 900px;
    min-height: unset;
  }
}
#formulario::before {
  position: absolute;
  content: "";
  background-image: url("./img/bg_form.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  bottom: 51px;
  left: 0;
  width: 100%;
  height: 60%;
  z-index: 0;
  right: 0;
}
#formulario .textFormulario {
  width: 75%;
}
@media (max-width: 768px) {
  #formulario .textFormulario {
    width: 100%;
  }
}
#formulario .floresDerecha {
  position: absolute;
  width: 300px;
  height: auto;
  top: -170px;
  right: -70px;
}
@media (max-width: 768px) {
  #formulario .floresDerecha {
    display: none;
  }
}
#formulario .floresIzquierda {
  position: absolute;
  width: 340px;
  height: auto;
  top: -150px;
  left: -90px;
}
@media (max-width: 768px) {
  #formulario .floresIzquierda {
    display: none;
  }
}
#formulario #cardForm {
  position: relative;
  z-index: 3;
}
#formulario #cardForm #teManzanilla {
  position: absolute;
  top: -50px;
  left: -75px;
  width: 90px;
  height: 90px;
  z-index: 0;
}
#formulario #cardForm #estrellita {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 50px;
  height: 50px;
  z-index: 5;
  animation: giro_estrellita 3s ease-in-out infinite;
}
#formulario #cardForm label {
  font-size: 1.45rem;
}
#formulario #cardForm .btn {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  width: 40%;
  margin-top: -20px;
  z-index: 4;
}
#formulario #cardForm .inputBot {
  background-color: #573385;
  padding: 10px 45px;
  border-radius: 30px;
}
#formulario #cardForm .form-control {
  padding: 0.75rem 0.75rem;
  border: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.45);
  background-color: #573385;
  border-radius: 1px;
  margin-bottom: 5px;
  color: #fff;
}
#formulario #cardForm .form-control:focus {
  outline: none;
  box-shadow: none !important;
  border-bottom: 2px solid #f9bb6d;
}
#formulario .bg-lila {
  background: rgb(119, 84, 172);
  background: linear-gradient(90deg, rgb(119, 84, 172) 0%, rgb(143, 123, 198) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7754ac",endColorstr="#8f7bc6",GradientType=1);
}
#formulario #tazaTeForm {
  position: absolute;
  left: -40px;
  width: 90%;
  bottom: -45px;
  z-index: 1;
}
@media (max-width: 768px) {
  #formulario #tazaTeForm {
    left: -50px;
    width: 161%;
    bottom: 0px;
    z-index: 2;
  }
}
#formulario #tazaTeForm #taza {
  animation: mover_taza 5s ease-in-out infinite;
}
#formulario #tazaTeForm #brillostaza {
  animation: brilloTaza 5s ease-in-out infinite;
}
#formulario #tazaTeForm #brillosTazaSup {
  animation: brilloTazaSup 10s ease-in-out infinite;
}
#formulario #frutaImg {
  position: absolute;
  z-index: 4;
  left: -40px;
  top: 120px;
  width: 200px;
  height: auto;
}
@media (max-width: 768px) {
  #formulario #frutaImg {
    top: 140px;
  }
}
#formulario #patterFormDerechaSup {
  position: absolute;
  z-index: 4;
  top: 90px;
  right: -150px;
  width: 300px;
  height: auto;
}
@media (max-width: 768px) {
  #formulario #patterFormDerechaSup {
    top: 155px;
    width: 230px;
    right: -112px;
    z-index: 1;
  }
}
#formulario #patterFormDerecha {
  position: absolute;
  z-index: 4;
  bottom: -126px;
  right: -43px;
  width: 400px;
  height: auto;
}
@media (max-width: 768px) {
  #formulario #patterFormDerecha {
    bottom: -126px;
    right: -190px;
    width: 364px;
    height: auto;
    z-index: 1;
  }
  #formulario #patterFormDerecha img {
    position: relative;
    bottom: 0;
    left: -90px;
  }
}

.br-20 {
  border-radius: 20px;
}

.br-30 {
  border-radius: 30px;
}

@keyframes mover_taza {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-1px) rotate(-0.4deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes brilloTaza {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.22;
  }
  50% {
    transform: translateY(-1px) rotate(-0.4deg);
    opacity: 0.1;
  }
  100% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.22;
  }
}
@keyframes brilloTazaSup {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.22;
  }
  50% {
    transform: translateY(-1px) rotate(-0.4deg);
    opacity: 0.1;
  }
  100% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.22;
  }
}
@keyframes giro_estrellita {
  0% {
    transform: scale(1) rotate(0deg);
    opacity: 0;
  }
  50% {
    transform: scale(1.05) rotate(10deg);
    opacity: 1;
    filter: drop-shadow(0 0 5px rgba(249, 187, 109, 0.745));
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 0;
  }
}
#footer {
  position: relative;
  overflow-x: hidden;
}
#footer #patternFooterSvg {
  position: absolute;
  bottom: 0px;
  left: -22px;
  width: 106%;
}
#footer .podesGanarte {
  width: 220px;
  height: auto;
}
#footer .videoPremios {
  height: 520px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 30px;
}
#footer .container {
  z-index: 3;
}
#footer .btn {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  z-index: 4;
}

.animacionLoad {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1d1e1c; /* Fondo semi-transparente */
  z-index: 9999;
  transition: all 1s ease-out;
}

.animacionLoadEnd {
  opacity: 0;
  visibility: hidden;
}

#login {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #573385 !important;
}

.dashboardPage {
  padding: 40px 0px;
}
.dashboardPage #menuInterno {
  align-items: center;
}
.dashboardPage #DataTables_Table_0_wrapper {
  color: #000;
}

#aceptarTerminos a {
  color: #f9bb6d;
}
#aceptarTerminos a:hover {
  color: #f9bb6d;
  text-decoration: none;
}
#aceptarTerminos a:visited {
  color: #f9bb6d;
  text-decoration: none;
}/*# sourceMappingURL=style.css.map */