/**
Theme Name: Laboratorios Praxis
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: laboratorios-praxis
Template: astra
*/

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-BlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-BookItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-ThinItalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-Ultra.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-UltraItalic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-XLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Gotham-XLightItalic.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Calisto MT';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/calisto-mt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calisto MT';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Calisto-MT-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Calisto MT';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Calisto-MT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Calisto MT';
    src: url('https://praxis.estudiodosmanos.com/wp-content/themes/laboratorios-praxis/fonts/Calisto-MT-Bold Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
body {
    font-family: 'Gotham', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Gotham', sans-serif!important;
    
}

a {
    text-decoration: none;
}

.legaltext h2 {
    font-size: 20px;
}
.legaltext h3 {
    font-size: 18px;
}
.legaltext h4 {
    font-size: 16px;
}
.calisto p {
	   font-family: 'Calisto MT'!important;
	  
}
.calisto .elementor-widget-container {
    font-family: 'Calisto MT'!important;
}
a:focus-visible {
    outline-style: unset!important;
    outline-color: inherit;
    outline-width: thin;
}
/*Footer*/
           .contact-info {
    font-size: 13px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    text-align: left;
    color: white;
    font-weight: 400;
}
	 
        .ast-footer-button-1[data-section*="section-fb-button-"] .ast-builder-button-wrap .ast-custom-button {
    text-align: center;
}

.contact-info p {
    margin-bottom: 0px!important;
	 color: white!important;
}
.contact-info a {

	 color: white!important;
}
@media (max-width: 768px) {
	.contact-info p { text-align: center!important;}
		.contact-info  { margin-bottom:15px;}

}
#astra-footer-menu li {
    display: inline;
    position: relative;
    padding: 0 10px;
}


#astra-footer-menu li a {
    text-decoration: none;
    color: #000; /* Cambia este color según tus necesidades */
}

#astra-footer-menu li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #ffffff; 
}
ul#menu-footer-menu-2 {
    padding-left: 0px;
}
/*Menu Movil*/
#ast-hf-mobile-menu li#menu-item-85 {
    border-top: 1px solid #ffffff30;
    margin-top: 20px;
    padding-top: 20px;
}
.ast-logo-title-inline .site-logo-img {
    padding-right: 0px!important;
}
.ast-mobile-popup-drawer.active .menu-toggle-close:focus {
    border-style: unset!important;
}
li#menu-item-842 a {
    background: white;
    color: #97B2C5;
    font-weight: 600;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}
li#menu-item-840 a {
    background: white;
    color: #97B2C5;
    font-weight: 600;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}
/*Banderas*/
.gt-current-lang img {
    display: none!important;
}
.gt-current-lang {
    padding: 0px!important;
}
.gt_float_switcher {
    background: unset!important;
    box-shadow: unset!important;
    font-family: 'Gotham'!important;
    font-size: 15px!important;
}
gt_float_switcher .gt-selected {
    background-color: unset!important;
}
div#gt_float_wrapper {
    display: flex;
}

.gt_float_switcher .gt_options a {
    padding: 10px 9px!important;
	color: #ffffff!important;}

.gt_float_switcher .gt_options {

	max-width: unset!important;}
.gt_float_switcher.notranslate {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
.gt_float_switcher .gt-selected {
    background-color: unset!important;
}
span.gt-lang-code {
    color: white!important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
	background-image: url(https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/arrow.svg)!important;}
.gt_float_switcher .gt_options a:hover {
    background: unset!important;
    font-weight: 600;
}
section#block-8 p {
    margin-bottom: 0px;
}
.gt_float_switcher img {
 
    width: 18px!important;

	margin: 0 0px 0 0!important;}
.gt-selected {
    min-width: 50px!important;
}
@media (max-width: 768px) {
.gt_options.gt-open img {
    display: none;
}
.ast-primary-header-bar.ast-primary-header.main-header-bar.site-primary-header-wrap.site-header-focus-item.ast-builder-grid-row-layout-default.ast-builder-grid-row-tablet-layout-default.ast-builder-grid-row-mobile-layout-default {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
	.site-header-section>* {
    padding: 0px!important;
}


}



.captionhome {
  display: flex!important;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  top: 100px;
  max-width: 1280px;
  align-items: center;
  justify-content: center;

 
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-right: 5px;
    margin-left: 5px;
}

.carousel-item {
  height: 70vh;
}
.captionhome h2 {
  color: #FFFFFF;
    font-size: 55px;
    font-weight: 500;
    line-height: 55px;
    font-family: 'Gotham';
	    text-align: center;

}

.captionhome h1 {
  color: #FFFFFF;
     font-size: 55px;
    font-weight: 500;
    line-height: 55px;
    font-family: 'Gotham';
	    text-align: center;

}
.captionhome p {
    color: #FFFFFF;
    font-size: 26px;
    font-family: 'Calisto MT';
    font-style: italic;
    margin-bottom: 0px;
}
.captionhome a {
font-family: "Montserrat", Sans-serif;
font-size: 20px;
font-weight: 700;
background-color: #BD1218;
padding: 15px 30px 15px 30px;
color: white;
    margin-top: 20px;
}
button:hover {
  background-color:unset;
  border-color: unset;
} 
button:focus {
  background-color:unset;
  border-color: unset;
} 

.slide0 {
  background-image: url(https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/Slider-home-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slide1 {
  background-image: url(https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/Slider-home-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slide2 {
  background-image: url(https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/Slider-home-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
button.carousel-control-prev {
    display: none;
}
button.carousel-control-next {
    display: none;
}
.carousel-control-prev {
    position: absolute;
    top: 35%;
    left: 18px!important;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
    transform: rotate(90deg);
    box-shadow: 0 4px 8px rgb(0 0 0 / 96%), 0 6px 20px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    padding: 5px;
    width: 40px;
    height: 40px;
}
.carousel-control-next {
    position: absolute;
    top: 65%;
    left: 18px!important;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
    transform: rotate(90deg);
    box-shadow: 0 4px 8px rgb(0 0 0 / 96%), 0 6px 20px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    padding: 5px;
    width: 40px;
    height: 40px;
}
.carousel-caption {
  position: unset;
  right: unset;
  bottom: unset;
  left: unset;
width: 50%;
  color: unset;
  text-align: unset;
}
.carousel-indicators {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    transform: rotate(90deg);
margin-right: unset;
    margin-bottom: unset;
    margin-left: unset;
    bottom: unset;
    left: unset;
}
@media only screen and (min-width: 769px) {
.carousel-indicators {right: unset;}
}
@media only screen and (max-width: 768px) {
.slide0 {
  background-image: url(https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/Slider-home-1m2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slide1 {
  background-image: url(https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/Slider-home-2m2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slide2 {
  background-image: url(https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/Slider-home-3m2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
	.carousel-caption {width:100%;}
  .captionhome h2 br{display:none;}
  .captionhome h1 br{display:none;}
  .captionhome h2 {    font-size: 30px;
    line-height: 30px;text-align:center;}
  .captionhome h1 {    font-size: 30px;
    line-height: 30px;text-align:center;}
    .captionhome p {    font-size: 16px;
      line-height: 16px;text-align:center;}
    .carousel-item {
    height: calc(100vh - 80px);
    }
    .captionhome a {
  
      font-size: 16px;
      padding: 10px 20px 10px 20px;
      margin: 10px auto;
  }
	.carousel-link {align-items: flex-start!important;}
  .captionhome {
    display: flex!important;
    flex-direction: column;
    align-items: center;
    text-align: center;
      height: 50%;
    max-width: 850px;


  }
	.carousel-indicators {
     position: absolute;
    z-index: 2;
    display: flex;
    padding: 0;
    list-style: none;
    bottom: 20px;
    left: 0;
    transform: unset;
    top: unset;

}
	
  button.carousel-control-prev {display:none;}
  button.carousel-control-next {display:none;}
	
	
	
	
}

.carousel-link {
    display: flex;
    width: 100%;
    height: 100%;
    text-decoration: none;

    align-items: center;
    color: inherit; /* Mantiene el color del texto */
}

.carousel-link .carousel-caption {
    pointer-events: none; /* Permite que los enlaces dentro del caption sean clicables */
}

@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.captionhome h1, .captionhome h2 {
  animation: slideInLeft 1s forwards;
}

.carousel-item.active .captionhome h1,
.carousel-item.active .captionhome h2 {
  animation: slideInRight 1s forwards;
}
.captionhome h1, .captionhome h2 {
  visibility: hidden; /* Oculta inicialmente */
  animation: none; /* Elimina cualquier animación preexistente */
}

.carousel-item.active .captionhome h1,
.carousel-item.active .captionhome h2 {
  visibility: visible; /* Muestra cuando el item está activo */
  animation: slideInRight 1s forwards; /* Aplica la animación */
}


/*testimonios*/
 .carousel-container-testimonios {
    position: relative;
    max-width: 1400px;
    width: 100%;
    overflow: hidden;

    border-radius: 25px;
    margin: 0 auto;
}

.carouseltestimonios {
    display: flex;
    transition: transform 0.5s ease-in-out;
	    align-items: center;
}

.slidetestimonios {
    min-width: 100%;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
}

button.prev, button.next {
  position: absolute;
    top: 50%;
    font-size: 40px;
    transform: translateY(-50%);
    background-color: unset;
    width: 50px;
    height: 50px;
    color: #97B2C5;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	box-shadow: unset;
	display:none;
}

button.prev {
    left: -70px;
}

button.next {
    right: -70px;
}
p.test {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #2C353A;
    font-family: 'Calisto MT';
    font-style: italic;

}
p.nametest {
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 0px;
    color: #2C353A;
    font-style: italic;
    font-family: 'Calisto MT';
}
p.countrytest {
 
    font-size: 18px;
    margin-bottom: 0px;
    color: #2C353A;
    font-weight: 400;
    font-style: italic;
    font-family: 'Calisto MT';
}
.bullets-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.bullet {
    width: 5px;
    height: 5px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.bullet.active {
    background-color: #3C4653;
}

.stars {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 25px 0px;
}
.stars img {
    width: 25px;
}

@media (max-width: 768px) {
button.prev, button.next {
    bottom: 0%;
		top:unset;
	font-size: 20px;
}
	
button.prev {
    left: 0px;
}

button.next {
    right: 0px;
}

}

/*instructions*/
.instructions {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.instructions ol {
    list-style: none;
    counter-reset: item;
    padding: 0;
}

.instructions li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
}

.instructions li .circle {
    color: #97B2C5;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #97B2C5;
}

.instructions li .text {
    margin-left: 20px;
    font-family: 'Calisto MT';
    font-weight: 400;
    color: #333333;
    font-size: 16px;
}

.instructions li .text strong {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 15px;
	 font-family: 'Gotham';
}

.instructions li:before {
    
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%, -50%);
    background-color: #97B2C5;
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
}
.instructions li .text br {
    display: none;
}

.instructions li:not(:last-child):after {
    content: "";
    position: absolute;
    left: 19px;
    top: 39px;
    height: calc(100% - 18px);
    width: 2px;
    background-color: #97B2C5;
}

/*Checklist*/
.checklist {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.checklist-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.checklist-item .text br {
    display: none;
}
.check-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.checklist-item .text {
      margin-left: 20px;
    font-family: 'Calisto MT';
    font-weight: 400;
    color: #333333;
    font-size: 16px;
}

.checklist-item .text strong {
  display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 15px;
	 font-family: 'Gotham';
}

/*product carousel*/
     .product-carousel-container {
            position: relative;
            width: 100%;
            overflow: hidden;
            margin-bottom: 30px; /* Añadido espacio para las flechas debajo del carrusel */
        }

        .product-carousel {
            display: flex;
            transition: transform 0.5s ease;
        }

        .product-carousel-item {
            flex: 0 0 auto;
         
            text-align: center;
         
            border-radius: 5px;
            padding: 10px;
            background-color: white;
          
        }
/* Ancho mayor de 1600px */
@media (min-width: 1600px) {
    .product-carousel-item {
        width: 14.67%;
		 margin: 0 1%;
    }
}

/* Ancho entre 1600px y 1024px */
@media (max-width: 1599px) and (min-width: 1024px) {
    .product-carousel-item {
        width: 23%;
		  margin: 0 1%;
		
    }
}

/* Ancho entre 1024px y 768px */
@media (max-width: 1023px) and (min-width: 768px) {
    .product-carousel-item {
        width: 31.33%;
		 margin: 0 1%;
    }
}

/* Ancho entre 768px y 600px */
@media (max-width: 767px) and (min-width: 600px) {
    .product-carousel-item {
        width: 46%;
		 margin: 0 2%;
    }
}

/* Ancho menor de 600px */
@media (max-width: 599px) {
    .product-carousel-item {
        width: 96%;
		 margin: 0 2%;
    }
}
        .product-carousel-item img {
            width: 250px;
            height: auto;
            margin-bottom: 10px;
        }

        .product-carousel-item h3 {
         font-size: 19px;
    margin: 10px 0;
    color: #97B2C5;
    font-weight: 500;
			margin-bottom:0px;
        }
.productdescription {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
      .product-carousel-item p {
    font-size: 14px;
    color: #333333;
    margin-bottom: 0px;
    text-align: left;
    margin-top: 0px!important;
    font-family: 'Calisto MT'!important;
}

    

        .productcarousel-buttons {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }

        .productcarousel-button {
    background-color: unset;
    color: white;
    border: none;
    padding: 10px;
    box-shadow: unset;
    border-radius: 50%;
}
.productcarousel-button img {
    width: 20px;  /* Ajusta el tamaño según sea necesario */
    height: 20px; /* Ajusta el tamaño según sea necesario */
}
p.productformat {
    font-size: 14px;
    margin: 10px 0;
    color: #97B2C5;
    font-weight: 500;
    margin-bottom: 10px;
	font-family: 'Gotham', sans-serif!important;
}
.country-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0;
}

.country-list ul {
    list-style-type: none;
    padding: 0;
}

.country-list ul li {
    display: flex;
    align-items: center;
    margin: 10px 0;
    font-weight: 500;
    padding-left: 24px; /* Adjust according to the icon size */
    background: url('https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/point.svg') no-repeat left center;
    background-size: 16px 16px; /* Adjust according to the icon size */
}

@media (max-width: 768px) {
    .country-list ul {
       width: 45%;
    margin: 0px;
    }

}
/*Contacto*/
.contact-info2 {
    max-width: 600px;
    margin: 0 auto;
}

.contact-info2 h2 {
  margin-bottom: 10px;
    font-family: 'Calisto MT';
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}


.contact-info2 p {
    margin-bottom: 0px;
    font-family: 'Calisto MT';
    font-size: 15px;
    font-weight: 400;
    color: #333333;
}

.contact-info2 ul {
    list-style-type: none;
    padding: 0;
}

.contact-info2 ul li {
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding-left: 24px; /* Adjust according to the icon size */
    position: relative;
    background-size: 38px 20px;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    font-family: 'Calisto MT';
    font-size: 15px;
    font-weight: 400;
    color: #333333;
}

.contact-info2 ul li::before {
       content: '';
    position: absolute;
    left: -10px;
    width: 30px;
    bottom: -6px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

.contact-info2 .reloj::before {
    background-image: url('https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/reloj.svg');
}

.contact-info2 .phone::before {
    background-image: url('https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/phone.svg');
}

.contact-info2 .mail::before {
    background-image: url('https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/mail.svg');
}

.contact-info2 .point::before {
    background-image: url('https://praxis.estudiodosmanos.com/wp-content/uploads/2024/07/point.svg');
}
/*Form*/
.form-contacto-row.twocolumns p {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.form-contacto-row.twocolumns p span {
    width: 49%;
}
textarea {
    height: 100px; /* Adjust this value to reduce or increase the height */
}

/* Placeholder color */
.form-contacto input::placeholder,
.form-contacto textarea::placeholder,
.form-contacto select::placeholder{
     color: #97B2C5!important;
}

.form-contacto input {
    background: #97b2c529;
    border: unset;
    color: #97B2C5!important;
    font-weight: 500;
    font-size: 13px;
}
.form-contacto textarea {
    background: #97b2c529;
    border: unset;
    color: #97B2C5!important;
    font-weight: 500;
    font-size: 13px;
}
.form-contacto select {
    background: #97b2c529;
    border: unset;
    color: #97B2C5!important;
    font-weight: 500;
	font-size: 13px;}
.wpcf7 textarea.wpcf7-form-control:focus{
    border-color: #33333326;
    border-width: 1px;
    box-shadow: none;
    outline: none;
}
.wpcf7 input.wpcf7-form-control:not([type=submit]):focus {
    border-color: #33333326;
    border-width: 1px;
    box-shadow: none;
    outline: none;
}
.lopdform {
    font-family: 'Calisto MT';
    font-size: 15px;
    font-weight: 400;
    color: #333333;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: unset;
    border: 1px solid #97B2C5;
    width: 200px;
}
.lopdform a {
    color: #333333;
    font-weight: 600;
}
@media (max-width: 768px) {
.form-contacto-row.twocolumns p span {
    width: 100%;
}
	.form-contacto-row.twocolumns p {
    display: flex;
    flex-direction: column;
    justify-content: unset;
}
	input.wpcf7-form-control.wpcf7-submit.has-spinner {width:100%;}
}

/*Posts*/
.post-template-default p {
    font-family: 'Gotham'!important;
    font-weight: 400;
    color: #333333;
	text-align:justify;
}
.post-template-default h2 {
    font-family: 'Gotham'!important;
    font-weight: 600;
    color: #333333;
	font-size: 24px;
}
.post-template-default h3 {
    font-family: 'Gotham'!important;
    font-weight: 600;
    color: #333333;
	font-size: 22px;
}
.post-template-default h4 {
    font-family: 'Gotham'!important;
    font-weight: 600;
    color: #333333;
	font-size: 18px;
}
.post-template-default .site-content {
    padding: 40px;
}
.post-template-default .elementor-widget-container {
    font-family: 'Gotham';
	font-weight: 400;
    color: #333333;
	text-align:justify;
}

.post-template-default .site-content {
    padding: 40px 8px;
}
@media (max-width: 768px) {
	.post-template-default h2 {
	font-size: 20px;
		text-align:left;
}
.post-template-default h3 {

	font-size: 18px;
		text-align:left;
}
.post-template-default h4 {

	font-size: 18px;
		text-align:left;
}
}
/* TABS */
.tabs {
    width: 100%;
    margin: 0 auto;
}

.tab-links-container {
    overflow-x: auto; /* Habilita el desplazamiento horizontal */
    -webkit-overflow-scrolling: touch; /* Para un desplazamiento suave en dispositivos iOS */
	background-color:#98B2C4;
}

.tab-links {
    display: flex;
    justify-content: center; /* Alinea los tabs al inicio */
    align-items: center; /* Alinea verticalmente el contenido de cada tab */
    list-style-type: none;
    padding: 0;
    flex-wrap: nowrap; /* Evita que los tabs se envuelvan en la siguiente línea */
	    margin-bottom: 5px!important;
		padding-left: 0px!important;
}

.tab-links li {
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    color: #ffffff;
    font-weight: 500;
    white-space: nowrap; /* Evita que los elementos se envuelvan */

}

.tab-links li.active {
    font-weight: bold;
	    color: #2C353A;
}
.tab-links li:hover {
    color: #2C353A;
}
.tab-links li:not(:last-child)::after {
    content: '|';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff; /* Color del separador */
    margin-left: 15px; /* Espacio a la izquierda del separador */
}
.tab-content {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 50px;
}
.tab-content .tab {
    display: none; /* Oculta todos los tabs por defecto */
    flex-direction: row;
    align-items: center;
    padding: 20px;
    text-align: left; /* Alinea el texto a la izquierda */
}

.tab-content .tab.active {
    display: flex; /* Muestra solo el tab activo */
}

.tab-content .tab img {
    max-width: 250px;
    margin-right: 20px; /* Añade un margen a la derecha de la imagen */
}

.descriptiontab {
    flex: 1; /* Ocupa el espacio restante al lado de la imagen */
}

.descriptiontab p.product-key {
    font-weight: bold;
}

.descriptiontab p.product-description {
    margin: 10px 0;
}

.descriptiontab p.product-format {
    font-style: italic;
}

.accordiontab {
    width: 100%;
    margin-top: 20px;
}

.accordion-item {
    background-color: unset;
    border: 1px solid rgb(23 23 23 / 23%);
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    margin-bottom: 10px;
}

.accordion-item input {
    display: none;
}

.accordion-item label {
    display: block;
    padding: 10px;
    cursor: pointer;
    position: relative;
    padding-right: 30px; /* Espacio para el + */
}

.accordion-item label::after {
    content: '+';
    position: absolute;
    right: 10px;
    font-size: 20px;
}

.accordion-item input:checked ~ label::after {
    content: '-';
}

.accordion-item .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding: 0 10px;
}

.accordion-item input:checked ~ .accordion-content {
    max-height: 1200px; /* Ajusta este valor según el contenido */
    padding: 10px;
}

.navigation-tabs {
    text-align: center;
    margin-top: 20px;
	margin-bottom: 50px;
}

.navigation-tabs button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    box-shadow: none;
}

.navigation-tabs button img {
    width: 30px;
    height: 30px;
}

.descriptiontab h2 {
    color: #98B2C4;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 30px;
}

.descriptiontab p.product-key {
	max-width:70%;
    font-weight: bold;
    font-family: 'Calisto MT';
    font-style: italic;
    color: #98B2C4;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 10px;
}

p.product-description {
    font-family: 'Calisto MT';
    color: #333333;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
}

.accordion-content li {
    font-family: 'Calisto MT';
    color: #333333;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
	text-align: left;
}

.descriptiontab p.product-format {
    color: #98B2C4;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 14px;
}

@media (max-width: 768px) {
    .tab-content .tab {
        flex-direction: column;
        text-align: center; /* Centra el texto en dispositivos móviles */
		padding:5px;
    }

    .tab-content .tab img {
        margin-right: 0; /* Elimina el margen derecho de la imagen */
        margin-bottom: 20px; /* Añade un margen inferior a la imagen */
		max-width: 150px;
    }

	.tab-content {
    max-width: 95%;
    margin: 0 auto;
		    padding: 50px 0px 0px 0px;
}
    .tab-links-container {
        overflow-x: auto; /* Habilita el desplazamiento horizontal en dispositivos móviles */
    }

    .tab-links {
        flex-wrap: nowrap; /* Evita que los tabs se envuelvan en la siguiente línea */
		    justify-content: flex-start;
    }
	.tabs {
		width: 100%;}
	
.descriptiontab p.product-key {
	max-width:100%;}

}

/*Tabla tratamientos*/
  
.table-container {
    width: 100%;
    overflow-x: auto;
}

.table-tratamientos {
    width: 100%;
    min-width: 800px; /* Asegura que la tabla sea más ancha que el contenedor para permitir el desplazamiento */
    border-collapse: collapse;
}
.table-tratamientos th, .table-tratamientos td {
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
padding: 8px 25px;
    font-family: 'Gotham', sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size:12px;
	text-align: center;
    min-width: 300px;
}
.table-tratamientos th {
    text-align: left;
}
.table-tratamientos tr:nth-child(odd) {
    background-color: rgba(152, 178, 196, 0.1);
}
.table-tratamientos tr:nth-child(even) {
    background-color: rgba(152, 178, 196, 0.4);
}
.table-tratamientos tr:hover {
    background-color: #f1f1f1;
}
.table-tratamientos .bold {
    font-weight: 500;
}
.table-tratamientos .wide-column {
    width: 15%;
    min-width: 120px;
}

/* CSS para optimizar la tabla en móvil */
@media (max-width: 768px) {
    .table-tratamientos {
        width: 100%;
        min-width: unset;
    }
}


/*Profesionales*/
.page-id-708 header, .page-id-708 footer {
    display: none;
}
.page-id-702 header, .page-id-702 footer {
    display: none;
}
.um.um-login.um-795.uimob340 {
    background: white!important;
    border-radius: 25px!important;
    padding: 10px 25px!important;
    min-width: 350px!important;
}
.um-795.um {
   min-width: 350px!important;
    background: white!important;;
    border-radius: 25px!important;
    padding: 20px 20px!important;
}
.um-794.um {
    min-width: 350px!important;
    background: white!important;;
    border-radius: 25px!important;
    padding: 20px 20px!important;
}

.um-form {
    width: 100%!important;
}

input#um-submit-btn {
    background: #97B2C5;
}
a.um-toggle-gdpr {
    color: #333;
 
}