.dashboard_flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh; /* Altura de la pantalla completa para ambos divs */
}

.dashboard_content {
  width: 100%;
  background: transparent;
  padding: 1.5vw 2vw; /* Reducir padding superior */
}

.dashboard_content .flex_row {
  align-content: space-between;
  justify-content: space-around;
  gap: 1vw;
  margin-top: 1vw; /* Reducir espacio desde el header */
  height: 21vw;
}

.solo_dashboard .dashboard_content {
  display: flex;
  flex-direction: row;
  flex: 1 1;
}

.logo_flex {
  display: flex;
  flex-direction: row;
}

.second_logo {
  width: 2vw!important;
}

.advertisement_panel {
  flex: 6.5 1;
  background: url(https://unifoodapp.com/static/media/publicidad_panel.7443422f736036e1d63c.png) no-repeat right center;
  background-size: cover;
  border-radius: 0.78vw;
  padding: 1.04vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: white;
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Remover cualquier background-image del panel de anuncios en escritorio */
.advertisement_panel::after {
  display: none; /* Oculta el pseudo-elemento en escritorio */
}

.surprise_panel {
  flex: 3.5 1; /* 35% del ancho */
  background: url(https://unifoodapp.com/static/media/sorprendeme_panel.fd28af73c893afa97947.png) no-repeat;
  background-position: 20% bottom;
  background-size: cover;
  border-radius: 0.78vw; /* Esquinas curvas */
  padding: 1.04vw; /* Espaciado interno */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.advertisement_panel .logo {
  width: 10vw; /* Ajusta el tamaño según tus necesidades */
  height: auto;
  margin-top: 1vw!important;
  margin-bottom: 1vw!important;
}

.logo.no-ad {
  margin-left: 0; /* Este es el margen cuando no hay anuncio */
}

.advertisement_panel .logo:first-child {
  margin-right: 1vw;
}

.advertisement_panel h1 {
  font-family: 'Nordique Pro Regular', sans-serif;
  font-size: 2vw;
  font-weight: 700;
  font-style: normal;
  line-height: 110%;
  max-width: 24vw; /* Limita la línea a un máximo de 60 caracteres */
  white-space: normal; /* Permite el salto de línea cuando se alcanza el límite */
  overflow-wrap: break-word; /* Asegura que las palabras largas se ajusten y no se desborden */
  margin-bottom: 1vw;
}

.advertisement_panel p {
  font-size: 0.833vw;
  font-family: 'Montserrat Medium', sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 150%;
}

.advertisement_panel .button {
  background-color: rgba(0, 0, 0, 0);
  border: .1vw solid #fff;
  border-radius: 1vw;
  font-size: 0.938vw;
  font-family: 'Montserrat Medium', sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.advertisement_panel .button:hover {
  background-color: #fff;
  color: var(--primary-color);
  color: var(--Verde, var(--primary-color));
}

.text_panel_surprise {
  margin-left: 12vw;
}

.surprise_panel h2 {
  font-size: 1.458vw;
  font-family: 'Nordique Pro Regular', sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.044vw;
  margin-bottom: 2vw;
  width: 70%;
  color: #FFF
}

.surprise_panel p {
  font-size: 0.729vw;
  font-family: 'Montserrat Medium', sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 130%;
  margin-bottom: 1vw;
  width: 95%;
}

.slider_dots {
  position: absolute;
  bottom: 2vw; /* Ajusta según sea necesario */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 0.5vw;
}

.dot {
  height: 0.8vw; /* Tamaño reducido */
  width: 0.8vw;  /* Tamaño reducido */
  background-color: rgba(255, 255, 255, 0.5); /* Color claro para los no seleccionados */
  border-radius: 50%;
  transition: background-color 0.3s ease;
  border: none;
  cursor: pointer;
}

.dot.active {
  background-color: #FFFFFF; /* Color blanco para el puntito seleccionado */
}

.recipe_carousel {
  padding: 20px;
}

.recipe_filters {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.filter_button {
  background-color: #e0e0e0;
  border: none;
  border-radius: 5px;
  margin: 0 5px;
  padding: 10px;
  cursor: pointer;
}

.filter_button.active {
  background-color: #007bff;
  color: white;
}

.carousel_container {
  display: flex;
  align-items: center;
}

.carousel_arrow {
  background-color: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

.recipes_container {
  display: flex;
  overflow: hidden;
}

.recipe_card {
  flex: 0 0 30%;
  margin: 0 10px;
  background-color: white;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

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

.recipe_info {
  text-align: center;
  margin-top: 10px;
}

.general_div_recipes {
  display: flex;
  justify-content: space-around;
  gap: 1vw;
  margin-top: 1.5vw; /* Reducir espacio para mejor flujo visual */
}

.flex_65 {
  flex: 6.5 1; /* Esto significa: crece 6.5 veces, puede reducirse y la base es 0% */
  display: flex; /* Para asegurar que los hijos dentro de este contenedor también usen flex si es necesario */
  flex-direction: column; /* Esto alinea los elementos verticalmente */
  width: 65%; /* Fuerza el contenedor a tomar el 65% del espacio */
  max-width: 63%;
}

.flex_35 {
  flex: 3.5 1;
  display: flex; /* Asegura que los hijos usen flex si es necesario */
  flex-direction: column; /* Esto alinea los elementos verticalmente */
  width: 35%; /* Fuerza el contenedor a tomar el 35% del espacio */
  max-width: 35%;
}

.receta_reciente img {
  width: 4.271vw;
  height: 4.271vw;
  border-radius: 1vw;
  border: 0.2vw solid #00000000;
}

.flex_35.history_card {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: cover;
  border-radius: 0.78vw; 
  padding: 2.083vw;
}

.flex_35.history_card h1 {
  color: #000;
  font-family: 'Montserrat Medium';
  font-size: 1.146vw;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.034vw;
}

.receta_reciente {
  margin-top: 1vw;
  background-color: #fff;
  padding: .5vw;
  border-radius: 1vw;
}

.receta_reciente a{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 1vw;
}

.serie_receta {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  gap: 1vw;
}

.receta_nombre {
  color: var(--primary-color);
  color: var(--Verde, var(--primary-color));
  font-family: 'Montserrat Medium', sans-serif;
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  width: 18vw;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limita a 2 líneas */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* Permite saltos de línea */
}

.receta_info {
  display: flex;
  flex-direction: row;
  gap: .5vw;
  color: #5F5B71;
  color: var(--Texto, #5F5B71);
  font-family: 'Montserrat Medium', sans-serif;
  font-size: 0.625vw;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.categories {
  display: flex;
  flex-direction: row;
  gap: 0.5vw;
  max-width: 20vw; /* Ajusta el ancho máximo según tus necesidades */
  overflow-x: auto; /* Permite el scroll horizontal */
  overflow-y: hidden; /* Oculta cualquier scroll vertical */
  scrollbar-width: none; /* Oculta el scrollbar en Firefox */
}

.categories::-webkit-scrollbar {
  display: none; /* Oculta el scrollbar en Chrome, Safari y Edge */
}

.categories span.categoria-span {
  background-color: var(--primary-color);
  color: #FFF;
  font-family: 'Montserrat Medium';
  font-size: 0.625vw;
  padding: .5vw 1vw;
  border-radius: 25px;
  cursor: grab; /* Cambia el cursor a mano de agarre */

  /* Estilo de agarre cuando se hace clic */
}

.categories span.categoria-span:active {
  cursor: grabbing;
}

@media screen and (max-width: 480px) {
  .solo_dashboard .dashboard_content {
    display: flex;
    flex-direction: column;
  }

  .search-mobile {
    display: flex;
    align-items: center;
    background-color: #e0f7fa;
    padding: 0.5vw;
    border-radius: 1vw;
    margin: 0vw 2.083vw 2.083vw; /* 40px en 1920px */
    width: calc(100% - 4.166vw); /* 80px en 1920px */
  }

  .search-input-mobile {
    flex-grow: 1;
    padding: 0.521vw; /* 10px en 1920px */
  }

  .search-icons-mobile {
    display: flex;
    align-items: center;
  }

  .mobile-search-container {
    margin: 2.083vw; /* 40px en 1920px */
    width: calc(100% - 4.166vw); /* 80px en 1920px */
  }
  .flex_row {
    flex-direction: column!important;
  }
  .advertisement_panel {
    background: none;  /* Remove desktop background */
    background-color: #FE595D !important;
    position: relative;
    padding: 5vh 4vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }

  .advertisement_panel::after {
    content: '';
    display: block; /* Muestra el pseudo-elemento solo en móvil */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40vh;
    background-image: url(https://unifoodapp.com/static/media/Doctora_Anuncios.5032a581f70edcfb6f7a.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }

  .advertisement_panel .logo {
    width: 20vw!important;
  }

  .advertisement_panel h1 {
    font-size: 6vw;
    text-align: left;
    margin-bottom: 2vh;
    position: relative;
    z-index: 2;
    max-width: 80vw;
    margin-top: 1vh;
  }

  .advertisement_panel p {
    font-size: 4vw;
    text-align: left;
    margin-bottom: 2vh;
    position: relative;
    z-index: 2;
  }

  .advertisement_panel .button {
    margin-bottom: 42vh;
    position: relative;
    z-index: 2;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 3vw;
  }

  .dashboard_content {
    display: flex;
    flex-direction: column;
    /* gap: 4vh; */
  }

  .flex_row {
    flex-direction: column!important;
    height: auto; /* Permite que la altura se ajuste al contenido */
  }

  .advertisement_panel {
    margin: 0 auto;
    min-height: 60vh; /* Asegura una altura mínima */
  }

  .surprise_panel .text_panel_surprise h2 {
    font-size: 6vw;
    margin-bottom: 4vh;
    width: 65%;
    margin-left: 35vw;
  }

  .surprise_panel .text_panel_surprise p {
    font-size: 3vw;
    margin-bottom: 2vh;
    width: 65%;
    margin-left: 35vw;
  }

  .surprise_panel .text_panel_surprise .button.surprise {
    margin-left: 35vw;
    width: 30vw;
    font-size: 3vw;
    margin-bottom: 2vh;
  }

  .general_div_recipes {
    margin-top: 5vh; /* Añade espacio superior */
    flex-direction: column; /* Apila los elementos en móvil */
    gap: 4vh;
    position: relative;
  }

  .flex_65, .flex_35 {
    width: 100%;
    max-width: 100%;
  }

  .general_div_recipes {
    flex-direction: column;
  }

  .flex_65 {
    width: 100%;
    position: relative;
    z-index: 1; /* Asegura que no se superponga */
  }

  .flex_35 {
    width: 100%;
  }

  .surprise_panel {
    z-index: 2; /* Asegura que el panel de sorpresa esté por encima */
    position: relative;
  }

  .text_panel_surprise {
    z-index: 3; /* Asegura que los elementos dentro sean clickeables */
    position: relative;
  }

  .flex_35.history_card {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
    border-radius: 4.167vw; /* 20px/480 * 100 */
    padding: 4.167vw; /* 20px/480 * 100 */
    width: 100%;
    margin: 0;
  }

  .flex_35.history_card h1 {
    font-size: 5vw; /* Aumentado para mejor legibilidad en móvil */
    letter-spacing: 0.417vw; /* 2px/480 * 100 */
    margin-bottom: 4.167vw; /* 20px/480 * 100 */
  }

  .receta_reciente {
    margin-top: 2.083vw; /* 10px/480 * 100 */
    padding: 2.083vw; /* 10px/480 * 100 */
    border-radius: 2.083vw; /* 10px/480 * 100 */
  }

  .receta_reciente img {
    width: 16.667vw; /* 80px/480 * 100 */
    height: 16.667vw; /* 80px/480 * 100 */
    border-radius: 2.083vw; /* 10px/480 * 100 */
  }

  .receta_nombre {
    font-size: 3.75vw; /* 18px/480 * 100 */
    width: 100%;
  }

  .receta_info {
    font-size: 3.125vw; /* 15px/480 * 100 */
    gap: 2.083vw; /* 10px/480 * 100 */
  }

  .flex_35.history_card .receta_reciente .serie_receta .receta_nombre h2 {
    font-size: 3.25vw;
  }

  .ver-mas-historial {
    margin-top: 4.167vw; /* 20px/480 * 100 */
    text-align: center;
  }

  .ver-mas-historial a {
    color: var(--primary-color);
    font-size: 3.333vw; /* 16px/480 * 100 */
    font-family: 'Montserrat Medium', sans-serif;
  }
  .flex_35.history_card .receta_reciente .imagen_receta {
    width: 25vw;
  }
}

/* Main content area improvements */
.main_content {
  background: #FFF;
  min-height: 100vh;
  padding-top: 6vw; /* Ajustado para nueva altura del header */
}
.forgot-password-container {
  background-color: var(--color-verde);
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2vw;
}

.forgot-password-form {
  background: white;
  padding: 3vw;
  border-radius: 1vw;
  width: 35vw;
  box-shadow: 0 0.4vw 1vw rgba(0, 0, 0, 0.1);
}

.forgot-password-form h2 {
  font-size: var(--fluid-font-h2);
  margin-bottom: 1vw;
  color: var(--color-verde);
}

.forgot-password-form p {
  font-size: var(--fluid-font-p);
  color: #666;
  margin-bottom: 2vw;
}

.forgot-password-form input {
  width: 100%;
  padding: 1vw;
  margin-bottom: 2vw;
  border: 0.1vw solid #ddd;
  border-radius: 0.5vw;
  font-size: var(--fluid-font-input);
}

.forgot-password-form button {
  width: 100%;
  padding: 1vw;
  background-color: var(--color-rojo);
  color: white;
  border: none;
  border-radius: 0.5vw;
  font-size: var(--fluid-font-button);
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.forgot-password-form button:hover {
  background-color: var(--color-amarillo);
}

.switch-mode-button {
  background: none;
  border: none;
  color: var(--color-verde);
  margin-top: 1vw;
  cursor: pointer;
  font-size: var(--fluid-font-info);
  text-decoration: underline;
  width: auto !important;
  padding: 0 !important;
}

.switch-mode-button:hover {
  color: var(--color-rojo);
  background: none !important;
}

.back-button {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  color: var(--color-verde);
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--fluid-font-p);
  margin-bottom: 2vw;
  padding: 0;
}

.back-button:hover {
  color: var(--color-rojo);
  background: none !important;
}

.back-button svg {
  width: 1.5vw;
  height: 1.5vw;
}

@media screen and (max-width: 768px) {
  .forgot-password-form {
    width: 90vw;
    padding: 6vw;
  }

  .back-button svg {
    width: 4vw;
    height: 4vw;
  }
}

/* Contenedor principal */
.custom-ingredients-dropdown {
  position: relative;
  width: 100%;
  margin-bottom: 1.042vw;
  z-index: 1; /* Z-index base bajo */
}

/* Capa de superposición */
.custom-ingredients-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; /* Un nivel menos que el dropdown activo */
  background-color: transparent;
}

/* Contenedor del dropdown cuando está abierto */
.custom-ingredients-content {
  position: absolute;
  width: 100%;
  top: calc(100% + 0.417vw);
  left: 0;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 0.417vw;
  box-shadow: 0 0.417vw 0.833vw rgba(0, 0, 0, 0.1);
  z-index: 10001; /* Un nivel más que el dropdown activo */
  max-height: 20.833vw;
  overflow-y: auto;
  overflow-x: hidden; /* Prevenir scroll horizontal */
}

/* Campo de entrada */
.custom-ingredients-dropdown .MuiTextField-root {
  width: 100%;
}

/* Hacer que el input tenga el mismo tamaño que Autocomplete */
.custom-ingredients-dropdown .MuiOutlinedInput-root {
  min-height: 3.125vw;
  padding: 0.417vw;
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.custom-ingredients-dropdown .MuiOutlinedInput-root::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.custom-ingredients-dropdown .MuiOutlinedInput-input {
  min-width: 5.208vw; /* 100px en 1920px */
  flex-shrink: 0;
}

/* Contenedor de chips */
.custom-ingredients-dropdown .MuiOutlinedInput-root > div {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.208vw;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0.208vw;
}

.custom-ingredients-dropdown .MuiOutlinedInput-root > div::-webkit-scrollbar {
  display: none;
}

/* Cuando el dropdown está activo */
.custom-ingredients-dropdown.active {
  z-index: 10000; /* Z-index muy alto cuando está activo */
}

/* Campo de entrada - asegurar que esté por encima cuando está activo */
.custom-ingredients-dropdown.active .MuiTextField-root {
  position: relative;
  z-index: 10002; /* El más alto de todos */
}

/* Botón de "No Aplica" */
.custom-ingredients-content .MuiButton-root:first-child {
  width: 100%;
  text-align: left;
  padding: 0.833vw 1.042vw;
  border-bottom: 1px solid #E0E0E0;
  font-family: 'Montserrat Medium', sans-serif;
  font-size: 0.833vw;
}

/* Chips dentro del input */
.custom-ingredients-dropdown .MuiChip-root {
  height: 1.667vw;
  font-size: 0.729vw;
  font-family: 'Montserrat Medium', sans-serif;
  margin: 0.208vw;
  flex-shrink: 0; /* Evita que los chips se compriman */
  max-width: 10.417vw; /* 200px en 1920px */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Botones de categoría */
.accordion.MuiButton-root {
  width: 100%;
  text-align: left;
  padding: 0.833vw 1.042vw;
  background-color: #F5F5F5;
  color: #000000;
  font-family: 'Montserrat Medium', sans-serif;
  font-size: 0.833vw;
  font-weight: 500;
}

/* Panel de contenido de categoría */
.panel {
  padding: 1.042vw;
  overflow-x: hidden; /* Prevenir scroll horizontal */
}

/* Campo de búsqueda dentro del panel */
.panel .MuiTextField-root {
  margin-bottom: 0.833vw;
}

/* Contenedor de botones de acción */
.panel .action-buttons {
  display: flex;
  gap: 0.521vw;
  margin-bottom: 0.833vw;
}

/* Scroll personalizado */
.custom-ingredients-content::-webkit-scrollbar {
  width: 0.417vw;
}

.custom-ingredients-content::-webkit-scrollbar-track {
  background: #F5F5F5;
}

.custom-ingredients-content::-webkit-scrollbar-thumb {
  background: #BDBDBD;
  border-radius: 0.208vw;
}

/* Lista de opciones */
.custom-ingredients-content .MuiList-root {
  padding: 0;
  overflow-x: hidden; /* Prevenir scroll horizontal */
}

.custom-ingredients-content .MuiListItem-root {
  padding: 0.417vw 1.042vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Checkbox en las opciones */
.custom-ingredients-content .MuiCheckbox-root {
  padding: 0.417vw;
  margin-right: 0.417vw;
}

/* Texto de las opciones */
.custom-ingredients-content .MuiListItemText-primary {
  font-family: 'Montserrat Medium', sans-serif;
  font-size: 0.729vw;
}
@media screen and (max-width:480px) {
  .custom-ingredients-content .MuiButton-root:first-child {
    font-size: 2vw;
  }
  .custom-ingredients-content .MuiListItemText-primary {
    font-size: 2.5vw;
  }
  .css-6od3lo-MuiChip-label {
    font-size: 2.5vw;
    background-color: #ebebeb;
    padding: 1vw 2vw;
    border-radius: 3vw;
    margin-right: 2vw;
  }
  .custom-ingredients-dropdown .MuiChip-root {
    height: auto;
    padding: 1vw;
    font-size: 2.5vw;
    max-width: 30vw;
  }

  .custom-ingredients-content {
    max-height: 60vh;
  }
}
/* Usar la misma estructura que Formulario.css */
.formulario-container {
  display: flex;
  height: 100vh; /* Altura fija de la ventana */
  width: 100vw; /* Ancho fijo de la ventana */
  overflow: hidden; /* Evita scroll en el contenedor principal */
  position: relative;
}

.formulario-container .left-side {
  flex: 1 1;
  background-image: url(https://unifoodapp.com/static/media/Fondo_Verde_WForm.9480664d86e8e36591ae.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Altura específica de la ventana */
  width: 50%; /* Ancho específico */
}

.formulario-container .left-side .logo {
  position: absolute;
  top: 1.042vw; /* 20px en 1920px */
  left: 1.042vw; /* 20px en 1920px */
  width: 7.813vw; /* 150px en 1920px */
}

.formulario-container .left-side .mujer-form {
  width: 31.25vw; /* 600px en 1920px */
  height: auto;
  position: relative;
  z-index: 1;
}

.formulario-container .left-side .mujer-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.083vw; /* 40px en 1920px */
}

.formulario-container .left-side .trial-text {
  color: #FFF;
  text-align: center;
  font-family: 'Nordique Pro Regular', sans-serif;
  font-weight: 700;
  font-size: 2.5vw; /* 48px en 1920px */
  font-style: normal;
  line-height: 99%;
}

.formulario-container .right-side {
  flex: 1 1;
  height: 100vh; /* Altura fija de la ventana */
  width: 50%; /* Ancho específico */
  overflow-y: auto; /* Scroll independiente para el formulario */
  overflow-x: hidden; /* Evita scroll horizontal */
  position: relative;
  background: #f8f9fa; /* Fondo sutil para diferenciar */
}

.formulario-container .form-content {
  max-width: 41.667vw; /* 800px en 1920px */
  width: 100%;
  margin: 0 auto;
  font-family: 'Montserrat Medium', sans-serif;
  padding: 2.083vw; /* Padding uniforme en todos los lados */
  box-sizing: border-box;
  position: relative;
}

/* Estilos específicos para la tolerancia de alimentos */
.food-tolerance-title {
  text-align: center;
  margin: 0 0 1.5vw 0;
  padding: 0;
  color: #2c3e50;
  font-weight: 600;
  font-size: 1.8vw;
  font-family: 'Montserrat Medium', sans-serif;
  line-height: 1.2;
}

.food-tolerance-description {
  text-align: center;
  margin: 0 0 2vw 0;
  padding: 0;
  color: #7f8c8d;
  font-size: 1vw;
  font-family: 'Montserrat Regular', sans-serif;
}

.food-item-container {
  background: white;
  border-radius: 1vw;
  padding: 1.5vw;
  margin-bottom: 1.5vw;
  box-shadow: 0 0.2vw 1vw rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.food-item-container:hover {
  transform: translateY(-0.2vw);
  box-shadow: 0 0.4vw 1.5vw rgba(0, 0, 0, 0.12);
}

.food-item-name {
  font-weight: 600 !important;
  color: #2c3e50 !important;
  margin-bottom: 1vw !important;
  font-size: 1.2vw !important;
}

.tolerance-options-grid {
  display: flex;
  justify-content: space-between;
  gap: 1vw;
  margin-top: 1vw;
}

.tolerance-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f8f9fa;
  border-radius: 0.8vw;
  padding: 1vw;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 0.15vw solid transparent;
  min-width: 8vw;
  position: relative;
}

.tolerance-option:hover {
  background: #e9ecef;
  transform: scale(1.05);
  box-shadow: 0 0.3vw 1vw rgba(1, 180, 170, 0.2);
}

.tolerance-option.selected {
  background: #00d4aa;
  border-color: #00b894;
  color: white;
  transform: scale(1.1);
  box-shadow: 0 0.5vw 1.5vw rgba(0, 212, 170, 0.4);
}

.tolerance-option.selected .tolerance-emoji {
  filter: brightness(1.3) drop-shadow(0 0.2vw 0.4vw rgba(0, 0, 0, 0.2));
}

.tolerance-emoji {
  width: 2.5vw;
  height: 2.5vw;
  margin-bottom: 0.5vw;
  transition: all 0.3s ease;
  object-fit: contain;
  filter: drop-shadow(0 0.1vw 0.2vw rgba(0, 0, 0, 0.1));
  display: block;
  /* Ensure SVG content is rendered properly */
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.tolerance-emoji:hover {
  transform: scale(1.1);
  filter: drop-shadow(0 0.2vw 0.4vw rgba(0, 0, 0, 0.15));
}

.tolerance-label {
  font-size: 0.8vw !important;
  text-align: center;
  font-weight: 500 !important;
  line-height: 1.2;
  margin-top: 0.3vw;
  font-family: 'Montserrat Medium', sans-serif;
}

.buttons-container {
  display: flex;
  justify-content: center;
  gap: 1.5vw;
  margin-top: 3vw;
  padding-top: 2vw;
  border-top: 0.1vw solid #e9ecef;
}

.btn-regresar {
  background: #6c757d !important;
  color: white !important;
  padding: 1vw 2.5vw !important;
  border-radius: 2vw !important;
  font-size: 1vw !important;
  font-weight: 600 !important;
  text-transform: none !important;
  transition: all 0.3s ease !important;
  min-width: 8vw;
  font-family: 'Montserrat Medium', sans-serif;
}

.btn-regresar:hover {
  background: #5a6268 !important;
  transform: translateY(-0.1vw);
  box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.2);
}

.btn-finalizar {
  background: #00d4aa !important;
  color: white !important;
  padding: 1vw 2.5vw !important;
  border-radius: 2vw !important;
  font-size: 1vw !important;
  font-weight: 600 !important;
  text-transform: none !important;
  transition: all 0.3s ease !important;
  min-width: 8vw;
  font-family: 'Montserrat Medium', sans-serif;
}

.btn-finalizar:hover {
  background: #00b894 !important;
  transform: translateY(-0.1vw);
  box-shadow: 0 0.3vw 1vw rgba(0, 212, 170, 0.4);
}

/* Responsive para móviles */
@media screen and (max-width: 480px) {
  .formulario-container {
    flex-direction: column;
    height: 100vh; /* Mantiene altura de pantalla completa */
  }
  
  .formulario-container .left-side {
    background-image: none;
    background-image: initial;
    flex: initial;
    min-height: 20vh;
    background-attachment: scroll;
    background-attachment: initial; /* Remueve fixed en móvil */
  }
  
  .formulario-container .left-side .logo {
    margin: 12vw 0 0 5vw!important;
    width: 90%!important;
  }
  
  .formulario-container .left-side .mujer-container {
    display: none;
  }
  
  .formulario-container .right-side {
    flex: 1 1;
    height: 80vh; /* 80% de la altura en móvil */
    overflow-y: auto; /* Mantiene scroll independiente en móvil */
    background: white; /* Fondo blanco en móvil */
  }
  
  .formulario-container .form-content {
    max-width: 90%;
    padding-bottom: 6vw; /* Más espacio en móvil */
  }
  
  .food-tolerance-title {
    font-size: 4.5vw !important;
    margin-bottom: 6vw !important;
  }
  
  .food-tolerance-description {
    font-size: 3vw !important;
    margin-bottom: 4vw !important;
  }
  
  .food-item-container {
    padding: 3vw;
    margin-bottom: 3vw;
    border-radius: 2vw;
  }
  
  .food-item-name {
    font-size: 3.5vw !important;
    margin-bottom: 2vw !important;
  }
  
  .tolerance-options-grid {
    gap: 2vw;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .tolerance-option {
    min-width: 18vw;
    padding: 2vw;
    border-radius: 2vw;
  }
  
  .tolerance-emoji {
    width: 6vw !important;
    height: 6vw !important;
    margin-bottom: 1vw;
  }
  
  .tolerance-label {
    font-size: 2.5vw !important;
  }
  
  .buttons-container {
    gap: 3vw;
    margin-top: 6vw;
    padding-top: 4vw;
    flex-direction: column;
    align-items: center;
  }
  
  .btn-regresar,
  .btn-finalizar {
    padding: 3vw 6vw !important;
    font-size: 3vw !important;
    border-radius: 4vw !important;
    min-width: 40vw;
  }
}