/* @import url('http://example.com/example_style.css'); */
form { color: var(--font-color-primary); padding-left:5%; padding-right:5%;}
  form input[type="submit"] { font-family:'Source Sans Pro',sans-serif;  background: #FFBC2F; 
    border-radius: var(--radius-btn);  border: 2px solid #FFBC2F;  font-size: 1.25rem;
    padding: .5rem 1.25rem; /*   line-height: 12px; */ text-transform: capitalize; font-weight: 900;
    color: #fff; cursor: pointer; transition: all ease .3s; margin: 16px auto 0; display: inline-block; width:100%;}

  form input[type=submit]:hover {background-color: #fff;color: #fdb92f;}
  form fieldset .field { padding: 0 10px 8px; }
  form .input { margin: 8px 0; margin-right: 0px !important; }
  form input[type=text], 
  form input[type=email], 
  form select, 
  form fielset.form-columns-1 select.hs-input { width: 100% !important;}
  form input[type=text], 
  form input[type=email],
  form textarea,
  form select, 
  form input[type=tel] { padding: .5rem; border: 2px solid #d3e3f0; border-radius: var(--radius-btn);
                         font-size: 0.875rem; transition: box-shadow .2s ease-in-out; cursor: pointer; }
  form input[type=text]:focus, 
  form input[type=email]:focus, 
  form select:focus,
  form textarea:focus,
  form input[type=tel]:focus { box-shadow: 0 0 0 .25rem rgba(211, 227, 240, .45); outline: 0;}
  form .hs-error-msg { color: var(--color-error); }

  form textarea.hs-fieldtype-textarea { width: 100% !important; }
  form textarea { font-family: var(--font-family-body); }  

  /* form fieldset label span { font-size: 0.875rem; } */

  @media only screen and (min-width: 576px) {
    form fieldset { max-width: initial !important; }
  }

  @media only screen and (min-width: 767px){
    form fieldset .field { padding: 0 10px 14px; }
		form input[type="submit"] {width:auto!important; margin: auto; display: block;}
  }

.bg-section__formulario {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: auto; padding: 70px 0 70px; background: #dae5fa; background: -moz-linear-gradient(top,  #dae5fa 0%, #f6f9fe 50%); background: -webkit-linear-gradient(top,  #dae5fa 0%,#f6f9fe 50%);background: linear-gradient(to bottom,  #dae5fa 0%,#f6f9fe 50%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae5fa', endColorstr='#f6f9fe',GradientType=0 );}
.bg-formulario {background-color: var(--color-white);}

span.hs-form__field__checkbox__label-text a {color: #9ac6ff !important;}

/*  general */
.btn.btn-1, .btn.btn--1, .btn.btn--2b {width: 100%;}
.bg-blue-buk h1, .bg-blue-buk h2, .bg-blue-buk h3, .bg-blue-buk h4, .bg-blue-buk h5, .bg-blue-buk h6, .bg-blue-buk p { color: var(--color-white); }
.swiper-pagination { position: static; }
.swiper-pagination-bullet { background: var(--color-blue-buk); transition: .5s ease !important; height: .9rem !important; width: .9rem !important;}
.bg-blue-buk .swiper-pagination-bullet { background: var(--color-white); }
button {border-style: solid;}
ul.inputs-list.multi-container {display: flex;flex-direction: row; flex-wrap: wrap; }
ul.inputs-list.multi-container li { margin-bottom: 0.2rem;}
ul.inputs-list.multi-container li label input {margin-right: 0.25rem;}
.formulario form .hs-error-msg { font-size: 0.8rem;}


#goUp { position:relative; } 
#goUp .button-goUp { 
  opacity: 0;  /*transform: translate(0, 10vh)*/;
  transition: all 1s;  position: fixed; cursor: pointer; z-index: 4; bottom:20px; 
  left: 20px;  width: 50px;  height: 50px;  border-radius: 50%;  border: none;  background-color: #2b3b6a; box-shadow: var(--shadow-submenu)}
#goUp .button-goUp.visible { opacity: 1!important;}

/*  zigzag */
/*****************************************/
#zigzag_text li {
  background:url(https://www.buk.cl/hubfs/2024/Icons/Bullet-flechas-naranja.svg); 
  background-repeat: no-repeat;
  padding-left: 38px; 
  min-height: 23px; 
  margin-bottom:1rem;
}


/* gestion beneficios cards */
/*****************************************/
.box-persona-2 .btn.btn--txt {color: white;}
.box-persona-2 .btn.btn--txt:hover {text-underline-position: under;}
.hover-card:hover .btn.btn--txt {text-decoration: underline; text-underline-position: under;}
.sobre-posicion {
    padding:8px 16px; position: absolute; top: 0; left: calc(100% - 106px); background: var(--bg-cta-1);  border-color: var(--bg-cta-1);
    border-style: none;  border-width: 0; color: var(--color-white); font-size: 18px; border-radius: var(--radius-btn); display: inline-block; font-family: var(--font-family-body); 
    font-weight: 600; text-align: center; transition: .3s; width: auto; z-index: 1;
}

/* Ventajas Beneficios */
/*****************************************/
.txt-big {font-family: "Source Sans Pro";
font-size: 50px;
font-weight: 700;
line-height: 115%;}
.txt-big2 {
font-family: "Source Sans Pro";
font-size: 50px;
font-weight: 700;
line-height: 115%; /
}
.container {grid-template-columns: 1fr;}
@media (min-width: 769px) {  
  .txt-big { 
    font-size: 90px;
    font-weight: 900;
    line-height: 115%;
  }
  .txt-big2 {
    font-size: 54px;
    font-weight: 900;
    line-height: 105%;
  }  
  .container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto; 
    grid-template-areas: 
      "contenido1 contenido2"
      "contenido3 contenido2"; 
  }
  .contenido-1 {
    grid-area: contenido1; 
  }
  .contenido-2 {
    grid-area: contenido2; 
  }
  .contenido-3 {
    grid-area: contenido3; 
  }
}


/*  CTA - funciconalidades  */
/*****************************************/
.navegacion {display: flex; width: 100%; justify-content: center;  padding-top: 2rem; flex-direction: row-reverse; gap: 8px;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content:' ';
    background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aRight.svg);
    background-repeat: no-repeat; background-position: center; width: 55px;
    height: 50px;
}
.swiper-button-next:hover:after, .swiper-rtl .swiper-button-prev:hover:after { 
background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aRightWhite.svg);
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content:' ';
    background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aLeft.svg);
    background-repeat: no-repeat; background-position: center; width: 55px;
    height: 50px;
}
.swiper-button-prev:hover:after, .swiper-rtl .swiper-button-next:hover:after { 
background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aLeftWhite.svg);
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {border: 3px solid #A1A2AA;opacity:.30;}
.swiper-button-prev.swiper-button-disabled:after {
background-image:url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aLeftGrey.svg);
}
.swiper-button-next.swiper-button-disabled:after {
background-image:url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aRightGrey.svg);
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {  position: relative; left: 0; right: 0; top: 0; bottom: 0.8rem; z-index: 9999999909; background: white;
    width: 55px; height: 55px; border-radius: 50%; border: 2px solid var(--color-blue-buk); }
.swiper-button-prev:hover, .swiper-rtl .swiper-button-next:hover {  background: #2F4DAA;}
.swiper-button-next, .swiper-rtl .swiper-button-prev { position: relative; right: auto; left: 0; bottom: 0.8rem; top: 0; z-index: 9999999909; background: white;
 width: 55px; height: 55px; border-radius: 50%; border: 2px solid var(--color-blue-buk); 
}
.swiper-button-next:hover, .swiper-rtl .swiper-button-prev:hover { background: #2F4DAA;}


/* MODAL STYLES
-------------------------------*/
.cerrar:hover {opacity: 0.7;}
.cerrar { appearance: none; cursor: pointer;
    background: white;
    padding: 0.5rem;
    color: red;
    border: Solid 0px;
    position: relative;
    left: 96%;
    top: -10px;
    }
.jw-modal {
    /* modals are hidden by default */
    display: none;

    /* modal container fixed across whole screen */
    position: fixed;
    inset: 0;

    /* z-index must be higher than everything else on the page */
    z-index: 10000;
    
    /* semi-transparent black background exposed by padding */
    background-color: rgba(0, 0, 0, .75);
    padding: 12px;

    /* enables scrolling for tall modals */
    overflow: auto;
}

.jw-modal.open {  display: block;}

.jw-modal-body {padding: 1rem; max-width: 40rem;  margin: 0 auto;  background: #fff;  border-radius: 12px;}

body.jw-modal-open {
    /* body overflow is hidden to hide main scrollbar when modal window is open */
    overflow: hidden;
}

@media only screen and (min-width: 1020px) {
  .jw-modal {
    padding: 40px;
  }  
}



/*.beneficios-bCalculadora button {appearance: none; border-width: 0; background: transparent;}
.beneficios-bCalculadora .circulo { box-shadow: 0px 0px 6px rgb(0 0 0 / 20%); border-radius: 50%; width: 23px; height: 23px; display: inline-flex; justify-content: center; align-items: center;}
*/


/*.planes .box-planes .box-planes__precio h4 {color: var(--color-blue-buk); }
.planes .box-planes .box-planes__precio p {color: var(--wb-font-color-1);}
.box-planes li p,
.box-planes h4 { color: var(--color-blue-buk) !important; }
.box-planes__header { border-radius: .938rem .938rem 0 0;}
.box-planes .box-planes__header h3 { color: var(--color-blue-buk); }
.box-planes__body { 
  border-radius: 0 0 .938rem .938rem; 
  min-height: 478px;
}
.box-planes__precio { border-radius: .938rem; }
.box-planes__precio h4 { font-size: 1.75rem; }
.box-planes__precio p { color: var(--wb-font-color-1); font-size: 1.2rem; }
*/



/******************************************/
/*.box-roundend { background: var(--color-white); box-shadow: var(--box-shadow-2);border-radius: 13px;}
.input-control { border-radius: 10px; padding: .5rem .25rem; position: relative;}
.input-control:not(:last-of-type) { margin-bottom: .5rem;}
.input-control input[type="checkbox"] { appearance: none; border: 1px solid var(--color-blue-buk); border-radius: 3px;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  cursor: pointer; height: 18px; width: 18px;
}
.input-control input[data-input-type="insurance"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9e3fc' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");
}
.input-control input[type="checkbox"].selected { background-color: var(--color-blue-buk);}
.input-control label { color: var(--color-blue-buk);}
h2.calc-title { font-size: 1.3rem; }
.tooltip { cursor: pointer; display: inline-block; margin-left: .5rem;}
.tooltip svg { height: 22px; width: 22px;vertical-align: middle; transform: rotate(180deg);}
.tooltip:hover .tooltip-text { visibility: visible; opacity: 1; transition: opacity .65s;}
.tooltip-text { background: var(--color-middle-blue-2); border-radius: 13px; color: #fff; font-size: 15px; position: absolute; text-align: center; max-width: 210px; width: 200px; padding: .75rem .5rem;
                left: 50%; bottom: 130%; opacity: 0; visibility: hidden; transform: translateX(-50%);
              }
.tooltip-text::before { content: " "; border: 7px solid transparent; border-top-color: var(--color-middle-blue-2); left: 50%; transform: translateX(-50%); margin-left: 0; position: absolute; top: 100%;}
@media only screen and (min-width: 485px) {
  .input-control { position: initial; }
  .tooltip { position: relative; }
  .tooltip-text { bottom: 165%;}
}
@media only screen and (min-width: 1020px) {
  .tooltip-text { width: 245px; max-width: 245px; }
}
.control-error.ds-flex { gap: .25rem .5rem;}
.control-error { border: 2px solid var(--color-error);}
#price-uf.txt-error, #price-soles.txt-error { color: var(--color-error); line-height: 1.2;}
.error-msg { display: none; color: var(--color-error); width: 100%;}
.control-error .error-msg { display: block;}
.values { background: var(--wb-bg-modules); border: solid 1px var(--color-light-blue); border-radius: 16px; margin: 1.5rem 0; padding: 1.5rem 0rem;}
.insurances { background: var(--color-light-blue); border-radius: 9px; margin-left: -0.5rem; padding-left: 0.5rem; margin-right: -0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem;}
#price-uf, #price-soles { font-size: 1.75rem; font-weight: bold; padding: 0 .5rem; color:var(--color-blue-buk);}
#price-clp { font-size: 1.25rem; }
#date-uf { font-weight: 600;}
.box-roundend { background: var(--color-white); box-shadow: var(--box-shadow-2);border-radius: 13px;}
.input-control { border-radius: 10px; padding: .5rem .25rem; position: relative;}
.input-control:not(:last-of-type) { margin-bottom: .5rem;}
.input-control input[type="checkbox"] { appearance: none; border: 1px solid var(--color-blue-buk); border-radius: 3px;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  cursor: pointer; height: 18px; width: 18px;
}
.input-control input[data-input-type="insurance"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9e3fc' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");
}
.input-control input[type="checkbox"].selected { background-color: var(--color-blue-buk);}
.input-control label { color: var(--color-blue-buk);}
h2.calc-title { font-size: 1.3rem; }
.tooltip { cursor: pointer; display: inline-block; margin-left: .5rem;}
.tooltip svg { height: 22px; width: 22px;vertical-align: middle; transform: rotate(180deg);}
.tooltip:hover .tooltip-text { visibility: visible; opacity: 1; transition: opacity .65s;}
.tooltip-text { background: var(--color-middle-blue-2); border-radius: 13px; color: #fff; font-size: 15px; position: absolute; text-align: center; max-width: 210px; width: 200px; padding: .75rem .5rem;
                left: 50%; bottom: 130%; opacity: 0; visibility: hidden; transform: translateX(-50%);
              }
.tooltip-text::before { content: " "; border: 7px solid transparent; border-top-color: var(--color-middle-blue-2); left: 50%; transform: translateX(-50%); margin-left: 0; position: absolute; top: 100%;}
@media only screen and (min-width: 485px) {
  .input-control { position: initial; }
  .tooltip { position: relative; }
  .tooltip-text { bottom: 165%;}
}
@media only screen and (min-width: 1020px) {
  .tooltip-text { width: 245px; max-width: 245px; }
}
.control-error.ds-flex { gap: .25rem .5rem;}
.control-error { border: 2px solid var(--color-error);}
#price-uf.txt-error, #price-soles.txt-error { color: var(--color-error); line-height: 1.2;}
.error-msg { display: none; color: var(--color-error); width: 100%;}
.control-error .error-msg { display: block;}
.values { background: var(--wb-bg-modules); border: solid 1px var(--color-light-blue); border-radius: 16px; margin: 1.5rem 0; padding: 1.5rem 0rem;}
.insurances { background: var(--color-light-blue); border-radius: 9px; margin-left: -0.5rem; padding-left: 0.5rem; margin-right: -0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem;}
#price-uf, #price-soles { font-size: 1.75rem; font-weight: bold; padding: 0 .5rem; color:var(--color-blue-buk);}
#price-clp { font-size: 1.25rem; }
#date-uf { font-weight: 600;}
*/


.box-benefits {
  max-width: 420px;
  margin: 0 auto;
}
.box-benefits__header .box-benefits__icon {
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
}
.box-benefits__icon.box-benefits__icon--number {
  border-radius: 50%;
  border: 3px solid var(--color-blue-buk);
  font-size: 1.3rem;
  font-weight: 900;
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-benefits__header .box-benefits__icon-number {
  border-radius: 50%;
  border: 3px solid var(--color-blue-buk);
  font-size: 1.2rem;
  font-weight: 600;
  padding: .75rem 1.25rem;
  
}
.box-benefits__header {
  background-color: var(--color-blue-buk);
  border-radius: 1rem;
  padding: 2.5rem .5rem 1rem;
}
.box-benefits__header h3 {
  color: var(--color-white);
  font-size: 1.25rem;
}
.box-benefits__item {
  background: var(--color-white);
  border-radius: 1rem;
  box-shadow: var(--box-shadow-2);
  padding: 1.25rem .75rem 1.5rem;
}
.box-benefits__item::before {
  content: "";
  background-image: url("https://www.buk.cl/hubfs/2022/BUK/Soluciones/Beneficios/pagina-principal/icon-star.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  height: 40px;
  width: 40px;
}




/*  desktop & tablet  */
/*****************************************/
@media  only screen and (min-width: 778px) { 
.btn.btn--1, .btn.btn-1, .btn.btn--2b {width: auto;}
} 

@media only screen and (min-width: 1020px) {
  ul.inputs-list.multi-container li { width: 50%; }
  .box-testimonio3 {min-height: 258px !important;}

}
/*
@media only screen and (min-width: 767px) {
  .beneficios-bCalculadora h1 { font-size: 2.375rem; }
  .beneficios-bCalculadora .circulo { display: flex; }
}*/



@media only screen and (min-width: 767px) {
  .box-benefits {
    max-width: initial;
    margin: initial;
  }
  .box-benefits__item {
    min-height: 147px;
    display: flex;
    align-items: center;
  }
 /*
  .sticky-total {
    position: sticky;
    top: 82px;
  }*/
  
}

@media only screen and (min-width: 1020px) {
  .box-benefits__item {
    min-height: 172px;
  }
  
 /* .sticky-total {
    top: 112px;
  }*/
}
@media only screen and (min-width: 1200px) {
  .box-benefits__item {
    min-height: 172px;
  }
}

@media screen and (min-width: 767px) { 
  .box-planes__body { min-height: 580px; }
  
  .padding-4px {padding:4px;}
  .card-slid img {transition: 0.4s ease;}
  .card-slid:hover img {transform : scale(1.02);}
}

@media screen and (min-width: 1020px) {
  .box-planes__body { min-height: 690px; }
}
@media screen and (min-width: 1200px) {
  .box-planes__body { min-height: 524px; }
}


.activar-beneficio span {border-radius:50%; width: 38px; height: 38px; margin-top: -19px;}
.activar-beneficio figure {border-radius:50%; width: 58px; height: 58px;}
@media screen and (min-width: 1020px) { 
.activar-beneficio p.min-h {min-height: 70px;}
}

/*Solo mobile*/
/*  general */
@media screen and (max-width: 767px) { 
.experiencia .appear-gl.animations {max-width: 373px;}
.experiencia .appear-gl.animations img { height: 370px;}
.hover-card .h3 {font-size:32px !important;}
.carrusel-integralidad .h5 {font-size: 24px;}
.input-control {gap: 0 !important; } 
.p-relativa {position:relative; top:11px;}
}