.elementor-687 .elementor-element.elementor-element-f38d85e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-687 .elementor-element.elementor-element-6ae64fc{--display:flex;}/* Start custom CSS for html, class: .elementor-element-b5e6367 *//* =========================================================
   ISKRA · ESCUELA · CONTACTO
   ========================================================= */


/* =========================================================
   BLOQUE 1 · INTRO
   ========================================================= */

.iskra-contacto-intro {
  width: 100%;
  margin: 0 !important;
  padding: 75px 6vw 70px;

  box-sizing: border-box;

  background:
    radial-gradient(
      circle at 85% 30%,
      rgba(229,43,145,0.10),
      transparent 35%
    ),
    #0d0710;

  color: #ffffff;
}

.iskra-contacto-intro-inner {
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}


/* ETIQUETA */

.iskra-contacto-label {
  margin-bottom: 16px;

  font-family: "Michroma", sans-serif;
  font-size: 11px;
  letter-spacing: 3px;

  color: #e52b91;
}


/* TÍTULO */

.iskra-contacto-intro h1 {
  margin: 0 0 22px;

  font-family: "Russo One", sans-serif;
  font-size: clamp(48px, 7vw, 78px);
  line-height: 1;

  font-weight: 400;

  color: #ffffff;
}


/* TEXTO */

.iskra-contacto-intro p {
  max-width: 680px;
  margin: 0 auto;

  font-family: "Michroma", sans-serif;
  font-size: 13px;
  line-height: 1.9;

  color: rgba(255,255,255,0.78);
}


/* =========================================================
   BLOQUE 2 · FORMULARIO
   ========================================================= */

.iskra-contacto-form-section {
  width: 100%;
  margin: 0 !important;
  padding: 65px 6vw;

  box-sizing: border-box;

  background: #100912;

  color: #ffffff;
}


.iskra-contacto-form-wrap {
  max-width: 1100px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 80px;

  align-items: start;
}


/* =========================================================
   INFORMACIÓN
   ========================================================= */

.iskra-contacto-form-info {
  padding-top: 10px;
}


.iskra-contacto-small-label {
  margin-bottom: 16px;

  font-family: "Michroma", sans-serif;
  font-size: 10px;
  letter-spacing: 2.5px;

  color: #e52b91;
}


.iskra-contacto-form-info h2 {
  margin: 0 0 22px;

  font-family: "Russo One", sans-serif;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.08;

  font-weight: 400;

  color: #ffffff;
}


.iskra-contacto-form-info p {
  max-width: 430px;
  margin: 0;

  font-family: "Michroma", sans-serif;
  font-size: 12px;
  line-height: 1.85;

  color: rgba(255,255,255,0.70);
}


/* =========================================================
   FORMULARIO
   ========================================================= */

.iskra-contacto-form {
  width: 100%;
}


.iskra-contacto-field {
  margin-bottom: 20px;
}


.iskra-contacto-field label {
  display: block;

  margin-bottom: 8px;

  font-family: "Michroma", sans-serif;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;

  color: rgba(255,255,255,0.72);
}


.iskra-contacto-field input,
.iskra-contacto-field select,
.iskra-contacto-field textarea {

  width: 100%;

  box-sizing: border-box;

  padding: 13px 15px;

  border: 1px solid rgba(229,43,145,0.25);
  border-radius: 0;

  outline: none;

  background: rgba(255,255,255,0.035);

  color: #ffffff;

  font-family: "Michroma", sans-serif;
  font-size: 11px;

  transition:
    border-color 0.25s ease,
    background 0.25s ease;
}


.iskra-contacto-field input,
.iskra-contacto-field select {
  height: 46px;
}


.iskra-contacto-field textarea {
  min-height: 125px;
  resize: vertical;
}


.iskra-contacto-field input::placeholder,
.iskra-contacto-field textarea::placeholder {
  color: rgba(255,255,255,0.35);
}


.iskra-contacto-field select {
  appearance: none;
  -webkit-appearance: none;

  background-image:
    linear-gradient(45deg, transparent 50%, #e52b91 50%),
    linear-gradient(135deg, #e52b91 50%, transparent 50%);

  background-position:
    calc(100% - 17px) 19px,
    calc(100% - 12px) 19px;

  background-size:
    5px 5px,
    5px 5px;

  background-repeat: no-repeat;
}


.iskra-contacto-field select option {
  background: #160b17;
  color: #ffffff;
}


.iskra-contacto-field input:focus,
.iskra-contacto-field select:focus,
.iskra-contacto-field textarea:focus {

  border-color: #e52b91;

  background: rgba(229,43,145,0.045);
}


/* =========================================================
   BOTÓN
   ========================================================= */

.iskra-contacto-btn {

  display: inline-block;

  margin-top: 2px;

  padding: 13px 24px;

  border: 1px solid #e52b91;
  border-radius: 0;

  background: #e52b91;

  color: #ffffff;

  font-family: "Michroma", sans-serif;
  font-size: 10px;
  letter-spacing: 1.5px;

  cursor: pointer;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}


.iskra-contacto-btn:hover {

  background: transparent;

  color: #ffffff;

  transform: translateY(-2px);
}


/* =========================================================
   BLOQUE 3 · CIERRE
   ========================================================= */

.iskra-contacto-cierre {

  width: 100%;
  margin: 0 !important;

  padding: 42px 6vw;

  box-sizing: border-box;

  background: #0d0710;

  border-top: 1px solid rgba(229,43,145,0.15);

  color: #ffffff;
}


.iskra-contacto-cierre-inner {
  max-width: 900px;
  margin: 0 auto;

  text-align: center;
}


.iskra-contacto-cierre-label {

  margin-bottom: 12px;

  font-family: "Michroma", sans-serif;
  font-size: 9px;
  letter-spacing: 2.5px;

  color: #e52b91;
}


.iskra-contacto-cierre h2 {

  margin: 0 0 10px;

  font-family: "Russo One", sans-serif;
  font-size: clamp(27px, 3.5vw, 42px);
  line-height: 1.1;

  font-weight: 400;

  color: #ffffff;
}


.iskra-contacto-cierre p {

  margin: 0;

  font-family: "Michroma", sans-serif;
  font-size: 10px;
  letter-spacing: 1px;

  color: rgba(255,255,255,0.48);
}


/* =========================================================
   RESPONSIVE · TABLET
   ========================================================= */

@media (max-width: 900px) {

  .iskra-contacto-form-wrap {

    grid-template-columns: 1fr;

    gap: 45px;
  }

  .iskra-contacto-form-info p {
    max-width: 650px;
  }

}


/* =========================================================
   RESPONSIVE · MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  .iskra-contacto-intro {
    padding: 55px 24px 50px;
  }

  .iskra-contacto-intro h1 {
    font-size: 48px;
  }

  .iskra-contacto-intro p {
    font-size: 11px;
    line-height: 1.8;
  }


  .iskra-contacto-form-section {
    padding: 48px 24px;
  }


  .iskra-contacto-form-wrap {
    gap: 38px;
  }


  .iskra-contacto-form-info h2 {
    font-size: 36px;
  }


  .iskra-contacto-form-info p {
    font-size: 11px;
  }


  .iskra-contacto-field {
    margin-bottom: 17px;
  }


  .iskra-contacto-field label {
    font-size: 9px;
  }


  .iskra-contacto-field input,
  .iskra-contacto-field select,
  .iskra-contacto-field textarea {
    font-size: 10px;
  }


  .iskra-contacto-cierre {
    padding: 38px 24px;
  }


  .iskra-contacto-cierre h2 {
    font-size: 29px;
  }

}/* End custom CSS */