.row {
    --bs-gutter-x: 24px !important;
}

/*** MARGINS ***/
.m0{
    margin:0 !important;
}
.my3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.my4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}
.my5 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}
.my6 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
}
.my7 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
}
.my8 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.mt3 {
    margin-top: 16px !important;
}
.mt4 {
    margin-top: 24px !important;
}
.mt5 {
    margin-top: 48px !important;
}
.mt6 {
    margin-top: 64px !important;
}
.mt7 {
    margin-top: 88px !important;
}
.mt8 {
    margin-top: 100px !important;
}
.mt-negative-s{
    margin-top:-25px !important;
}
.mt-negative{
    margin-top:-25 !important;
}

.mb0{
    margin-bottom: 0 !important;
}
.mb3 {
    margin-bottom: 16px !important;
}
.mb4 {
    margin-bottom: 24px !important;
}
.mb5 {
    margin-bottom: 48px !important;
}
.mb6 {
    margin-bottom: 64px !important;
}

.ms3 {
    margin-left: 16px !important;
}
.ms4 {
    margin-left: 24px !important;
}
.ms5 {
    margin-left: 48px !important;
}
.ms6 {
    margin-left: 64px !important;
}

.me3 {
    margin-right: 16px !important;
}
.me4 {
    margin-right: 24px !important;
}
.me5 {
    margin-right: 48px !important;
}
.me6 {
    margin-right: 64px !important;
}
@media (min-width: 992px) {
    .my-lg5 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .mt-md8 {
        margin-top: 100px !important;
    }
}
@media (min-width: 768px) {
    .mt-md5 {
        margin-top: 48px !important;
    }
    .mt-md0 {
        margin-top: 0 !important;
    }
    .mb-md0 {
        margin-bottom: 0 !important;
    }
    .mt-negative{
        margin-top:-100px !important;
    }
}
@media (min-width: 988px) {
    .mt-lg5 {
        margin-top: 48px !important;
    }
    .mt-lg0 {
        margin-top: 0 !important;
    }
    .mb-lg0 {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 1136px) {
    .mt-xl5 {
        margin-top: 48px !important;
    }
    .mt-xl0 {
        margin-top: 0 !important;
    }
    .mb-xl0 {
        margin-bottom: 0 !important;
    }
}

/*** PADDING ***/
.p0{
    padding:0 !important;
}
.p3 {
    padding: 16px !important;
}
.p4 {
    padding: 24px !important;
}
.p5 {
    padding: 48px !important;
}

.py0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py1{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.py2 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.py3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.py4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.py5 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
.py6 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}
.py8 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.pb0{
    padding-bottom: 0 !important;
}
.pb3 {
    padding-bottom: 16px !important;
}
.pb4 {
    padding-bottom: 24px !important;
}
.pb5 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
.pb8 {
    padding-bottom: 100px !important;
}

.px0{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.px2 {
    padding-right: 12px !important;
    padding-left: 12px !important;
}
.px3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
}
.px4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
}
.px5 {
    padding-right: 48px !important;
    padding-left: 48px !important;
}

.ps0{
    padding-left: 0 !important;
}
.ps3 {
    padding-left: 16px !important;
}
.ps4 {
    padding-left: 24px !important;
}
.ps5 {
    padding-left: 48px !important;
}

.pe0{
    padding-right: 0 !important;
}
.pe3 {
    padding-right: 16px !important;
}
.pe4 {
    padding-right: 24px !important;
}
.pe5 {
    padding-right: 48px !important;
}

.pt0{
    padding-top: 0 !important;
}
.pt2 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.pt3 {
    padding-top: 16px !important;
}
.pt4 {
    padding-top: 24px !important;
}
.pt5 {
    padding-top: 48px !important;
}
@media (min-width: 768px) {
    .px-md5 {
        padding-right: 48px !important;
        padding-left: 48px !important;
    }
    .py-md0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .ps-md5{
        padding-left: 48px !important;
    }
}  
@media (min-width: 989px) {
    .ps-lg3{
        padding-left: 16px !important;
    }
    .ps-lg4{
        padding-left: 24px !important;
    }
    .pe-lg3{
        padding-right: 16px !important;
    }
    .pe-lg4{
        padding-right: 24px !important;
    }
} 

/*** DIMENSIONS ***/
/* ANCHO */
.w100{
    width: 100%;
}


@media(min-width:768px){
    .w75-md{
        width:75%;
    }
}
/* ALTO */
.h100{
    height: 100%;
}

/*** COLUMNS ***/
.two-columns{
    column-count: 2;
}
@media(max-width:766px){
    .two-columns{
        column-count: 1;
    }  
}

/*** RESPONSIVE IFRAME ***/
.responsive-iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* Aspect ratio 16:9 */
}

.responsive-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
  

/*** BORDER RADIUS ***/
.br50{
    border-radius: 50px;
}
.br75{
    border-radius: 75px;
}

/*** MAX CONTENT ***/
.max-content{
    width: max-content;
}