@import url('styles/navbar.css');
@import url('styles/sempre_on.css');
@import url('styles/header.css');
@import url('styles/main_plans.css');
@import url('styles/plans_bundles.css');
@import url('styles/main_plugins.css');
@import url('styles/reviews_section.css');
@import url('styles/main_advantages.css');
@import url('styles/corporativo.css');
@import url('styles/footer.css');
@import url('styles/modal_plugins.css');
@import url('checkout-corporativo/checkout-corporativo.css');
@import url('checkout/checkout.css');
@import url('styles/indique.css');

:root {
    --background: #0F0F0F;
    --bg-color: #010816;
    --background-corp: #040611;
    --background-corp-footer: #03091C;
    --white-color: #FFFFFF;
    --primary-color: #166CBE;
    --secondary-color: #FFFFFF;
    --accent-color: #0067FF;
    --button-color: #01F1FE;
    --line: #00F2FF;
    --button-color-font: #0045ad;
    --plugins-background: #041E76;
    --footer-background: #041F7A;
    --button-corp: #002d72;
    --deactivated-button: #969696;
    --banner-corp-color-font: #070A2F;
    --background-gradient: linear-gradient(90deg, #060C58 0%, #0067ff 100%);
    --border-gradient: linear-gradient(180deg, #00F2FF 0%, #04145C 100%);
    --background-corp-button: linear-gradient(93deg, #00F2FF -14.94%, #04145C 94.06%);
    --background-corp-button-mobile: linear-gradient(95deg, #00F2FF -117.3%, #04145C 83.63%);
    --border-gradient-primary: linear-gradient(90deg, #268dee 0%, #00F2FF 100%);
    --border-gradient-secondary: linear-gradient(#00f2ff 0%, #2038a5 100%);
    --border-gradient-button: linear-gradient(107deg, #00F2FF -21.55%, #176DBF 49.57%);
    --border-gradient-button-bundle: linear-gradient(111deg, #00F1FE 16%, #125A9F 74.27%);
    --plugins-gradient: linear-gradient(169deg, #00F2FF 8.26%, #2038A5 181.4%);
    --corp-gradient-tag: linear-gradient(103deg, #00F2FF -72.42%, #04145C 54.52%);
    --corp-gradient: linear-gradient(90deg, #00F2FF 20%, #04145C 100%);
    --font--primary: 'Poppins';
}
html{
    background-color: var(--background-gradient);
    font-family: var(--font--primary);
    background:  repeat;
}

.body {
    background: url(/assets/Pattern3.png), var(--background-gradient);
    background-repeat: repeat;
    overflow-x: hidden;
}

.corporate{
    background: url(/assets/Background_Corporativo.png), var(--background-corp);
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 85/83;
    z-index: -2;
}

a {
  text-decoration: none;
  color: inherit;
}

.flex {
  display: flex;
}

.text_center {
  text-align: center;
}

.bold {
  font-weight: 600;
}

.normal{
    font-weight: 400;
}

.max-width{
    width: 108%;
}

.low {
  padding-bottom: 0px;
  gap: 0.5rem;
}

.font-size {
  font-size: 2.75rem;
  line-height: 82.38%;
  letter-spacing: 0rem;
}

.fit-content {
  width: fit-content;
}

.max-width-text {
  max-width: 19.75rem;
  max-height: 9.1875rem;
  text-align: start;
}

.flex-2 {
  flex: 0 0 100%;
  scroll-snap-align: center;
}

.mingcute--left-line {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M8.293 12.707a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 1 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-1.414 1.414z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mingcute--right-line {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.width-fix {
  max-width: 80%;
}

.text-uppercase {
  text-transform: uppercase;
  z-index: 10;
}

.white {
  color: var(--white-color);
}

.top {
  margin-top: 0;
  padding-top: 0;
}

.no-margin{
    margin: 0;
}

.no-margin-auto{
    margin: 0 auto;
}

.font5{
    font-size: 5rem;
}

.focus{
    font-size: 4.1875rem;
}

.focus2{
    font-size: 5rem;
}

@media screen and (max-width: 480px) {

    .body{
        background-size: 50%, auto;
        background-repeat: repeat;
    }
    
}