body {
    --space: 40px;
    --header-height: 70px;
    color: #2e4053;
}

.products-selector .don-item { width: calc((100% - var(--ps-gap) * 3) / 4); }
@container (max-width: 780px) { .products-selector .don-item { width: calc((100% - var(--ps-gap) * 2) / 3); } }
@container (max-width: 550px) { .products-selector .don-item { width: calc((100% - var(--ps-gap) * 1) / 2); } }
@container (max-width: 340px) { .products-selector .don-item { width: 100% } }

@media (max-width:960px) {
    body {
        --space: 30px;
    }
    .hidden-mobile {
        display: none;
    }
}

@media (max-width:520px) {
    body {
        --space: 20px;
    }
    .hidden-mobile {
        display: none;
    }
}


.organize_icon{
    padding-top: 200px;
    margin-top: 200px;
}

.choose-quantity-btn {
    border: none;
    width: 98% !important;
    height: 70px;
    margin-top: 10px;
    cursor: pointer !important;
    /* max-width: 200px !important; */
}

.error-display {
    background-color:#f8b1b1;
    padding:15px;
    line-height:16px;
}

.success-icon {
    color: green; /* Define a cor verde */
    font-size: 48px; /* Ajusta o tamanho do ícone */
}

.payment-choice {
    width: 98% !important;
    height: 60px;
    margin-top: 10px;
    cursor: pointer !important;
    max-width: 800px !important;
}

.address-choice {
    width: 100% !important;
    height: 60px;
    margin-top: 10px;
    cursor: pointer !important;
}

.pix-choice {
    width: 100% !important;
    height: 60px;
    margin-top: 10px;
    cursor: pointer !important;
}

.form-data-group {
    max-width: 365px;
    margin-inline: auto;
    margin-bottom: 10px;
}

.table-td-data-address {
    padding: 0px 6px 6px 6px;
}

.td-size-100 {
    width: 100% !important;
}

.td-size-50 {
    width: 50% !important;
}

.td-size-70 {
    width: 70% !important;
}

.td-size-30 {
    width: 30% !important;
}

.td-size-80 {
    width: 80% !important;
}

.td-size-20 {
    width: 20% !important;
}

.input-group-free {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 0;
}

.input-group-free .money-icon-free {
    font-size: 18px;
    color: #333;
}

.input-group-free input {
    width: 100%;
    padding: 8px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.form-data-vmb-amount {
    border-color: #FF6602;
    border-radius: 10px !important;
    border-style: solid;
    border-width: 1px;
    font-size: 26px !important;
    padding: 10px;
    width: 100%;
    text-align: center;
}
.form-data-vmb-input {
    border-color: #FF6602;
    border-radius: 10px !important;
    border-style: solid;
    border-width: 1px;
    font-size: 16px !important;
    padding: 10px;
    width: 100%;
}

.form-data-vmb-table {
    border-color: #FF6602;
    border-radius: 10px !important;
    border-style: solid;
    border-width: 1px;
    font-size: 16px !important;
    padding: 10px;
}

.cpf-error {
    display: none;
    width: 100%;
    color: #ff0000;
    text-align: center;
}

.site-center {
    max-width: 1060px;
    margin-inline: auto;
    position: relative
}

html {
    overflow-x: hidden;
    height: 100%
}

html.noscroll,
html.noscroll body {
    overflow: hidden
}

body {
    line-height: 1.2
}

main {
    position: relative;
    overflow: hidden;
    min-height: 100vh
}

::selection {
    background: #FFD933;
    color: #000
}

.list-status {
    font-size: 15px;
    color: #666;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .125em
}

.sc-gallery {
    background: #f8f8f8;
    padding: 10px
}

.sc-gallery .sc-gallery-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #333
}

.sc-gallery .sc-gallery-item .sc-image {
    position: static
}

.sc-gallery .sc-gallery-item .sc-image-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(transparent, #333);
    color: white;
    padding: 15px
}

.sc-gallery .sc-gallery-thumbs {
    margin: -3px;
    margin-top: 7px
}

.sc-gallery .sc-gallery-thumb {
    width: 16.66666667%;
    cursor: pointer;
    padding: 3px
}

.sc-gallery .sc-gallery-thumb.sc-active .sc-image {
    z-index: 1
}

.sc-gallery .sc-gallery-thumb.sc-active .sc-image:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 3px solid #FF6602;
    z-index: 3
}

.sc-gallery .sc-gallery-nav {
    width: 15px;
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    opacity: .75
}

.sc-gallery .sc-gallery-nav:hover {
    opacity: 1
}

.sc-gallery .sc-gallery-nav:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("https://composic.nyc3.cdn.digitaloceanspaces.com/2020/06/21/K3fW2aNU82.svg") no-repeat center center;
    background-size: contain
}

.sc-gallery .sc-gallery-nav.sc-disabled {
    opacity: 0;
    cursor: default
}

.sc-gallery .sc-gallery-prev {
    left: 15px
}

.sc-gallery .sc-gallery-prev:before {
    transform: rotate(180deg)
}

.sc-gallery .sc-gallery-next {
    right: 15px
}

.donation-header-env-test {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    background-color: #edbb99;
    text-align: center;
}


.donation-header {
    padding: var(--space);
    border-bottom: 1px solid #ccc;
}

.donation-header .box-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space)
}

.donation-header .box-start {
    display: flex;
    align-items: center
}

.donation-header .box-end {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    container-type: inline-size;
    container-name: trail
}

.donation-header .logo {
    display: block;
    width: 150px;
    aspect-ratio: 4.605;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.donation-header .head-title {
    font-size: clamp(15px, 14.21951219512195px + 0.24390243902439024vw, 17px);
    line-height: 1em;
    padding-left: .75em;
    margin-left: 1em;
    border-left: 1px solid;
    font-weight: 400
}

.donation-header .check-trail {
    display: flex;
    align-items: center;
    font-size: clamp(11px, 9.048780487804878px + 0.6097560975609756vw, 16px);
    line-height: 1em;
    gap: .66em
}

@container trail (max-width: 500px) {
    .check-trail-label {
        width: min-content
    }
}

.donation-header .check-trail-item {
    display: flex;
    align-items: center;
    gap: .66em;
    color: #808080
}

.donation-header .check-trail-item.done {
    color: #CC5500
}

.donation-header .check-trail-item.done+.check-trail-line {
    color: #CC5500
}

.donation-header .check-trail-item.done .check-trail-circle {
    background: #CC5500;
    border: none
}

.donation-header .check-trail-item.current {
    color: #1a1a1a
}

.donation-header .check-trail-item.current .check-trail-circle {
    color: #CC5500
}

.donation-header .check-trail-line {
    width: 4em;
    flex: 1 100 auto;
    border-bottom: 1px solid
}

.donation-header .check-trail-line:last-child {
    display: none
}

.donation-header .check-trail-circle {
    width: 2em;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid;
    flex: 0 0 auto;
    border-radius: 1000px;
    color: #cac4bb
}

.donation-header .check-trail-check {
    width: 100%;
    height: 100%
}

.donation-header.centered .box-center {
    max-width: 1060px;
    margin-inline: auto
}

@media (max-width:950px) {
    .donation-header .box-center {
        flex-direction: column;
        align-items: flex-start
    }

    .donation-header .box-end {
        display: block;
        width: 100%
    }
}

.image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.image.has-img-tag {
    overflow: hidden
}

.image.has-img-tag img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.image.contain {
    background-size: contain
}

.image-ratio {
    display: block
}

.checkout-v4 {
    display: flex;
    flex-direction: column
}

.checkout-v4 .box-body {
    display: flex
}

.checkout-v4 .box-banner {
    flex: 1;
    min-width: 230px;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    container-type: inline-size
}

.checkout-v4 .banner-contents {
    width: 100%;
    padding: clamp(25px, 15cqw, 75px);
    min-height: 50%;
    background: linear-gradient(0deg, #331500 0%, rgba(153, 64, 0, 0) 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    font-size: 17px;
    gap: .625em;
    color: white
}

.checkout-v4 .banner-icon {
    display: block;
    width: 1.375em;
    height: 1.375em
}

.checkout-v4 .banner-icon path {
    fill: #FF6602
}

.checkout-v4 .box-form {
    flex: 1.5;
    padding: var(--space)
}

.checkout-v4 .box-success {
    flex: 1.5;
    padding: clamp(20px, -3.414634146341463px + 7.317073170731707vw, 80px);
    background: #FF6602;
    color: white
}

.checkout-v4 .box-success .box-center {
    margin-left: 0
}

.checkout-v4 .box-center {
    max-width: 365px;
    margin-inline: auto
}

.checkout-v4 .bt-home {
    width: 100%;
    margin-top: 8px
}

.checkout-v4 .box-summary {
    flex: 1;
    min-width: 300px;
    padding: var(--space);
    background: #f1f1f1;
    border-left: 1px solid #ccc
}

.checkout-v4 .subtitle {
    font-size: clamp(20px, 18.4390243902439px + 0.4878048780487805vw, 24px);
    font-weight: 800;
    margin-bottom: clamp(20px, 14.146341463414634px + 1.8292682926829267vw, 35px)
}

.checkout-v4 .finish_title {
    text-align:center;
    font-size: clamp(20px, 18.4390243902439px + 0.4878048780487805vw, 24px);
    font-weight: 800;
    margin-bottom: clamp(20px, 14.146341463414634px + 1.8292682926829267vw, 35px);
}

.checkout-v4 .finish_title_thanks {
    color: #FF6602;
    text-align:center;
    font-size: clamp(20px, 18.4390243902439px + 0.4878048780487805vw, 24px);
    font-weight: 800;
    margin-bottom: clamp(20px, 14.146341463414634px + 1.8292682926829267vw, 35px);
}

.checkout-v4 .check-item {
    background: white;
    padding: 16px;
    border-radius: 8px;
    margin-top: 8px
}

.checkout-v4 .check-item.dark {
    background: #333
}

.checkout-v4 .check-item.dark .item-line {
    border-bottom-color: #4d4d4d
}

.checkout-v4 .check-item.dark .item-foot {
    color: #999
}

.checkout-v4 .ico-item {
    display: block;
    width: 19.5px;
    height: 15px;
    margin-bottom: 5px
}

.checkout-v4 .item-title {
    font-size: 19px;
    margin-bottom: .8em
}

.checkout-v4 .item-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    color: #666;
    gap: 1em;
    border-bottom: 1px dashed #e6e6e6;
    padding-bottom: .35em
}

.checkout-v4 .item-line:not(:first-child) {
    margin-top: .35em
}

.checkout-v4 .item-line.orange {
    font-weight: 400;
    font-size: 19px;
    color: #FF6602
}

.checkout-v4 .item-foot {
    display: flex;
    align-items: center;
    gap: .45em;
    font-size: 16px;
    font-weight: 300;
    margin-top: .5em;
    color: #333
}

.checkout-v4 .item-foot path {
    fill: currentColor
}

.checkout-v4 .ico-foot {
    width: 1em;
    height: 1em;
    flex: 0 0 auto
}

.checkout-v4 .field-checkbox[class] {
    font-size: 14px
}

.checkout-v4 .check-end-title {
    font-size: clamp(25px, 22.26829268292683px + 0.853658536585366vw, 32px);
    line-height: 1em;
    letter-spacing: .02em;
    font-weight: 800
}

.checkout-v4 .check-end-text {
    margin-top: 1.25em;
    font-size: 16px;
    line-height: 1.25em;
    letter-spacing: .02em;
    color: #ffe1cc
}

.checkout-v4 .check-end-text strong {
    color: white
}

.checkout-v4 .check-end-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 16px
}

.checkout-v4 .check-end-icon path {
    fill: #ffe1cc
}

.checkout-v4 .bt-end-home {
    margin-top: clamp(20px, 12.195121951219512px + 2.4390243902439024vw, 40px)
}

.checkout-v4 .box-fail {
    flex: 1;
    padding: clamp(20px, -3.414634146341463px + 7.317073170731707vw, 80px);
    background: #cac4bb;
    text-align: center
}

.checkout-v4 .box-fail .check-end-title {
    color: #333
}

.checkout-v4 .box-fail .check-end-text {
    color: #666
}

.checkout-v4 .box-fail-again {
    flex: 1;
    padding: clamp(20px, -3.414634146341463px + 7.317073170731707vw, 80px);
    background: #f1f1f1;
    text-align: center
}

.checkout-v4 .box-fail-again .check-end-title {
    color: #4d4d4d
}

.checkout-v4 .box-fail-again .check-end-text {
    color: #666
}

.checkout-v4 .box-fail-center {
    max-width: 365px;
    margin-inline: auto
}

.checkout-v4 .check-fail-icon {
    width: 30px;
    height: 36px;
    margin-inline: auto;
    margin-bottom: 16px
}

.checkout-v4 .check-fail-icon path {
    fill: #333
}

.checkout-v4 .check-fail-again-icon {
    width: 35px;
    height: 36px;
    margin-inline: auto;
    margin-bottom: 16px
}

.checkout-v4 .check-fail-again-icon path {
    fill: #CC5500
}

.checkout-v4 .bt-fail-first {
    width: 100%;
    margin-top: clamp(20px, 12.195121951219512px + 2.4390243902439024vw, 40px)
}

.checkout-v4 .bt-fail-back {
    width: 100%;
    margin-top: 8px
}

.checkout-v4 .check-safe-mark {
    display: none
}

.checkout-v4 .box-method {
    margin-block: clamp(15px, 11.097560975609756px + 1.2195121951219512vw, 25px)
}

.checkout-v4 .check-text {
    margin-block: 1.25em;
    font-size: 17px;
    line-height: 1.5em
}

.checkout-v4 .check-pix {
    margin-bottom: var(--space)
}

.checkout-v4 .check-pix-qr {
    display: block;
    width: 100%;
    border: 4px solid #FF6602;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 1
}

.checkout-v4 .check-pix-qr svg {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1
}

@media (max-width:950px) {
    .checkout-v4 .box-body {
        flex-direction: column
    }

    .checkout-v4 .box-banner {
        min-height: 30vw
    }

    .checkout-v4 .banner-contents {
        padding: var(--space)
    }

    .checkout-v4 .box-success {
        padding-inline: var(--space);
        padding-block: calc(var(--space) * 1.5)
    }

    .checkout-v4 .box-center {
        max-width: none
    }
}

.sc-loader .sc-loader-path {
    stroke: #FF6602
}

.products-selector {
    --ps-gap: clamp(10px, 4.615384615384615px + 1.9230769230769231cqw, 25px);
    --ps-space: clamp(12px, 9.128205128205128px + 1.0256410256410255cqw, 20px);
    --ps-border: clamp(3px, 2.641025641025641px + 0.1282051282051282cqw, 4px);
    margin-block: calc(var(--space) * 1.5);
    padding-inline: var(--space)
}

.products-selector.compact {
    padding-inline: 0;
    margin-block: 0
}

.products-selector.compact .don-group-header {
    display: none
}

.products-selector.compact .don-list {
    margin-top: 0
}

.products-selector.compact .don-submit {
    width: 100%
}

.products-selector.compact .don-footer {
    max-width: 365px;
    margin-inline: auto;
    margin-top: 0
}

.products-selector:not(.compact) .don-header {
    max-width: 750px;
    margin-inline: auto
}

@media (min-width:800px) {

    .products-selector:not(.compact) .don-header,
    .products-selector:not(.compact) .don-group-header {
        text-align: center
    }

    .products-selector:not(.compact) .don-list:has(:nth-last-child(-n+3)) {
        justify-content: center
    }
}

.products-selector .don-group {
    container-type: inline-size
}

.products-selector .don-group-header {
    max-width: 750px;
    margin-inline: auto;
    margin-top: calc(var(--space) * 1.25)
}

.products-selector .don-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ps-gap);
    margin-block: var(--space)
}

.products-selector .don-item {
    position: relative;
    z-index: 1;
    transition: color .15s;
    border-radius: 12px;
    background-color: #f5f5f5;
    padding: var(--ps-border)
}

.products-selector .don-item:before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    border: var(--ps-border) solid #FF6602;
    background-color: rgba(255, 102, 2, 0.2);
    pointer-events: none;
    transition: all .2s
}

.products-selector .don-item:not(.active) .don-minus {
    display: none
}

.products-selector .don-item:not(.active) .don-amount {
    display: none
}

.products-selector .don-item:not(.active):before {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: transparent
}

.products-selector .don-item.not-selected {
    cursor: pointer
}

.products-selector .don-item.not-selected:hover {
    color: #FF6602
}

.products-selector .don-item.not-selected:hover:before {
    border-color: rgba(255, 102, 2, 0.35)
}

.products-selector .don-item-data {
    padding: var(--ps-space)
}

.products-selector .don-thumb {
    position: relative
}

.products-selector .ico-heart {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: var(--ps-space)
}

.products-selector .ico-heart svg {
    display: block;
    width: 40%
}

.products-selector .ico-heart path {
    fill: #ddd;
    transition: fill .2s
}

.products-selector .don-item.active .ico-heart path {
    fill: #FF6602
}

.products-selector .don-quants {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    z-index: 2;
    bottom: clamp(5px, 3.2051282051282053px + 0.641025641025641cqw, 10px);
    right: clamp(5px, 3.2051282051282053px + 0.641025641025641cqw, 10px);
    background: white;
    border-radius: 1000px;
    padding: 2px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    color: #333;
    user-select: none
}

.products-selector .don-amount {
    display: block;
    font-size: clamp(16px, 15.282051282051283px + 0.2564102564102564cqw, 18px);
    font-weight: 900;
    color: #444;
    color: #CC5500
}

.products-selector .don-bt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(35px, 31.41025641025641px + 1.282051282051282cqw, 45px);
    aspect-ratio: 1;
    border-radius: 1000px;
    cursor: pointer
}

.products-selector .don-bt span {
    display: block;
    width: 50%
}

.products-selector .don-bt svg {
    display: block;
    width: 100%
}

.products-selector .don-bt:hover {
    background: rgba(0, 0, 0, 0.1)
}

.products-selector .ico-minus {
    transform: scale(.7)
}

.products-selector .ico-plus {
    transform: scale(.65)
}

.products-selector .ico-check {
    transform: scale(.95)
}

.products-selector .ico-check path {
    fill: #CC5500
}

.products-selector .ico-remove {
    transform: scale(.65)
}

.products-selector .don-item:not(.active) .ico-plus path {
    fill: #FF6602
}

.products-selector .don-toggle span:first-child {
    display: block
}

.products-selector .don-toggle span:last-child {
    display: none
}

.products-selector .don-toggle:hover span:first-child {
    display: none
}

.products-selector .don-toggle:hover span:last-child {
    display: block
}

.products-selector .don-title {
    font-size: clamp(16px, 14.923076923076923px + 0.38461538461538464cqw, 19px);
    font-weight: 700
}

.products-selector .don-price {
    margin-top: .25em;
    font-size: clamp(16px, 14.923076923076923px + 0.38461538461538464cqw, 19px);
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.products-selector .don-input {
    flex: 1;
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    background: transparent;
    padding: var(--ps-space);
    font-family: "Lato", serif;
    color: #888;
    font-weight: 300;
    font-size: clamp(20px, 14.615384615384615px + 1.9230769230769231cqw, 35px);
    line-height: 1em
}

.products-selector .don-item.active .don-input {
    color: #CC5500
}

.products-selector .don-item.simple .ico-heart {
    display: none
}

.products-selector .don-item.simple .don-thumb {
    padding: var(--ps-space);
    padding-bottom: 0;
    display: flex;
    align-items: center;
    gap: var(--ps-space)
}

.products-selector .don-item.simple .don-quants {
    position: relative;
    bottom: 0;
    right: 0;
    width: min-content
}

.products-selector .don-item.simple .don-input {
    position: relative;
    height: 1em;
    width: 100%;
    padding: 0
}

.products-selector .don-item.simple.unfilled .don-input {
    opacity: 0
}

.products-selector .don-item:not(.simple) .don-thumb {
    border-radius: 8px;
    background-color: #f0f0f0;
    aspect-ratio: 1
}

.products-selector .don-types {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    max-width: 400px;
    margin-inline: auto;
    margin-block: 20px
}

.products-selector .don-type {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: .5em;
    padding-right: 1.5em;
    border: var(--ps-border) solid #eee;
    border-radius: 1000px;
    background: #F1F1F1;
    font-size: 17px;
    line-height: 1em;
    font-weight: 700;
    color: #333;
    white-space: nowrap;
    transition: all .1s;
    cursor: pointer
}

.products-selector .don-type span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    border-radius: 10000px;
    background: white;
    border: 1px dashed #CCC
}

.products-selector .don-type span:before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 10000px;
    background: #FF6602;
    transition: all .1s;
    transform: scale(0)
}

.products-selector .don-type.active {
    color: #FF6602;
    border-color: rgba(255, 102, 2, 0.5)
}

.products-selector .don-type.active span {
    border: none
}

.products-selector .don-type.active span:before {
    transform: none
}

.products-selector .don-footer {
    margin-top: 20px
}

.products-selector .don-summary {
    text-align: center;
    font-size: 16px;
    line-height: 1.2em;
    color: #777;
    padding-bottom: .8em;
    transition: all .5s;
    max-height: 2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.products-selector .don-summary:not(.active) {
    padding-bottom: 0;
    max-height: 0;
    opacity: 0
}

.products-selector .don-submit {
    display: flex;
    width: 365px;
    max-width: 100%;
    margin-inline: auto
}










.main-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    color: white;
    border: 1px solid;
    border-radius: 8px;
    font-weight: 700;
    font-size: clamp(14px, 13.21951219512195px + 0.24390243902439024vw, 16px);
    line-height: 1.2em;
    letter-spacing: .02em;
    transition: all .15s;
    padding: .9em 1.8em;
    text-align: center
}

.main-button figure {
    width: 1.2em;
    height: 1.2em
}

.main-button.solid-transparent-white {
    background: transparent;
    border: none;
    color: #333
}

.main-button.solid-transparent-white:hover {
    background-color: white
}

.main-button.solid-transparent-orange {
    background: transparent;
    border: none;
    color: #333
}

.main-button.solid-transparent-orange:hover {
    background-color: #FF6602;
    color: white
}

.main-button.solid-orange-blue {
    background: #FF6602;
    border: none
}

.main-button.solid-orange-blue:hover {
    background-color: #03ACCB
}

.main-button.solid-orange-dark {
    background: #FF6602;
    border: none
}

.main-button.solid-orange-dark:hover {
    background-color: #CC5500
}

.main-button.solid-white-orange {
    color: #333;
    background: white;
    border-color: white
}

.main-button.solid-white-orange:hover {
    background-color: #FF6602;
    border-color: #FF6602;
    color: white
}

.main-button.solid-white-gray {
    color: #333;
    background: white;
    border: none
}

.main-button.solid-white-gray:hover {
    background-color: #f1f1f1
}

.main-button.solid-white-orange-gray {
    color: #FF6602;
    background: white;
    border: none
}

.main-button.solid-white-orange-gray:hover {
    background-color: #f1f1f1
}

.main-button.solid-white-outline {
    color: #FF6602;
    background: white;
    border-color: white
}

.main-button.solid-white-outline:hover {
    border-color: #FF6602
}

.main-button.solid-white-blue {
    color: #333;
    background: white;
    border-color: white
}

.main-button.solid-white-blue:hover {
    background-color: #03ACCB;
    border-color: #03ACCB;
    color: white
}

.main-button.solid-blue-white {
    background-color: #03ACCB;
    border-color: #03ACCB;
    color: white
}

.main-button.solid-blue-white:hover {
    color: #333;
    background: white;
    border-color: white
}

.main-button.solid-orange-outline {
    background: #FF6602;
    border-color: #FF6602
}

.main-button.solid-orange-outline:hover {
    background: transparent;
    color: #FF6602
}

.main-button.solid-green-outline {
    background: #46BC96;
    border-color: #46BC96
}

.main-button.solid-green-outline:hover {
    background: transparent;
    color: #46BC96
}

.main-button.solid-blue-outline {
    background: #03ACCB;
    border-color: #03ACCB
}

.main-button.solid-blue-outline:hover {
    background: transparent;
    color: #03ACCB
}

.main-button.outline-orange-solid {
    background: transparent;
    border-color: #FF6602;
    color: #FF6602
}

.main-button.outline-orange-solid:hover {
    background: #FF6602;
    color: white
}

.main-button.outline-blue-solid {
    background: transparent;
    border-color: #03ACCB;
    color: #03ACCB
}

.main-button.outline-blue-solid:hover {
    background: #03ACCB;
    color: white
}

.main-button.outline-white-orange {
    background: transparent;
    border-color: white;
    color: white
}

.main-button.outline-white-orange:hover {
    background: white;
    color: #FF6602
}

.main-button.outline-orange-dark {
    border-color: #FF6602;
    color: #FF6602
}

.main-button.outline-orange-dark:hover {
    border-color: #CC5500;
    color: #CC5500
}

.main-button.size-small {
    font-size: clamp(12px, 11.21951219512195px + 0.24390243902439024vw, 14px)
}

.main-button.size-large {
    font-size: clamp(16px, 15.21951219512195px + 0.24390243902439024vw, 18px)
}

.main-button.size-huge {
    font-size: clamp(18px, 16.4390243902439px + 0.4878048780487805vw, 22px)
}

.main-button.disabled {
    cursor: default;
    filter: saturate(0);
    pointer-events: none
}

@media (max-width:960px) {
    .main-button {
        padding: .975em 1.375em;
        letter-spacing: .1em
    }
}

@media (max-width:520px) {
    .main-button {
        padding: .8em 1.25em
    }
}
















.site-footer-min {
    padding-inline: var(--space);
    padding-block: 50px;
    position: relative;
    background: #333;
    color: white
}

.site-footer-min:before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 100vh;
    background: inherit;
    z-index: -1
}

.site-footer-min .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: clamp(30px, 14.390243902439025px + 4.878048780487805vw, 70px);
    flex-wrap: wrap;
    padding-bottom: clamp(20px, 16.097560975609756px + 1.2195121951219512vw, 30px);
    margin-bottom: clamp(20px, 16.097560975609756px + 1.2195121951219512vw, 30px);
    border-bottom: 1px solid #555
}

.site-footer-min .logo {
    display: block;
    width: 170px;
    height: 37px;
    position: relative
}

.site-footer-min .logo .image {
    position: absolute;
    inset: 0
}

.site-footer-min .social-links {
    display: flex
}

.site-footer-min .social-link {
    display: block;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border: 1px solid #FF6602;
    margin-right: 10px;
    position: relative;
    transition: all .15s
}

.site-footer-min .social-link:last-child {
    margin-right: 0
}

.site-footer-min .social-link i {
    display: block;
    position: absolute;
    top: 25%;
    right: 25%;
    bottom: 25%;
    left: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s
}

.site-footer-min .social-link svg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.site-footer-min .social-link path {
    fill: #FF6602;
    transition: all .15s
}

.site-footer-min .social-link:hover {
    border-color: white
}

.site-footer-min .social-link:hover .svg {
    transform: scale(1.1)
}

.site-footer-min .social-link:hover path {
    fill: white
}

.site-footer-min .legal-text {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 300;
    color: #888
}

.site-footer-min .legal-items {
    display: flex;
    margin-top: clamp(20px, 16.097560975609756px + 1.2195121951219512vw, 30px)
}

.site-footer-min .legal-items a {
    color: #b2b2b2;
    transition: color .1s
}

.site-footer-min .legal-items a:hover {
    color: #f4f4f4
}

.site-footer-min .legal-item {
    padding: 0 1em;
    font-size: 12px;
    color: #666;
    border: solid #666;
    border-width: 0 1px 0 0
}

.site-footer-min .legal-item:first-child {
    padding-left: 0
}

.site-footer-min .legal-item:last-child {
    padding-right: 0;
    border-right: none
}

@media (max-width:960px) {}

@media (max-width:520px) {}

.text-OuasQL {
    font-size: clamp(25px, 21.097560975609756px + 1.2195121951219512vw, 35px);
    font-weight: 800;
}

.text-HOOuoa {
    font-size: clamp(16px, 14.439024390243903px + 0.4878048780487805vw, 20px);
    line-height: 1.35em;
    color: #555;
    margin-top: 0.5em;
}