@import './detalle-profesional.css';
@import './flexslider.css';
@import './comentarios.css';
@import './loading.css';

.homeElementorMain .elementor-915 .elementor-element.elementor-element-c7c1979 .swiper-slide-contents{
  max-width:60%;
}
.homeElementorMain .elementor-slides .swiper-slide-inner .elementor-slide-heading{
  font-size:54px;
  font-weight:400;
}

.swiper-pagination-bullet{
  background-color:white;
}

.navbar ul li:last-child{
  margin-right: 60px;
}

/*
  Resultado profesionales
*/
.filtrosBusqueda{
  padding:30px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}
.filtrosBusqueda h1{
  font-size:30px;
  font-weight: 300;
  letter-spacing: -1.5px;
  color:#031B9C;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 14px;
}
.filtrosBusqueda h1 strong{
  font-weight: 700;
}
.filtrosSeleccionados{
  display:block;
  list-style: none;
  margin:0px;
  padding:0px;
}
.filtrosSeleccionados li{
  display:inline-block;
  margin-right:14px;
}
.filtrosSeleccionados .bg-secondary{
  font-weight:300;
  background-color:#999 !important;
  font-size: 14px;
}
.filtrosSeleccionados .pill{
  display:flex;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  overflow: hidden;
  border-radius: 15px;
  font-size:14px;
}
.pill .pillType{
  font-weight: 300;
  background-color:white;
  padding:4px 12px;
  text-transform: capitalize;
}
.pill .pillValue{
  background-color:#f2f2f2;
  font-weight: 700;
  padding:4px 12px;
  color:#031B9C;
}

.card-design{
  background-color:white;
  border:1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  padding:20px;
}

.card-design .profesionalPicture{
  width:150px;
  height:150px;
  display:block;
  content:'';
  border-radius:100%;
  background-position: center;
  background-size: cover;
  margin:auto;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  overflow: hidden;
}
.card-design .profesionalDetalle{
  text-align:center;
  margin-top:20px;
}
.card-design .profesionalDetalle h2{
  color:#031B9C;
  border-bottom:1px solid #ddd;
  padding-bottom:10px;
  margin-bottom:20px;
  letter-spacing: -1.5px;
  font-weight: 300;
  font-size: 28px;
}
.card-design .profesionalDetalle p{
  font-size:13px;
  line-height: 20px;
  color:#666;
  font-weight: 300;
}
.card-design .btn-detalle{
  text-align:center;
}
.card-design .btn-detalle a{
  display:inline-block;
  background-color:#72B2F2;
  color:white;
  font-size:14px;
  padding:4px 20px;
  border-radius:20px;
  text-decoration: none;
}
.card-design .btn-detalle a:hover,
.message .btn-primary{
  background-color:#031B9C;
}

.resultadosBusqueda{
  margin:40px 0;
}

.message{
  padding:10px;
  background-color:white;
  border:1px solid #f2f2f2;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  border-radius: 10px;
}
.message span{
  font-size:14px;
}
.message .btn-primary{
  border:0px;
  color:white !important;
}
/*
  Single Page wocommerce
*/
.wc-appointments-appointment-form .wc_appointments_field_staff{
  display:none;
}




/*

*/
.vitrina-producto{
  border-color: #54595F24;
  color: #444444;
  border: 1px solid #f1f1f1;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
}

  .vitrina-producto:hover{
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
  }

  .vitrina-producto .ht-product-image-wrap{
      position: relative;
      overflow: hidden;
  }
  .vitrina-producto .ht-product-image-wrap .ht-product-image img{
      width: 100%;
  }

  .vitrina-producto .ht-product-action{
      position: absolute;
      bottom: 0px;
      padding: 20px;
      width: 100%;
      text-align: center;
  }

  .vitrina-producto .ht-product-action a{
      display: inline-block;
      background-color: #DEDEDE;
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
      padding: 5px 20px;
      border-radius: 50px;
      color: #151515;
      font-weight: bold;
      text-decoration: none;
  }
  .vitrina-producto .ht-product-action a:hover{
      background-color:black;
      color:white;
  }

  .vitrina-producto .ht-product-content{
      padding:20px;
  }

  .vitrina-producto .ht-product-categories a{
      color: #444444;
      font-size: 14px;
      text-decoration: none;
      font-weight: bold;
      font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
      font-weight: var( --e-global-typography-primary-font-weight );
  }

  .vitrina-producto .ht-product-title{
      margin: 6px 0px 10px 0px;
      font-size: 18px;
      line-height: 1.2;
      font-weight: 400;
  }

  .vitrina-producto .ht-product-title a{
      font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
      font-weight: var( --e-global-typography-primary-font-weight );
      color: #C161CE;
      text-decoration: none;
  }

  .vitrina-producto .ht-product-price .price,
  .woocommerce .vitrina-producto .ht-product-price .price{
      color: #77C07F;
      font-family: "Roboto", Sans-serif;
      font-size: 0.86rem;
      font-weight: bold;
  }

  .vitrina-producto .ht-product-price .precioConvenio{
      background-color:#C161CE;
      color:white;
      font-size:12px;
      font-weight:bold;
      padding:4px;
  }


.nombre-seccion h2{
  position: relative;
  padding-left: 30px;
  font-size: 22px;
  line-height: 22px;
  font-weight: 300;

  }
  .nombre-seccion h2 strong{
      font-weight:bold;
  }
  .nombre-seccion h2 span{
      position:absolute;
      left:0px;
  }


.bloqueUsuario ul{
  margin:0px;
  padding:0px;
  list-style: none;
  text-align: right;
  font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
  font-weight: var( --e-global-typography-primary-font-weight );
}
  .bloqueUsuario ul li{
      display:inline-block;
      margin-left:20px;
  }
  .bloqueUsuario ul li span{
      font-size:14px;
  }
  .bloqueUsuario ul li a{
      color:#C161CE;
  }
  .bloqueUsuario ul li a img{
      margin-left:5px;
  }
  .bloqueUsuario ul li a:hover{
      color:black;
  }

.separador{
  display:block;
  border-top:1px solid #707070;
  background-image:url(../assets/images/separador.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 50px;
  margin-top: 15px;
  opacity: 0.4;
}


.bloqueConvenios{
  background-color:#F1F1F1;
  padding:20px;
  border-radius: 4px;
}
  .bloqueConvenios .iconoCirculo{
      background-color: #C161CE;
      height:60px;
      width:60px;
      border-radius: 100%;
      display:inline-block;
      text-align: center;
      line-height: 60px;
      vertical-align: middle;
  }
  .bloqueConvenios h3{
      font-size:18px;
      font-weight:bold; 
      color:#000139;
  }
  .bloqueConvenios p{
      font-size: 14px;
      color:#000000;
      opacity: 0.7;
      margin-bottom: 0px;
  }
  .bloqueConvenios form{
      display:flex;
      margin-top:22px;
  }
  .bloqueConvenios form input{
      margin: 0 4px;
      border: 1px solid #C6C6C6;
  }
  .bloqueConvenios form input[type="submit"]{
      background-color:#C161CE;
      color:white;
      background-image: url(../assets/images/next.svg);
      background-repeat: no-repeat;
      background-position: center center;
      height:40px;
      display:inline-block;
      border-color: #C161CE;
      width: 50px;
  }
  .bloqueConvenios form input[type="submit"]:hover{
      background-color:black;
      border-color:black;
  }
  

.woocommerce-form-coupon-toggle{
  display:none;
}


@media (max-width: 480px) {
  .vitrina-producto .ht-product-categories a{
      font-size: 12px;
      line-height: 16px;
      display: inline-block;
  }

  .vitrina-producto .ht-product-title{
      font-size: 14px;
      line-height: 1.1;
  }

  .bloqueUsuario ul li span{
      font-size:13px;
  }

  .bloqueUsuario ul li{
      margin-left:10px;
  }
  
}


/*
  Pagina compra
*/
  .woocommerce form .woocommerce-billing-fields .form-row{
      padding: 0px;
      margin: 6px;
      width: 32%;
      display: inline-block;
      float: inherit;
  }

  .woocommerce form .woocommerce-billing-fields .form-row input{
      border: 1px solid #ccc;
  }

  .woocommerce form .woocommerce-billing-fields h3,
  .woocommerce form #order_review_heading{
      font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
      font-weight: var( --e-global-typography-primary-font-weight );
      font-size:18px;
  }

  .woocommerce form #order_review_heading{
      margin-top:30px;
      margin-bottom:20px;
  }

  .woocommerce-checkout-review-order-table td,
  .woocommerce-checkout-review-order-table th{
      border:0px;
  }


  @media (max-width: 1200px) {
      .woocommerce form .woocommerce-billing-fields .form-row{
          width:46%;
      }
  }

  @media (max-width: 768px) {
      .woocommerce form .woocommerce-billing-fields .form-row{
          width:100%;
      }
  }

  .btnBack{
      font-size: 100%;
      margin: 0;
      line-height: 1;
      cursor: pointer;
      position: relative;
      text-decoration: none;
      overflow: visible;
      padding: .618em 1em;
      font-weight: 400;
      border-radius: 3px;
      left: auto;
      color: white;
      background-color: #999;
      border: 0;
      display: inline-block;
      background-image: none;
      box-shadow: none;
      text-shadow: none;
      float:right;
  }

  .row-order-submit{
      padding-top: 20px;
      border-top: 1px solid #d3ced2;
  }

  .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
      float:inherit;
  }


/*
  Pagina finalización de compra
*/
  .pagina-pago{
      font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
      font-weight: var( --e-global-typography-primary-font-weight );
  }

  .pagina-pago h3{
      font-size: 20px;
      font-weight: bold;
      line-height: 26px;
      color:#C161CE
  }

  .pagina-pago .pre-resumen a{
      font-size:14px;
      font-weight: 500;
      color:#C161CE;
      line-height: 19px;
      text-decoration: none;
      border-bottom: 1px solid #C161CE;
  }

  .pagina-pago .resumen{
      background-color:#F1F1F1;
  }
  .pagina-pago .resumen h1{
      font-size:28px;
      font-weight: bold;
      color:#C161CE;
      line-height: 35px;
      margin-bottom:0px;
  }

  .pagina-pago .resumen h3{
      font-size:20px;
      color:black;
      font-weight: bold;
      line-height: 26px;
  }
  .pagina-pago .resumen h3 em{
      border-bottom:1px solid #C161CE;
  }
  .pagina-pago .resumen span{
      font-size: 13px;
      color:#707070;
      font-weight: 500;
  }

  .pagina-pago .wc-appointment-summary{
      margin-top:0px !important;
      padding:0px;
  }
  .pagina-pago .resumen table,
  .pagina-pago .wc-appointment-summary{
      background-color:white;
      border:0px;
      border-radius: 4px;
      overflow: hidden;
  }
  .pagina-pago .wc-appointment-summary li{
      padding: 12px 15px;
      font-weight: 400;
      color: #707070;
      font-size: 13px;
      border-bottom: 1px solid #ddd;
  }
  .pagina-pago .wc-appointment-summary li strong{
      color:black;
      font-weight:bold;
  }
  .pagina-pago .wc-appointment-summary-name{
      display:none;
  }
  .pagina-pago .wc-appointment-summary-list{
      margin-top:0px !important;
  }
  .pagina-pago .resumen table td{
      padding:11px 15px;
      border:0px;
      background-color: white;
      font-size:13px;
  }
  .pagina-pago .resumen table td:first-child{
      font-weight: 400;
      color: #707070;
  }
  .pagina-pago .resumen table tr{
      border-bottom:1px solid #D5D5D5;
      background-color: white;
  }

  .pagina-pago .resumen .resumen-exito img{
      margin-top: -90px;
  }

  
  .pagina-pago .titulo-separador{
      position:relative;
  }

  .pagina-pago .titulo-separador h3{
      display:inline-block;
      background-color:white;
      padding-left:20px;
      padding-right:20px;
      position:relative;
      z-index: 2;
      font-weight: 400;
  }

  .pagina-pago .separador-linea{
      position: absolute;
      width: 98%;
      background-color: #D5D5D5;
      height: 1px;
      top: 40%;
      left: 0;
      z-index: 1;
  }

  .pagina-pago .bloque-secuencial .paso-secuencia{
      display: inline-block;
      background-color: #C161CE;
      color: white;
      border-radius: 100%;
      width: 34px;
      height: 34px;
      text-align: center;
      line-height: 34px;
      vertical-align: middle;
  }

  .pagina-pago .bloque-secuencial h4{
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
      color:#707070;
      font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
  }

  .pagina-pago .bloque-secuencial h4 em{
      color:#C161CE;
      font-weight: bold;
      text-decoration: none;
  }
  
  .pagina-pago .bloque-secuencial .btn-redondo{
      height: 34px;
      display: inline-block;
      width: 100%;
      padding: 9px 20px;
      border-radius: 20px;
      color: white;
      font-size: 12px;
      background-color: #C161CE;
      text-decoration: none;
      font-weight: 500;
      margin-top:15px;
      border:0px;
      max-width: 280px;
  }

  .pagina-pago .bloque-secuencial .btn-redondo:hover{
      background-color:black;
  }

  .pagina-pago .bloque-secuencial .btn-redondo img{
      float:right;
      margin-top:-2px;
  }

  .pagina-pago .bloque-secuencial p{
      color:#707070;
      font-size:14px;
      line-height: 19px;
      font-weight: 400;
  }


/*
  Mi cuenta
*/
 .woocommerce-MyAccount-navigation-link--wt-smart-coupon{
     display:none;
 }




































/*
 **********************************
  Pagina de inicio del profesional.
  *********************************
*/
.inicio-profesional h1{
  font-family: 'Poppins', sans-serif;
  font-size: 32px;
  line-height: 44px;
  color:#4354FE;
  font-weight: 300;

  font-size:28px;
  line-height: 34px;
  margin-bottom: 24px;
}

.inicio-profesional em{
  font-style: inherit;
}
.inicio-profesional h1 strong,
.inicio-profesional h1 b{
  font-weight: 700;
}

.inicio-profesional .intro-al-sitio{
  position:relative;
  z-index:3
}
.inicio-profesional .intro-home-contenido{
  padding-top: 80px;
  padding-bottom: 100px;
  z-index: 1;
  position: relative;
  background-image: url(../assets/images/profesional/bg-flower-intro.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.inicio-profesional .intro-al-sitio .intro-home-bg{
  background-image: url(../assets/images/profesional/bg-intro.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 85%;
  height: 100%;
  top: 0;
  right: 0px;
  z-index: -1;
}

.circle-box{
  display:inline-block;
}
.circle-box .inside-box{
  background-color:white;
  display:block;
  width:25px;
  height:25px;
  box-shadow:
  0 0px 0px rgba(0, 0, 0, 0.034),
  0 -10px 10px rgba(0, 0, 0, 0.048),
  0 5px 5px rgba(0, 0, 0, 0.06),
  0 5px 5px rgba(0, 0, 0, 0.072);
  border-radius: 100%;
  text-align: center;
}
.circle-box .inside-box img{
  position: relative;
  margin-left: 2px;
  margin-top:-14px;
}

.lista-circulos{
  list-style: none;
  margin:0px;
  padding:0px;
}
.lista-circulos li{
  position:relative;
  padding-left:40px;
  padding-bottom:20px;
}

.lista-circulos li .circle-box{
  position:absolute;
  left:0px;
  top:0px
}

.inline-list{
  margin:0px;
  padding:0px;
}


.inicio-profesional .intro-al-sitio p{
  font-size: 18px;
  color:black;
  font-family: 'Rubik', sans-serif;
}

.inicio-profesional .destacado{
  background-color: #C161CE;
  display:inline-block;
  border-radius:50px;
}

.inicio-profesional .destacado p{
  color:white;
  margin-bottom:0px;
  padding:4px 20px;
}

.inicio-profesional .destacado p strong{
  font-weight: 900;
}

.inicio-profesional .btn-redondo{
  border-radius: 30px;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.5px;
  font-weight: 600;
  display: inline-block;
  padding: 10px 25px;
  text-decoration: none;
  width: 100%;
  border:0px;
  text-align: left;
}

.inicio-profesional .btn-redondo:hover{
  background-color:#FDCA74;
  border-color: #FDCA74;
}

.inicio-profesional .btn-yellow img{
  float: right;
  margin-top: 3px;
}

.inicio-profesional .btn-yellow:hover{
  color:black;
}

.inicio-profesional .btn-yellow{
  background-color:#FDCA74;
  color:#4354FE;
}

.inicio-profesional .btn-borde{
  border:1px solid #4353fe3a;
  color:#4354FE;
  background-color:white;
}

.inverted-img{
  transform: rotate(180deg);
}
.inicio-profesional .morph-content .btn-borde{
  font-size: 14px;
  border: 0px;
  max-width: 240px;
  border-bottom: 2px solid white;
  border-radius: 0px;
  padding: 2px;
  width: auto;
}
.inicio-profesional .morph-content .btn-borde:hover{
  color:black;
}

.inicio-profesional  .intro-cta{
  margin-top:20px;
}

.como-funciona{
  z-index: 1;
  position: relative;
}
.como-funciona h2{
  font-size: 42px;
  font-weight: 700;
  color:#4354FE;
  font-family: 'Poppins', sans-serif;
  line-height: 38px;
  text-align: center;
}

.como-funciona .heading{
  position:relative;
  padding-left:45px;
}
.como-funciona .heading h2:before{
  /* content:'';
  display:block;
  left:0;
  width:36px;
  height: 57px;
  position: absolute;
  margin-top:8px;
  top:10;
  background-repeat: no-repeat;
  background-position:center;
  background-image: url(../assets/images/profesional/icon-question-left.svg); */
}

.como-funciona .como-funciona-especial span{
  font-size: 18px;
  font-weight: 300;
  color:black;
  font-family: 'Poppins', sans-serif;
  line-height: 30px;
}
.como-funciona .como-funciona-especial span strong{
  font-weight: 700;
  color:#4354FE;
}

.como-funciona .heading h2:after{
  /* content:'';
  display:block;
  left:240px;
  width:26px;
  height: 38px;
  position: absolute;
  top:35px;
  background-repeat: no-repeat;
  background-position:center;
  background-image: url(../assets/images/profesional/icon-question-right.svg); */
}

.como-funciona .icono-paso{
  display:inline-block;
  background-color:white;
  box-shadow:
  0 0px 0px rgba(0, 0, 0, 0.034),
  0 -10px 10px rgba(0, 0, 0, 0.048),
  0 10px 10px rgba(0, 0, 0, 0.06),
  0 10px 10px rgba(0, 0, 0, 0.072);
  height: 120px;
  width: 120px;
  border-radius: 100%;
  text-align: center;
  line-height: 110px;
  vertical-align: middle;
}

.como-funciona .paso-exito .icono-paso{
  background-color: #56B800;
}

.como-funciona .numero-paso span{
  background-color:#FDCA74;
  color:#4354FE;
  border-radius: 100%;
  width:45px;
  height: 45px;
  display:inline-block;
  font-weight: 700;
  font-family: 'Rubik', sans-serif;
  font-size:24px;
  line-height: 45px;
  vertical-align: middle;
  margin-bottom: -15px;
  z-index: 2;
  position: relative;
  box-shadow:
  0 0px 0px rgba(0, 0, 0, 0.034),
  0 -10px 10px rgba(0, 0, 0, 0.048),
  0 5px 5px rgba(0, 0, 0, 0.06),
  0 5px 5px rgba(0, 0, 0, 0.072);
}

.como-funciona h3{
  font-size: 24px;
  font-weight: 700;
  color:#4354FE;
  font-family: 'Poppins', sans-serif;
  line-height: 30px;
}

.como-funciona .contenido-paso p{
  font-size: 14px;
  color: black;
  font-family: 'Rubik', sans-serif;
}

.como-funciona .contenido-paso p em{
  color:#4354FE;
}

.como-funciona .contenido-paso{
  margin-top:20px;
}

.como-funciona .paso-item{
  max-width: 77%;
  margin:auto;
}

.como-funciona .paso-exito h3{
  color:#56B800;
}

.como-funciona .bg-curved-line{
  background-image: url(../assets/images/profesional/bg-line-curved.svg);
  background-repeat: no-repeat;
  background-position: center 14%;
}

.caracteristicas .caracteristicas-middle{
  background-color: #F9F8FF;
  position:relative;
}

.caracteristicas .caracteristicas-middle:before{
  background-image:url(../assets/images/profesional/bg-caracteristicas-flower.svg);
  background-repeat: no-repeat;
  background-position: left center;
  left:0px;
  position: absolute;
  width:440px;
  height:900px;
  display:block;
  content: '';
  z-index: 0;
  top:-25%;
  opacity:0.6
}

.caracteristicas .caracteristicas-middle:after{
  background-image:url(../assets/images/profesional/bg-caracteristicas-flower.svg);
  background-repeat: no-repeat;
  background-position: left center;
  right:0px;
  position: absolute;
  width:440px;
  height:900px;
  display:block;
  content: '';
  z-index: 0;
  top:30%;
  transform: rotate(180deg);
}

.caracteristicas .header-seccion{
  max-width: 55%;
  margin:auto;
  margin-bottom:60px;
}

.caracteristicas .header-seccion h3{
  font-family: 'Poppins', sans-serif;
  font-size: 32px;
  line-height: 44px;
  color:#4354FE;
  font-weight: 300;
}

.caracteristicas .header-seccion h3 strong{
  font-weight: 700;
}

.caracteristicas .header-seccion p{
  font-size: 14px;
  color: black;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
}

.caracteristicas .header-seccion h3 em{
  color:#C161CE;
}
.caracteristicas .inside-card{
  padding:0 40px;
}
.caracteristicas .inside-card h3{
  margin-top:30px;
  margin-bottom:15px;
}
.caracteristicas .card{
  background-color:white;
  border:0px;
  margin-bottom:40px;
  z-index: 2;
  position: relative;
}

.caracteristicas .card h3{
  font-family: 'Poppins', sans-serif;
  font-size: 32px;
  line-height: 44px;
  color:#4354FE;
  font-weight: 500;
}
.caracteristicas .card p{
  font-size: 16px;
  line-height: 24px;
  color: #333;
  font-family: 'Rubik', sans-serif;
}

.caracteristicas .card p em{
  color:#4354FE;
  font-weight: 600;
}

.caracteristicas .bg-card{
  background-repeat: no-repeat;
  background-position: center;
}

.caracteristicas .bg-card-agenda{
  background-image: url(../assets/images/profesional/bg-card-agenda.svg);
  background-position: right;
}

.caracteristicas .bg-card-teleconsulta{
  background-image: url(../assets/images/profesional/bg-card-teleconsulta.svg);
}

.caracteristicas .bg-card-asignacion{
  background-image: url(../assets/images/profesional/bg-card-asignacion.svg);
}

.caracteristicas .bg-card-seguimiento{
  background-image: url(../assets/images/profesional/bg-card-monitoreo.svg);
}

.caracteristicas .caracteristica-top{
  background-image: url(../assets/images/profesional/bg-características-top.svg);
  height: 138px;
  width: 100%;
  background-size: cover;
}


.cta-final-profesional .cta-box{
  background-color: #FDCA74;
  padding:20px 30px;
  padding-right: 160px;
  border-radius: 45px;
  position:relative;
}

.cta-final-profesional .cta-box .right-floating{
  top:25px;
  position: absolute;
  right:-40px;
}

.cta-final-profesional .cta-box .right-floating .btn-primary{
  background-color:#543DD0;
}
.cta-final-profesional .cta-box .right-floating .btn-primary img{
  margin-left:40px;
}
.cta-final-profesional .cta-box .right-floating .btn-primary:hover{
  background-color:black;
}

.cta-final-profesional .cta-box h4{
  color:#543DD0;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  line-height: 24px;
  color:#543DD0;
  font-weight: 500;
  margin-bottom:0px;
}
.cta-final-profesional .cta-box h4 strong{
  display:block;
}

.cta-final-profesional h5{
  color:#4354FE;
  font-family: 'Poppins', sans-serif;
  font-size:18px;
}

.cta-final-profesional p{
  font-size: 14px;
  line-height: 24px;
  color: #333;
  font-family: 'Rubik', sans-serif;
}



.modal-design h2{
  font-family: 'Poppins', sans-serif;
  font-size: 32px;
  line-height: 44px;
  color: #4354FE;
  font-weight: bold;
}

.modal-design p{
  font-size: 15px;
  color: black;
  font-family: 'Rubik', sans-serif;
}

.modal-design label{
  font-size:16px;
  font-weight:bold;
  display:block;
}
.modal-design label small{
  font-size:14px;
  font-weight: normal;
  float:right;
}

.modal-design input[type=submit]{
  background-color: #4354FE;
  color: white;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.2px;
  width: 100%;
}
.modal-design input[type=submit]:hover{
  background-color:black;
}

.modal-design .modal-content{
  background-image: url(../assets/images/profesional/bg-caracteristicas-flower.svg);
  background-repeat: no-repeat;
  background-size: initial;
  background-position: left top;
}

.modal-design .btn-text{
  border: 0px;
  color: #444;
  font-weight: 500;
  border-bottom: 1px solid #444;
}

.modal-design .btn-text:hover{
  color:#4354FE;
  border-bottom-color: #4354FE;
  background-color: inherit;
}

.modal-fullscreen .modal-content{
  height: auto;
  min-height: 100%;
}

.wpcf7 .submitting{
  opacity: 0.4;
}
.wpcf7 .ajax-loader{
  text-align: center;
  margin: auto;
  margin-top: 8px;
  display: block;
}
.wpcf7 form .wpcf7-response-output{
  margin:1em 0.5em 1em;
}




/*
 **********************************
  Navegación inicio
  *********************************
*/
.elementor-sticky--active{
  z-index:4 !important;
}
.elementor-sticky--effects .elementor-image img{
width: 100px !important
}

.elementor-sticky--effects .elementor-menu-toggle{
font-size:24px;
}

.elementor-sticky--effects .elementor-nav-menu--dropdown{
margin-top:0px;
}

.elementor-sticky--active .elementor-nav-menu--main .elementor-item{
  padding-top: 24px !important;
  padding-bottom:24px !important;
}
.aws-search-result{
  z-index: 10 !important;
}

header .elementor-element.elementor-element-3b48f67 img{
  transition: width 0.5s ease;
}



/*
 **********************************
  Buscador profesionales
  *********************************
*/
.buscador-profesionales h2{
  font-size: 30px;
  font-weight: 400;
}
.buscador-profesionales h2 strong{
  font-weight: bold;
  color:#4354FE;
}
.buscador-profesionales h2 em{
  color:#4354FE;
  font-style: normal;
}




@media (max-width: 575px) {

  .inicio-profesional .intro-al-sitio .intro-home-bg{
      background-position: center;
      width:100%;
      z-index: -1;
      opacity:0.5;
  }
  .inicio-profesional .intro-home-contenido{
      padding-top:80px;
  }
  .intro-al-sitio{
      position:relative;
      z-index: 3;
  }

  .inicio-profesional h1{
      font-size: 24px;
      line-height: 34px;
  }
  .inicio-profesional .intro-al-sitio p{
      margin-bottom:30px;
  }
  .inicio-profesional .intro-al-sitio .destacado p{
      margin-bottom:0px;
  }

  
  .como-funciona .paso-item{
      margin:auto;
  }

  .caracteristicas .caracteristica-top{
      background-position: center;
  }
  .caracteristicas .header-seccion{
      max-width: 100%;
  }
  .caracteristicas .inside-card{
      padding:20px;
  }
  .caracteristicas .card h3{
      margin-top:20px;
      margin-bottom:30px;
      font-size: 30px;
      line-height: 38px;
  }


  .cta-final-profesional .cta-box{
      padding-right: 30px;
      padding: 20px 30px;
      padding-bottom:30px;
  }
  .cta-final-profesional .cta-box .right-floating{
      left: 30px;
      top: inherit;
      bottom: -27px;
      max-width:200px;
  }
  .inicio-profesional .btn-redondo{
      border:0px;
  }
  .cta-final-profesional .cta-box h4{
      font-size: 15px;
      line-height: 20px;
  }


  .caracteristicas .caracteristicas-middle:before,
  .caracteristicas .caracteristicas-middle:after{
      width:100%;
  }

  .lista-circulos li{
  font-size:13px;
      padding-left:35px;
}

  .circle-box .inside-box{
      width:20px;
      height:20px;
  }
  .circle-box .inside-box img{
      margin-top:-7px;
  }

  .inicio-profesional .intro-cta .btn-borde{
      background-color:white;
  }

  .inicio-profesional .morph-content .btn-borde{
      background-color:inherit;
  }

  .inicio-profesional .row-logo img{
      width:240px;
  }
  
}

@media (max-width: 767px) { 

  .inicio-profesional .intro-al-sitio .intro-home-bg{
      background-position: center;
      width:100%;
      z-index: -1;
      opacity:0.5;
  }
  .inicio-profesional .intro-home-contenido{
      padding-top:80px;
  }
  .intro-al-sitio{
      position:relative;
      z-index: 3;
  }

  .inicio-profesional h1{
      font-size: 24px;
      line-height: 34px;
  }
  .inicio-profesional .intro-al-sitio p{
      margin-bottom:30px;
  }
  .inicio-profesional .intro-al-sitio .destacado p{
      margin-bottom:0px;
  }

  
  .como-funciona .paso-item{
      margin:auto;
  }

  .caracteristicas .caracteristica-top{
      background-position: center;
  }
  .caracteristicas .header-seccion{
      max-width: 100%;
  }
  .caracteristicas .inside-card{
      padding:20px;
  }
  .caracteristicas .card h3{
      margin-top:20px;
      margin-bottom:30px;
      font-size: 30px;
      line-height: 38px;
  }


  .cta-final-profesional .cta-box{
      padding-right: 30px;
      padding: 20px 30px;
      padding-bottom:30px;
  }
  .cta-final-profesional .cta-box .right-floating{
      left: 30px;
      top: inherit;
      bottom: -27px;
      max-width:200px;
  }
  .inicio-profesional .btn-redondo{
  }
  .cta-final-profesional .cta-box h4{
      font-size: 15px;
      line-height: 20px;
  }


  .caracteristicas .caracteristicas-middle:before,
  .caracteristicas .caracteristicas-middle:after{
      width:100%;
  }

  .como-funciona .como-funciona-especial span{
      display:block;
  }
  .caracteristicas .bg-card{
      background-image: inherit;
  }

  .como-funciona .bg-curved-line{
      background-image: none;
  }

  .inicio-profesional .btn-redondo{
      width:250px;
  }

  .modal-design .modal-content{
      height: auto;
      padding: 30px 20px;
  }

  .buscador-profesionales h2{
      font-size:24px;
      padding-bottom:20px;
  }

  .page-template-inicio-paciente .nombre-seccion h2{
      display:none;
  }

}

@media (max-width: 991px) { 

  .inicio-profesional .intro-al-sitio .intro-home-bg{
      background-position: center;
      width:100%;
      z-index: -1;
      opacity:0.5;
  }

  .caracteristicas .inside-card{
      padding:20px;
  }

  .cta-final-profesional .cta-box{
      padding-right: 30px;
      padding: 20px 30px;
      padding-bottom:30px;
  }
  .cta-final-profesional .cta-box .right-floating{
      left: 30px;
      top: inherit;
      bottom: -27px;
      max-width:200px;
  }
  .inicio-profesional .btn-redondo{
  }
  .cta-final-profesional .cta-box h4{
      font-size: 15px;
      line-height: 20px;
  }


  .buscador-profesionales h2{
      font-size:20px;
  }

}

@media (max-width: 1119px) {
  
  .caracteristicas .bg-card{
      background-image: inherit;
  }
  
  .como-funciona .bg-curved-line{
      background-size: 70%;
  }

 
  
}

@media (max-width: 1399px) {
  .caracteristicas .card h3{
      font-size: 28px;
      line-height: 34px;
  }
  .caracteristicas .card p{
      font-size: 14px;
      line-height: 20px;
  }
  .caracteristicas .bg-card{
      background-size: 80%;
  }
  
  .buscador-profesionales h2{
      font-size:26px;
  }
}


@media (min-width: 100px){
.mt-xs-5 {
    margin-top: 5rem!important;
}
}


/*
 **********************************
  Redblu Home
  *********************************
*/
.card-profile{
font-family: 'Poppins', sans-serif;
border:0px;
}
.card-shadow{
-webkit-box-shadow: 0 2px 20px 6px rgba(0,0,0,0.1);
box-shadow: 0 2px 20px 6px rgba(0,0,0,0.1);  
}
.card-shadow-profile{
-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,0.05);
box-shadow: 0 2px 4px 2px rgba(0,0,0,0.05);
}
.card{
padding:1.25rem;
border-radius: 0.2rem;
}
.profile-specility{
text-transform: uppercase;
}
.profile-label,
.profile-specility{
font-size:0.625rem;
font-weight: 700;
letter-spacing: 1px;
line-height: 0.8rem;
color:#999999;
display:block;
}
.card-profile h4 .stroke-price{
font-size: 0.875rem;
text-decoration: line-through;
color: black;
position: relative;
}
.card-profile .price-discount{
font-weight: 700;
color:#FF3F72;
}

.profile-specility a{
color:#999999;
text-decoration: none;
}
.profile-name a,
.price-col a{
text-decoration: none;
}

.profile-specility a:hover,
.profile-name a:hover{
color:#4354FE;
}

.profile-name,
.main-speciality li span,
.card-profile h4{
color:#4354FE;
}

.profile-name{
font-size: 1rem;
font-weight: 700;
line-height: 1.25rem;
margin-bottom:1.5rem;
}
.profile-name a:hover{
opacity: 0.8;
}

.main-speciality{
margin: 0;
padding:0;
}

.main-speciality li span:before{
  position: absolute;
  left: -12px;
  top: 5px;
  width: 4px;
  height: 4px;
  background-color: #ccc;
  border-radius: 100%;
  content: '';
  display: block;
}

.main-speciality li{
  display: inline-block;
  width: 100%;
  list-style: circle;
  padding-left: 15px;
  border-top: 1px dotted #ddd;
  padding-top: 6px;
  margin-top: 6px;
}
.main-speciality li:first-child{
  border:none;
  padding-top:0px;
  margin-bottom:0px;
}

.main-speciality li span{
position:relative;
font-size: 0.8rem;
font-weight: 500;
line-height: 1rem;
display:block;
}
.age-atention{
color:black;
font-weight: 500;
font-size: 1rem;
line-height: 100%;
}
.age-atention span{
opacity:0.2;
}
.age-atention span img{
width: 28px;
}
.age-atention .active{
opacity:1;
}
.card-profile h4{
font-size: 1rem;
margin:0;
}

.btn-redblu{
width:100%;
margin:0;
padding:0;
font-size: 1rem;
font-weight: 500;
color:white;
background-color:#FF3F72;
padding:0.5rem 0.5rem;
}
.btn-redblu img{
display:inline-block;
margin-top:-2px;
}
.btn-redblu:hover{
  background-color: #4354FE;
  color:white;
}

.btn-secondary{
  width:100%;
  margin:0;
  padding:0;
  font-size: 1rem;
  font-weight: 500;
  color:#696A84;
  background-color:#E0E0E6;
  padding:0.5rem 0.5rem;
  border:1px solid #E0E0E6;
}


.card-profile .btn-redblu{
font-size:0.875rem;
}

.profile-label{
margin-bottom:0.5rem;
}
.price-col a:hover{
opacity: 0.8;
}
.profile-label b{
color:#4354FE;
font-size:0.875rem;
font-weight: 500;
}
.separator{
border-bottom:1px solid #E2E2E2;
display:block;
height: 1px;
width: 100%;
}
.profile-thumbnail{
width: 120px;
height: 120px;
display: inline-block;
border-radius: 100%;
background-position: center center;
background-size: cover;
background-color:#F8F8FF;
margin-top: -2.5rem;
border:1px solid #D0D0EB;
}
.profile-thumbnail:hover{
opacity:0.8;
}
.profile-sesion b{
display: inline-block;
position: relative;
bottom: -1px;
}
.col-min-h{
min-height: 60px;
}

/*
 **********************************
  Redblu Home / Barra de busqueda
  *********************************
*/
.profesional-search{
border:0px;
}

.profesional-search label{
font-family: 'Poppins', sans-serif;
font-size:0.875rem;
font-weight: 600;
line-height: 0.8rem;
color:#7F7F7F;
display:block;
margin-bottom:0.5rem;
}

.profesional-search .form-check label{
font-weight: 400;
display:block;
line-height: 1rem;
margin-bottom: 0;
}

.profesional-search .form-check input[type=checkbox]{
margin: 5px 8px;
min-width: 20px;
width:20px;
height: 20px;
}

input[type="date"]{
color:#999;
}

.profesional-search .bootstrap-select>.dropdown-toggle,
.profesional-search input[type="date"],
.profesional-search input[type="text"]{
background-color: #F9FAFF;
font-family: 'Poppins', sans-serif;
border:0px;
min-height: 2.5rem;
font-size:0.875rem;
}

.profesional-search .bootstrap-select>.dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:focus, 
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.profesional-search input[type="date"]:focus,
.profesional-search input[type="text"]:focus
{
outline: none;
box-shadow: none;
}

.profesional-search .bootstrap-select>.dropdown-toggle:hover,
.profesional-search input[type="date"]:hover,
.profesional-search input[type="text"]:hover{
background-color:#F3F5FF;
}

.profesional-search .bootstrap-select>.dropdown-toggle[aria-expanded="true"]{
background-color:#ECF0FF;
color:#444;
}

.dropdown-menu{
border:0px;
-webkit-box-shadow: 0 6px 12px 4px rgb(0 0 0 / 20%);
box-shadow: 0 6px 12px 4px rgb(0 0 0 / 20%);
margin-top:0.5rem;
}

.dropdown-menu li a span{
font-family: 'Poppins', sans-serif;
font-size:0.8125rem;
color:#444;
font-weight: 500;
}

.dropdown-menu .dropdown-item.active, 
.dropdown-menu .dropdown-item:active{
background-color: inherit;
}

.dropdown-menu .dropdown-item.active span,
.dropdown-menu .dropdown-item:active span,
.dropdown-menu li a.selected span{
color: #4354FE;
}
.rs-container .rs-selected{
background-color:#4354FE;
border:0px;
}
.rs-container .rs-pointer{
border-radius: 100%;
height: 20px;
width: 20px;
margin-top:-2px;
}
.rs-container .rs-pointer::after, 
.rs-container .rs-pointer::before,
.rs-container .rs-scale span ins{
display:none;
}
.rs-container{
margin:0 0.875rem;
}
.rs-tooltip{
min-width: 50px;
height: 24px;
background: #fff;
border: 0px;
position: absolute;
transform: translate(-55%,20px);
font-size: 12px;
padding: 0px;
font-weight: 600;
letter-spacing: 0px;
font-family: 'Poppins', sans-serif;
}
.rs-container .rs-bg, 
.rs-container .rs-selected{
height:6px;
}

.search-title{
margin-bottom:60px;
display:block;
text-align: center;
}
.search-title h4,
.search-title p{
font-size:1rem;
color:#444;
font-family: 'Poppins', sans-serif;
}
.search-title h4{
font-weight: 600;
}
/*
 **********************************
  Redblu Home / Vitrina
  *********************************
*/
.vitrina-body{
background-color: #F8F8FF;
padding-top:4rem;
}
.vitrina-heading{
background-image: url(../assets/images/home/bg-vitrina.svg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
}
.vitrina-opening{
background-image: url(../assets/images/home/bg-opening.svg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
.vitrina-closing{
background-image: url(../assets/images/home/bg-closing.svg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
min-height: 90px;
}

.row-home-heading{
padding:1.6rem 0; 
}
.row-home-heading h2{
font-family: 'Poppins', sans-serif;
font-size:1.625rem;
font-weight: 500;
color:#696A84;
}
.row-home-heading h2 b{
font-weight: 700;
color:#4354FE;
}

.redblu-pagination .page-item.active .page-link{
border-color:#4354FE;
background-color:#4354FE;
}
.redblu-pagination .page-link{
color:#4354FE;
font-family: 'Poppins', sans-serif;
font-size:13px;
font-weight: 500;
}

/*
.loading{
width:20px;
height:20px;
float:right;
}
*/
.loading .spinner-border{
width: 20px;    
height: 20px;
border-width: 2px;
opacity: 0.6;
}


/*
  Popup Plugin
*/
@media (max-width: 575px) {
  .pum-container.pum-responsive{
    max-width:320px !important;
  }
  .pum-container.pum-responsive img{
    margin:auto;
  }

}

.custom-tooltip {
--bs-tooltip-bg: var(--bs-primary);
}




/*
Poppins:wght@300;500;700;900
Rubik:wght@400;700;900

font-family: 'Poppins', sans-serif;
font-family: 'Rubik', sans-serif;
*/

styles{
color:#FF3F72;
color:#4354FE;
color:#C161CE;
color:#FDCA74;
color:#56B800;
}