@font-face { font-family: 'light'; src: url('../fonts/Montserrat-Light.ttf'); }
@font-face { font-family: 'regular'; src: url('../fonts/Montserrat-Medium.ttf'); }
@font-face { font-family: 'semibold'; src: url('../fonts/Montserrat-SemiBold.ttf'); }
@font-face { font-family: 'bold'; src: url('../fonts/Montserrat-Bold.ttf'); }
.light{ font-family: 'light'; }
.regular{ font-family: 'regular'; }
.bold{ font-family: 'semibold'; }
.bold{ font-family: 'bold'; }
.verde_oscuro{ background-color: #27392C; }
.verde_claro{ background-color: #C2E089; }
.letra_blanca{ color: #fff; }
.letra_verde{ color: #006A2D; }
.letra_verde_claro{ color: #C2E089; }
.letra_naranja{ color: #FF8300; }
.pd0{ padding: 0; }
.mb3{ margin-bottom: 1rem; }
.w100{ width: 100%; }
hr{ margin: 20px 0; width: 100%; height: 1px; background-color: #000; border: none; }
a:hover{ color: #fff; }

.navbar{ min-height: 75px; }
.navbar-default{ background-color: #fff; border-color: #fff; margin: 0; }
.navbar-brand{ height: 75px; }
.navbar-nav > li > a{ line-height: 45px; }
.navbar-default .navbar-nav > li > a{ color: #007934; }
.navbar-default .navbar-nav > li > a:hover{ color: #FF8300; }
.logo{ width: 200px; }
.footer{ background-color: #27392C; padding: 7rem 15px; display: flex; justify-content: center; margin-top: 12rem; }

.banner{ height: 45vh; background-size: cover; background-position: center; }
.carousel-control.left, .carousel-control.right{ background-image: unset; }
.carousel-control{ width: 4%; }
.cuadro_banner{ position: absolute; top: 30%; left: 6%; }
.btn_naranja{ background-color: #FF8300; color: #fff; border: none; border-radius: 20px; padding: 5px 35px; font-family: light; }
.seccion_info{ height: 100vh; overflow: hidden; }
.cuadro_info{ height: 43vh; }

.cuadro_practicas_salud{ position: absolute; top: 50%; width: 100%; text-align: center; font-family: 'regular'; color: #fff; }

.formulario_contacto{ border: 1px solid #000; border-radius: 20px; padding: 15px 40px; font-family: light; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.form-control{ border: none !important; border-bottom: 1px solid #424040 !important; border-radius: 0 !important; box-shadow: unset !important; }
.formulario_contacto button { background-color: #007934; color: #fff; border: none; border-radius: 20px; padding: 5px 15px; font-family: light; }

.form-floating { position: relative; }
.form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; }
.form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
@media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } }
.form-floating > .form-control { padding: 1rem 0.75rem; }
.form-floating > .form-control::-moz-placeholder { color: transparent; }
.form-floating > .form-control::placeholder { color: transparent; }
.form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; }
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0rem; }
.form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; }
.form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; }
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
.form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.cuadro_contacto{ position: absolute; bottom: 10%; left: 10%; color: #fff; font-family: 'regular'; }

.logo_naranja{ position: absolute; z-index: 2; width: 10rem; top: calc(50% - 5rem); left: calc(50% - 5rem); }

.producto_cuadro{ display: flex; justify-content: space-evenly; }
.producto_info{ margin-bottom: 7rem; }
.producto_info h4{ font-family: regular; color: #006A2D; }
.producto_info hr{ margin: 0; }
.producto_sub{ font-family: regular !important; color: #FF8300 !important; }
.producto_info h5{ font-family: light; }
.producto_info a { font-family: regular; color: #006A2D; }
.producto_info button { background-color: #fff; border: 1px solid #FF8300; border-radius: 20px; color: #FF8300; font-family: light; padding: 5px 30px; }
.infomacion_producto{ 
    /*height: 20rem; */
    
}

.capacitaciones_txt{ background-color: #FF8300; padding: 5px 20px; }

.cuadro_tratamiento{ color: #fff; height: 20rem; display: flex; align-items: center; padding: 0 4rem; width: 40%; position: absolute; }

.contacto_cuadro{ padding: 0rem 7rem; }
.redes_sociales{ margin-top: 9rem; }
.nosotros_cuadros{ height: 100vh; overflow: hidden; }
.nosotros_info{ padding: 10rem 3rem; display: flex; justify-content: center; align-items: center; }
.nosotros_info div{ padding: 0 7rem; }
.productos_info, .capacitaciones_info{ padding: 7rem 35rem; }
.hr_contacto{ background-color: #FF8300; margin: 0 auto 10rem; }
.capacitaciones_contacto, .tratamientos_contacto{ padding: 7rem 17rem; }
.tratamientos_info{ padding: 7rem 30rem; }
.tratamiento_img{ width: 70%; }
.seccion_info_txt{ padding: 5rem 2rem; }
.hr_cuadros{ margin: 0vh 15px 8vh; }

@media (max-width: 768px) {
  .cuadro_banner{ top: 0%; }
  .seccion_info{ overflow: visible; height: unset; }
  .cuadro_info { height: 25%; }
  .cuadro_contacto{ left: 6%; }
  .contacto_cuadro{ padding: 2rem 4rem; }
  .footer{ margin-top: 5rem; display: unset; }
  .redes_sociales{ margin-top: 3rem; }
  .nosotros_cuadros{ height: 50vh; }
  .nosotros_info{ display: unset; padding: 5rem 3rem; }
  .nosotros_info div{ padding: 0; }
  .productos_info, .capacitaciones_info, .capacitaciones_contacto, .tratamientos_info, .tratamientos_contacto{ padding: 7rem 3rem; }
  .producto_cuadro{ display: unset; }
  .infomacion_producto{ height: unset; margin-bottom: 2rem; }
  .hr_contacto{ margin: 0 auto; }
  .cuadro_tratamiento{ height: 17rem; padding: 0 1rem; width: 75%; }
  .tratamiento_img{ width: 90%; }
}

@media (min-width: 769px) and (max-width: 991px) {
  /* .seccion_info div{ width: 100%; } */
  .seccion_info{ overflow: visible; height: unset; display: flex; }
  .seccion_info_txt{ padding: 5px 10px; }
  .cuadro_info{ padding: 0; }
  .cuadro_info{ height: 57%; }
  .hr_cuadros{ margin: 0 auto; }
  .infomacion_producto{ height: unset; }
}