/* BGMS SAC | Flexibank | Paleta de colores - Ambiente: tecnico, inteligente, energetico
   #071A52  navy profundo (titulos, secciones oscuras)
   #0B4F9E  azul medio (texto)
   #1E96FC  azul brillante (acciones, acentos)
   #B3D9FF  azul claro (chips, tintes, banda footer)
   #F8FAFC  casi blanco (fondos)
*/

:root{
  --theme-color: #1E96FC;
  --secondary-color: #071A52;
  --text-color: #0B4F9E;
  --title-color: #071A52;
}

body{
  background: #F8FAFC;
}

::selection{
  background: rgba(30,150,252,.25);
}

/* superficies */
.bg-color-1{
  background: #F8FAFC !important;
}

/* header-top */
.header-top .top-inner{
  background: #F8FAFC;
}
.header-top .info-list li::before{
  background: rgba(11,79,158,.18);
}
.header-top .info-list li a{
  color: #0B4F9E;
}
.header-top .info-list li a:hover{
  color: #1E96FC;
}
.header-top .option-list li a{
  color: #0B4F9E;
}
.header-top .option-list li a:hover{
  color: #1E96FC;
}

/* tarjetas de propuesta / publico */
.feature-block-one .inner-box .icon-box{
  background: rgba(11,79,158,.10);
}

/* proceso: tarjetas y circulos */
.working-block-one .inner-box .count-text{
  background: #F8FAFC;
  border-color: rgba(11,79,158,.28);
  color: #0B4F9E;
}
.working-block-one .inner-box .icon-box{
  background: rgba(30,150,252,.16);
}
.working-block-one .inner-box .icon-box:before{
  border-color: rgba(7,26,82,.16);
}

/* faq: numeros e items */
.faq-section .accordion .acc-btn h4 span{
  background: rgba(11,79,158,.10);
  color: #0B4F9E;
}
.faq-section .accordion .acc-btn.active h4 span{
  color: #1E96FC;
}
.faq-section .category-box .category-list li a{
  background: #F8FAFC;
  border: 1px solid rgba(11,79,158,.16);
}
.faq-section .category-box .category-list{
  border-bottom-color: rgba(11,79,158,.16);
}
.faq-section .category-box .lower-box .icon-box{
  border-color: rgba(11,79,158,.25);
}

/* footer */
.main-footer{
  background: #F8FAFC;
}
.main-footer .widget-section{
  border-bottom-color: rgba(11,79,158,.16);
}
.main-footer .footer-bottom .bottom-top{
  background: #B3D9FF;
}
.main-footer .footer-bottom .bottom-top .list-item li::before{
  background: rgba(7,26,82,.22);
}
.main-footer .footer-bottom .bottom-top .list-item li .icon-box{
  border-color: rgba(7,26,82,.25);
}
.main-footer .footer-bottom .social-links li a{
  color: #0B4F9E;
}
.main-footer .footer-bottom .social-links li a:hover{
  color: #1E96FC;
}

/* scroll to top */
.scroll-to-top{
  box-shadow: inset 0 0 0 2px rgba(11,79,158,.28);
}

/* scroll-to-top en icono de whatsapp flotante no existe: solo svg nativo */
.scroll-to-top .scroll-top-inner path{
  stroke: #1E96FC;
}

/* componentes propios BGMS (integrados en index) */
.svc-row{
  border-color: rgba(11,79,158,.14);
  box-shadow: 0 18px 44px rgba(7,26,82,.06);
}
.svc-tag,
.aud-tag{
  background: #B3D9FF;
  color: #071A52;
}
.svc-list li::before{
  background: #F8FAFC;
  border: 1px solid #B3D9FF;
  color: #1E96FC;
}
.pain-grid li::before{
  background: #B3D9FF;
  border-color: #0B4F9E;
}
.report-figure .frame{
  border-color: rgba(11,79,158,.20);
  box-shadow: 0 18px 44px rgba(7,26,82,.08);
}
.report-figure figcaption{
  color: #0B4F9E;
}
.diff-list li{
  background: #F8FAFC;
  border-color: rgba(11,79,158,.16);
  box-shadow: 0 10px 26px rgba(7,26,82,.05);
}
.diff-list li .n{
  background: #B3D9FF;
  border-color: #B3D9FF;
  color: #0B4F9E;
}
.filter-note .nm{
  background: #B3D9FF;
  color: #0B4F9E;
}
.security-note{
  background: #F8FAFC;
  border: 1px solid rgba(11,79,158,.14);
}
.security-note svg{
  color: #0B4F9E;
}
.char-count{
  color: rgba(11,79,158,.60);
}
.eval-grid .field label .req{
  color: #1E96FC;
}
.eval-grid .field input:focus,
.eval-grid .field select:focus,
.eval-grid .field textarea:focus{
  border-color: #1E96FC;
  box-shadow: 0 0 0 3px rgba(30,150,252,.16);
}
.eval-step-tab:hover{
  border-color: #B3D9FF;
}
.form-sending .spinner{
  border-color: #DCEBFC;
  border-top-color: #1E96FC;
}

/* banner principal: sin efecto zoom (ken burns) sobre la imagen de fondo */
.banner-carousel .slide-item .bg-layer,
.banner-carousel .active .slide-item .bg-layer{
  transform: scale(1) !important;
  transition: none !important;
}
/* banner: imagen de fondo en TAMANO ORIGINAL (sin estirar, sin cubrir, sin recortar) */
.banner-carousel .slide-item{
  background-color: #071A52;
}
.banner-carousel .slide-item .bg-layer{
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: transparent;
}
/* ===== Contraste sobre fondos claros: texto navy/azul medio en vez de rojos ===== */

/* estados de error/aviso: rojo eliminado, usa paleta azul con buen contraste */
.eval-grid .field .error-msg{
  color: #0B4F9E;
  font-weight: 700;
}
.eval-grid .field.has-error input,
.eval-grid .field.has-error select,
.eval-grid .field.has-error textarea{
  border-color: #0B4F9E;
  background: #F8FAFC;
  box-shadow: 0 0 0 3px rgba(11,79,158,.12);
}
.form-error{
  background: #F8FAFC;
  border: 1px solid #0B4F9E;
  color: #071A52;
}
.form-error.is-visible::before{
  content: "!";
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background: #1E96FC;
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  margin-right: 9px;
}

/* marcadores de obligatorio: azul medio (contraste 8:1 sobre blanco) */
.eval-grid .field label .req{
  color: #0B4F9E;
}

/* textos sobre chips de tinte claro B3D9FF: navy (contraste 11:1) */
.filter-note .nm{
  color: #071A52;
}
.diff-list li .n{
  background: #B3D9FF;
  border-color: #B3D9FF;
  color: #071A52;
}

/* checks de listas: azul medio sobre casi blanco (contraste alto) */
.svc-list li::before{
  color: #0B4F9E;
}

/* contador y notas auxiliares: azul medio al 80% sobre blanco */
.char-count{
  color: rgba(11,79,158,.80);
}
/* ===== Seccion PROPUESTA en fondo navy 071A52 ===== */
.bgms-propuesta{
  background: #071A52 !important;
}
.bgms-propuesta .sec-title h2{
  color: #FFFFFF;
}
.bgms-propuesta .sec-title .sub-title{
  color: #1E96FC;
}
.bgms-propuesta .feature-block-one .inner-box h3,
.bgms-propuesta .feature-block-one .inner-box h3 a{
  color: #1E96FC;
}
.bgms-propuesta .feature-block-one .inner-box p{
  color: rgba(255,255,255,.85);
}
.bgms-propuesta .feature-block-one .inner-box .icon-box{
  background: rgba(30,150,252,.22);
}
.bgms-propuesta .feature-block-one .inner-box:hover .icon-box{
  background: rgba(30,150,252,.35);
}
/* iconos svg BLANCOS, exclusivo de la seccion propuesta */
.bgms-propuesta .feature-block-one .inner-box .icon-box img{
  filter: brightness(0) invert(1);
}
/* ===== CTA de servicios: fondo blanco, texto navy, borde inferior azul ===== */
.svc-row .svc-main .btn-box .theme-btn{
  border: 0;
  border-bottom: 3px solid #1E96FC;
  background: #FFFFFF;
  color: #071A52 !important;
}
.svc-row .svc-main .btn-box .theme-btn:hover{
  background: #071A52;
  border-bottom-color: transparent;
  color: #FFFFFF !important;
}
/* dots del banner: anillo (box-shadow) en azul brillante */
.banner-section .banner-carousel .owl-dots button{
  box-shadow: 0px 0px 0px 10px #1E96FC;
}
/* ===== Seccion COMO TRABAJAMOS en fondo navy 071A52 ===== */
.bgms-proceso{
  background: #071A52 !important;
}
.bgms-proceso .sec-title h2{
  color: #FFFFFF;
}
.bgms-proceso .sec-title .sub-title{
  color: #1E96FC;
}
.bgms-proceso .working-block-one .inner-box{
  background: rgba(179,217,255,.06);
  border: 1px solid rgba(179,217,255,.16);
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}
.bgms-proceso .working-block-one .inner-box .count-text{
  background: #1E96FC;
  border-color: #1E96FC;
  color: #FFFFFF;
}
.bgms-proceso .working-block-one .inner-box h3,
.bgms-proceso .working-block-one .inner-box h3 a{
  color: #1E96FC;
}
.bgms-proceso .working-block-one .inner-box p{
  color: rgba(255,255,255,.85);
}
.bgms-proceso .working-block-one .inner-box .icon-box{
  background: rgba(30,150,252,.22);
}
.bgms-proceso .working-block-one .inner-box .icon-box:before{
  border-color: rgba(179,217,255,.22);
}
.bgms-proceso .working-block-one .inner-box .icon-box img{
  filter: brightness(0) invert(1);
}
.bgms-proceso .more-text h5{
  color: #FFFFFF;
}
/* proceso: cards blancos, sin sombra, sin elevacion hover, iconos centrados */
.bgms-proceso .working-block-one .inner-box{
  background: #FFFFFF;
  border: 1px solid rgba(11,79,158,.16);
  box-shadow: none !important;
}
.bgms-proceso .working-block-one .inner-box:hover{
  transform: none;
}
.bgms-proceso .working-block-one .inner-box h3,
.bgms-proceso .working-block-one .inner-box h3 a{
  color: #071A52;
}
.bgms-proceso .working-block-one .inner-box p{
  color: #071A52;
}
.bgms-proceso .working-block-one .inner-box .icon-box{
  background: #1E96FC;
}
.bgms-proceso .working-block-one .inner-box .icon-box:before{
  border-color: rgba(30,150,252,.35);
}
.bgms-proceso .working-block-one .inner-box .icon-box img{
  display: inline-block;
  vertical-align: middle;
  filter: brightness(0) invert(1);
}
.bgms-proceso .working-block-one .inner-box:hover .icon-box{
  background: #1E96FC;
}
/* proceso: numero y circulo SIEMPRE azul brillante con contenido blanco (sin hover) */
.bgms-proceso .working-block-one .inner-box .count-text{
  background: #1E96FC !important;
  border-color: #1E96FC !important;
  color: #FFFFFF !important;
}
.bgms-proceso .working-block-one .inner-box .icon-box,
.bgms-proceso .working-block-one .inner-box:hover .icon-box{
  background: #1E96FC !important;
}
.bgms-proceso .working-block-one .inner-box .icon-box img,
.bgms-proceso .working-block-one .inner-box:hover .icon-box img{
  filter: brightness(0) invert(1) !important;
}
/* support-panel (servicios operativos de soporte): parrafos, separadores y estrellas en blanco */
.documents-section .sec-title p{
  color: #FFFFFF;
}
.documents-section .list-item li{
  color: #FFFFFF;
  border-bottom: 1px solid rgba(255,255,255,.30);
}
.documents-section .list-item li i{
  color: #FFFFFF;
}
.documents-section .list-item li span{
  color: #B3D9FF;
}
/* ===== Panel de resultado orientador (perfil del prospecto) ===== */
.eval-success{
  padding: 8px 4px 2px;
}
.eval-success .eval-badge{
  display: inline-block;
  background: #B3D9FF;
  color: #071A52;
  font-size: 12px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  font-weight: 800;
  border-radius: 16px;
  padding: 5px 14px;
  margin-bottom: 20px;
}
.eval-success h3{
  color: #071A52;
  font-size: 27px;
  line-height: 36px;
  margin-bottom: 16px;
}
.eval-success .eval-result-texto{
  color: #071A52;
  font-size: 16px;
  line-height: 28px;
}
.eval-success .eval-cta{
  background: #F8FAFC;
  border-left: 4px solid #1E96FC;
  border-radius: 8px;
  color: #0B4F9E;
  font-weight: 600;
  font-size: 15px;
  line-height: 25px;
  padding: 14px 18px;
  margin-top: 22px;
}
.eval-success .eval-warn{
  background: #F8FAFC;
  border: 1px solid #1E96FC;
  border-radius: 8px;
  color: #071A52;
  font-size: 13.5px;
  line-height: 22px;
  padding: 11px 15px;
  margin-top: 16px;
}
/* ===== Formulario tipo Typeform (una pregunta por etapa) ===== */
.eval-card.tf-card{
  max-width: 680px;
  margin: 44px auto 0;
  padding: 30px 38px 30px;
}
.tf-top{
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 26px;
}
.tf-back{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(11,79,158,.25);
  background: #F8FAFC;
  color: #071A52;
  cursor: pointer;
  transition: all .2s ease;
}
.tf-back:hover{
  background: #B3D9FF;
  border-color: #B3D9FF;
}
.tf-track{
  position: relative;
  flex: 1;
  height: 6px;
  border-radius: 6px;
  background: #DCEBFC;
  overflow: hidden;
}
.tf-progress{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  border-radius: 6px;
  background: #1E96FC;
  transition: width .35s ease;
}
.tf-count{
  flex: 0 0 auto;
  font-family: var(--title-font);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  color: #0B4F9E;
}
.tf-slides{
  position: relative;
}
.tf-slide{
  display: none;
}
.tf-slide.active{
  display: block;
  animation: tf-in .3s ease;
}
@keyframes tf-in{
  from{ opacity: 0; transform: translateY(8px); }
  to{ opacity: 1; transform: translateY(0); }
}
.tf-q{
  display: block;
  font-family: var(--title-font);
  font-size: 25px;
  line-height: 33px;
  font-weight: 700;
  color: #071A52;
  margin-bottom: 8px;
}
.tf-sub{
  font-size: 14px;
  color: #0B4F9E;
  margin-bottom: 18px;
}
.tf-field input[type="text"],
.tf-field input[type="email"],
.tf-field input[type="tel"],
.tf-field select,
.tf-field textarea{
  width: 100%;
  border: 1px solid #DCEBFC;
  background: #F8FAFC;
  color: #071A52;
  border-radius: 12px;
  padding: 15px 17px;
  font-size: 17px;
  line-height: 24px;
  outline: none;
  transition: all .2s ease;
  -webkit-appearance: none;
  appearance: none;
}
.tf-field select{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230B4F9E' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  padding-right: 46px;
  cursor: pointer;
}
.tf-field textarea{
  min-height: 130px;
  resize: vertical;
}
.tf-field input:focus,
.tf-field select:focus,
.tf-field textarea:focus{
  border-color: #1E96FC;
  background: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(30,150,252,.15);
}
.tf-field .error-msg{
  display: none;
  color: #0B4F9E;
  font-weight: 700;
  font-size: 13.5px;
  margin-top: 9px;
}
.tf-field.has-error .error-msg{
  display: block;
}
.tf-field.has-error input,
.tf-field.has-error select,
.tf-field.has-error textarea{
  border-color: #0B4F9E;
  background: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(11,79,158,.12);
}
.tf-field.check-field{
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: #FFFFFF;
  border: 1px solid #DCEBFC;
  border-radius: 12px;
  padding: 18px 20px;
  margin-top: 6px;
  cursor: pointer;
  transition: all .2s ease;
}
.tf-field.check-field:hover{
  border-color: #1E96FC;
}
.tf-field.check-field input[type="checkbox"]{
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  accent-color: #1E96FC;
  cursor: pointer;
}
.tf-field.check-field label{
  font-size: 15px;
  line-height: 25px;
  color: #071A52;
  cursor: pointer;
}
.tf-field.check-field label a{
  color: #0B4F9E;
  text-decoration: underline;
  font-weight: 700;
}
.tf-field.has-error.check-field{
  border-color: #0B4F9E;
}
.tf-count-note{
  margin-top: 8px;
}
.tf-lock{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
  font-size: 13px;
  line-height: 20px;
  color: rgba(7,26,82,.75);
  background: transparent;
  border: 0;
  padding: 0;
}
.tf-lock svg{
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  color: #0B4F9E;
  margin-top: 1px;
}
.tf-foot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 28px;
  border-top: 1px solid rgba(11,79,158,.12);
  padding-top: 20px;
}
.tf-hint{
  font-size: 13px;
  color: rgba(11,79,158,.7);
}
.tf-next{
  margin-left: auto;
  padding: 14px 30px;
  font-size: 16px;
}
.tf-next:disabled{
  opacity: .55;
  cursor: not-allowed;
}
@media (max-width: 767px){
  .eval-card.tf-card{
    padding: 22px 18px 24px;
    margin-top: 26px;
  }
  .tf-q{
    font-size: 21px;
    line-height: 29px;
  }
  .tf-hint{
    display: none;
  }
  .tf-field input[type="text"],
  .tf-field input[type="email"],
  .tf-field input[type="tel"],
  .tf-field select,
  .tf-field textarea{
    font-size: 16px;
    padding: 14px 15px;
  }
}

/* contador como porcentaje restante, sin saltos de ancho */
.tf-count{
  min-width: 96px;
  text-align: right;
}