body {
  background-color: #f1f1f1 !important;
  overflow-x: hidden;
}
.main {
  background-color: transparent !important;
}
.navbar {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #d2d2d2
}
.navbar > .container, .navbar > .container-fluid {
  max-width: 100%;
}
.navbar-toggler {
  left: 0 !important;
}
.navbar-brand {
  margin-left: 60px
}
.navbar.active .navbar-inner {
  left: 0 !important;
}
.dropdown-toggle::after {
  display: none
}
.dropdown-arrow {
  margin-left: 0.5em;
  transition: transform 0.3s ease;
}
.dropdown.show .dropdown-arrow {
  transform: rotate(180deg);
}
.navbar-toggler-icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 3px;
  background-color: black;
  transition: background 0.3s ease;
}
.navbar-inner {
  transition: all 0.1s ease-in-out !important;
}
.navbar-toggler {
  transition: none !important;
  transform: none !important;
}
.navbar-toggler:focus, .navbar-toggler:active {
  box-shadow: none !important;
  outline: none !important;
}
.navbar-sticky-on .navbar-brand-sticky {
  height: 37px
}
.canvas-open .nav-principal:before {
  width: 100%;
  opacity: 1;
  visibility: visible;
  transition: height 0.1s ease !important;
  background-color: rgba(255, 255, 255, 0.5); /* semi-transparent background */
  backdrop-filter: blur(25px); /* blur the background behind the element */
  -webkit-backdrop-filter: blur(25px); /* Safari support */
  z-index: 1000
}
.nav-principal:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: #fff;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}
.nav-principal-botones {
  float: right;
  line-height: 74px;
}
.nav-principal-botones a {
  font-size: 18px;
  color: #0264EB;
  padding: 30px
}
.nav-principal-botones a:hover {
  text-decoration: underline
}
.nav-principal-botones img {
  height: 28px;
  margin-right: 5px
}
.navbar-toggler:active {
  border: none;
  outline: none
}
.navbar-toggler:focus {
  border: none;
  outline: none
}
.navbar-sticky-on .navbar-toggler-icon:before, .navbar-sticky-on .navbar-toggler-icon:after {
  background: #000;
}
.navbar-toggler-icon {
  width: 24px;
  background-color: black;
}
.navbar-sticky-on .navbar-toggler-icon {
  background: #000000;
}
.navbar-toggler-icon.active {
  background-color: transparent !important;
  width: 37px;
  height: 4px;
}
.navbar-toggler-icon::before {
  top: -0.5rem;
}
.navbar-toggler-icon::after {
  top: 0.5rem;
}
.navbar-toggler {
  font-size: 0rem;
}
.navbar-inner {
  width: 340px;
  overflow: hidden
}
.navbar-inner .navbar-toggler {
  position: relative !important;
  height: 0rem;
  top: 0;
  right: 0px;
  text-align: right;
  float: right;
  margin-right: 10px;
  padding-top: 0px;
}
.navbar .navbar-nav .nav-link {
  font-size: 18px;
  font-weight: 600;
}
.navbar .nav-link {
  border-bottom: 1px solid #D2D2D2;
  border-top: 1px solid #D2D2D2;
}
.navbar-nav {
  width: 100%;
  padding: 40px 20px;
}
.dropdown-arrow {
  float: right;
}
.dropdown-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
  text-transform: inherit;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.navbar-inner .dropdown-menu {
  border: medium none;
  background: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none;
  margin: 0;
  padding-top: 0;
  position: static;
  margin-top: 20px;
  margin-bottom: 20px;
}
.dropdown-item.active, .dropdown-item:hover {
  background: #0264EB;
  color: #fff;
  border-radius: 100px;
}
.dropdown-item.active, .dropdown-item:active {
  background: #0264EB;
  color: #fff;
  border-radius: 100px;
}
.dropdown-menu > li {
  padding: 0.2em 0.625rem;
}
.dropdown-menu {
  max-height: 405px; /* Ajusta esto según el alto promedio de los items (~40px x 10 = 400px) */
  overflow-y: auto; /* Siempre muestra la barra */
}
@media (max-width: 991px) {
  .navbar-brand {
    margin: 0 auto;
  }
  .navbar {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }
  .navbar.has-featured {
    margin-top: 70px
  }
  .navbar-interna {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    margin-top: 70px
  }
  .dropdown-menu {
    max-height: 305px; /* Ajusta esto según el alto promedio de los items (~40px x 10 = 400px) */
    overflow-y: auto; /* Siempre muestra la barra */
  }
}
.promo {
  position: fixed;
  background-color: #1e1e1e;
  width: 100%;
  /* padding: 16px 20px; */
  z-index: 10;
  height: 70px;
  align-content: center;
}
.promo p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    /* margin-left: 15px; */
    float: left;
    line-height: 19px;
    max-width: 65%;
    position: absolute;
    left: 20px;
}
.promo a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  padding: 5px 20px;
  right: 30px;
  position: absolute;
  width: auto
}
.promo a:hover {
  text-decoration: underline !important
}
@media (max-width: 400px) {
  .promo p {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 400;
    margin-left: 15px;
    float: left;
    line-height: 19px
  }
  .promo a {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 400;
    border-radius: 20px;
    border: 1px solid white;
    padding: 5px 15px;
    right: 30px;
    position: absolute
  }
}

.spacer{
  height: 155px;
}

.spacer.has-featured{
  height: 155px;
}

@media (max-width: 767.98px) {
  .spacer{
    height: 70px;
  }

  .spacer.has-featured{
      height: 155px;
    }
}

.hero-mobile-border {
  border: 1px solid #D2D2D2;
}
.hero-mobile h3 {
  font-size: 28px;
  line-height: 34px;
  color: #fff;
  font-weight: 400;
  text-align: left;
}
.hero-mobile h3 strong {
  font-weight: 700
}
.hero-mobile p {
  font-size: 20px;
  color: #fff;
  text-align: left;
}
.features-area.style-two .image-box {
  border-radius: 16px;
}
@media (max-width: 991px) {
  .features-area.style-two .image-box:hover {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    /*    -webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;*/
  }
}
@media (max-width: 991px) {
  .nav-principal-mobile {
    float: none;
    bottom: 0;
    position: fixed;
    background-color: #fff;
    width: 100%;
    z-index: 999;
    text-align: center;
    border-top: 1px solid #d2d2d2;
    left: 0
  }
  .nav-principal-mobile a {
    text-align: -webkit-center;
    font-size: 14px;
    line-height: 16px !important;
    color: #0264EB;
  }
  .nav-principal-mobile a:hover {
    text-decoration: underline
  }
  .nav-principal-mobile img {
    height: 28px;
    display: block
  }
  .border-right {
    border-right: 1px solid #d9d9d9 !important;
  }
}
.btn-whatsapp-mobile {
  font-size: 18px;
  color: #fff;
  background: #58B671;
  border-radius: 100px;
  padding: 12px 30px;
  width: -webkit-fill-available;
}
.btn-whatsapp:focus {
  background: #58B671;
}
.btn-whatsapp img {
  margin-right: 10px
}
.btn-whatsapp:hover {
  background: #58B671;
}
.btn-whatsapp-mobile:hover {
  background: #58B671;
}
.service-text p {
  font-size: 16px;
  font-weight: 300;
  color: #000
}
.service-text h1 {
  font-size: 50px;
  font-weight: 300;
  line-height: 58px;
  color: #000
}
.service-text h1 strong {
  font-weight: 700;
}
.service-text h2 {
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  color: #000
}
.card {
  border-radius: 8px;
}
.card.transparent{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.card.transparent .card-body{
  padding: 0 !important;
}
.slider-nav-selector {
  border-radius: 8px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
}
.slider-nav-selector img {
  width: 50px;
  display: inline-block
}
.slider-nav-selector p {
  font-weight: 700;
  margin-left: 10px;
  font-size: 14px;
  line-height: 17px;
  display: inline-block
}
.slider-nav .slick-slide {
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  color: #000 !important;
  font-weight: 700;
  cursor: pointer
}
.slider-nav .slick-slide {
  width: auto !important; /* Muy importante */
  margin-right: 15px; /* Espacio entre slides, opcional */
  white-space: nowrap; /* Si quieres evitar que el contenido se rompa */
}
.slick-prev, .slick-next {
  background-color: #0264EB;
  color: #fff;
  border: none;
  width: 36px;
  height: 36px;
  padding: 10px;
  z-index: 990;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  border-radius: 50%;
  opacity: 0.7;
  transition: all 0.3s ease;
  border: 1px solid #f1f1f1
}
.slick-prev:hover, .slick-next:hover {
  background-color: #0264EB;
  opacity: 1;
}
.slick-prev {
  left: 0px;
}
.slick-next {
  right: 0px;
}
.slick-prev::before, .slick-next::before {
  color: white;
  font-size: 20px;
  line-height: 0.7;
}
/* Personalizar íconos con contenido */
.slick-prev::before {
  content: '\f104'; /* Font Awesome right arrow */
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  margin-left: -2px
}
.slick-next::before {
  content: '\f105'; /* Font Awesome right arrow */
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  margin-right: -2px
}
.slick-prev, .slick-next {
  font-size: 0; /* oculta el texto */
}
/* Mostrar solo el ícono */
.slick-prev i, .slick-next i {
  font-size: 18px;
}
.slick-prev, .slick-next {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
/* Cuando estamos al principio (primer slide activo) */
.slider-nav.is-start .slick-prev {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
/* Cuando estamos al final (último slide activo) */
.slider-nav.is-end .slick-next {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
/* Resaltar el thumbnail seleccionado */
.slider-nav .slick-slide.clicked {
  background-color: #0264EB !important;
}
/* Cambiar el color del texto a blanco cuando el thumbnail está seleccionado */
.slider-nav .slick-slide.clicked p {
  color: white; /* Cambia el color del texto a blanco */
}
.bg-default {
  border-radius: 16px;
  padding: 20px;
  transition: all 0.3s ease;
}
.bg-auto, .bg-embarcacion, .bg-mala-praxis, .bg-sepelio, .bg-transporte, .bg-viaje {
  background: -webkit-linear-gradient(-90deg, rgba(2, 100, 235, 0.8), rgba(1, 57, 133, 0.8)) !important;
  background: -o-linear-gradient(-90deg, rgba(2, 100, 235, 0.8), rgba(1, 57, 133, 0.8)) !important;
  background: linear-gradient(-90deg, rgba(2, 100, 235, 0.8), rgba(1, 57, 133, 0.8)) !important;
  border-radius: 16px;
  padding: 20px;
  transition: all 0.3s ease;
}
.bg-accidentes, .bg-hogar, .bg-mascotas {
  background: -webkit-linear-gradient(-90deg, rgba(162, 202, 111, 1), rgba(80, 178, 106, 1)) !important;
  background: -o-linear-gradient(-90deg, rgba(162, 202, 111, 1), rgba(80, 178, 106, 1)) !important;
  background: linear-gradient(-90deg, rgba(162, 202, 111, 1), rgba(80, 178, 106, 1)) !important;
  border-radius: 16px;
  padding: 20px;
  transition: all 0.3s ease;
}
.bg-moto, .bg-bicicleta, .bg-prepaga, .bg-salud, .bg-vida {
  background: -webkit-linear-gradient(-90deg, rgba(241, 241, 241, 1), rgba(210, 210, 210, 1)) !important;
  background: -o-linear-gradient(-90deg, rgba(241, 241, 241, 1), rgba(210, 210, 210, 1)) !important;
  background: linear-gradient(-90deg, rgba(241, 241, 241, 1), rgba(210, 210, 210, 1)) !important;
  border-radius: 16px;
  padding: 20px;
  transition: all 0.3s ease;
}
.bg-celular, .bg-remolque, .bg-retiro {
  background: -webkit-linear-gradient(-90deg, rgba(250, 184, 50, 1), rgba(235, 92, 109, 1)) !important;
  background: -o-linear-gradient(-90deg, rgba(250, 184, 50, 1), rgba(235, 92, 109, 1)) !important;
  background: linear-gradient(-90deg, rgba(250, 184, 50, 1), rgba(235, 92, 109, 1)) !important;
  border-radius: 16px;
  padding: 20px;
  transition: all 0.3s ease;
}
.form-control::placeholder {
  color: #969696;
}
.form-label{
  margin-left: 1rem;
}
.chat-body {
  min-height: 300px
}
.chat-body img {
  margin-right: 14px;
  width: 20px;
}
.chat-body p {
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 20px;
  color: #000;
  background-color: #f1f1f1;
  padding: 10px;
  border-radius: 10px;
  font-weight: 300
}
.chat-msg {
  border-radius: 8px !important;
  display: flex;
  align-items: flex-start
}
.form-control {
  font-size: 16px;
  height: 40px;
  border-radius: 100px !important;
  padding-left: 15px;
  border: 1px solid #d2d2d2
}
select option {
  font-family: Arial, Helvetica, sans-serif;
}
.btn-mic {
  border: none;
  background: transparent;
  height: 24px
}
.input-group-btn {
  align-content: center
}
.whatsapp {
  background-color: #58B671;
}
.whatsapp h3 {
  font-size: 50px;
  color: #fff
}
.whatsapp p {
  font-size: 24px;
  color: #fff
}
.btn-whatsapp {
  font-size: 18px;
  color: #fff;
  border: 1px solid #fff !important;
  background: transparent;
  border-radius: 100px;
  padding: 12px 30px
}
.btn-whatsapp:focus {
  background: transparent;
}
.btn-whatsapp img {
  margin-right: 10px
}
.btn-whatsapp:hover {}
.reviews {
  border: 1px solid #D2D2D2;
  background-color: #fff
}
.reviews span.title {
  font-size: 70px;
  color: #000;
  font-weight: 400
}
.reviews img {
  width: 70px
}
.reviewer-thumb img {
  width: 70px !important
}
.reviews h2 {
  font-size: 20px;
  color: #000;
  font-weight: 400
}
.single-review h5 {
  font-size: 16px;
  color: #000;
  font-weight: 700
}
.single-review {
  border: none;
  background-color: #f1f1f1
}
.single-review h6 {
  font-size: 14px;
  color: #8D8D8D;
}
.single-review p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 18px
}
.single-review .reviewer::after {
  display: none
}
.owl-stage {
  padding-left: 0 !important;
}
.owl-carousel .owl-stage-outer {
  top: 35px !important;
}
@media (max-width: 991px) {
  .owl-carousel .owl-stage-outer {
    top: 25px !important;
  }
}
.pt_160 {
  padding-top: 160px !important
}
.mobile {
  display: none
}
@media (max-width: 991px) {
  .desktop {
    display: none !important
  }
  .mobile {
    display: block;
  }
}
.section-heading {
  margin-bottom: 0px;
}
.section-heading > h2::after {
  display: none
}
.section-heading h2 {
  font-size: 46px;
  font-weight: 700;
  line-height: 50px
}
.section-heading p {
  font-size: 18px;
  font-weight: 400
}
/* ---- ISOTOPE ---- */
.button {
  display: inline-block;
  padding: 12px 40px;
  background: #EEE;
  border: none;
  border-radius: 100px;
  background-color: transparent;
  color: #0264EB;
  font-size: 18px;
  cursor: pointer;
  font-family: "Mulish", serif;
}
.button:hover {
  background-color: #0264EB;
  color: #fff;
}
.button:active, .button.is-checked {
  background-color: #0264EB;
  color: #fff;
}
.button.is-checked {}
.button:active {}
.button-group {
  border-radius: 100px;
  margin-left: 0;
  margin-right: 0px;
  border: 1px solid #D2D2D2;
  padding: 4px;
  width: fit-content;
  margin: 0 auto;
}
.button-group .button {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0px;
}
.button-group .button:first-child {
  border-radius: 100px;
}
.button-group .button:last-child {
  border-radius: 100px;
}
/* ---- ISOTOPE ---- */
.isotope {
  display: block !important;
  position: relative;
}
.isotope .seguro {
  position: absolute; /* Forzado por Isotope */
  margin-bottom: 30px;
}
.seguro {
  margin-bottom: 2em;
  width: 100%;
  display: inline-block; /* o block, dependiendo del diseño */
  vertical-align: top;
}
.seguro-card {
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.seguro-card.active {
  background-color: #0264EB;
  transition: all 0.3s ease;
}
.seguro-card.active h3 {
  color: #fff !important
}
.seguro-card:hover {
  background-color: #0264EB;
  transition: all 0.3s ease;
}
.seguro-card:hover h3 {
  color: #fff !important
}
.seguro-card img {
  width: 80px
}
.seguro-card h3 {
  font-size: 16px;
  font-weight: 400
}
@media (max-width: 400px) {
  .button {
    padding: 12px 30px;
    font-size: 16px;
  }
}
.video-wrapper {
  position: relative;
  padding-top: 56.25%;
  margin: 50px 0;
}
.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px
}
.features-area.style-two .image-box {
  width: 100%;
}
@media (max-width: 991px) {
  .video-poster video {
    width: 100%;
  }
  video {
    width: 100%;
    height: auto;
    max-height: 100%;
  }
}
.marcas {
  background-color: #FAB832;
  border-radius: 7px;
}
.marcas-bg {
  background-image: url(../img/marcas/bg.png);
  background-position: bottom right;
  position: relative;
  background-size: 340px;
  background-repeat: no-repeat;
}
.marcas-texto {
  width: 60%;
}
.marcas h2 {
  font-size: 40px;
  color: #fff;
  line-height: 48px;
}
.marcas p {
  font-size: 18px;
  color: #fff
}
.logos .slick-slide img {
  background-color: #fff;
  padding: 10px;
  border-radius: 100px
}
@media (max-width: 991px) {
  .marcas-bg {
    background-image: url(../img/marcas/bg.png);
    background-position: bottom right;
    position: relative;
    background-size: 220px;
    background-repeat: no-repeat;
  }
  .marcas-texto {
    width: 100%;
    min-height: 260px
  }
  .logos .slick-slide img {}
}
@media (max-width: 600px) {
  .logos .slick-slide img {}
}
.logos .slick-slide {
  margin-right: 16px;
}
.logos .slick-slide:last-child {
  margin-right: 0;
}
.accordion {
  width: 100%;
}
.accordion .card {
  border-radius: 7px !important
}
.accordion .card {
  border: none;
  margin-bottom: 20px !important
}
.accordion .card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: #fff;
  border: none
}
.faq h2 {
  font-size: 24px;
  color: #000
}
.faq-text {
  font-size: 16px;
  color: #000;
  line-height: 24px;
}
.footer-top a {
  font-size: 18px;
  color: #0264EB !important;
  display: block;
  margin-bottom: 20px
}
.footer-top a:hover {
  text-decoration: underline
}
.social-icons a {
  display: inline-block
}
.footer-items p {
  color: #969696;
  font-size: 16px;
}
.card {
  width: 100%;
}
@media (max-width: 991px) {
  .footer-copyrights {
    padding-bottom: 180px
  }
}
.navbar-interna {
  margin-top: 0px
}
.navbar-brand-interna {
  margin: 0 auto
}
.checkout-container {
  margin-bottom: 20px
}
.checkout-card {
  border: 1px solid #D2D2D2;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 1.5em
}
.checkout h2 {
  font-size: 24px;
  color: #000000
}
.checkout h3 {
  font-size: 16px;
  color: #000000
}
.checkout h4 {
  font-size: 16px;
  color: #6B7280;
  font-weight: 400
}
.checkout p {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}
.checkout span {
  color: #6B7280;
}
.text-grey {
  color: #6B7280 !important
}
.precio {
  font-size: 20px !important;
  color: #000000
}
.nav-interna {
  background-color: #fff;
  border-top: 1px solid #d2d2d2;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
}
.navbar-brand-interna img {
  height: 25px !important;
  margin: 6px;
}
.nav-interna-btn {
  width: 50%;
  float: left;
}
.btn-whatsapp-checkout {
  background-color: #fff;
  border: 2px solid #58B671;
  display: block;
  margin: 0 auto;
  padding: 12px 00px;
  border-radius: 100px;
  font-size: 18px;
  color: #58B671;
  display: inline-flex;
  justify-content: center;
  width: 100%
}
.btn-whatsapp-checkout svg {
  margin-right: 5px;
  align-items: center;
  font-size: 22px
}
.btn-whatsapp-checkout:hover {
  background-color: #58B671;
  border: 2px solid #58B671;
  color: #fff;
}
@media (max-width: 991px) {
  .nav-interna-btn {
    width: 100%;
    float: left;
  }
  .btn-blue {
    margin-bottom: 1em
  }
  .checkout-container {
    margin-bottom: 100px
  }
}
.pasos-container {
  top: 60px;
  border-bottom: 1px solid #d2d2d2;
  position: fixed;
  width: 100%;
  z-index: 3;
  background-color: #f1f1f1;
}
.pasos {
  display: inline-flex;
  align-items: center;
}
.pasos p {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}
.linea-pasos-25 {
  margin-left: 20px;
  display: inline-flex;
  height: 4px;
  background: linear-gradient(to right, #58B671 25%, /* Primer color (33%) */ #E5E7EB 25% /* Segundo color (resto) */
    );
  width: 96px;
}
.linea-pasos-33 {
  margin-left: 20px;
  display: inline-flex;
  height: 4px;
  background: linear-gradient(to right, #58B671 33%, /* Primer color (33%) */ #E5E7EB 33% /* Segundo color (resto) */
    );
  width: 96px;
}
.linea-pasos-50 {
  margin-left: 20px;
  display: inline-flex;
  height: 4px;
  background: linear-gradient(to right, #58B671 50%, /* Primer color (33%) */ #E5E7EB 50% /* Segundo color (resto) */
    );
  width: 96px;
}
.linea-pasos-66 {
  margin-left: 20px;
  display: inline-flex;
  height: 4px;
  background: linear-gradient(to right, #58B671 66%, /* Primer color (33%) */ #E5E7EB 66% /* Segundo color (resto) */
    );
  width: 96px;
}
.linea-pasos-75 {
  margin-left: 20px;
  display: inline-flex;
  height: 4px;
  background: linear-gradient(to right, #58B671 75%, /* Primer color (33%) */ #E5E7EB 75% /* Segundo color (resto) */
    );
  width: 96px;
}
.linea-pasos-100 {
  margin-left: 20px;
  display: inline-flex;
  height: 4px;
  background: linear-gradient(to right, #58B671 100%, /* Primer color (33%) */ #E5E7EB 100% /* Segundo color (resto) */
    );
  width: 96px;
}
.pregunta {
  margin: 0;
  font-size: 16px !important;
}
.toogle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.toogle p {
  font-size: 16px;
  color: #000000;
  line-height: 20px;
  margin: 0;
}
input[type="checkbox"] {
  position: relative;
  width: 55px;
  height: 30px;
  -webkit-appearance: none;
  background: #c6c6c6;
  outline: none;
  border-radius: 20px;
  transition: 0.3s;
  cursor: pointer
}
input:checked[type="checkbox"] {
  background: #0264EB;
}
input[type="checkbox"]:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: 5px;
  left: 5px;
  background: #ffffff;
  transform: scale(1.1);
  transition: .5s;
}
input:checked[type="checkbox"]:before {
  left: 30px;
}
.edit {
  position: relative;
  display: inline-block;
  float: right;
  font-size: 12px;
  color: #4B5563 !important;
  font-weight: 400;
  cursor: pointer
}
.edit:hover {
  text-decoration: underline !important
}
.credit-card img {
  max-width: 380px;
}
.pago-seguro {
  background-color: #d2d2d2;
  padding: 8px 20px;
  border-radius: 100px;
  font-size: 16px;
  color: #000;
  width: fit-content;
  margin: 0 auto;
}
.pago-seguro img {
  margin-right: 10px;
  margin-bottom: 4px
}
.btn-blue {
  background-color: #0264EB;
  border: 2px solid #0264EB;
  display: block;
  margin: 0 auto;
  padding: 12px 10px;
  border-radius: 100px;
  font-size: 18px;
  color: #fff;
}
.btn-blue:hover {
  background-color: #fff;
  border: 2px solid #0264EB;
  color: #0264EB;
}
.btn-white {
  background-color: #fff;
  border: 2px solid #0264EB;
  display: block;
  margin: 0 auto;
  padding: 12px 10px;
  border-radius: 100px;
  font-size: 18px;
  color: #0264EB;
}
.btn-white:hover {
  background-color: #0264EB;
  border: 2px solid #0264EB;
  color: #fff;
}
@media (max-width: 991px) {
  .credit-card img {
    max-width: 100%
  }
}
.template h2 {
  font-size: 24px;
  color: #000;
}
.template p {
  font-size: 16px;
  color: #000;
}
@media (max-width: 991px) {
  .footer-copyrights-interna {
    padding-bottom: 60px
  }
  .nav-interna-btn {
    width: 100%;
    float: left;
  }
  .btn-blue {
    margin-bottom: 1em
  }
  .denuncia-container {
    margin-bottom: 20px;
    padding: 50px 0;
  }
}
.denuncia-container {
  margin-bottom: 20px;
  padding: 100px 0 40px;
}
.denuncia h2 {
  font-size: 24px;
  color: #000000
}
.denuncia h3 {
  font-size: 16px;
  color: #000000
}
.denuncia h4 {
  font-size: 16px;
  color: #6B7280;
  font-weight: 400
}
.denuncia p {
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}
.denuncia span {
  color: #6B7280;
}
.pasos-denuncia-container {
  top: 60px;
  border-bottom: 1px solid #d2d2d2;
  position: fixed;
  width: 100%;
  z-index: 3;
  background-color: #f1f1f1;
}
.pasos-denuncia {
  display: inline-flex;
  align-items: center;
}
.select-arrow {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23333' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 30px center;
  background-size: 14px 10px;
  padding-right: 35px;
}
.btn-back {
  opacity: 0.5;
  position: absolute
}
.btn-back:hover {
  opacity: 1
}
@media (max-width: 991px) {
  br {
    display: none
  }
}
.checkbox-toggle {
  width: 100%;
  height: 48px;
  background-color: transparent;
  border-radius: 100px;
  position: relative;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  font-size: 18px;
  font-weight: 400;
  outline: 1px solid #D2D2D2;
  outline-offset: 3px;
}
.checkbox-toggle input {
  display: none;
}
.checkbox-toggle .toggle-btn {
  width: 50%;
  text-align: center;
  line-height: 48px;
  transition: color 0.3s;
  position: relative;
  z-index: 2;
  color: #0264EB;
}
.checkbox-toggle .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #0264EB;
  border-radius: 100px;
  transition: transform 0.3s;
  z-index: 1;
}
.checkbox-toggle input:not(:checked) ~ .slider {
  transform: translateX(0%);
}
.checkbox-toggle input:checked ~ .slider {
  transform: translateX(100%);
}
.checkbox-toggle input:not(:checked) ~ .btn-1 {
  color: #fff;
}
.checkbox-toggle input:checked ~ .btn-2 {
  color: #fff;
}
.checkbox-toggle input:checked ~ .btn-1, .checkbox-toggle input:not(:checked) ~ .btn-2 {
  color: #0264EB;
}
.denuncia-upload {
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
textarea.form-control {
  resize: none;
  border-radius: 8px !important;
  border: 1px solid #d2d2d2;
  padding-top: 20px
}
/* Adaptacion Boostrap 5.3 */
.navbar .navbar-nav .nav-link {
  font-size: 18px;
  font-weight: 600;
  margin-top: -1px;
}
.equal-container {
  display: flex;
  width: 100%;
}
.equal {
  flex: 1;
  padding: 16px;
}
.accordion-item {
  border: none;
  margin-bottom: 20px !important;
  background-color: #ffffff;
  border-radius: 7px;
}
.accordion-header {
  margin-bottom: 0;
  padding: .65rem 1.25rem;
  margin-bottom: 0;
  background-color: #fff;
  border: none;
  border-radius: 7px !important
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: transparent;
  box-shadow: none
}
.accordion-button {
  box-shadow: none;
  outline: none
}
.accordion-button:focus {
  box-shadow: none;
  outline: none
}
.accordion-button:not(.collapsed) {
  color: #000
}
.accordion-button::after {
  position: absolute;
  top: 50%;
  left: calc(100% - 1.25rem);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  content: '\f0da';
  background-image: none
}
.accordion-button:not(.collapsed)::after {
  background-image: none;
  content: '\f0d7';
  left: calc(100% - 1.25rem);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-whatsapp-float{
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 80;
}

.btn-whatsapp-float svg{
  height: 2em !important;
}

.btn-whatsapp-float:hover svg,
.btn-whatsapp-float:focus svg{
  color: #FFF !important;
}

.select2-container{
  height: 40px !important;
}

.select2-container .select2-selection--single {
  border-radius: 100px !important;
  height: 40px !important;
  line-height: 40px;
  padding: 0px 10px
}

.select2-selection__rendered {
  font-size: 16px !important;
  color: #969696 !important;
  padding: .5rem .75rem !important;
  line-height: 1.5rem !important;
}

.pb_50{
  padding-bottom: 50px;
}

.quote-form .form-label{
  display: none;
}

.pricing-content{
  padding-left: 1em;
}

.pricing-content li{
  list-style: inherit !important;
}

.pricing-content li i{
  color: #0264EB !important;
}

.bg-success{
  background: #58B671 !important;
  color: #fff !important;
}
.bg-warning{
  background: #FAB832 !important;
  color: #fff !important;
}
.bg-danger{
  background: #EB0250 !important;
  color: #fff !important;
}