/* container-width */
@media ( min-width: 1400px ) { .container { max-width: 1290px; } }
/* ./container-width */

/* menu*/
.ld-module-dropdown { background-color: #000; }
#site-header.fixed { position: fixed; top: 0; width: 100%; z-index: 97; animation: stickySlideDown .65s cubic-bezier(.23,1,.32,1) both; }
/* end menu*/

/* scrool-to-top */
.scroll-to-top { position: fixed; z-index: 98; border: none; bottom: 60px; right: 30px; background-color: #ff6900; color: #fff; border-radius: 50%; width: 50px; height: 50px; font-size: 18px; cursor: pointer; display: none; /* Oculto inicialmente */ transition: opacity 0.3s ease-in-out; }
.scroll-to-top:hover { background-color: #ff6900; transform: scale(1.2); }
/* end-scrool-to-top */

/* botonera-flotante */
.floating-buttons { position: fixed; top: 50%; right: 30px; transform: translateY( -50% ); display: flex; flex-direction: column; gap: 15px; z-index: 99; }
.floating-button { position: relative; width: 50px; height: 50px; }
.button-content { background-color: #000; border: 1px solid #ff6a00; color: #fff; border-radius: 999px; display: flex; align-items: center; font-family: sans-serif; cursor: pointer; height: 50px; padding: 5px; overflow: hidden; white-space: nowrap; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); transition: width 0.3s ease; width: 50px; position: absolute; top: 0; right: 0; justify-content: flex-start; }
.floating-button:hover .button-content { width: 150px; border-radius: 999px; padding-right: 15px; }
.icon { font-size: 18px; min-width: 24px; text-align: center; /*margin-right: 10px;*/ }
.label { opacity: 0; max-width: 0; overflow: hidden; transition: opacity 0.2s ease, max-width 0.3s ease; white-space: nowrap; }
.floating-button:hover .label { opacity: 1; max-width: 200px; }
/* end botonera-flotante */

/* divisores */
.divider-orange { height: 5px; background-color: #ff6900; margin: 0.5rem 0; border: none; }
.divider-small-orange { height: 1px; background-color: #ff6900; margin: 0.5rem 0; border: none; }
/* end divisores */

/* bootstrap-general */
.position-relative { position: relative !important;  }
.position-absolute { position: absolute !important; }
.overlay-top { top: 0; left: 0; width: 100%; z-index: 2; pointer-events: none; }
.overlay-bottom { bottom: 0; left: 0; width: 100%; z-index: 2; pointer-events: none; }
.img-fluid { max-width: 100%; height: auto; }
.rounded-pill { border-radius: 50rem !important; }
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }
.ps-0 { padding-left: 0 !important; }
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }
.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.m-0    { margin: 0 !important; }
.m-1    { margin: 0.25rem !important; }
.m-2    { margin: 0.5rem !important; }
.m-3    { margin: 1rem !important; }
.m-4    { margin: 1.5rem !important; }
.m-5    { margin: 3rem !important; }
.m-auto { margin: auto !important; }
.mt-0    { margin-top: 0 !important; }
.mt-1    { margin-top: 0.25rem !important; }
.mt-2    { margin-top: 0.5rem !important; }
.mt-3    { margin-top: 1rem !important; }
.mt-4    { margin-top: 1.5rem !important; }
.mt-5    { margin-top: 3rem !important; }
.mt-auto { margin-top: auto !important; }
.mb-0    { margin-bottom: 0 !important; }
.mb-1    { margin-bottom: 0.25rem !important; }
.mb-2    { margin-bottom: 0.5rem !important; }
.mb-3    { margin-bottom: 1rem !important; }
.mb-4    { margin-bottom: 1.5rem !important; }
.mb-5    { margin-bottom: 3rem !important; }
.mb-auto { margin-bottom: auto !important; }
.ms-0    { margin-left: 0 !important; }
.ms-1    { margin-left: 0.25rem !important; }
.ms-2    { margin-left: 0.5rem !important; }
.ms-3    { margin-left: 1rem !important; }
.ms-4    { margin-left: 1.5rem !important; }
.ms-5    { margin-left: 3rem !important; }
.ms-auto { margin-left: auto !important; }
.me-0    { margin-right: 0 !important; }
.me-1    { margin-right: 0.25rem !important; }
.me-2    { margin-right: 0.5rem !important; }
.me-3    { margin-right: 1rem !important; }
.me-4    { margin-right: 1.5rem !important; }
.me-5    { margin-right: 3rem !important; }
.me-auto { margin-right: auto !important; }
.mx-0    { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1    { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.mx-2    { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mx-3    { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4    { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5    { margin-left: 3rem !important; margin-right: 3rem !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.my-0    { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1    { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2    { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3    { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4    { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5    { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }
.mb-150 { margin-bottom: 150px; }
.mb-200 { margin-bottom: 200px; }
.mx-icons-app-brands { margin-left: 5%; margin-right: 5%; }
.list-unstyled { padding-left: 0; list-style: none; }
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-25px { width: 25px !important; }
.w-50px { width: 50px !important; }
.w-75px { width: 75px !important; }
.w-100px { width: 100px !important; }
.w-auto { width: auto !important; }
.text-start { text-align: left !important; }
.text-center { text-align: center !important; }
.text-end { text-align: right !important; }
.g-3 > * { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; }
.gx-3 > * { padding-left: 1rem; padding-right: 1rem; }
.gy-3 > * { padding-top: 1rem; padding-bottom: 1rem; }
.float-end { float: right; }
.w-90 { width: 90%; }
.h-330 { height: 330px; }
.h-250 { height: 250px; }
.d-flex { display: flex; }
.justify-content-center { justify-content: center; }
/* end bootstrap-general */

/* font */
body { color: #000; }
body, a { font-family: Arial, sans-serif; }
.fs-1 { font-size: 2.5rem; }   /* 40px */
.fs-2 { font-size: 2rem;   }   /* 32px */
.fs-3 { font-size: 1.75rem; }  /* 28px */
.fs-4 { font-size: 1.5rem; }   /* 24px */
.fs-5 { font-size: 1.25rem; }  /* 20px */
.fs-6 { font-size: 1rem; }     /* 16px */
.display-1 { font-size: 5rem;    font-weight: 300; line-height: 1.2; } /* 80px */
.display-2 { font-size: 4.5rem;  font-weight: 300; line-height: 1.2; } /* 72px */
.display-3 { font-size: 4rem;    font-weight: 300; line-height: 1.2; } /* 64px */
.display-4 { font-size: 3.5rem;  font-weight: 300; line-height: 1.2; } /* 56px */
.display-5 { font-size: 3rem;    font-weight: 300; line-height: 1.2; } /* 48px */
.display-6 { font-size: 2.5rem;  font-weight: 300; line-height: 1.2; } /* 40px */
.fw-light     { font-weight: 300; }
.fw-normal    { font-weight: 400; }
.fw-medium    { font-weight: 500; }
.fw-semibold  { font-weight: 600; }
.fw-bold      { font-weight: 700; }
.fw-bolder    { font-weight: 900; }
.fw-lighter   { font-weight: lighter; }
/* end font */

/* text */
.text-orange { color: #ff6900 !important; }
.text-orange-bold { color: #ff6900; font-weight: bold; }
.text-white-400 { color: rgb(255 255 255 / 70%); }
.text-black-500 { color: rgb(0 0 0 / 50%); }
.text-black-400 { color: rgb(0 0 0 / 70%); }
/* end text */

/* bg */
.bg-orange { background-color: #ff6900 !important; }
/* end bg */

/* btn */
.btn-outline-orange { border: 1px solid #ff6900 !important; }
/* end btn */

/* box-brands */
.brand-hover:hover .box-title { background-color: #ff6900; color: #000 !important; }
/* end box-brands */

/* border */
.border-bottom-orange { border-bottom: 1px solid #ff6900; }
.border-orange { border: 1px solid #ff6900; }
.border-1-black { border: 1px solid #000 !important; }
.border-bottom-black { border-bottom: 1px solid #000; }
/* end border */

/* scrolling-text */
.banner-wrapper { height: 100px; position: relative; }
.orange-banner { position: absolute; left: -10%; width: 120%; height: 95px; background: #ff6900; display: flex; align-items: center; z-index: 96; }
.orange-banner-1 { transform: rotate( 2deg ); top: -2.5rem; }
.orange-banner-2 { transform: rotate( -2deg ); top: 3.5rem; }
.scrolling-text { height: 100%; display: flex; align-items: center; white-space: nowrap; animation: scroll-left 20s linear infinite; }
.scrolling-text span { display: flex; align-items: center; font-size: 4rem; line-height: 1;  font-weight: 900; color: black; gap: 1.5rem; margin: 0; padding: 0; transform: translateY(-5px); }
.scrolling-text img { transform: translateY(5px); }
@keyframes scroll-left {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
/* end scrolling-text */

/* scrolling-images */
.scroll-carousel-left { animation: scroll-left 40s linear infinite; display: flex; width: max-content; }
.scroll-carousel-right { animation: scroll-right 40s linear infinite; display: flex; width: max-content; }
@keyframes scroll-left {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
@keyframes scroll-right {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0%); }
}
.carousel-img { max-height: 250px; width: auto; }
.carousel-item-wrapper { display: flex; align-items: center; padding: 0 1rem; }
/* end scrolling-images */

/* video-home */
.video-container { position: relative; width: 100%; height: 1080px; overflow: hidden; background: black; }
.video-bg { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); object-fit: cover; pointer-events: none; z-index: 1; }
.play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent; border: none; font-size: 4rem; color: #ff6900; z-index: 3; cursor: pointer; padding: 0; line-height: 1; display: flex; align-items: center; justify-content: center; }
.play-button.hidden { display: none; }
.play-button i { transition: opacity 0.2s; }
.video-container.playing .play-button { opacity: 0; transition: opacity 0.2s; }
.video-container.playing:hover .play-button { opacity: 1; }
.video-container.playing:hover .play-button i { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f04c"; /* icono pause */ }
/* end video-home */

/* brands-hover */
.brand-logo { position: relative; display: inline-block; }
.brand-logo img { display: block; width: 100%; height: auto; transition: opacity 0.4s ease-in-out; }
.brand-logo .hover { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; }
.brand-logo:hover .hover { opacity: 1; }
.brand-logo:hover .default { opacity: 0; }
/* ./brands-hover */

.bg-black-opacity { background: rgb(0, 0, 0, .5); }
.bg-black-gradient { background: linear-gradient(180deg, rgba(0, 0, 0, 1), transparent 100%); }
.bg-white-gradient { background: linear-gradient(180deg, rgba(255, 255, 255, 1), transparent 100%); }

.title-banner { top: 40%; left: 50%; transform: translate( -50%, -50% ); }
.title-banner-50 { top: 50%; left: 50%; transform: translate( -50%, -50% ); }
/*.maxh-310 { max-height: 310px; overflow: hidden; }*/

.text-warning { color: #ff6900 !important; }

.nav-underline .nav-link.active, .nav-underline .show > .nav-link, .nav-link:hover, .nav-link:focus { color: #ff6900 !important; }
.nav-underline .nav-link { color: #fff; }

.pagination li.active { border-bottom: 1px solid #fff; }
ul.pagination .next, ul.pagination .prev { background-color: transparent; }

input.disabled { background-color: #999999; }

table tbody tr { background-color: #f7f7f7; }

.error-message { color: red !important; font-weight: normal !important; }

.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }

.swiper-slide-fully-visible { height: 85px !important; margin-bottom: 55px !important; }
.text-body-secondary { color: rgb(255 255 255 / 90%) !important; }

.vh-50 { height: 50vh; }
.pt-5px { padding-top: 5px; }

#wrap {
    /*display: flex !important;*/
    height: 100vh !important;
}

.pagination a { color: #ff6900; }
.pagination li.active { font-weight: bold; font-size: x-large; }

.text-25 { font-size: 1.5rem; }
.pt-3px { padding-top: 3px; }

.text-link-legal { color: var(--lqd-body-text-color) }
.flag-language:hover { transform: scale( 1.2 ); }


.main-header .main-nav>li.current-menu-item>a, .main-header .main-nav>li.is-active>a, .main-header .main-nav>li:hover>a, .main-header .main-nav>li:focus>a { color: #000 !important; }

.vh-100 { height: 100vh; }
.vh-70 { height: 70vh; }
.vh-30 { height: 30vh; }

.img-part .pos_rel { position: relative !important;  transition: opacity 0.5s ease-in-out !important; }
.img-part img { display: block !important; position: absolute !important;  /*top: 0 !important;*/ left:0 !important;  /*transition: opacity 0.5s ease-in-out !important;*/ }

.flickity-button, .flickity-button:focus, .flickity-button:hover { color: #fff; }
.lqd-pf-item .lqd-pf-details .lqd-pf-title, .lqd-pf-item .lqd-pf-details a { color: #fff; }



.grayscale { filter: grayscale( 100% ); }
.lqd-fb:hover .grayscale, .lqd-tm:hover .grayscale, .lqd-pf-item:hover .grayscale{ filter: grayscale( 0% ); transition: filter 0.5s ease; }

.rounded-bottom-12 { border-radius: 0 0 15px 15px; }
.lqd-tm-style-2 .lqd-tm-details { transform: none; right: 0; background: rgb(255 105 0 / 0.7) !important; }
/*.main-header .main-nav>li.current-menu-item>a, .main-header .main-nav>li.is-active>a, .main-header .main-nav>li:hover>a, .main-header .main-nav>li:focus>a { color: #fff !important; }*/
.main-header .main-nav>li.current-menu-item>a, .main-header .main-nav>li.is-active>a, .main-header .main-nav>li:hover>a, .main-header .main-nav>li:focus>a { text-decoration: underline 2px; text-underline-offset: 10px;}
/*.main-header .module-btn .btn:hover, .main-header .module-btn .btn:focus { background-color: #ff6900 !important; }*/
.module-btn:hover p { color: #ff6900 !important; }
.module-btn:hover p.btn, .module-btn:hover p.btn { background-color: #ff6900 !important; color: #000 !important; }
.banner .btn-solid { background-image: linear-gradient( 90deg, #ff6900 0%, #fff 100% ) !important; }
/*.banner .btn-solid:hover, .banner .btn-solid:focus { background-image: linear-gradient( 90deg, #fff 0%, #ff6900 100% ) !important; }*/
.banner .btn-solid { background-image: linear-gradient( 90deg, #fff 0%, #ff6900 100% ) !important; border-color: transparent;
    transform: translate3d(0,-2px,0);
    box-shadow: 8px 8px 2px rgb(0 0 0 / 12%); }

 .btn-hover-reveal .btn-icon {
    opacity: 1;
    transform: translateX(var(--icon-move));
}

/*.btn-solid:hover { box-shadow: none !important; background-image: linear-gradient( 270deg, #fff 0%, #ff6900 100% ) !important; transform: translate3d(0,2px,0); border: transparent; }*/

.main-header .desktop-header { padding: 0.75% 2.5% 0.75% 3.5% !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.lqd-fb-style-6:hover .lqd-fb-icon { transform: translateX(250px); }
.lqd-fb-style-6 .lqd-fb-icon { transition: transform 0.8s,opacity .3s; }
.is-stuck section:not(.lqd-stickybar-wrap) { background-color: #000000 !important; }
.marketing .flickity-button, .marketing .flickity-button:focus, .marketing .flickity-button:hover { color: #fff !important; }

/* aseguramos que el video cubra toda la pantalla */
#video-preload-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: black; }
#video-preload-container video { width: 100%; height: 100%; object-fit: cover; }

/* cuando el video termine, muestra el contenido de la página */
body.content-visible #video-preload-container { display: none; }
#skip-btn { position: absolute; bottom: 50px; right: 20px; padding: 8px 30px; background-color: #ff0000; color: white; border: none; cursor: pointer; font-size: 16px; z-index: 200; border-radius: 50px; }
#sound-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.7); color: white; border: none; padding: 15px 30px; font-size: 30px; cursor: pointer; border-radius: 50px; z-index: 10; animation: pulse 1.5s infinite; }

.image-wrapper:not(.mobile) {
    background-attachment: fixed!important;
}

.image-wrapper {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 0;
}



/*.image-wrapper.bg-overlay:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(30,34,40,.5);
}*/

/*.case-studies-before:before {
    border-left-color: transparent!important;
    border-right-width: 100vw !important;
    border-top-width: 4rem !important;
    top: -4rem;
}
.case-studies-before:after, .case-studies-before:before {
    border-color: #fff;
}
.case-studies-before:after, .case-studies-before:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    z-index: 0;
    border-width: 0;
    border-style: solid;
    border-top-color: transparent!important;
    border-bottom-color: transparent!important;
}
*/

/* footer */
/*footer { position: fixed; bottom: 0; left: 0; right: 0; background-color: #000000; padding: 0.5rem 2.5rem; z-index: 999; }*/


/***************************************************************************************************************************/
/*****************************************************MOBILE****************************************************************/
/***************************************************************************************************************************/

/* menu-and-logo */
.nav-trigger .bar { background-color: #fff !important; }
.lqd-mobile-sec .navbar-brand { padding: 2% 0; width: 8% !important; }
[data-mobile-nav-scheme=dark] .lqd-mobile-sec .navbar-collapse { background-color: #000; color: #fff; }
@media (max-width: 767px) {
  .banner .ld-fancy-heading h2 { font-size: 12vw !important; }  
} 



/* breakpoints */
@media (max-width: 576px) { /* container-xs */

    .text-xs-25 { font-size: 1.25rem; }
    footer { position: relative; background-color: #000000; padding: 0.5rem; z-index: 999; }
    .vh-xs-auto { height: auto; }
    .min-vh-xs-auto { min-height: auto !important; }
    .pt-xs-25 { padding-top: 25px; }
    .px-xs-0 { padding-left: 0px !important; padding-right: 0px !important; }
    .px-xs-05 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
    .pb-xs-0 { padding-bottom: 0px; }
    .flickity-page-dots { margin-top: 0px !important; }
    .py-xs-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
    .py-xs-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
    .pt-xs-0 { padding-top: 0px !important; }
    .pb-xs-0 { padding-bottom: 0px !important; }
    .text-xs-75 { font-size: 75px; }
    .mx-icons-app-brands { margin-left: 0%; margin-right: 0%; }

    /* scrolling.text */
    .scrolling-text span { font-size: 2rem; gap: 1rem; }
    .scrolling-text img { width: 50px !important; }
    .orange-banner { height: 4rem; }
    .banner-wrapper { height: 70px; }

    /* carousel-img */
    .carousel-img { max-height: 150px; }

}

@media (min-width: 576px) { /* container-sm */   
    
    .btn-absolute { position: absolute; bottom: 0; width: inherit; }
    
}

@media (min-width: 768px) { /* container-md */

    

}

@media (min-width: 992px) { /* container-lg */

    .text-lg-start { text-align: left !important; }
    .phoenix-offcanvas-filter { padding: 1rem !important; }

}

@media (min-width: 1200px) { /* container-xl */

    /*html, body {
        height: 100% !important;
        margin: 0 !important;
        overflow: hidden !important;
    }*/
    .vh-lg-100 { height: 100vh; }
    .pt-lg-110 { padding-top: 110px; }
    .lqd-fb-style-6 .lqd-fb-content { padding: 5.5rem 3.5rem !important; }
    .product-thumb-container { height: 135px !important; }
}

@media (min-width: 1400px) { /* container-xxl */
}
/* breakpoints */




.container {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem); /* 12px por defecto */
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}


.row {
  --bs-gutter-x: 1.5rem;   /* 24px entre columnas (por defecto) */
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x)); /* -12px */
  margin-left: calc(-.5 * var(--bs-gutter-x));  /* -12px */
}

.col, .col-12 {
  padding-right: calc(var(--bs-gutter-x) * 0.5); /* 12px */
  padding-left: calc(var(--bs-gutter-x) * 0.5);  /* 12px */
}