/* screen - index-all-breakpoints */

.index-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 2801px;
  overflow: hidden;
  width: 1200px;
}

.index-all-breakpoints .french-fries-and-chi {
  height: 695px;
  margin-left: 1.0px;
  width: 1181px;
}

.index-all-breakpoints .overlap-group3 {
  height: 222px;
  margin-right: 0.89px;
  margin-top: 117px;
  position: relative;
  width: 1111px;
}

.index-all-breakpoints .overlap-group2 {
  height: 166px;
  left: 11px;
  position: absolute;
  top: 0;
  width: 1100px;
}

.index-all-breakpoints .food {
  align-items: center;
  display: flex;
  height: 166px;
  justify-content: center;
  left: 639px;
  min-width: 461px;
  position: absolute;
  top: 0;
}

.index-all-breakpoints .iconburger {
  height: 166px;
  object-fit: cover;
  width: 146px;
}

.index-all-breakpoints .icon-wrap-23-1 {
  height: 166px;
  margin-left: 16px;
  object-fit: cover;
  width: 146px;
}

.index-all-breakpoints .x1a836ee6a72a93439d736ce2009937a8-1 {
  height: 138px;
  margin-bottom: 1.21px;
  margin-left: 14px;
  width: 140px;
}

.index-all-breakpoints .title {
  color: var(--black-rose);
  font-family: var(--font-family-special_elite);
  font-size: 40px;
  font-weight: 400;
  left: 0;
  letter-spacing: 5.00px;
  line-height: 48.2px;
  position: absolute;
  top: 8px;
  white-space: nowrap;
  width: 767px;
}

.index-all-breakpoints .subtitle {
  color: var(--gray-2);
  font-family: var(--font-family-special_elite);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  left: 0;
  letter-spacing: 2.88px;
  line-height: 27.7px;
  position: absolute;
  top: 90px;
  width: 650px;
}

.index-all-breakpoints .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 27px;
  margin-left: 9.0px;
  margin-top: 27px;
  min-width: 1155px;
}

.index-all-breakpoints .menu {
  align-items: flex-end;
  background-color: var(--black-rose);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 26px;
  min-height: 359px;
  padding: 56px 41.0px;
  width: 370px;
}

.index-all-breakpoints .menu-text {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 123px;
  width: 267px;
}

.index-all-breakpoints .menu-1 {
  letter-spacing: 8.00px;
  line-height: 77.1px;
  margin-right: 5.14px;
  min-height: 77px;
  white-space: nowrap;
  width: 241px;
}

.index-all-breakpoints .menu_subtitle {
  letter-spacing: 4.12px;
  line-height: 39.8px;
  margin-right: 4.0px;
  min-height: 40px;
  white-space: nowrap;
  width: 263px;
}

.index-all-breakpoints .overlap-group {
  align-items: flex-end;
  align-self: center;
  background-color: var(--bon-jour);
  border-radius: 16px;
  display: flex;
  height: 72px;
  margin-left: 17.95px;
  min-width: 113px;
  padding: 0.3px 7.8px;
}

.index-all-breakpoints .ver-menu {
  color: var(--black);
  font-family: var(--font-family-special_elite);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  letter-spacing: 2.88px;
  line-height: 27.7px;
  min-height: 65px;
  text-align: center;
  width: 97px;
}

.index-all-breakpoints .dsc_0627-3 {
  height: 359px;
  object-fit: cover;
  width: 758px;
}

.index-all-breakpoints .group-2 {
  align-items: flex-start;
  display: flex;
  margin-left: 3.0px;
  margin-top: 55px;
  min-width: 1165px;
}

.index-all-breakpoints .overlap-group1 {
  height: 299px;
  position: relative;
  width: 1163px;
}

.index-all-breakpoints .dsc_0010-1 {
  height: 299px;
  left: 0;
  position: absolute;
  top: 0;
  width: 582px;
}

.index-all-breakpoints .dsc_0053-9-1 {
  height: 299px;
  left: 582px;
  position: absolute;
  top: 0;
  width: 581px;
}

.index-all-breakpoints .super-shakes {
  color: var(--black-rose);
  font-family: var(--font-family-special_elite);
  font-size: 70px;
  font-weight: 400;
  left: 236px;
  letter-spacing: 8.75px;
  line-height: 84.4px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 723px;
}

.index-all-breakpoints .flex-row-1 {
  align-items: flex-start;
  display: flex;
  gap: 74px;
  margin-left: 7.0px;
  margin-top: 43px;
  min-width: 1157px;
}

.index-all-breakpoints .group-3 {
  background-image: url(../img/dsc-0268-71-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 625px;
  width: 414px;
}

.index-all-breakpoints .flex-col {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-height: 623px;
  width: 669px;
}

.index-all-breakpoints .info {
  align-items: flex-start;
  background-color: var(--black-rose);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 107px;
  min-height: 281px;
  padding: 14.6px 209px;
  width: 664px;
}

.index-all-breakpoints .menu-2 {
  letter-spacing: 8.00px;
  line-height: 77.1px;
  min-height: 48px;
  text-align: center;
  white-space: nowrap;
  width: 240px;
}

.index-all-breakpoints .overlap-group-1 {
  align-self: flex-end;
  height: 97px;
  margin-right: 11.0px;
  position: relative;
  width: 189px;
}

.index-all-breakpoints .rectangle-1 {
  background-color: var(--bon-jour);
  border: 1px none;
  border-radius: 16px;
  height: 61px;
  left: 0;
  position: absolute;
  top: 0;
  width: 155px;
}

.index-all-breakpoints .ver-info {
  left: 9px;
  letter-spacing: 3.00px;
  line-height: 28.9px;
  position: absolute;
  top: 19px;
  width: 180px;
}

.index-all-breakpoints .dsc_0635-6-1 {
  height: 310px;
  object-fit: cover;
  width: 669px;
}

.index-all-breakpoints .footer {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  height: 326px;
  margin-left: 2px;
  margin-top: 58px;
  min-width: 1208px;
}

.index-all-breakpoints .overlap-group-2 {
  align-items: flex-start;
  background-color: var(--maroon-flush);
  display: flex;
  flex-direction: column;
  min-height: 326px;
  padding: 18.1px 45px;
  width: 1198px;
}

.index-all-breakpoints .flex-row-2 {
  align-items: center;
  display: flex;
  margin-left: 5px;
  min-width: 1082px;
}

.index-all-breakpoints .sguenos {
  align-self: flex-end;
  cursor: pointer;
  letter-spacing: 0;
  margin-bottom: 2.1px;
  min-height: 39px;
  width: 186px;
}

.index-all-breakpoints .icon-instagram {
  cursor: pointer;
  height: 57px;
  margin-left: 114px;
  margin-top: 0.76px;
  object-fit: cover;
  width: 57px;
}

.index-all-breakpoints .icon-information {
  cursor: pointer;
  height: 63px;
  margin-left: 36px;
  object-fit: cover;
  width: 63px;
}

.index-all-breakpoints .dnde-estamos {
  cursor: pointer;
  letter-spacing: 0;
  margin-left: 332px;
  margin-top: 11.53px;
  min-height: 31px;
  width: 294px;
}

.index-all-breakpoints .flex-row-3 {
  align-items: flex-start;
  display: flex;
  gap: 456px;
  height: 70px;
  margin-top: 28px;
  min-width: 1047px;
}

.index-all-breakpoints .quines-somos {
  align-self: flex-end;
  cursor: pointer;
  letter-spacing: 0;
  min-height: 56px;
  width: 337px;
}

.index-all-breakpoints .contctanos {
  cursor: pointer;
  letter-spacing: 0;
  min-height: 28px;
  width: 254px;
}

.index-all-breakpoints .abre-tu-ctr {
  cursor: pointer;
  letter-spacing: 0;
  margin-left: 5px;
  margin-top: 22px;
  min-height: 42px;
  width: 211px;
}
/* screen - index-phone */

.index-phone {
  align-items: center;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 2399px;
  overflow: hidden;
  width: 375px;
}

.index-phone .french-fries-and-chi-1 {
  height: 280px;
  width: 375px;
}

.index-phone .title-container {
  height: 121px;
  margin-left: 9.0px;
  margin-top: 56px;
  position: relative;
  width: 320px;
}

.index-phone .title-1 {
  color: var(--black-rose);
  font-family: var(--font-family-special_elite);
  font-size: 25px;
  font-weight: 400;
  left: 1px;
  letter-spacing: 3.12px;
  line-height: 30.1px;
  position: absolute;
  top: 0;
  width: 307px;
}

.index-phone .subtitle-1 {
  color: var(--gray-2);
  font-family: var(--font-family-special_elite);
  font-size: var(--font-size-xl);
  font-weight: 400;
  left: 0;
  letter-spacing: 2.25px;
  line-height: 21.7px;
  position: absolute;
  top: 43px;
  width: 320px;
}

.index-phone .food-1 {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin-right: 30.0px;
  margin-top: 6px;
  min-width: 291px;
}

.index-phone .iconburger-1 {
  height: 116px;
  margin-top: 0;
  object-fit: cover;
  width: 92px;
}

.index-phone .icon-wrap-23-1-1 {
  height: 116px;
  margin-left: 10px;
  margin-top: 0;
  object-fit: cover;
  width: 92px;
}

.index-phone .x1a836ee6a72a93439d736ce2009937a8-1-1 {
  align-self: center;
  height: 96px;
  margin-bottom: 0.84px;
  margin-left: 9px;
  width: 88px;
}

.index-phone .menu-3 {
  align-items: flex-end;
  background-color: var(--black-rose);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 44px;
  min-height: 200px;
  padding: 12px 53.0px;
  width: 375px;
}

.index-phone .menu-text-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 2px;
  min-height: 90px;
  width: 251px;
}

.index-phone .menu-4 {
  letter-spacing: 8.00px;
  line-height: 77.1px;
  margin-right: 5.07px;
  min-height: 56px;
  white-space: nowrap;
  width: 227px;
}

.index-phone .menu_subtitle-1 {
  letter-spacing: 4.12px;
  line-height: 39.8px;
  margin-right: 4.0px;
  min-height: 29px;
  white-space: nowrap;
  width: 247px;
}

.index-phone .overlap-group-3 {
  align-items: flex-start;
  align-self: center;
  background-color: var(--bon-jour);
  border-radius: 16px;
  display: flex;
  height: 59px;
  justify-content: flex-end;
  margin-left: 10.0px;
  min-width: 113px;
  padding: 18.2px 25.0px;
}

.index-phone .ver {
  color: var(--black);
  font-family: var(--font-family-special_elite);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 2.25px;
  line-height: 21.7px;
  min-height: 22px;
  white-space: nowrap;
}

.index-phone .dsc_0627-3-1 {
  height: 177px;
  margin-top: 24px;
  object-fit: cover;
  width: 375px;
}

.index-phone .group-2-1 {
  align-items: flex-start;
  display: flex;
  margin-right: 3.0px;
  margin-top: 22px;
  min-width: 372px;
}

.index-phone .overlap-group1-1 {
  height: 95px;
  margin-top: 0;
  position: relative;
  width: 370px;
}

.index-phone .dsc_0010-1-1 {
  height: 95px;
  left: 0;
  position: absolute;
  top: 0;
  width: 185px;
}

.index-phone .dsc_0053-9-1-1 {
  height: 95px;
  left: 185px;
  position: absolute;
  top: 0;
  width: 185px;
}

.index-phone .supershakes {
  color: var(--black-rose);
  font-family: var(--font-family-special_elite);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  left: 88px;
  letter-spacing: 2.50px;
  line-height: 24.1px;
  position: absolute;
  text-align: center;
  top: 3px;
  width: 195px;
}

.index-phone .info-1 {
  align-items: flex-start;
  background-color: var(--black-rose);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 30px;
  min-height: 209px;
  padding: 23.8px 119.4px;
  width: 375px;
}

.index-phone .menu-5 {
  letter-spacing: 3.75px;
  line-height: 36.2px;
  min-height: 89px;
  text-align: center;
  width: 131px;
}

.index-phone .overlap-group-4 {
  align-items: flex-end;
  align-self: center;
  background-color: var(--bon-jour);
  border-radius: 16px;
  display: flex;
  height: 60px;
  justify-content: flex-end;
  margin-right: 0.88px;
  min-width: 113px;
  padding: 15.9px 30.1px;
}

.index-phone .ver-1 {
  color: var(--black);
  font-family: var(--font-family-special_elite);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 2.25px;
  line-height: 21.7px;
  min-height: 22px;
  white-space: nowrap;
  width: 51px;
}

.index-phone .dsc_0268-71 {
  height: 566px;
  margin-top: 35px;
  object-fit: cover;
  width: 375px;
}

.index-phone .dsc_0635-6-1-1 {
  height: 174px;
  margin-top: 20px;
  object-fit: cover;
  width: 375px;
}

.index-phone .footer-1 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  margin-top: 20px;
  min-width: 385px;
}

.index-phone .flex-row-4 {
  align-items: flex-start;
  background-color: var(--maroon-flush);
  display: flex;
  gap: 47px;
  height: 188px;
  justify-content: flex-end;
  min-width: 375px;
  padding: 19px 8px;
}

.index-phone .flex-col-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 129px;
  width: 103px;
}

.index-phone .sguenos-1 {
  cursor: pointer;
  letter-spacing: 0;
  min-height: 20px;
  width: 103px;
}

.index-phone .icon-instagram-1 {
  cursor: pointer;
  height: 40px;
  margin-right: 9.0px;
  margin-top: 10px;
  object-fit: cover;
  width: 40px;
}

.index-phone .pngfind-2 {
  cursor: pointer;
  height: 40px;
  margin-right: 9.0px;
  margin-top: 19px;
  object-fit: cover;
  width: 40px;
}

.index-phone .flex-col-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 135px;
  width: 195px;
}

.index-phone .quines-somos-1 {
  letter-spacing: 0;
  min-height: 30px;
  width: 188px;
}

.index-phone .dnde-estamos-1 {
  cursor: pointer;
  letter-spacing: 0;
  margin-top: 4px;
  min-height: 22px;
  width: 195px;
}

.index-phone .contctanos-1 {
  cursor: pointer;
  letter-spacing: 0;
  margin-top: 13px;
  min-height: 30px;
  width: 163px;
}

.index-phone .abre-tu-ctr-1 {
  cursor: pointer;
  letter-spacing: 0;
  margin-top: 6px;
  min-height: 30px;
  width: 163px;
}
/* screen - index-tablet */

.index-tablet {
  align-items: center;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 3476px;
  overflow: hidden;
  width: 834px;
}

.index-tablet .french-fries-and-chi-2 {
  height: 533px;
  width: 834px;
}

.index-tablet .title-2 {
  letter-spacing: 8.00px;
  line-height: 77.1px;
  margin-left: 19.0px;
  margin-top: 98px;
  min-height: 77px;
  white-space: nowrap;
  width: 767px;
}

.index-tablet .subtitle-2 {
  color: var(--gray-2);
  font-family: var(--font-family-special_elite);
  font-size: 34px;
  font-weight: 400;
  letter-spacing: 4.25px;
  line-height: 41.0px;
  margin-left: 19.0px;
  margin-top: 41px;
  min-height: 115px;
  width: 765px;
}

.index-tablet .food-2 {
  align-items: center;
  display: flex;
  margin-left: 5.0px;
  margin-top: 1px;
  min-width: 703px;
}

.index-tablet .iconburger-2 {
  height: 252px;
  object-fit: cover;
  width: 222px;
}

.index-tablet .icon-wrap-23-1-2 {
  height: 252px;
  margin-left: 24px;
  object-fit: cover;
  width: 222px;
}

.index-tablet .x1a836ee6a72a93439d736ce2009937a8-1-2 {
  height: 210px;
  margin-bottom: 1.26px;
  margin-left: 7px;
  width: 228px;
}

.index-tablet .menu-6 {
  align-items: flex-end;
  background-color: var(--black-rose);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 35px;
  margin-left: 2.0px;
  min-height: 429px;
  padding: 95.9px 251.3px;
  width: 836px;
}

.index-tablet .menu-text-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 2px;
  min-height: 117px;
  width: 333px;
}

.index-tablet .menu-7 {
  letter-spacing: 8.00px;
  line-height: 77.1px;
  margin-right: 5.42px;
  min-height: 73px;
  text-align: center;
  white-space: nowrap;
  width: 302px;
}

.index-tablet .menu_subtitle-2 {
  letter-spacing: 4.12px;
  line-height: 39.8px;
  margin-right: 4.0px;
  min-height: 38px;
  text-align: center;
  white-space: nowrap;
  width: 329px;
}

.index-tablet .overlap-group-5 {
  align-items: flex-end;
  align-self: center;
  background-color: var(--bon-jour);
  border-radius: 16px;
  display: flex;
  height: 84px;
  justify-content: flex-end;
  margin-right: 3.51px;
  min-width: 318px;
  padding: 18.0px 29.9px;
}

.index-tablet .ver-menu-1 {
  letter-spacing: 4.00px;
  line-height: 38.6px;
  min-height: 37px;
  text-align: center;
  white-space: nowrap;
  width: 258px;
}

.index-tablet .dsc_0627-3-2 {
  height: 394px;
  margin-top: 55px;
  object-fit: cover;
  width: 834px;
}

.index-tablet .group-2-2 {
  align-items: flex-start;
  display: flex;
  margin-left: 2.0px;
  margin-top: 56px;
  min-width: 836px;
}

.index-tablet .overlap-group1-2 {
  height: 308px;
  position: relative;
  width: 834px;
}

.index-tablet .dsc_0010-1-2 {
  height: 298px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 407px;
}

.index-tablet .dsc_0053-9-1-2 {
  height: 298px;
  left: 405px;
  position: absolute;
  top: 10px;
  width: 429px;
}

.index-tablet .title-3 {
  left: 106px;
  letter-spacing: 10.75px;
  line-height: 103.6px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.index-tablet .info-2 {
  align-items: flex-start;
  background-color: var(--black-rose);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 110px;
  margin-left: 0;
  margin-top: 53px;
  min-height: 347px;
  padding: 36px 265px;
  width: 834px;
}

.index-tablet .menu-8 {
  letter-spacing: 8.00px;
  line-height: 77.1px;
  min-height: 59px;
  text-align: center;
  white-space: nowrap;
  width: 301px;
}

.index-tablet .overlap-group-6 {
  align-self: center;
  height: 97px;
  margin-left: 41.1px;
  position: relative;
  width: 189px;
}

.index-tablet .rectangle-1-1 {
  background-color: var(--bon-jour);
  border: 1px none;
  border-radius: 16px;
  height: 61px;
  left: 0;
  position: absolute;
  top: 0;
  width: 155px;
}

.index-tablet .ver-info-1 {
  left: 9px;
  letter-spacing: 3.00px;
  line-height: 28.9px;
  position: absolute;
  top: 19px;
  width: 180px;
}

.index-tablet .dsc_0635-6-1-2 {
  height: 386px;
  margin-top: 56px;
  object-fit: cover;
  width: 834px;
}

.index-tablet .footer-2 {
  align-items: flex-start;
  display: flex;
  height: 227px;
  margin-left: 9.0px;
  margin-top: 25px;
  min-width: 843px;
}

.index-tablet .overlap-group3-1 {
  align-items: flex-start;
  background-color: var(--maroon-flush);
  display: flex;
  flex-direction: column;
  min-height: 227px;
  padding: 20.0px 36px;
  width: 833px;
}

.index-tablet .flex-row-5 {
  align-items: flex-end;
  display: flex;
  min-width: 759px;
}

.index-tablet .sguenos-2 {
  cursor: pointer;
  letter-spacing: 0;
  margin-bottom: 1.94px;
  min-height: 23px;
  width: 141px;
}

.index-tablet .icon-instagram-2 {
  cursor: pointer;
  height: 40px;
  margin-left: 153px;
  object-fit: cover;
  width: 40px;
}

.index-tablet .pngfind-2-1 {
  align-self: flex-start;
  height: 44px;
  margin-left: 39px;
  object-fit: cover;
  width: 44px;
}

.index-tablet .dnde-estamos-2 {
  cursor: pointer;
  letter-spacing: 0;
  margin-bottom: 1.94px;
  margin-left: 105px;
  min-height: 23px;
  width: 237px;
}

.index-tablet .flex-row-6 {
  align-items: flex-start;
  display: flex;
  gap: 282px;
  height: 46px;
  margin-top: 26px;
  min-width: 699px;
}

.index-tablet .quines-somos-2 {
  cursor: pointer;
  letter-spacing: 0;
  min-height: 46px;
  width: 240px;
}

.index-tablet .contctanos-2 {
  cursor: pointer;
  letter-spacing: 0;
  margin-top: 4px;
  min-height: 23px;
  width: 177px;
}

.index-tablet .abre-tu-ctr-2 {
  cursor: pointer;
  letter-spacing: 0;
  margin-top: 3px;
  min-height: 20px;
  width: 150px;
}

.index-tablet .group-3-1 {
  align-items: flex-start;
  display: flex;
  margin-left: 3.0px;
  margin-top: 81px;
  min-width: 225px;
}

.index-tablet .overlap-group2-1 {
  align-items: flex-end;
  background-color: var(--bon-jour);
  border-radius: 16px;
  display: flex;
  height: 88px;
  min-width: 223px;
  padding: 19px 25px;
}

.index-tablet .ver-info-2 {
  letter-spacing: 4.00px;
  line-height: 38.6px;
  min-height: 39px;
  min-width: 173px;
  white-space: nowrap;
}
@media screen and (max-width: 833px) {
  .screen.index-all-breakpoints { 
    display: none;
   }
  .screen.index-tablet { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1199px) {
  .screen.index-all-breakpoints { 
    display: none;
   }
  .screen.index-phone { 
    display: none;
   }
}
@media screen and (min-width: 1200px) {
  .screen.index-phone { 
    display: none;
   }
  .screen.index-tablet { 
    display: none;
   }
}