.elementor-17836 .elementor-element.elementor-element-12f3a00e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-dc26f3d );--border-color:var( --e-global-color-dc26f3d );--border-radius:0px 0px 0px 0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-17836 .elementor-element.elementor-element-12f3a00e:not(.elementor-motion-effects-element-type-background), .elementor-17836 .elementor-element.elementor-element-12f3a00e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d7f3a70 );}.elementor-17836 .elementor-element.elementor-element-52602fa1{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17836 .elementor-element.elementor-element-6fba28b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-17836 .elementor-element.elementor-element-0df85ca{z-index:0;}.elementor-17836 .elementor-element.elementor-element-0df85ca img{width:73px;height:29px;object-fit:cover;object-position:center center;}.elementor-17836 .elementor-element.elementor-element-8b2f49d{z-index:0;}.elementor-17836 .elementor-element.elementor-element-8b2f49d img{width:73px;height:29px;object-fit:cover;object-position:center center;}.elementor-17836 .elementor-element.elementor-element-a1fa044{text-align:center;}.elementor-17836 .elementor-element.elementor-element-a1fa044 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:19px;letter-spacing:2.4px;color:var( --e-global-color-dc26f3d );}.elementor-17836 .elementor-element.elementor-element-4d2625cc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17836 .elementor-element.elementor-element-1c6a9a02 .elementor-button{background-color:var( --e-global-color-d7f3a70 );fill:var( --e-global-color-dc26f3d );color:var( --e-global-color-dc26f3d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-dc26f3d );border-radius:7px 7px 7px 7px;}.elementor-17836 .elementor-element.elementor-element-1c6a9a02 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17836 .elementor-element.elementor-element-1c6a9a02 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-17836 .elementor-element.elementor-element-36e9ca35{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#000000;--border-color:#000000;--border-radius:100% 100% 100% 100%;}.elementor-17836 .elementor-element.elementor-element-36e9ca35:not(.elementor-motion-effects-element-type-background), .elementor-17836 .elementor-element.elementor-element-36e9ca35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17836 .elementor-element.elementor-element-4e56705b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -4px;}.elementor-17836 .elementor-element.elementor-element-4e56705b img{width:54%;}.elementor-17836 .elementor-element.elementor-element-24cb83fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#000000;--border-color:#000000;--border-radius:100% 100% 100% 100%;}.elementor-17836 .elementor-element.elementor-element-24cb83fe:not(.elementor-motion-effects-element-type-background), .elementor-17836 .elementor-element.elementor-element-24cb83fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17836 .elementor-element.elementor-element-2980c036{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17836 .elementor-element.elementor-element-2ea9ed9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-17836 .elementor-element.elementor-element-52602fa1{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:25px;}}@media(max-width:767px){.elementor-17836 .elementor-element.elementor-element-12f3a00e{--padding-top:14px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-17836 .elementor-element.elementor-element-52602fa1{--e-con-grid-template-columns:1fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:stretch;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-17836 .elementor-element.elementor-element-6fba28b{--margin-top:-3px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17836 .elementor-element.elementor-element-0df85ca{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17836 .elementor-element.elementor-element-0df85ca img{width:33px;height:11px;}.elementor-17836 .elementor-element.elementor-element-8b2f49d{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17836 .elementor-element.elementor-element-8b2f49d img{width:33px;height:11px;}.elementor-17836 .elementor-element.elementor-element-a1fa044 .elementor-heading-title{font-size:11px;letter-spacing:0px;}.elementor-17836 .elementor-element.elementor-element-4d2625cc{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17836 .elementor-element.elementor-element-1c6a9a02 .elementor-button{padding:9px 14px 9px 14px;}.elementor-17836 .elementor-element.elementor-element-2ea9ed9{--flex-wrap:nowrap;}}/* Start custom CSS for image, class: .elementor-element-0df85ca */body.light .elementor-17836 .elementor-element.elementor-element-0df85ca{
    display: block;
}
body .elementor-17836 .elementor-element.elementor-element-0df85ca{
    display: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b2f49d */body.light .elementor-17836 .elementor-element.elementor-element-8b2f49d{
    display: none;
}
body .elementor-17836 .elementor-element.elementor-element-8b2f49d{
    display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36e9ca35 */.elementor-17836 .elementor-element.elementor-element-36e9ca35{
    width: 60px;
    position: fixed;
    right: 28px;
    bottom: 30px;
    z-index: 100;
    cursor: pointer;
}
@media (max-width:500px){
 .elementor-17836 .elementor-element.elementor-element-36e9ca35{
    right: 14px;
    bottom: 170px;
}   
}
body.light .elementor-17836 .elementor-element.elementor-element-36e9ca35{
    display: none !important;
}
/*cuando este icono esta activo quiere decir que el modo oscuro esta activo por lo que los estilos negros deben estar auqui*/

body.light{
    /*negro global pasa a negro*/
    --e-global-color-d7f3a70:white !important;
    /*blanco global pasa a negro */
    --e-global-color-dc26f3d:#1A1A1A !important;

    /*fondo transparente de botones pasa a rosa*/ --e-global-color-c3fce89:#FCF7ED !important;   
    /*Texto botones blanco pasa a negro*/
    --e-global-color-3220700:#1A1A1A !important;
    /*transparente fondo boton whatsapp a verde*/
    --e-global-color-f1e6ed6:#15C321;
    /*verde texto whatsapp a blanco*/
    --e-global-color-e661d39:white !important;
    --e-global-color-071b040:
        #FCF7ED !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24cb83fe */.elementor-17836 .elementor-element.elementor-element-24cb83fe{
    width: 55px;
    position: fixed;
    right: 28px;
    bottom: 30px;
    z-index: 100;
    cursor: pointer;
}
@media (max-width:500px){
 .elementor-17836 .elementor-element.elementor-element-24cb83fe{
    right: 14px;
    bottom: 170px;
}   
}
body .elementor-17836 .elementor-element.elementor-element-24cb83fe{
    display: none !important;
}
body.light .elementor-17836 .elementor-element.elementor-element-24cb83fe{
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecb3270 */#chat-widget-container {
  position: fixed;
  bottom: 120px;
  right: 20px;
  width: 350px;
  height: 500px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: none;
  flex-direction: column;
  z-index: 400;
  overflow: hidden;
}

    #chat-widget-header {
      background: white;
      color: black;
      padding: 20px;
      font-weight: bold;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 18px;
      border-bottom: 1px solid #C3C3C3;
    }
    div.remitente{
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 400;
        
    }
    div.remitente img{
        object-fit: containt;
    }
    div.remitente p{
        margin-bottom:0px; 
        line-height: 1;
    }
    div.remitente span{
        font-size: 12px;
        width: 100%,
    }
    div.send-bot.error{
        display: none !important;
    }
    #chat-widget-header button {
      background-color: white;
      color: black !important;
      border: solid black 2px !important;
    }

    #chat-widget-body {
      flex: 1;
      padding: 20px;
      overflow-y: scroll;
      display: flex;
      flex-direction: column;
      gap: 10px;
      max-height: 355px;
      background-image: url(https://www.shutterstock.com/image-vector/vector-seamless-mobile-apps-pattern-600nw-283356059.jpg);
    background-size: contain;
    background-color: #ffe9af2b;
    background-blend-mode: multiply;
    position: relative;
    }
    .clear-chat{
        position: absolute;
        bottom: 65px;
        z-index: 10;
        right: 0;
        cursor: pointer;
    }
    #chat-widget-body .loading-gif:first-of-type{
        display: block;
    }
    .loading-gif{
        width: 50px;
        align-self: start;
        margin: -10px 0px;
    }
    .loading-gif::before{
        content: 'Puedes cerrar el chat pero no abandones esta pagina 🙏🏻 \A \A
            Respuesta en  7s 😁';
        display: block;
        white-space: pre-line;
        font-size: 15px;
        color: black;
        width: 250px;
        background-color: white;
        border-radius: 20px;
        padding: 10px;
        margin-top: 20px;
    }
    
    #chat-widget-body .send-user,
    #chat-widget-body .send-bot {
      max-width: 80%;
      padding: 12px;
      border-radius: 8px;
      font-size: 14px;
      word-wrap: break-word;
      color: black;
    }

    .send-user {
      align-self: flex-end;
      background-color: #B3F090;
      color: white;
    }

    .send-bot {
      align-self: flex-start;
      background-color: white;
      color: white;
      opacity: 0;
      animation: fadeIn 1s forwards;
    }
    .send-bot::before{
        content:'Juggernaut';
        display: inline-block;
        padding-left: 30px;
        background-image: url('https://staging.insumosyproductos.com/wp-content/uploads/2025/05/Logo-blanco-transparente.webp');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0% 0%;
        margin: 5px 0 10px 0px;
        
    }
   .send-bot ul{
        list-style: none !important;
    }
    
    .send-bot ul, .send-bot ol{
        padding-left: 15px;
        margin: 10px 0px;
    }
    

    @keyframes fadeIn {
      to {
        opacity: 1;
      }
    }

    .send-user p,
    .send-bot p {
      margin-bottom: 0;
    }

    .send-bot img {
      border-radius: 30px !important;
      padding: 10px;
    }
    .send-bot h1, .send-bot ul h1, .send-bot h2, .send-bot ul h2, .send-bot h3, .send-bot ul h3, .send-bot ol h1, .send-bot ol h2, .send-bot ol h3{
        
        font-size: 14px !important;
            color: #043ddf;
    }
     .send-bot p a, .send-bot a{
            color: #043ddf !important;
    }
        
    #chat-widget-footer {
      padding: 12px;
      border-top: 1px solid #ddd;
      display: flex;
      gap: 10px;
    }

    #chat-widget-input {
      flex: 1;
      padding: 8px;
      border: 1px solid #ddd;
      border-radius: 8px;
      outline: none;
    }

    #chat-widget-send {
      background: #854fff;
      color: white;
      border: none;
      padding: 8px 16px;
      border-radius: 8px;
      cursor: pointer;
      background-color: black;
    }

    #chat-widget-button{
      position: fixed;
      background-color: white;
      bottom: 110px;
      right: 30px;
      color: white;
      border: none;
      width: 60px;
      height: 60px;
      border-radius: 100%;
      border: 2px solid white;
      cursor: pointer;
      z-index: 99;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px;
     box-shadow: 0px 9px 20px 2px rgba(255, 255, 255, 0.2);
     border:1px solid black;
    }
@media (max-width:500px){
  #chat-widget-button{
      bottom:90px;
      right:13px;
  } 
  
  #chat-widget-container {
  position: fixed;
  top: 3%;
  right: 5%;
  width: 90%;
  height: 52vh;
}
 
}/* End custom CSS */