@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:var(--m3-title-large-font-weight),var(--cheverde-theme-body-large-font-weight),var(--cheverde-theme-label-large-font-weight),var(--cheverde-theme-body-small-font-weight)");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
@font-face {
  font-family: "VAG Rounded Std-Bold";
  src: url("https://anima-uploads.s3.amazonaws.com/5b6ad05e028b2d0009a47de4/VAGRoundedStd-Bold.otf") format("opentype");
}

@font-face {
  font-family: "VAG Rounded Std-Thin";
  src: url("https://anima-uploads.s3.amazonaws.com/5a54cc40197c35000c7e8890/VAGRoundedStd-Thin.otf") format("opentype");
}

html,
body {
  margin: 0px;
  height: 100%;
  font-family: "VAG Rounded Std-Thin", Helvetica !important;
}


:root {
  --cheverde-themeblack: rgba(0, 0, 0, 1);
  --cheverde-themesyslighton-surface-variant: rgba(55, 63, 58, 1);
  --cheverde-themesyslighton-primary: rgba(255, 255, 255, 1);
  --cheverde-themesyslightprimary: rgba(15, 179, 119, 1);
  --cheverde-themesyslightoutline: rgba(112, 121, 114, 1);
  --cheverde-themesyslightsurface-variant: rgba(220, 229, 220, 1);
  --cheverde-themesyslightbackground: rgba(251, 253, 248, 1);
  --cheverde-themesyslighton-surface: rgba(25, 28, 26, 1);
  --cheverde-themesyslighton-secondary-container: rgba(11, 31, 21, 1);
  --cheverde-themestate-layerssyslighton-surfaceopacity-012: rgba(29, 27, 32, 0.12);
  --cheverde-themestate-layerssyslighton-secondary-containeropacity-012: rgba(29, 25, 43, 0.12);
  --cheverde-themestate-layerssyslighton-secondary-containeropacity-008: rgba(29, 25, 43, 0.08);
  --cheverde-themestate-layerssyslightprimaryopacity-012: rgba(103, 80, 164, 0.12);
  --cheverde-themestate-layerssyslightprimaryopacity-008: rgba(103, 80, 164, 0.08);
  --cheverde-themestate-layerssyslighton-primaryopacity-012: rgba(255, 255, 255, 0.12);
  --cheverde-themestate-layerssyslighton-primaryopacity-008: rgba(255, 255, 255, 0.08);
  --cheverde-themesyslightsecondary-container: rgba(208, 232, 215, 1);
  --cheverde-themesyslightsurface-container-low: rgba(242, 244, 240, 1);
  --cheverde-themesyslighterror: rgba(186, 26, 26, 1);
  --cheverde-themesyslightsurface: rgba(248, 250, 245, 1);
  --cheverde-themestate-layerssyslightoutlineopacity-012: rgba(121, 116, 126, 0.12);
  --cheverde-themestate-layerssyslighton-surfaceopacity-008: rgba(29, 27, 32, 0.08);
  --cheverde-themesyslightsurface-container-highest: rgba(225, 227, 223, 1);
  --m3-title-large-font-family: "Roboto", Helvetica;
  --m3-title-large-font-weight: 400;
  --m3-title-large-font-size: 22px;
  --m3-title-large-letter-spacing: 0px;
  --m3-title-large-line-height: 28px;
  --m3-title-large-font-style: normal;
  --cheverde-theme-body-large-font-family: "Roboto", Helvetica;
  --cheverde-theme-body-large-font-weight: 400;
  --cheverde-theme-body-large-font-size: 16px;
  --cheverde-theme-body-large-letter-spacing: 0px;
  --cheverde-theme-body-large-line-height: 24px;
  --cheverde-theme-body-large-font-style: normal;
  --cheverde-theme-body-small-font-family: "Roboto", Helvetica;
  --cheverde-theme-body-small-font-weight: 400;
  --cheverde-theme-body-small-font-size: 12px;
  --cheverde-theme-body-small-letter-spacing: 0px;
  --cheverde-theme-body-small-line-height: 16px;
  --cheverde-theme-body-small-font-style: normal;
  --cheverde-theme-label-large-font-family: "Roboto", Helvetica;
  --cheverde-theme-label-large-font-weight: 500;
  --cheverde-theme-label-large-font-size: 14px;
  --cheverde-theme-label-large-letter-spacing: 0px;
  --cheverde-theme-label-large-line-height: 20px;
  --cheverde-theme-label-large-font-style: normal;
  --m3-elevation-light-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  --m3-elevation-light-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}



.home {
  /* width: 1440px; */ 
  height: 100%;
  background-color: #ffffff;
  overflow: auto;
}

.home .frame {
  display: flex;
  flex-wrap: wrap;
/*  width: 1519px;*/
  align-items: flex-start;
  justify-content: center;
  gap: 0px 18px;
/*  position: relative;
  left: -40px;*/

}

.home .TOP {
/*  position: relative;
  width: 1440px;
  height: 885px;*/
}

.home .banner-home {
  /* height: 1106px; */ 
  background-color: #ffffff;
  overflow: hidden;
}

.home .overlap {
/*  position: relative;
  width: 2299px;
  height: 1100px;
  left: -429px;*/
}

.home .BG-frutas-verduras {
  position: absolute;
  width: 2299px;
  height: 1100px;
  top: 0;
  left: 0;
  overflow: hidden;
}

.home .overlap-group {
  position: absolute;
  width: 572px;
  height: 969px;
  top: 131px;
  left: 429px;
}

.home .div {
  position: absolute;
  width: 532px;
  height: 559px;
  top: 410px;
  left: 40px;
}

.home .asset {
  position: absolute;
  width: 104px;
  height: 92px;
  top: 0;
  left: 140px;
}

.home .asset-tomate {
  position: absolute;
  width: 106px;
  height: 112px;
  top: 331px;
  left: 24px;
}

.home .asset-berenjena {
  position: absolute;
  width: 127px;
  height: 108px;
  top: 204px;
  left: 63px;
}

.home .asset-espinaca {
  position: absolute;
  width: 178px;
  height: 230px;
  top: 59px;
  left: 186px;
}

.home .asset-arveja {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 424px;
  left: 294px;
}

.home .vector {
  position: absolute;
  width: 67px;
  height: 33px;
  top: 526px;
  left: 247px;
}

.home .img {
  position: absolute;
  width: 23px;
  height: 21px;
  top: 515px;
  left: 256px;
}

.home .vector-2 {
  position: absolute;
  width: 52px;
  height: 17px;
  top: 542px;
  left: 288px;
}

.home .vector-3 {
  position: absolute;
  width: 101px;
  height: 33px;
  top: 526px;
  left: 247px;
}

.home .VERDURAS {
  position: absolute;
  width: 126px;
  height: 132px;
  top: 357px;
  left: 344px;
}

.home .asset-hoja {
  position: absolute;
  width: 57px;
  height: 50px;
  top: 509px;
  left: 110px;
}

.home .asset-apio {
  position: absolute;
  width: 206px;
  height: 194px;
  top: 334px;
  left: 128px;
}

.home .vector-4 {
  position: absolute;
  width: 162px;
  height: 12px;
  top: 547px;
  left: 0;
}

.home .asset-apio-2 {
  position: absolute;
  width: 215px;
  height: 181px;
  top: 214px;
  left: 317px;
}

.home .overlap-2 {
  position: absolute;
  width: 396px;
  height: 420px;
  top: 0;
  left: 13px;
}

.home .asset-tomate-2 {
  position: absolute;
  width: 117px;
  height: 114px;
  top: 208px;
  left: 214px;
}

.home .asset-arveja-2 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 0;
  left: 72px;
}

.home .asset-rabanito {
  position: absolute;
  width: 139px;
  height: 176px;
  top: 124px;
  left: 8px;
}

.home .asset-brocoli {
  position: absolute;
  width: 105px;
  height: 107px;
  top: 314px;
  left: 292px;
}

.home .asset-2 {
  position: absolute;
  width: 57px;
  height: 62px;
  top: 5px;
  left: 136px;
}

.home .asset-apio-3 {
  position: absolute;
  width: 215px;
  height: 223px;
  top: 15px;
  left: 0;
}

.home .asset-arveja-3 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 554px;
  left: 444px;
}

.home .asset-arveja-4 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 549px;
  left: 184px;
}

.home .asset-arveja-5 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 656px;
  left: 46px;
}

.home .asset-arveja-6 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 362px;
  left: 226px;
}

.home .overlap-3 {
  position: absolute;
  width: 169px;
  height: 290px;
  top: 315px;
  left: 0;
}

.home .asset-arveja-7 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 0;
  left: 40px;
}

.home .asset-zanahoria {
  position: absolute;
  width: 158px;
  height: 211px;
  top: 0;
  left: 0;
}

.home .asset-papa {
  position: absolute;
  width: 84px;
  height: 110px;
  top: 180px;
  left: 18px;
}

.home .asset-3 {
  position: absolute;
  width: 56px;
  height: 46px;
  top: 13px;
  left: 112px;
}

.home .overlap-4 {
  position: absolute;
  width: 159px;
  height: 184px;
  top: 8px;
  left: 260px;
}

.home .asset-arveja-8 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 152px;
  left: 0;
}

.home .asset-choclo {
  position: absolute;
  width: 158px;
  height: 184px;
  top: 0;
  left: 2px;
}

.home .asset-arveja-9 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 914px;
  left: 86px;
}

.home .overlap-5 {
  position: absolute;
  width: 550px;
  height: 829px;
  top: 0;
  left: 1319px;
}

.home .asset-tomate-3 {
  position: absolute;
  width: 100px;
  height: 107px;
  top: 565px;
  left: 438px;
}

.home .asset-tomate-4 {
  position: absolute;
  width: 87px;
  height: 99px;
  top: 72px;
  left: 463px;
}

.home .overlap-6 {
  position: absolute;
  width: 528px;
  height: 829px;
  top: 0;
  left: 22px;
}

.home .asset-berenjena-2 {
  position: absolute;
  width: 128px;
  height: 110px;
  top: 323px;
  left: 234px;
}

.home .asset-espinaca-2 {
  position: absolute;
  width: 120px;
  height: 210px;
  top: 291px;
  left: 407px;
}

.home .asset-espinaca-3 {
  position: absolute;
  width: 235px;
  height: 149px;
  top: 0;
  left: 0;
}

.home .asset-rabanito-2 {
  position: absolute;
  width: 114px;
  height: 186px;
  top: 643px;
  left: 216px;
}

.home .asset-arveja-10 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 577px;
  left: 156px;
}

.home .asset-arveja-11 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 374px;
  left: 129px;
}

.home .asset-arveja-12 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 28px;
  left: 202px;
}

.home .asset-arveja-13 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 191px;
  left: 485px;
}

.home .asset-choclo-2 {
  position: absolute;
  width: 147px;
  height: 177px;
  top: 495px;
  left: 250px;
}

.home .asset-zanahoria-2 {
  position: absolute;
  width: 205px;
  height: 210px;
  top: 8px;
  left: 171px;
}

.home .asset-4 {
  position: absolute;
  width: 88px;
  height: 106px;
  top: 96px;
  left: 319px;
}

.home .asset-papa-2 {
  position: absolute;
  width: 132px;
  height: 129px;
  top: 197px;
  left: 355px;
}

.home .asset-5 {
  position: absolute;
  width: 70px;
  height: 51px;
  top: 0;
  left: 351px;
}

.home .asset-apio-4 {
  position: absolute;
  width: 233px;
  height: 230px;
  top: 378px;
  left: 97px;
}

.home .overlap-7 {
  position: absolute;
  width: 212px;
  height: 200px;
  top: 623px;
  left: 0;
}

.home .asset-arveja-14 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 134px;
  left: 185px;
}

.home .asset-zanahoria-3 {
  position: absolute;
  width: 212px;
  height: 200px;
  top: 0;
  left: 0;
}

.home .overlap-8 {
  position: absolute;
  width: 142px;
  height: 116px;
  top: 707px;
  left: 385px;
}

.home .asset-arveja-15 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 0;
  left: 119px;
}

.home .asset-papa-3 {
  position: absolute;
  width: 128px;
  height: 113px;
  top: 3px;
  left: 0;
}

.home .asset-arveja-16 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 283px;
  left: 272px;
}

.home .asset-arveja-17 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 466px;
  left: 362px;
}

.home .asset-arveja-18 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 32px;
  left: 493px;
}

.home .asset-brocoli-2 {
  position: absolute;
  width: 85px;
  height: 101px;
  top: 261px;
  left: 157px;
}

.home .asset-6 {
  position: absolute;
  width: 55px;
  height: 38px;
  top: 194px;
  left: 123px;
}

.home .overlap-9 {
  position: absolute;
  width: 498px;
  height: 258px;
  top: 842px;
  left: 1371px;
}

.home .VERDURAS-2 {
  position: absolute;
  width: 87px;
  height: 99px;
  top: 105px;
  left: 411px;
}

.home .overlap-group-2 {
  position: absolute;
  width: 478px;
  height: 258px;
  top: 0;
  left: 0;
}

.home .vector-5 {
  position: absolute;
  width: 8px;
  height: 45px;
  top: 49px;
  left: 88px;
}

.home .vector-6 {
  position: absolute;
  width: 39px;
  height: 8px;
  top: 83px;
  left: 43px;
}

.home .vector-7 {
  position: absolute;
  width: 35px;
  height: 8px;
  top: 111px;
  left: 71px;
}

.home .vector-8 {
  position: absolute;
  width: 152px;
  height: 167px;
  top: 14px;
  left: 16px;
}

.home .vector-9 {
  position: absolute;
  width: 147px;
  height: 153px;
  top: 0;
  left: 0;
}

.home .asset-arveja-19 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 61px;
  left: 172px;
}

.home .asset-arveja-20 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 224px;
  left: 455px;
}

.home .asset-zanahoria-4 {
  position: absolute;
  width: 205px;
  height: 210px;
  top: 41px;
  left: 141px;
}

.home .asset-7 {
  position: absolute;
  width: 88px;
  height: 106px;
  top: 129px;
  left: 289px;
}

.home .VERDURAS-3 {
  position: absolute;
  width: 132px;
  height: 28px;
  top: 230px;
  left: 325px;
}

.home .asset-8 {
  position: absolute;
  width: 70px;
  height: 67px;
  top: 17px;
  left: 321px;
}

.home .asset-arveja-21 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 65px;
  left: 441px;
}

.home .VERDURAS-4 {
  position: absolute;
  width: 55px;
  height: 32px;
  top: 227px;
  left: 71px;
}

.home .asset-berenjena-3 {
  position: absolute;
  width: 127px;
  height: 123px;
  top: 0;
  left: 446px;
}

.home .overlap-10 {
  position: absolute;
  width: 166px;
  height: 130px;
  top: 0;
  left: 616px;
}

.home .asset-arveja-22 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 84px;
  left: 143px;
}

.home .asset-espinaca-4 {
  position: absolute;
  width: 157px;
  height: 130px;
  top: 0;
  left: 0;
}

.home .asset-papa-4 {
  position: absolute;
  width: 126px;
  height: 116px;
  top: 0;
  left: 812px;
}

.home .asset-limon {
  position: absolute;
  width: 60px;
  height: 55px;
  top: 1340px;
  left: 4985px;
}

.home .asset-morron {
  position: absolute;
  width: 111px;
  height: 85px;
  top: 1340px;
  left: 5102px;
}

.home .frame-2 {
/*  position: absolute;
  width: 552px;
  height: 658px;
  top: 10%;
  left: 873px;*/
  margin-top: 10vh;
}

.home .frame-20 {
/*  position: absolute;
  width: 552px;
  height: 658px;
  top: 10%;
  left: 873px;*/
}

.home .home-login {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
/*  gap: 16px;
  position: absolute;
  top: 156px;
  left: 0;*/
  margin-top: 19vh;
}

.home .registro {
  display: inline-flex;
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: 8px;
  border-color: #0fb3775c;
  box-shadow: 1px 7px 16px #2b50411a, 4px 29px 29px #2b504117, 9px 65px 39px #2b50410d, 16px 115px 46px #2b504103,
    25px 180px 51px transparent;
  gap: 10px;
  padding: 32px 96px;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid;
  margin-top: 3em;
}

.home .formulario {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

.home .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--m3-title-large-font-family);
  font-weight: var(--m3-title-large-font-weight);
  color: var(--cheverde-themeblack);
  font-size: var(--m3-title-large-font-size);
  letter-spacing: var(--m3-title-large-letter-spacing);
  line-height: var(--m3-title-large-line-height);
  white-space: nowrap;
  font-style: var(--m3-title-large-font-style);
  width: 100%;
  text-align: center;
}

.home .campos {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding-top: 16px;
  position: relative;
  flex: 0 0 auto;
}

.home .text-field {
  display: flex;
  flex-direction: column;
  width: 360px;
  height: 56px;
  align-items: flex-start;
  position: relative;
  background-color: var(--cheverde-themesyslightsurface-variant);
  border-radius: 4px 4px 0px 0px;
}

.home .state-layer-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-color: var(--cheverde-themesyslightsurface-variant);
  border-radius: 4px 4px 0px 0px;
  border-bottom: 1px solid black;
}

.home .state-layer {
  display: flex;
  align-items: flex-start;
  padding: 4px 16px;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  border-radius: 4px 4px 0px 0px;
}

.home .content {
  display: flex;
  flex-direction: column;
  height: 48px;
  align-items: flex-start;
  justify-content: center;
  padding: 1px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home .label-text {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  border: none;
  background: none;
  margin-top: -1px;
  font-family: var(--cheverde-theme-body-large-font-family);
  font-weight: var(--cheverde-theme-body-large-font-weight);
  color: var(--cheverde-themesyslighton-surface-variant);
  font-size: var(--cheverde-theme-body-large-font-size);
  line-height: var(--cheverde-theme-body-large-line-height);
  white-space: nowrap;
  letter-spacing: var(--cheverde-theme-body-large-letter-spacing);
  font-style: var(--cheverde-theme-body-large-font-style);
  padding: 0;
    height: 95%;
    width: 95%;
}

.home .active-indicator {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  object-fit: cover;
}

.home .label-text-wrapper {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.home .label-text-2 {
  margin-top: -1px;
  font-family: var(--cheverde-theme-body-large-font-family);
  font-weight: var(--cheverde-theme-body-large-font-weight);
  color: var(--cheverde-themesyslighton-surface-variant);
  font-size: var(--cheverde-theme-body-large-font-size);
  line-height: var(--cheverde-theme-body-large-line-height);
  white-space: nowrap;
  position: relative;
  width: fit-content;
  letter-spacing: var(--cheverde-theme-body-large-letter-spacing);
  font-style: var(--cheverde-theme-body-large-font-style);
}

.home .supporting-text {
  display: flex;
  width: 360px;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 16px 0px;
  position: absolute;
  top: 56px;
  left: 0;
}

.home .supporting-text-2 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--cheverde-theme-body-small-font-family);
  font-weight: var(--cheverde-theme-body-small-font-weight);
  color: var(--cheverde-themesyslighton-surface-variant);
  font-size: var(--cheverde-theme-body-small-font-size);
  letter-spacing: var(--cheverde-theme-body-small-letter-spacing);
  line-height: var(--cheverde-theme-body-small-line-height);
  font-style: var(--cheverde-theme-body-small-font-style);
}

.home .button {
  all: unset;
  box-sizing: border-box;
  width: 135px;
  gap: 10.19px;
  background-color: #0fb377;
  border-radius: 127.44px;
  display: flex;
  flex-direction: column;
  height: 50px;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.home .div-wrapper {
  gap: 10.19px;
  padding: 12.74px 30.58px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
}

.home .label-text-3 {
  margin-top: -2.02px;
  margin-left: -0.08px;
  margin-right: -0.08px;
  font-family: var(--cheverde-theme-label-large-font-family);
  font-weight: var(--cheverde-theme-label-large-font-weight);
  color: var(--cheverde-themesyslighton-primary);
  font-size: var(--cheverde-theme-label-large-font-size);
  text-align: center;
  line-height: var(--cheverde-theme-label-large-line-height);
  position: relative;
  width: fit-content;
  letter-spacing: var(--cheverde-theme-label-large-letter-spacing);
  font-style: var(--cheverde-theme-label-large-font-style);
}

.home .formulario-wrapper {
  display: flex;
  width: 360px;
  align-items: center;
  justify-content: center;
  background-color: var(--cheverde-themesyslightbackground);
  border-radius: 16px;
  border-color: #0fb3771a;
  box-shadow: 0px 2px 5px #4f5f591a, 0px 8px 8px #4f5f5917, 0px 19px 11px #4f5f590d, 0px 34px 14px #4f5f5903,
    0px 53px 15px transparent;
  gap: 10px;
  padding: 32px 96px;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid;
}

.home .formulario-2 {
  margin-left: -9.5px;
  margin-right: -9.5px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

.home .button-2 {
  all: unset;
  box-sizing: border-box;
  width: 142px;
  gap: 10.14px;
  border-radius: 126.69px;
  border: 1.27px solid;
  border-color: var(--cheverde-themesyslightoutline);
  display: flex;
  flex-direction: column;
  height: 50px;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.home .state-layer-2 {
  gap: 10.14px;
  padding: 12.67px 30.41px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
}

.home .label-text-4 {
  margin-top: -1.94px;
  margin-left: -10.91px;
  margin-right: -10.91px;
  font-family: var(--cheverde-theme-label-large-font-family);
  font-weight: var(--cheverde-theme-label-large-font-weight);
  color: #0fb377;
  font-size: var(--cheverde-theme-label-large-font-size);
  text-align: center;
  line-height: var(--cheverde-theme-label-large-line-height);
  position: relative;
  width: fit-content;
  letter-spacing: var(--cheverde-theme-label-large-letter-spacing);
  font-style: var(--cheverde-theme-label-large-font-style);
}

.home .logo-pastilla {
/*  position: absolute;
  width: 448px;
  height: 136px;
  top: -30px;
  left: 52px;*/

}

.home .LOGO {
/*  position: relative;
  width: 326px;
  height: 109px;
  top: 9px;
  left: 75px;*/
}

.home .group {
  position: relative;
  width: 328px;
  height: 109px;
}

.home .text-wrapper-2 {
  /*position: absolute;
  top: 90px;*/
/*  left: 1px;*/
  font-family: "VAG Rounded Std-Bold", Helvetica;
  font-weight: 700;
  color: #00997c;
  font-size: 15.8px;
  letter-spacing: 2.06px;
  line-height: normal;
  padding-top: 1em;
}

.home .group-2 {
/*  position: absolute;*/
  width: 326px;
  height: 80px;
/*  top: 0;
  left: 0;*/
}

.home .frame-wrapper {
  position: relative;
  width: 154px;
  height: 178px;
  background-color: #ffffff;
}

.home .frame-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: relative;
  left: 7px;
  top: -10vh;
}

.home .corazon-che-verde {
  position: relative;
  width: 140.06px;
  height: 112.05px;
  margin: 4em 0 5em 0;
}

.home .footer {
  /* position: fixed; */
  bottom: 0;
/*  width: 1440px;*/
    height: 12em;
/*  background-color: transparent;*/
  overflow: hidden;
  background-color: var(--cheverde-themesyslightprimary);
  width: 100%;
  left: 0;
  margin-left: 0;
  margin-right: 0;
}

.home .overlap-11 {
  position: relative;
  width: 1612px;
  height: 398px;
  top: -60px;
  left: -86px;
}

.home .rectangle {
  position: fixed;
  bottom: 0;
  width: 1612px;
  height: 25vh;
  background-color: var(--cheverde-themesyslightprimary);
  transform: translatex(0);
}


.home .BG-frutas-verduras-2 {
  position: absolute;
  width: 1440px;
  height: 150px;
  top: 0px;
  left: 86px;
  overflow: hidden;
  mix-blend-mode: multiply;
  opacity: 0.2;
}

.home .overlap-12 {
  position: absolute;
  width: 515px;
  height: 222px;
  top: 48px;
  left: 19px;
}

.home .overlap-13 {
  position: absolute;
  width: 515px;
  height: 222px;
  top: 0;
  left: 0;
}

.home .overlap-14 {
  position: absolute;
  width: 215px;
  height: 204px;
  top: 17px;
  left: 0;
}

.home .asset-9 {
  position: absolute;
  width: 45px;
  height: 40px;
  top: 77px;
  left: 111px;
}

.home .asset-tomate-5 {
  position: absolute;
  width: 44px;
  height: 46px;
  top: 116px;
  left: 15px;
}

.home .asset-arveja-23 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 58px;
  left: 141px;
}

.home .asset-choclo-3 {
  position: absolute;
  width: 80px;
  height: 87px;
  top: 41px;
  left: 0;
}

.home .asset-zanahoria-5 {
  position: absolute;
  width: 70px;
  height: 90px;
  top: 0;
  left: 83px;
}

.home .asset-10 {
  position: absolute;
  width: 25px;
  height: 21px;
  top: 53px;
  left: 73px;
}

.home .asset-espinaca-5 {
  position: absolute;
  width: 68px;
  height: 95px;
  top: 109px;
  left: 147px;
}

.home .overlap-group-3 {
  position: absolute;
  width: 278px;
  height: 186px;
  top: 15px;
  left: 237px;
}

.home .asset-tomate-6 {
  position: absolute;
  width: 51px;
  height: 50px;
  top: 91px;
  left: 192px;
}

.home .asset-berenjena-4 {
  position: absolute;
  width: 56px;
  height: 59px;
  top: 127px;
  left: 0;
}

.home .asset-espinaca-6 {
  position: absolute;
  width: 103px;
  height: 82px;
  top: 47px;
  left: 12px;
}

.home .asset-arveja-24 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  left: 130px;
}

.home .asset-arveja-25 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 129px;
  left: 268px;
}

.home .asset-rabanito-3 {
  position: absolute;
  width: 61px;
  height: 77px;
  top: 54px;
  left: 102px;
}

.home .asset-brocoli-3 {
  position: absolute;
  width: 46px;
  height: 47px;
  top: 137px;
  left: 225px;
}

.home .asset-11 {
  position: absolute;
  width: 25px;
  height: 27px;
  top: 2px;
  left: 158px;
}

.home .asset-apio-5 {
  position: absolute;
  width: 94px;
  height: 97px;
  top: 7px;
  left: 98px;
}

.home .asset-tomate-7 {
  position: absolute;
  width: 53px;
  height: 53px;
  top: 1px;
  left: 276px;
}

.home .asset-arveja-26 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 161px;
  left: 78px;
}

.home .asset-arveja-27 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 172px;
  left: 428px;
}

.home .overlap-15 {
  position: absolute;
  width: 94px;
  height: 70px;
  top: 152px;
  left: 310px;
}

.home .asset-arveja-28 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  left: 37px;
}

.home .asset-zanahoria-6 {
  position: absolute;
  width: 89px;
  height: 70px;
  top: 0;
  left: 0;
}

.home .asset-12 {
  position: absolute;
  width: 25px;
  height: 20px;
  top: 6px;
  left: 69px;
}

.home .overlap-16 {
  position: absolute;
  width: 70px;
  height: 80px;
  top: 18px;
  left: 443px;
}

.home .asset-arveja-29 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 67px;
  left: 0;
}

.home .asset-choclo-4 {
  position: absolute;
  width: 69px;
  height: 80px;
  top: 0;
  left: 1px;
}

.home .asset-choclo-5 {
  position: absolute;
  width: 58px;
  height: 55px;
  top: 0;
  left: 185px;
}

.home .overlap-17 {
  position: absolute;
  width: 46px;
  height: 82px;
  top: 136px;
  left: 96px;
}

.home .asset-brocoli-4 {
  position: absolute;
  width: 46px;
  height: 41px;
  top: 0;
  left: 0;
}

.home .asset-13 {
  position: absolute;
  width: 27px;
  height: 46px;
  top: 36px;
  left: 6px;
}

.home .asset-brocoli-5 {
  position: absolute;
  width: 47px;
  height: 45px;
  top: 11px;
  left: 27px;
}

.home .asset-papa-5 {
  position: absolute;
  width: 56px;
  height: 49px;
  top: 63px;
  left: 182px;
}

.home .asset-14 {
  position: absolute;
  width: 25px;
  height: 22px;
  top: 200px;
  left: 33px;
}

.home .asset-arveja-30 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 135px;
  left: 227px;
}

.home .asset-arveja-31 {
  position: absolute;
  width: 10px;
  height: 4px;
  top: 0;
  left: 474px;
}

.home .overlap-18 {
  position: absolute;
  width: 281px;
  height: 209px;
  top: 61px;
  left: 877px;
}

.home .asset-tomate-8 {
  position: absolute;
  width: 46px;
  height: 43px;
  top: 117px;
  left: 235px;
}

.home .overlap-19 {
  position: absolute;
  width: 271px;
  height: 209px;
  top: 0;
  left: 0;
}

.home .overlap-20 {
  position: absolute;
  width: 218px;
  height: 206px;
  top: 3px;
  left: 0;
}

.home .asset-berenjena-5 {
  position: absolute;
  width: 56px;
  height: 48px;
  top: 71px;
  left: 80px;
}

.home .asset-espinaca-7 {
  position: absolute;
  width: 63px;
  height: 92px;
  top: 57px;
  left: 155px;
}

.home .asset-arveja-32 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 160px;
  left: 58px;
}

.home .asset-arveja-33 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 13px;
  left: 189px;
}

.home .asset-choclo-6 {
  position: absolute;
  width: 64px;
  height: 51px;
  top: 155px;
  left: 125px;
}

.home .asset-zanahoria-7 {
  position: absolute;
  width: 92px;
  height: 51px;
  top: 155px;
  left: 40px;
}

.home .asset-15 {
  position: absolute;
  width: 38px;
  height: 46px;
  top: 0;
  left: 105px;
}

.home .asset-papa-6 {
  position: absolute;
  width: 58px;
  height: 56px;
  top: 16px;
  left: 133px;
}

.home .asset-apio-6 {
  position: absolute;
  width: 102px;
  height: 101px;
  top: 96px;
  left: 0;
}

.home .asset-arveja-34 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 37px;
  left: 25px;
}

.home .asset-arveja-35 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 56px;
  left: 87px;
}

.home .asset-arveja-36 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 136px;
  left: 126px;
}

.home .asset-brocoli-6 {
  position: absolute;
  width: 37px;
  height: 44px;
  top: 47px;
  left: 37px;
}

.home .asset-papa-7 {
  position: absolute;
  width: 55px;
  height: 58px;
  top: 0;
  left: 216px;
}

.home .asset-16 {
  position: absolute;
  width: 24px;
  height: 16px;
  top: 17px;
  left: 22px;
}

.home .asset-17 {
  position: absolute;
  width: 39px;
  height: 39px;
  top: 169px;
  left: 190px;
}

.home .asset-18 {
  position: absolute;
  width: 31px;
  height: 29px;
  top: 65px;
  left: 231px;
}

.home .overlap-21 {
  position: absolute;
  width: 278px;
  height: 220px;
  top: 50px;
  left: 1161px;
}

.home .overlap-22 {
  position: absolute;
  width: 278px;
  height: 209px;
  top: 0;
  left: 0;
}

.home .asset-berenjena-6 {
  position: absolute;
  width: 55px;
  height: 47px;
  top: 162px;
  left: 118px;
}

.home .asset-espinaca-8 {
  position: absolute;
  width: 78px;
  height: 101px;
  top: 15px;
  left: 135px;
}

.home .asset-rabanito-4 {
  position: absolute;
  width: 64px;
  height: 80px;
  top: 87px;
  left: 163px;
}

.home .asset-brocoli-7 {
  position: absolute;
  width: 41px;
  height: 46px;
  top: 109px;
  left: 112px;
}

.home .asset-zanahoria-8 {
  position: absolute;
  width: 89px;
  height: 92px;
  top: 0;
  left: 19px;
}

.home .asset-zanahoria-9 {
  position: absolute;
  width: 92px;
  height: 87px;
  top: 116px;
  left: 186px;
}

.home .asset-limon-2 {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 77px;
  left: 2px;
}

.home .asset-apio-7 {
  position: absolute;
  width: 83px;
  height: 96px;
  top: 15px;
  left: 65px;
}

.home .asset-19 {
  position: absolute;
  width: 27px;
  height: 46px;
  top: 10px;
  left: 0;
}

.home .asset-espinaca-9 {
  position: absolute;
  width: 78px;
  height: 63px;
  top: 157px;
  left: 36px;
}

.home .asset-arveja-37 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 164px;
  left: 12px;
}

.home .asset-papa-8 {
  position: absolute;
  width: 37px;
  height: 48px;
  top: 50px;
  left: 238px;
}

.home .asset-morron-2 {
  position: absolute;
  width: 48px;
  height: 37px;
  top: 114px;
  left: 22px;
}

.home .asset-arveja-38 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 473px;
  left: 3019px;
}

.home .asset-arveja-39 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 115px;
  left: 1148px;
}

.home .frame-4 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  bottom: 30vh;
  left: 676px;
}

.home .logo-pastilla-2 {
  position: relative;
  width: 260px;
  height: 87px;
  overflow: hidden;
}

.home .group-wrapper {
  width: 259px;
  height: 87px;
}

.home .group-3 {
  position: relative;
  width: 261px;
  height: 87px;
}

.home .text-wrapper-3 {
/*  position: absolute;
  width: 256px;
  top: 8vh;
  left: 1px;*/
  font-family: "VAG Rounded Std-Thin", Helvetica;
  font-weight: 100;
  color: #ffffff;
  font-size: 1vw;
  letter-spacing: 2.01px;
  line-height: normal;
  white-space: nowrap;
  padding: 1vh 0 1vh 0;
}





.home .group-4 {
  width: 100%;
  min-height: 65px;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  margin: auto;
  display: block;  
}


.home .frame-5 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.home .img-2 {
  position: relative;
  width: 1.5vw;
  height: 1.5vw;
  margin-right: 10px;

}

.home .text-wrapper-4 {
  position: relative;
  width: fit-content;
  font-family: "VAG Rounded Std-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 1vw;
  letter-spacing: 1.6px;
  line-height: normal;
  white-space: nowrap;
  padding-top: 0.2vh;
}


/* AG */ 

.home{
    margin: auto;
}

#botonIngreso{
/*    margin-top: 30px;*/
    margin-left: 33%;
    cursor: pointer;
}
#botonCalcularEnvio{
/*    margin-top: 30px;*/
    margin-left: 33%;
    cursor: pointer;
}


#botonRegistro{
    cursor: pointer;
}


.registro{
    border-radius: 0.5rem !important;
    border: 1px solid rgba(15, 179, 119, 0.36) !important;
    background: #FFF !important;
    box-shadow: 1px 7px 16px 0px rgba(43, 80, 65, 0.10), 4px 29px 29px 0px rgba(43, 80, 65, 0.09), 9px 65px 39px 0px rgba(43, 80, 65, 0.05), 16px 115px 46px 0px rgba(43, 80, 65, 0.01), 25px 180px 51px 0px rgba(43, 80, 65, 0.00) !important;
}

.formulario-wrapper{
    border-radius: 1rem !important;
    border: 1px solid rgba(15, 179, 119, 0.10) !important;
    background: var(--che_verde-theme-sys-light-background, #FBFDF8) !important;
    box-shadow: 0px 2px 5px 0px rgba(79, 95, 89, 0.10), 0px 8px 8px 0px rgba(79, 95, 89, 0.09), 0px 19px 11px 0px rgba(79, 95, 89, 0.05), 0px 34px 14px 0px rgba(79, 95, 89, 0.01), 0px 53px 15px 0px rgba(79, 95, 89, 0.00) !important;
}

.salir {
  font-weight: bold;
    position: absolute;
    top: 25px;
    right: 30px;
    background-color: purple;
    color: white;
    padding: 10px;
    border-radius: 3px;
    border-color: #80008057;
    border-style: solid;
    border-width: 2px;
    -webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 33px 0px black;
}


.salir:focus, .salir:hover {
    color: #FFF;
}

#encabezadoCarrousel{
  padding: 10px;
}

.oculto{
    display: none;
}
.mostrar{
    display: block !important;
}

.form-control-cv{
  background-color: var(--cheverde-themesyslightsurface-variant) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.form-control-cv::placeholder{
  color: var(--bs-secondary-color) !important;
}

.selectize-input{
  background-color: var(--cheverde-themesyslightsurface-variant) !important;
  border: 0 !important;
}

.selectize-input::placeholder{
  color: var(--bs-secondary-color) !important;
}

.imagen-che{
  width: 15vw;
  padding-top: 1vh;
  padding-bottom: 1vh;
  object-fit: contain;

}

.ultimo-padding{
  padding-bottom: 1em;
}

.patron1{
  background-image: url("/img/patron1.png");
}

.patron2{
  background-image: url("/img/patron2.png");
  background-size: 75%;
}

#mapa{
  width: 154%;
  left: -27%;
  position: relative;
}

.btn-login{
  background-color: gold !important;
}

#zonasImagen{
  position: fixed;
}

#tipoCompra{
  margin-top: 10em; 
}


@media (max-width: 700px) {
  .home-login {
    margin-top: 15vh !important;
  }
  .patron2{
    background-size: 11rem;
    background-repeat: repeat-x;
  }
}

@media (max-width: 991px) {
  .text-wrapper-3 {
    font-size: 1.6vw !important;
  }
  .img-2{
    width: 2vw;
    height: 2vw;
  }
  .home .text-wrapper-4 {
    font-size: 1.5vw;
  }

}

@media (min-width: 2310px) {
  .home .footer {
    height: 18em;
  }
}

@media (max-width: 800px) {
  .registro {
    margin-top: 0.3em;
  }
  .home-login {
    margin-top: 10vh !important;
  }

}
/*
@media (max-width: 450px) {
  .home .text-field {
   width: 30vh;
   height: 4vh;
   }
  .label-text {
    font-size: 2rem !important;
   }
  .supporting-text-2{
    font-size: 1rem !important;
  }
  .text-wrapper{
    font-size: 2rem;
  }
  #botonIngreso{
    width: 10vh;
    height: 4vh;
  }
  .label-text-3{
    font-size: 2rem;
  }
 }*/


.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#0C9;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  box-shadow: 2px 2px 3px #999;
}

.my-float{
  margin-top:22px;
    font-size: 40px;
    margin-top: 10px;
}

/* --- Botones del menú superior --- */
.navbar-nav .nav-link {
  color: #0fb377 !important;
  font-weight: 600;
  font-size: 1.1rem;
  border-radius: 2rem;
  padding: 0.5em 1.5em;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
  background: rgba(15, 179, 119, 0.12);
  color: #00997c !important;
  box-shadow: 0 2px 8px rgba(15,179,119,0.08);
  text-decoration: none;
}

.navbar-nav .nav-link.active {
  background: #0fb377;
  color: #fff !important;
}

@media (max-width: 768px) {
  .navbar-nav .nav-link {
    font-size: 1rem; /* Ajusta el tamaño de fuente si es necesario */
    padding: 0.5em; /* Asegúrate de que haya suficiente espacio */
  }
}

#navbarNav a {
  text-decoration: none !important; /* Elimina la decoración del texto */
}

.mayorista-content {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  word-wrap: break-word;
  padding: 0 20px; /* Un padding general para todos los elementos internos */
}

.mayorista-content img {
  max-width: 100%;
  height: auto;
  margin: 10px 0;
}

.mayorista-content table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  display: block;
  margin: 10px 0;
}

.mayorista-content p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 15px;
  padding: 0; /* Eliminar el padding individual de los párrafos */
}

@media (max-width: 767px) {
  .home-login {
    width: 100%;
    padding: 0;
  }

  .mayorista-content {
    width: 100%;
    padding: 0 15px; /* Ajustar padding para móviles */
  }
  
  .mayorista-content p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
  }

  .container-fluid.p-0.m-0 {
    width: 70%;
    padding: 0;
    margin: 0;
  }

  #leyendaMayoristas {
    width: 70%;
    margin-top: 18% !important;
    margin-left: 0;
    margin-right: 0;
    padding: 15px;
    box-sizing: border-box;
    word-wrap: break-word;
    white-space: normal;
  }
}

@media (max-width: 480px) {
  .mayorista-content {
    padding: 0 10px; /* Ajustar padding para pantallas muy pequeñas */
  }
  .mayorista-content p {
    font-size: 15px;
  }
}