:root {
    --font-globotipo-web: "Globotipo WebRegular";
    --font-globotipo-web-light: "Globotipo WebLight";
    --font-globotipo-web-regular: "Globotipo WebRegular";
    --font-globotipo-web-semibold: "Globotipo WebSemibold";
    --font-globotipo-web-bold: "Globotipo Bold";
    --gray-1: #fafafa;
    --gray-2: #f0f1f2;
    --gray-3: #e6e8eb;
    --gray-4: #99a3aa;
    --gray-5: #77808b;
    --gray-6: #5a6066;
    --gray-7: #525659;
    --green-1: #a4ecdf;
    --green-2: #1ec370;
    --green-3: #ccf136;
    --green-4: #55fdab;
    --blue-2: #4875fb;
    --blue-3: #3C2EE3;
    --purple-1: #5C43FA;
    --yellow-1: #fee043;
    --yellow-2: #fee391;
    --yellow-3: #edfd36;
    --yellow-4: #fed643;
    --color-error: #fc343a
}

@font-face {
    font-family: "Globotipo Bold";
    src: url("https://s3.glbimg.com/v1/AUTH_30f886c761034fe888c2ebb5d9703be4/PROD/globostrap/fonts/Globotipo-WebBold.woff") format("woff")
}

@font-face {
    font-family: "Globotipo Regular";
    src: url("https://s3.glbimg.com/v1/AUTH_30f886c761034fe888c2ebb5d9703be4/PROD/globostrap/fonts/Globotipo-WebRegular.woff") format("woff")
}

@font-face {
    font-family: "Globotipo Web Light";
    src: url("https://s3.glbimg.com/v1/AUTH_30f886c761034fe888c2ebb5d9703be4/PROD/globostrap/fonts/Globotipo-WebLight.woff") format("woff")
}

@font-face {
    font-family: "Globotipo WebRegular";
    src: url("https://s3.glbimg.com/v1/AUTH_30f886c761034fe888c2ebb5d9703be4/PROD/globostrap/fonts/Globotipo-WebRegular.woff") format("woff")
}

@font-face {
    font-family: "Globotipo WebSemibold";
    src: url("https://s3.glbimg.com/v1/AUTH_30f886c761034fe888c2ebb5d9703be4/PROD/globostrap/fonts/Globotipo-WebSemibold.woff") format("woff")
}

@font-face {
    font-family: "Globotipo WebLight";
    src: url("https://s3.glbimg.com/v1/AUTH_30f886c761034fe888c2ebb5d9703be4/PROD/globostrap/fonts/Globotipo-WebLight.woff") format("woff")
}

@font-face {
    font-family: "Globotipo WebBold";
    src: url("https://s3.glbimg.com/v1/AUTH_30f886c761034fe888c2ebb5d9703be4/PROD/globostrap/fonts/Globotipo-WebBold.woff") format("woff")
}

.globoads-component * {
  box-sizing: border-box;
}