.container {
  display: flex;
}

.columna-izquierda,
.columna-derecha {
  box-sizing: border-box;
  padding: 20px;
}

/* Estilos específicos de las columnas */
.columna-izquierda {
  /* flex-basis: 75%; */
  flex-basis: 100%;
}

.columna-derecha {
  flex-basis: 25%;
}

/* Estilos específicos de las columnas */
.columna-1 {
  flex-basis: 15%;
}

.columna-2 {
  flex-basis: 60%;
}

.columna-12 {
  flex-basis: 45%;
}

.columna-22 {
  flex-basis: 30%;
}

.columna-3 {
  flex-basis: 25%;
}

.columna-4 {
  flex-basis: 33.33%;
}

.columna-5 {
  flex-basis: 33.33%;
}

.columna-6 {
  flex-basis: 33.33%;
}

.columna-7{
  flex-basis: 100%;
}

.columna-8{
  flex-basis: 33.33%;
}

.columna-9{
  flex-basis: 33.33%;
}

.columna-10{
  flex-basis: 33.33;
}

.titulo-sugerencia{
    display: none;
}

.items p{
  font-size: 14px;
}

.responsive {
  width: 100%;
  height: auto;
}

.imagen-copavino{
  position: absolute;
  right: 125px;
  margin-top: -103px;
}

.imagen-copavino img{
  width: 40px;
}

.oferta-gastronomica{
  width: 23%;
}

.botella-vino{
    position: relative; width: 8%; top: -50px;
  }


/* Estilos responsivos para dispositivos móviles */
@media screen and (max-width: 768px) {
  .container {
    flex-direction: column; /* Cambiar a dirección de columna en dispositivos móviles */
  }

  .columna-izquierda,
  .columna-derecha {
    flex-basis: 100%; /* Ocupar el 100% del ancho en dispositivos móviles */
  }

}

@media (min-width: 320px) and (max-width: 480px) {
  /* Estilos para Teléfonos móviles */

  .titulo-maridaje{
    display: none!important;
  }

  .titulo-sugerencia{
    display: initial!important;
  }

  .columna-derecha{
    position: relative; margin-top: -30px;
  }

  .oferta-gastronomica{
    width: 73%!important;
  }

  .botella-vino{
    width: 22%;
  }

  body{
     background-position: center 60%!important;
     background-size: 90%;
  }

}

/*Estilos textos*/

.maridaje{
  font-style: italic;
}

.titulo-menu1{
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 6px;
}

.titulo-menu2{
  font-size: 1.0em;
}

.separador{
    margin: 0px auto 40px auto;
    border-bottom: 1px dotted #cbcbcb;
    width: 95%;
}