/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

.learndash-wrapper .related-post a,
.related-courses .entry-title a {
    color: #01213a !important;
}

.custom-shortcode .et_pb_section {
    padding:0 !important;
   margin-bottom:10px !important; 
}

.bb-video-wrapper br {
    display:none !important;
}

.padding-none {
    padding:0 !important;
}

/* Sidebar compras curso */

.uxdivi-custom-sidebar {
}

/* Contenedor principal */
.uxdivi-custom-sidebar .pricing-container {
  max-width: 400px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

/* Estilos para las opciones de precio */
.uxdivi-custom-sidebar .pricing-option {
  border: 2px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  margin-bottom: 20px;
  position: relative;
  padding: 16px 20px;
  display: flex;
  align-items: center;

}

.uxdivi-custom-sidebar .pricing-option #only-course {
    display:flex;
}

.uxdivi-custom-sidebar .pricing-option input[type="radio"] {
  margin-right: 15px;
  width: 20px;
  accent-color: #114adb;
}

.uxdivi-custom-sidebar .option-content {
  	text-align: left;
 	line-height: 90%;
	padding-left: 20px;
	display: flex;
	font-family: "GT Walsheim pro";
}

.uxdivi-custom-sidebar .access-title {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 300;
}

.price {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  margin: 0;
}

.uxdivi-custom-sidebar .membership-price {
  color: #114adb;
}

.uxdivi-custom-sidebar .membership-details {
  font-size: 14px;
  color: #000;
  margin-top: 10px;
	font-weight: normal;
	margin-bottom: 16px;
}

/* Botón de compra */
.uxdivi-custom-sidebar .buy-button {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #fff !important;
    background-color: #024DFC;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    padding:15px 0;
    margin-bottom: 16px;
    font-family: "GT Walsheim pro";
}


.uxdivi-custom-sidebar .buy-button:hover {
  background-color: #000;
	color: #fff;
}

/* Botón de vuelvete Premium  */
.uxdivi-custom-sidebar .buy-button-premium {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #fff !important;
    background-color: #024DFC;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    display: inline-block; 
    text-decoration: none; 
    padding: 15px 0;
    margin: 15px 0;
    font-family: "GT Walsheim pro";
}

.uxdivi-custom-sidebar .buy-button-premium:hover {
  background-color: #114adb;
}

label#only-course {
    display: flex;
}
.uxdivi-custom-sidebar .bb-template-v2 .widget label {
    text-transform: none;
    width: 100%;
}

.uxdivi-custom-sidebar .pricing-option:has(input[type="radio"]:checked) {
  border: 2px solid #114adb;
  display: flex !important;
}

.uxdivi-custom-sidebar .bb-single-course-sidebar .widget {
    background-color: #ffffff;
}

@media (max-width: 768px) {
    .bb-single-course-sidebar .widget {
        padding: 10px 30px;
    }
}

/* Contenedor reclamo */
.uxdivi-custom-sidebar .refund-card {
  display: flex;
  align-items: center;
  background-color: #f7f8fa; 
  padding: 20px;
  border-radius: 8px;
  max-width: 400px;
  font-family: Arial, sans-serif;
  margin-bottom: 30px;
}

.uxdivi-custom-sidebar .badge {
    width: 260px;
    height: 68px;
}  

.uxdivi-custom-sidebar .badge::before {
  left: 0px;
}

.uxdivi-custom-sidebar .badge::after {
  right: 0px;
}

/* Contenido de la insignia */
.badge-content {
  text-align: center;
}

.uxdivi-custom-sidebar .badge-days {
  font-size: 20px;
  font-weight: normal;
  display: block;
}

.uxdivi-custom-sidebar .badge-text {
  font-size: 12px;
  letter-spacing: 1px;
}

.uxdivi-custom-sidebar .refund-text {
  font-size: 14px;
	font-family: "GT Walsheim pro";
    color: #3d3d3d; 
    margin: 0;
	font-weight: normal;
	margin-left: 10px;
}


/* Barra vertical de progreso */
.tax-ruta-de-aprendizaje .progress-bar-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
	margin-right: 30px;
}

.tax-ruta-de-aprendizaje  .progress-step {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 150px;
    margin-bottom: 150px;
}

.tax-ruta-de-aprendizaje  .circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ddd; 
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    position: relative;
    z-index: 1;
	
}

.tax-ruta-de-aprendizaje  .circle.completed {
    background-color: #4CAF50; 
}

.tax-ruta-de-aprendizaje  .line.completed {
    background-color: #4CAF50; 
}

.tax-ruta-de-aprendizaje  .line {
    width: 6px;
    height: 360px; 
    background-color: #ddd;
    position: absolute;
    top: 15px;  
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
	
}

.tax-ruta-de-aprendizaje  .step-title {
    margin-left: 15px;
    font-size: 16px;
    font-weight: bold;
}

.tax-ruta-de-aprendizaje  .progress-step:last-child .line {
    display: none; /* Elimina la línea después del último círculo */
}

.tax-ruta-de-aprendizaje  .baaar {
    padding-right: 8%;
    display: flex;
}

body.tax-ruta-de-aprendizaje  .bb-learndash-content-wrap {
    padding-right: 8%;
    display: flex;
}

/** RUTA De Aprendizaje**/

.ruta-de-aprendizaje-ux .content-area {
    padding-top: 0;
}

.ruta-de-aprendizaje-ux .bb-course-banner-inner {
    padding-top: 0px;
    margin-top: 70px;
}

.ruta-de-aprendizaje-ux .bb-single-course-sidebar .bb-button-wrap {
    padding-top: 36px;
}

.ruta-de-aprendizaje-ux .bb-course-meta strong a {
    padding: 6px;
}
.ruta-de-aprendizaje-ux .custom-meta-data {
    display: flex;
    align-items: center;
}

.ruta-de-aprendizaje-ux .custom-meta-data i {
    color: #45b05f;
		padding: 5px;
		margin-top: 10px;
}

.ruta-de-aprendizaje-ux .custom-meta-data p {
    padding: 4px;
	  font-size: 14px;
}

.ruta-de-aprendizaje-ux .ratio-wrap {
  flex: 0 0 30%;
  max-width: 30%;
    padding: 24px;
	border-radius: 30px;
}

.ruta-de-aprendizaje-ux.post-inner-wrap {
  display: flex;
  justify-content: space-between;
}

.ruta-de-aprendizaje-ux ul.custom-list {
    list-style-type: none;
    padding-left: 0; 
    margin-left: 0;
}

.ruta-de-aprendizaje-ux ul.custom-list {
    list-style-type: none;
}

.ruta-de-aprendizaje-ux ul.custom-list li {
    position: relative;
    padding-left: 25px; 
    margin-bottom: 10px; 
}

.ruta-de-aprendizaje-ux ul.custom-list li::before {
    content: "\f058"; 
		font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #45b05f;
    font-size: 16px;
    top: 0;
    transform: translateY(0%);
}

.ruta-de-aprendizaje-ux .imagen-curso {
    padding: 30px 0px 0px 30px;
}

.bb-course-banner-inner h1.entry-title {
    margin: 0 0 16px 0;
}

.bb-ruta-title h6 {
    color: #fff;
}

.badge-image {
    width: 80px;
    height: auto;
}

.bb-learndash-banner .banner-img {
    height: 0px;
}
.ruta-de-aprendizaje-ux {
    padding-top: 0;
}

.bb-learndash-banner:before {
    position: relative;
}

.banner-img-ruta img {
    max-width: none;
    width: 100%;
    height: 100%;
}

.bb-course-banner-info.container.bb-learndash-side-area {
    height: 54vh;
    }
    
@media (max-width: 768px) {
    .bb-course-banner-info.container.bb-learndash-side-area {
    height: auto;
    }
    .tax-ruta-de-aprendizaje .progress-bar-container {
    margin-right: 20px;
    }
    .tax-ruta-de-aprendizaje .progress-step {
    margin-top: 345px !important;
    }
    .tax-ruta-de-aprendizaje .line {
    width: 4px !important;
    height: 510px !important;
    }
    .tax-ruta-de-aprendizaje .circle {
    width: 36px !important;
    height: 36px !important;
    }
    .custom-meta-data.d-flex {
    display: block;
    margin: 0 !important;
    }
    .ruta-de-aprendizaje-ux .custom-meta-data p {
    margin: 0 !important;
    }
    .ruta-de-aprendizaje-ux .entry-content-wrap {
    padding: 20px 30px 20px !important;
    }
    .bb-course-meta {
    margin: 20px 0 0 0;
    }
	.bb-course-single-meta {
    margin-bottom: 0;
	}
	.ruta-de-aprendizaje-ux .bb-course-banner-inner {
    margin-top: 0;
	}
	.bb-course-banner-inner .avatar {
    margin-right: 4px;
	}
	.bb-course-banner-inner .avatar {
    margin-right: 4px;
	}
}

figure.entry-media.entry-img.bb-vw-container1 {
    display: none;
}
    

.tooltip-trigger {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-trigger i {
    font-size: 20px;
}

.tooltip-trigger::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
    white-space: nowrap;
}

.tooltip-trigger.show-tooltip::after {
    opacity: 1;
    visibility: visible;
    bottom: 120%;
}

i.fas.fa-info-circle {
    padding-top: 46px;
    padding-right: 8px;
}