@font-face{
    font-family: 'archer-bold-pro';
    src: url('assets/fonts/archerboldpro-webfont.woff2') format('woff2'),
        url('assets/fonts/archerboldpro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'archer-book-ital-pro';
    src: url('assets/fonts/archerbookitalpro-webfont.woff2') format('woff2'),
        url('assets/fonts/archerbookitalpro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'archer-book-pro';
    src: url('assets/fonts/archerbookpro-webfont.woff2') format('woff2'),
        url('assets/fonts/archerbookpro-webfont.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'archer-hairline-pro';
    src: url('assets/fonts/archerhairlinepro-webfont.woff2') format('woff2'),
        url('assets/fonts/archerhairlinepro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'archer-light-italic-pro';
    src: url('assets/fonts/archerlightitalpro-webfont.woff2') format('woff2'),
        url('assets/fonts/archerlightitalpro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'archer-light-pro';
    src: url('assets/fonts/archerlightpro-webfont.woff2') format('woff2'),
        url('assets/fonts/archerlightpro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'archer-medium-pro';
    src: url('../fonts/archermediumpro-webfont.woff2') format('woff2'),
        url('../fonts/archermediumpro-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face{
    font-family: 'archer-semi-bold-pro';
    src: url('assets/fonts/archersemiboldpro-webfont.woff2') format('woff2'),
        url('assets/fonts/archersemiboldpro-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face{
    font-family: 'archex-light-pro';
    src: url('assets/fonts/archerxlightpro-webfont.woff2') format('woff2'),
        url('assets/fonts/archerxlightpro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'gotham-medium';
    src: url('assets/fonts/gotham-medium-webfont.woff2') format('woff2'),
        url('assets/fonts/gotham-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
  margin: 0;
  padding: 0;
}

.lista-aviso {
  list-style: none;
  margin: 0;
  padding: 0;
}

.aviso h1 {
  color: #A37535;
}

#aviso{
    margin-top: 5%;
}


#header2 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'archer-bold-pro';
}

#title2 {
  color: white !important;
  font-size: 36px;
  margin: 0;
}

.subtitle {
  margin: 0;
  color: white;
  font-size: 18px;
  margin-left: 10px;
}

.titulo-recetas {
  padding-top: 3vw;
}

.container-recetas h1 {
  font-size: clamp(2rem, 6vw, 4rem);
  font-family: 'archer-bold-pro';
}

.container-recetas p {
  font-size: clamp(1rem, 0.5vw, 3rem);
  color: #054527;
}

.container-recetas {
  background-image: url(recetas_ordenador.png);
  background-size: cover;
  /* Para asegurarse de que la imagen de fondo cubra todo el contenedor */
  background-position: center;
  /* Para centrar la imagen de fondo */
  background-repeat: no-repeat;
  /* Para evitar que la imagen de fondo se repita */
  height: 100vh;
}

.video video {
  width: 100%;
  border-radius: 10px;
}

.video {
  padding-left: 3vw;
  padding-top: 0vw;
}

.recetas-content {
  padding-top: 5vw;
  padding-bottom: 3vw;
}

.descripcion-recetas {
  padding-top: 4vw;
  padding-left: 3vw;
}

.descripcion-recetas p {
  font-size: clamp(1rem, 1vw, 10rem);
}

@media (max-width: 980px) {

  .container-recetas {
    background-image: url(recetas_movil.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;

  }


  .titulo-recetas {
    padding-top: 25vw;
  }

  #header2 {
    padding-top: 3vw;
    display: flex;
    justify-content: center !important;
    padding-bottom: 1vw;
  }

  .text-header {
    display: flex;
    justify-content: center !important;
  }

  .descripcion-recetas {
    display: flex;
    justify-content: end !important;
    align-items: end !important;
    padding-top: 15vw;
    padding-bottom: 10vw;
  }

  .descripcion-recetas p {
    text-align: end;
  }

  .recetas-content {
    padding-top: 10vw;
  }

  .justify-content-end{
    justify-content: center !important;
  }


}


@media (max-width: 769px) {

  .container-recetas {
    background-image: url(recetas_movil.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;

  }


  .titulo-recetas {
    padding-top: 25vw;
  }

  #header2 {
    padding-top: 3vw;
    display: flex;
    justify-content: center !important;
    padding-bottom: 1vw;
  }

  .text-header {
    display: flex;
    justify-content: center !important;
  }

  .descripcion-recetas {
    display: flex;
    justify-content: end !important;
    align-items: end !important;
    padding-top: 15vw;
    padding-bottom: 10vw;
  }

  .descripcion-recetas p {
    text-align: end;
  }

  .recetas-content {
    padding-top: 10vw;
  }

  .justify-content-end{
    justify-content: center !important;
  }


}