:root {
  --beigedark: #c29a60;
  --beigelight: #e0ccac;
  --beigemain: #cba876;
  --black: #000000;
  --bluedark: #2b3944;
  --blue-light: #557087;
  --bluelight: #546f86;
  --bluelighter: #9eadba;
  --bluemain: #3f5364;
  --bright-red: #a30202;
  --bright-red-2: #ae0003;
  --browndark: #2e2925;
  --brownlight: #756f6a;
  --cultured-pearl: #f6f5f5;
  --dangerlight: #ffdddd;
  --dangermain: #eb5757;
  --neutraldark: #d9d9d9;
  --neutral-light: #f6f6f6;
  --neutral-light-mid: #ebebeb;
  --neutrallight2: #ffffff;
  --neutrallighter: #fcfcfc;
  --neutrallightmid: #eaeaea;
  --neutralmedium: #f6f6f6;
  --novedades-novedad: #27ae60;
  --novedades-preventa: #f2994a;
  --novedades-outlet: #9b51e0;
  --pink-swan: #b7b7b7;
  --selective-yellow: #eeb200;
  --succeslight: #d3ffec;
  --succesmain: #27ae60;
  --warningdark: #927621;
  --warningmain: #ffd559;

  --font-size-m2: 10px;
  --font-size-l2: 12px;
  --font-size-xl2: 14px;
  --font-size-xxl2: 16px;
  --font-size-xxxl2: 18px;
  --font-size-xl3: 20px;
  --font-size-xxl: 24px;
  --font-size-l: 26px;
  --font-size-xxxxl2: 32px;
  --font-size-xxxxxl: 38px;

  --font-family-roboto: "Roboto", Helvetica;
}

.color-dorado {
  color: var(--beigemain) !important;
}

.color-bluemain {
  color: var(--bluemain) !important;
}

.textxslight {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
}

.textslight {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
}

.text--m--light {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl2);
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
}

.textxsregular {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.textsregular {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.textmregular {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl2);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.textxsbold {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.textssemibold {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.text-m--semibold {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl2);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.textlsemibold {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}




.cardblogtitle {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}




.roboto-light-white-14px {
  color: var(--neutrallight2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 300;
}

.roboto-normal-white-14px {
  color: var(--neutrallight2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-white-16px {
  color: var(--neutrallight2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 400;
}

.roboto-semi-bold-white-18px {
  color: var(--neutrallight2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl2);
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-white-32px {
  color: var(--neutrallight2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxl2);
  font-style: normal;
  font-weight: 600;
}

.roboto-bold-white-14px {
  color: var(--neutrallight2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 700;
}




.roboto-semi-bold-black-haze-14px {
  color: var(--neutralmedium);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 600;
}




.roboto-normal-alto-16px {
  color: var(--neutraldark);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 400;
}




.roboto-light-gull-gray-10px {
  color: var(--bluelighter);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m2);
  font-style: normal;
  font-weight: 300;
}

.roboto-light-gull-gray-16px {
  color: var(--bluelighter);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 300;
}

.roboto-normal-gull-gray-16px {
  color: var(--bluelighter);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 400;
}




.roboto-light-fiord-12px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 300;
}

.roboto-light-fiord-14px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 300;
}

.roboto-light-fiord-16px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 300;
}

.roboto-normal-fiord-14px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-fiord-16px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 400;
}

.roboto-medium-fiord-14px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 500;
}

.roboto-semi-bold-fiord-12px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-fiord-14px-2 {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-fiord-16px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-fiord-18px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl2);
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-fiord-32px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxl2);
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-fiord-38px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 600;
}

.roboto-bold-fiord-14px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 700;
}

.roboto-bold-fiord-18px {
  color: var(--bluemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl2);
  font-style: normal;
  font-weight: 700;
}




.roboto-normal-twine-12px {
  color: var(--beigedark);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-twine-14px {
  color: var(--beigedark);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-twine-16px {
  color: var(--beigedark);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 400;
}

.roboto-semi-bold-twine-20px {
  color: var(--beigedark);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl3);
  font-style: normal;
  font-weight: 600;
}

.roboto-bold-twine-14px {
  color: var(--beigedark);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 700;
}




.roboto-semi-bold-antique-brass-18px {
  color: var(--beigemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl2);
  font-style: normal;
  font-weight: 600;
}

.roboto-bold-antique-brass-14px {
  color: var(--beigemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 700;
}

.roboto-bold-antique-brass-16px {
  color: var(--beigemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 700;
}