.elementor-5727 .elementor-element.elementor-element-ce561d3 > .elementor-container{min-height:400px;}.elementor-5727 .elementor-element.elementor-element-ce561d3:not(.elementor-motion-effects-element-type-background), .elementor-5727 .elementor-element.elementor-element-ce561d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--e-bg-lazyload-loaded);--e-bg-lazyload:url("https://ibso.mx/wp-content/uploads/2026/03/delivery-bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5727 .elementor-element.elementor-element-ce561d3 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #00000000 100%);opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5727 .elementor-element.elementor-element-ce561d3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5727 .elementor-element.elementor-element-9b7d6e1 .elementor-heading-title{color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-size:2rem;font-weight:600;text-shadow:0px 0px 5px rgba(0, 0, 0, 0.42);}.elementor-5727 .elementor-element.elementor-element-0864c4f .elementor-heading-title{color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:600;text-shadow:0px 0px 5px rgba(0, 0, 0, 0.42);}.elementor-5727 .elementor-element.elementor-element-631bd16:not(.elementor-motion-effects-element-type-background), .elementor-5727 .elementor-element.elementor-element-631bd16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--e-bg-lazyload-loaded);--e-bg-lazyload:url("https://ibso.mx/wp-content/uploads/2026/03/bg-delivery2.png");background-position:center center;background-size:cover;}.elementor-5727 .elementor-element.elementor-element-631bd16{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5727 .elementor-element.elementor-element-631bd16 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5727 .elementor-element.elementor-element-3ebe8be > .elementor-element-populated{padding:40px 0px 40px 0px;}.elementor-5727 .elementor-element.elementor-element-9921679{text-align:center;}.elementor-5727 .elementor-element.elementor-element-9921679 .elementor-heading-title{color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-weight:600;}.elementor-5727 .elementor-element.elementor-element-9921679 > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-5727 .elementor-element.elementor-element-6ea0e0b > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-5727 .elementor-element.elementor-element-d28f5e0{text-align:justify;color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:700;}.elementor-5727 .elementor-element.elementor-element-66857a5:not(.elementor-motion-effects-element-type-background), .elementor-5727 .elementor-element.elementor-element-66857a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-5727 .elementor-element.elementor-element-66857a5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 40px 0px;}.elementor-5727 .elementor-element.elementor-element-66857a5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5727 .elementor-element.elementor-element-75489d5{text-align:center;}.elementor-5727 .elementor-element.elementor-element-75489d5 .elementor-heading-title{color:#073763;}.elementor-5727 .elementor-element.elementor-element-75489d5 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-5727 .elementor-element.elementor-element-1add8ec{text-align:center;}.elementor-5727 .elementor-element.elementor-element-1add8ec .elementor-heading-title{color:#073763;font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;}.elementor-5727 .elementor-element.elementor-element-1add8ec > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-5727 .elementor-element.elementor-element-e1b640a .swiper-wrapper{height:620px;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-panel-slider{text-align:justify;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-panel-slide-item:before{background-color:#FFFFFF;transition:all .3s ease;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-panel-slide-thumb img{opacity:0.7;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-skin-middle .swiper-slide:not(.swiper-slide-active):hover .bdt-panel-slide-thumb img{opacity:0.7 !important;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-panel-slide-title{color:#351C75;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-panel-slide-text{color:#434343;font-size:20px;font-weight:bold;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-panel-slide-link{color:#351C75;font-size:20px;font-weight:bold;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-panel-slide-link svg{fill:#351C75;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-prev i,
            .elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-next i{font-size:24px;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-prev{left:20px;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-next{right:20px;}.elementor-5727 .elementor-element.elementor-element-6f2ca49:not(.elementor-motion-effects-element-type-background), .elementor-5727 .elementor-element.elementor-element-6f2ca49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--e-bg-lazyload-loaded);--e-bg-lazyload:url("https://ibso.mx/wp-content/uploads/2026/03/bg-delivery2.png");background-position:center center;background-size:cover;}.elementor-5727 .elementor-element.elementor-element-6f2ca49{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5727 .elementor-element.elementor-element-6f2ca49 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5727 .elementor-element.elementor-element-644d83e > .elementor-element-populated{padding:40px 0px 40px 0px;}.elementor-5727 .elementor-element.elementor-element-8cec913{text-align:center;}.elementor-5727 .elementor-element.elementor-element-8cec913 .elementor-heading-title{color:#FFFFFF;}.elementor-5727 .elementor-element.elementor-element-8cec913 > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-5727 .elementor-element.elementor-element-0cef771 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5727 .elementor-element.elementor-element-ce1a86e:not(.elementor-motion-effects-element-type-background), .elementor-5727 .elementor-element.elementor-element-ce1a86e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-5727 .elementor-element.elementor-element-ce1a86e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 40px 0px;}.elementor-5727 .elementor-element.elementor-element-ce1a86e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5727 .elementor-element.elementor-element-e5d36a6{text-align:center;}.elementor-5727 .elementor-element.elementor-element-e5d36a6 .elementor-heading-title{color:#073763;}.elementor-5727 .elementor-element.elementor-element-e5d36a6 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-5727 .elementor-element.elementor-element-070a4ed .elementor-accordion-icon, .elementor-5727 .elementor-element.elementor-element-070a4ed .elementor-accordion-title{color:#073763;}.elementor-5727 .elementor-element.elementor-element-070a4ed .elementor-accordion-icon svg{fill:#073763;}.elementor-5727 .elementor-element.elementor-element-070a4ed .elementor-active .elementor-accordion-icon, .elementor-5727 .elementor-element.elementor-element-070a4ed .elementor-active .elementor-accordion-title{color:#073763;}.elementor-5727 .elementor-element.elementor-element-070a4ed .elementor-active .elementor-accordion-icon svg{fill:#073763;}.elementor-5727 .elementor-element.elementor-element-070a4ed .elementor-accordion-title{font-family:"Open Sans", Sans-serif;font-weight:bold;}.elementor-5727 .elementor-element.elementor-element-070a4ed .elementor-tab-content{color:#073763;font-family:"Open Sans", Sans-serif;font-weight:400;line-height:2rem;}.elementor-5727 .elementor-element.elementor-element-caaf14c:not(.elementor-motion-effects-element-type-background), .elementor-5727 .elementor-element.elementor-element-caaf14c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--e-bg-lazyload-loaded);--e-bg-lazyload:url("https://ibso.mx/wp-content/uploads/2026/03/bg-delivery2.png");background-position:center center;background-size:cover;}.elementor-5727 .elementor-element.elementor-element-caaf14c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5727 .elementor-element.elementor-element-caaf14c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5727 .elementor-element.elementor-element-e6f0b0b > .elementor-element-populated{padding:40px 0px 40px 0px;}@media(max-width:1024px){.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-prev i,
            .elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-next i{font-size:24px;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-prev{left:20px;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-next{right:20px;}}@media(max-width:767px){.elementor-5727 .elementor-element.elementor-element-631bd16{padding:0px 10px 0px 10px;}.elementor-5727 .elementor-element.elementor-element-9921679 .elementor-heading-title{font-size:2rem;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-prev i,
            .elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-next i{font-size:24px;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-prev{left:20px;}.elementor-5727 .elementor-element.elementor-element-e1b640a .bdt-navigation-next{right:20px;}.elementor-5727 .elementor-element.elementor-element-6f2ca49{padding:0px 10px 0px 10px;}.elementor-5727 .elementor-element.elementor-element-caaf14c{padding:0px 10px 0px 10px;}}/* Start custom CSS for html, class: .elementor-element-5b7a8a2 */.d-flex{
    display: flex;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ea0e0b */.circles{
  display:flex;
  align-items:center;
  justify-content: center;
  position: relative;
  padding: 40px 0;
}

.circle{
  width:clamp(120px, 15vw, 200px);
  height:clamp(120px, 15vw, 200px);
  
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  font-weight:bold;
  box-shadow:0 10px 20px rgba(0,0,0,0.3);
}


.circle + .circle{
  margin-left:-20px;
}

.uber{
  background-image: url('https://ibso.mx/wp-content/uploads/2026/03/uber.png');
    background-size: cover;
}

.rappi{
  background-image: url('https://ibso.mx/wp-content/uploads/2026/03/rappi.png');
    background-size: cover;
}

.didi{
  background-image: url('https://ibso.mx/wp-content/uploads/2026/03/didi.png');
  background-size: cover;
}


.ondas{
    position: absolute;
    bottom: 0px ;
     
}/* End custom CSS */
/* Start custom CSS for bdt-panel-slider, class: .elementor-element-e1b640a */.bdt-panel-slide-desc{
    height: 330px;
    top: 0!important;
 
}


.swiper-slide{
    border-radius: 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0cef771 */.step-line{
  display:flex;
  align-items:center;
  gap:25px;
  margin:40px 0;
  color: #fff;
}
.step-line p{
    font-size: 20px;
    text-align: justify;
    hyphens: auto;
}

.step-line img{
  width:70px;
  filter: invert(1);
}


.step-line:nth-child(1){
  margin-left:0px;
}

.step-line:nth-child(2){
  margin-left:60px;
}

.step-line:nth-child(3){
  margin-left:120px;
}

.step-line:nth-child(4){
  margin-left:180px;
}

@media (max-width:768px){

  .step-line{
    margin-left:0 !important;
  
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbc7842 */.banner-vende-mas{
    background: rgba(255, 255, 255, 0.25);  
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px); 
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.4);
  box-shadow: 
    0 8px 32px rgba(0,0,0,0.15);
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.banner-vende-mas h2{
    color: #fff;
    margin-bottom: 40px;
}

.content-whats{
    background: #ffffff2d;
    border: 2px solid #fff;
    border-radius: 30px;
   
     padding: 5px;
}
.btn-whatsapp { 
    font-size: 18px;
    background: #0c003696;
    border-radius: 30px;
    display: flex; 
    align-items: center; 
    justify-content: 
    space-between; 
  column-gap: 10px;
 padding: 0px 0px 0px 10px;
    color: #fff; 

    
} 


.btn-whatsapp i{ 
    color: #fff; 
    background: #25d366; 
    border-radius: 30px; 
    padding: 12px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 25px; } 



.btn-whatsapp:hover {
    background-color: #25d366!important; 
    color: #fff; } 

 

.btn-whatsapp:hover i { background-color: #fff; 
color: #25d366; }


@media (max-width:768px){
    .banner-vende-mas{
        padding:30px 10px!important;
    }
    
    .btn-whatsapp { 
    font-size: 14px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b25da7 */.banner-vende-mas{
    background: rgba(255, 255, 255, 0.25);  
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px); 
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.4);
  box-shadow: 
    0 8px 32px rgba(0,0,0,0.15);
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}


.card {
    width: 70%;
            background: white;
            padding: 20px;
            border-radius: 24px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            position: relative;
            min-height: 380px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            overflow: hidden;
        }

        
.inicio-card i{
    color: #fff; 
    background: #25d366; 
    border-radius: 30px; 
    padding: 12px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 25px;
    position: absolute;
    right: 5px;
    top: 10px;
}

        .progress-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 6px;
            background: #e2e8f0;
        }

        .progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #25d366, #128c7e);
            width: 25%;
            transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
          .step {
             display:flex;
          align-items:center;
          gap:20px;
          margin:40px 0;
          color: #fff;
            display: none;
            opacity: 0;
            transform: translateY(10px);
            transition: all 0.4s ease;
        }
        
        .step h2 { 
            font-weight: 600;
            color: #075e54; 
            margin-bottom: 0;
             text-align: center;
             }
       

         .step p { 
            font-size: 18px;
            color: #64748b;
            margin-bottom: 0px; 
        font-weight:bold;
        text-align: center;
            
        }

        
  

        .step.active {
            display: flex;
            flex-direction: column;
            opacity: 1;
           align-items: center;
           justify-content: center;
        }

        
       

        input, textarea {
            width: 100%;
            padding: 16px;
            border: 2px solid #e2e8f0;
            border-radius: 14px;
        
            font-size: 16px;
            box-sizing: border-box;
            outline: none;
            transition: all 0.3s;
        }

        input:focus, textarea:focus {
            border-color: #25d366;
            box-shadow: 0 0 0 4px rgba(37, 211, 102, 0.1);
        }

        .buttons { 
            margin-top: 0; display: flex; gap: 12px; padding-top: 0px; 
            width: 100%;
        }

 
        button.btn-next {
            flex: 1;
            padding: 16px;
            border-radius: 14px;
            border: none;
            
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s;
            border-radius: 10px!important: 
        }

        .btn-next { background: #25d366; color: white; }
        .btn-next:hover { background: #1ebe57; transform: translateY(-2px); shadow: 0 5px 15px rgba(37,211,102,0.3); }
        .btn-prev { background: #f1f5f9; color: #64748b;
        border-radius: 10px!important;
            border: none;
        }

        /* Pantalla de Agradecimiento */
        .thanks-screen {
            text-align: center;
            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        .success-icon {
            width: 80px;
            height: 80px;
            background: #dcfce7;
            color: #25d366;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 40px;
            margin-bottom: 20px;
            animation: scaleIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        @keyframes scaleIn {
            from { transform: scale(0); }
            to { transform: scale(1); }
        }

.banner-vende-mas .step{
  margin-left:0 !important;
}

.error-msg{
  color:red;
  font-size:14px;
}

.error-msg:empty{
  display:none;
}


@media (max-width:768px){
    .card{
        width:100%;
    }
}


@media (min-width:1024px){
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
    
    width:60%;
    
}

.buttons{
    width:60%;
}
}/* End custom CSS */