@media (max-width: 768px) {

  html,
  body {
    background: #f1ede7;
    height: 100%;
    overflow-x: hidden;
  }

  #section-email.section-email {
    background-image: url("../img/bg-form-movil.png") !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-size: cover !important;
    min-height: 100vh;
    min-height: 100dvh;
  }

  .section-ty {
    background: #f1ede7 url("../img/bg-form-movil.png") no-repeat center -500px;
    background-size: cover;
  }

  .section-form {
    background: url("../img/bg-form-movil.png") no-repeat top center;
    padding: 50px 0 0;
    background-size: cover;
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
  }

  .section-ty {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
  }

  .section-ty-columns {
    display: block;
    height: 100%;
  }

  .section-ty-col-left {
    display: none;
  }

  .section-ty-col-right {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
  }

  .section-ty-content {
    width: calc(100% - 48px);
    padding: 80px 0 24px;
    align-items: center;
    text-align: center;
  }

  .section-form .img-container {
    width: 361px;
    height: 93px;
    aspect-ratio: 361/93;
    position: relative;
    top: auto;
    left: auto;
    margin: 12px auto;
    z-index: 1;
    display: block;
  }

  .img-container-ty {
    width: 180px;
  }

  .section-email-form-container {
    height: 100%;
  }

  .section-ty .flex-movil {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    width: 100%;
    height: auto;
  }

  .section-ty .redes-container {
    display: none;
  }

  .section-ty .ty-text-container {
    margin-top: 0;
  }

  .section-form .btn-registro {
    margin: 50px 0 !important;
  }

  .v-mobil {
    display: block !important;
  }

  .v-desktop {
    display: none;
  }

  #form-container .form-text {
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }

  .btn-registro {
    width: 100%;
  }

  .btn-fondos {
    width: 300px;
    font-size: 14px;
  }

  .city-container .form-steps {
    display: flex !important;
  }

  .city-title {
    text-align: center;
    font-size: 20px;
  }

  .pais {
    margin-bottom: 60px;
  }

  .pais.pais-mobil {
    margin: 0 auto;
  }

  .row-mobil {
    margin-top: 0 !important;
  }

  .ty-page h2 {
    font-size: 50px;
  }

  .title-mobil {
    font-size: 50px;
    text-align: center;
    margin-bottom: 50px;
  }

  .ty-page-evento p.ty-page-evento-title {
    font-size: 50px;
    width: 300px;
  }

  .email-form {
    margin-bottom: 50px;
    width: 300px;
  }

  .email-form-container {
    width: 100%;
  }

  .section-email .form-steps {
    width: 100% !important;
  }

  .ty-text-container p {
    font-size: 30px;
  }

  .section-ty p.ty-text {
    font-size: 30px;
    text-align: center;
    line-height: 28px;
  }

  .name-img {
    width: 300px;
    margin: 0 auto;
  }

  .btn-presave {
    width: min(300px, 100%);
    text-align: center;
    padding: 12px 18px;
    font-size: 13px;
  }

  .artist-name {
    font-size: 30px;
  }

  .section-ty .artist-slogan.artist-slogan-mono {
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    /* 120.69% */
    text-transform: capitalize;
  }

  .section-email .redes-container {
    position: absolute;
    bottom: 0;
  }

  /* Evita zoom automático en iOS Safari al enfocar campos (<16px). */
  #section-email input,
  #section-email select,
  #section-email textarea,
  #section-form input,
  #section-form select,
  #section-form textarea,
  #section-email .form-control,
  #section-email .form-select,
  #section-form .form-control,
  #section-form .form-select,
  #section-email .choices__inner,
  #section-email .choices__input,
  #section-form .choices__inner,
  #section-form .choices__input {
    font-size: 16px !important;
  }
}