/*
Theme Name: Divi Child Theme
Theme URI: https://escueladelibertadcuantica.com
Description: Child Theme For Divi
Author: Divi themes
Author URI: https://escueladelibertadcuantica.com
Version: 1.0.0
Template: Divi
*/


/* -------------------------------------------------------------
 * Estilos para el formulario de login personalizado 2025
 * ------------------------------------------------------------- */

#loginform {
    max-width: 400px; /* Ancho máximo del formulario */
    margin: 20px auto; /* Centrar y añadir espacio arriba/abajo */
    padding: 30px; /* Espacio interno */
    background-color: #ffffff; /* Fondo blanco */
    border: 1px solid #e0e0e0; /* Borde suave */
    border-radius: 8px; /* Esquinas redondeadas */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Sombra suave */
    font-family: Arial, sans-serif; /* Fuente básica */
}

#loginform label {
    display: block; /* Cada etiqueta en su propia línea */
    margin-bottom: 8px; /* Espacio debajo de la etiqueta */
    font-weight: bold; /* Texto en negrita */
    color: #333; /* Color de texto oscuro */
    font-size: 14px;
}

#loginform input[type="text"],
#loginform input[type="password"] {
    width: calc(100% - 20px); /* Ancho completo menos padding */
    padding: 10px;
    margin-bottom: 15px; /* Espacio debajo del campo */
    border: 1px solid #ccc; /* Borde gris */
    border-radius: 5px; /* Esquinas redondeadas */
    box-sizing: border-box; /* Incluir padding y border en el ancho */
    font-size: 16px;
    color: #555;
}

#loginform input[type="submit"] {
    width: 100%;
    padding: 12px 20px;
    background-color: #0073aa; /* Color primario de WordPress */
    color: #fff; /* Texto blanco */
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer; /* Cambiar cursor al pasar por encima */
    transition: background-color 0.3s ease; /* Transición suave al pasar el ratón */
}

#loginform input[type="submit"]:hover {
    background-color: #005f8f; /* Un tono más oscuro al pasar el ratón */
}

#loginform .forgetmenot {
    margin-bottom: 15px; /* Espacio debajo del checkbox */
    font-size: 13px;
    color: #666;
}

#loginform .forgetmenot label {
    display: inline-block; /* Mantener etiqueta e input en la misma línea */
    font-weight: normal;
    margin-left: 5px; /* Espacio entre checkbox y texto */
    margin-bottom: 0; /* Eliminar margen extra */
}

#loginform p.login-remember { /* Para el checkbox */
    margin-bottom: 10px;
}

#loginform p.login-submit { /* Para el botón */
    margin-top: 20px;
}

#loginform p.login-password,
#loginform p.login-register { /* Para los enlaces de abajo */
    text-align: center;
    margin-top: 15px;
    font-size: 13px;
}

#loginform p a {
    color: #0073aa; /* Color de enlace */
    text-decoration: none; /* Sin subrayado */
}

#loginform p a:hover {
    text-decoration: underline; /* Subrayado al pasar el ratón */
}

/* Opcional: para el mensaje de error/éxito */
#loginform .message {
    background-color: #dff0d8; /* Verde claro para éxito */
    color: #3c763d; /* Texto verde oscuro */
    border: 1px solid #d6e9c6;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
}
#loginform .error {
    background-color: #f2dede; /* Rojo claro para error */
    color: #a94442; /* Texto rojo oscuro */
    border: 1px solid #ebccd1;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
}




/* -------------------------------------------------------------
 * Hacer que el titulo del slider de testimonios se pegue arriba
 * ------------------------------------------------------------- */ 
 .et_pb_slider_container_inner {
    vertical-align: top !important;
}

/* -------------------------------------------------------------
 * Hacer que el titulo del slider de testimonios se pegue arriba
 * ------------------------------------------------------------- */ 
.et_pb_slide_content p:last-of-type {
    padding: 0px 0;
}

/* -------------------------------------------------------------
 * Ocultar sidebar de todas las páginas
 * ------------------------------------------------------------- */ 
.page  #sidebar,
.et_right_sidebar #main-content .container:before {
	display: none;
}


/* ESTILOS WEB GENERALES */

/* Boton responder a comentarios del blog */
.comment_area .comment-reply-link {
    position: relative;
    top: 15px;
    display: block;
    width: 180px;
}









/***************************************************************/
/*********************     WOOCOMMERCE   ***********************/
/***************************************************************/

/* Ocultar productos relacionados */
.related.products 
{ display: none; }

/* Ocultar categorias y otros meta de la pagina de producto */
.product_meta
{ display: none; }

/* Ocultar detalles descripcion corta del producto */
.woocommerce-product-details__short-description
{ display: none; }

/* Checkout en una columna */
.woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
}

.woocommerce .woocommerce-checkout .col2-set .col-1 {
    margin-bottom: 30px;
}

/* hacer el checkout mas estrecho */
.woocommerce-checkout article {
   max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

/***************************************************************/
/* PAGINA DEL BLOG DIVI CONVERTIR A LISTA TIRA HORIZONTAL */

/***************************************************************/


/*Agregar media query para que aplique solo en table y desktop*/
/*@media (min-width: 767px) {

	/*Cambiar el ancho de la imagen*/
/*	.entry-featured-image-url  {
	width: 30%;
	float: left;
	margin-bottom: 0!important;
	}

	/*Cambiar el ancho de los demas elementos*/
/*	.entry-title,
	.post-meta,
	.post-content {
	width: 70%;
	float: left;
	padding-left: 30px;
	}
}

/*Estilo de caja y sombra a los post*/
/*.et_pb_post {
/*box-shadow: 0px 2px 80px 0px rgba(160,190,212,0.22);*/
/*box-shadow: 6px 6px 18px 0px rgb(0 0 0 / 30%);
border-radius: 0px;
padding: 50px;
}*/

/*Hacer la imagen del blog de aspecto cuadrado*/
/*.entry-featured-image-url {
  padding-top: 30%;
  display: block;
}

.entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
*/

/***************************************************************/
/********************* CARTFLOWS ESTILOS ***********************/
/***************************************************************/
/* separar el x1 del precio en checkout */
.wcf-embed-checkout-form table.shop_table tbody tr.cart_item td.product-name {

  width: 95%;
}






/***************************************************************/
/********************* LEARNDASH ESCUELA ***********************/
/***************************************************************/

/* -------------------------------------------------------------
 * Editar el boton dentro de la escuela de "marcar completado" arriba
 * ------------------------------------------------------------- */ 
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action .sfwd-mark-complete {
  margin: 0;
  overflow: clip;
}

/* -------------------------------------------------------------
 * Altura de línea del texto de saludo arriba derecha
 * ------------------------------------------------------------- */
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-text {
  line-height: 1.4em;
}

/* -------------------------------------------------------------
 * Ajustar los videos de vimeo arriba en la escuela
 * ------------------------------------------------------------- */ 
body, html, .player {
  height: auto !important;
}

/* -------------------------------------------------------------
 * Ajustar ancho y estilos a las páginas de escuela, blog, entre otras.
 * ------------------------------------------------------------- */ 
body #page-container #left-area {
    width: 800px;
	margin: 0 auto;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.page-template #page-container #left-area {
	width: 1080px;
}

.et_right_sidebar #left-area {
    float: none;
    padding-right: 0;
}

#left-area .post-meta {
	text-transform: uppercase;
}

#left-area .post-meta a {
    color: #6f48b7;
}

.post-template-default .container,
.archive.category.category-blog .container {
	max-width: 800px;
}

/* MR:  CABECERA TITULO POST */
.sfwd-courses-template-default .entry-title,
.archive.category.category-blog .entry-title,
.post-template-default .entry-title,
h1 {
	color: #F61495;
	line-height: 1.1;
	margin-top: 20px;
	margin-bottom: 10px;
}


/* MR: quito .post-template-default .entry-title, */
.sfwd-courses-template-default .entry-title,
.archive.category.category-blog .entry-title,
h2 {
	color: #F61495;
	line-height: 1.4;
	margin-top: 20px;
	margin-bottom: 10px;
}

/* MR añado para probar h3 pero puede fallar algo : quito .post-template-default .entry-title,*/
.sfwd-courses-template-default .entry-title,
.archive.category.category-blog .entry-title,
h3 {
	color: #F61495;
	line-height: 1.4;
	margin-top: 10px;
	margin-bottom: 10px;
}


.et_pb_post {
    margin-bottom: 60px;
    font-size: 19px;
    color: #777777;
    line-height: 1.6;
    font-weight: 400;
}

span.fn, span.fn a {
    color: #777;
}

/* -------------------------------------------------------------
 * Ajustar el buscador y estadísticas en la página de Escuela.
 * ------------------------------------------------------------- */ 
.learndash-wrapper .ld-item-list .ld-section-heading .ld-search-prompt {
	width: 115px;
}

.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat {
	flex: 0 0 125px;
}

@media (max-width: 640px) {
	.learndash-wrapper #ld-profile .ld-profile-stats .ld-profile-stat {
		flex: 0 0 128px;
	}
}

/* -------------------------------------------------------------
 * Ajustar cursos
 * ------------------------------------------------------------- */ 
body.sfwd-courses-template-default #page-container #sidebar {
	width: 90%;
}

/* -------------------------------------------------------------
 * Estilos de LearnDash
 * ------------------------------------------------------------- */ 
body.ld-in-focus-mode .learndash-wrapper .et-l.et-l--header,
body.ld-in-focus-mode .learndash-wrapper .et-l.et-l--footer
{
	display: none;
}

.sfwd-lessons-template-default .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1,
.sfwd-lessons-template-default .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h3,
.sfwd-lessons-template-default .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content p,
.sfwd-lessons-template-default .learndash-wrapper .ld-lesson-topic-list .ld-topic-title
{
	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
    color: #F61495;
    line-height: 1.1em;
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h3 {
	color: #6F48B7;	
	margin-bottom: 15px;
	margin-top: 35px;
	line-height: 1.2em;
}

.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content p {
	color: #595959;
	line-height: 1.5em;
	font-size: 18px;
	padding-bottom: 20px;
}

/* Color a los items del sidebar izq */
.learndash-wrapper .ld-breadcrumbs a, .learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, .learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-title, .learndash-wrapper .ld-primary-color-hover:hover, .learndash-wrapper .ld-primary-color, .learndash-wrapper .ld-primary-color-hover:hover, .learndash-wrapper .ld-primary-color, .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active, .learndash-wrapper .ld-button.ld-button-transparent, .learndash-wrapper .ld-button.ld-button-reverse, .learndash-wrapper .ld-icon-certificate, .learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading, #wpProQuiz_user_content a, .learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover, .learndash-wrapper .ld-focus-comments__heading-actions .ld-expand-button, .learndash-wrapper .ld-focus-comments__heading a, .learndash-wrapper .ld-focus-comments .comment-respond a, .learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link:hover, .learndash-wrapper .ld-expand-button.ld-button-alternate {
    color: #F61495 !important;
}

/* Color a los botones */
.learndash-wrapper .ld-secondary-color-hover:hover, .learndash-wrapper .ld-secondary-color, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after {
    color: #6F48B7 !important;
}

.learndash-wrapper #quiz_continue_link, .learndash-wrapper .ld-secondary-background, .learndash-wrapper .learndash_mark_complete_button, .learndash-wrapper #learndash_mark_complete_button, .learndash-wrapper .ld-status-complete, .learndash-wrapper .ld-alert-success .ld-button, .learndash-wrapper .ld-alert-success .ld-alert-icon {
    background-color: #6F48B7 !important;
}
.learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent), #learndash-tooltips .ld-tooltip:after, #learndash-tooltips .ld-tooltip, .learndash-wrapper .ld-primary-background, .learndash-wrapper .btn-join, .learndash-wrapper #btn-join, .learndash-wrapper .ld-button:not(.ld-js-register-account):not(.learndash-link-previous-incomplete):not(.ld-button-transparent), .learndash-wrapper .ld-expand-button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type='submit'], .learndash-wrapper .ld-login-modal .ld-login-modal-register, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue, .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a, #wpProQuiz_user_content table.wp-list-table thead th, #wpProQuiz_overlay_close, .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
    background-color: #F61495 !important;
}

/* Circulo de progreso en Courses*/
.learndash-wrapper .ld-secondary-in-progress-icon {
    border-left-color: #6F48B7 !important;
    border-top-color: #6F48B7 !important;
}

/* Ajustar tipo de letra de h4 en lecciones learndash */
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h4 {
  color: #4e2474;
  margin-bottom: 5px;
  line-height: 1.2em;
  font-size: 27px;
}

/* Ajustar tipo de letra de parrafo p en lecciones learndash */
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content p {
  
  line-height: 1.4em;
  font-size: 21px;
}





/* -------------------------------------------------------------
 * Estilos al Formidable forms
 * ------------------------------------------------------------- */ 

.frm_style_estilos-formidable.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_estilos-formidable.with_frm_style input[type=submit], .frm_style_estilos-formidable.with_frm_style .frm_submit input[type=button], .frm_style_estilos-formidable.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_estilos-formidable.with_frm_style .frm-edit-page-btn {
	text-transform: uppercase;
	box-shadow: none;
}

.with_frm_style .frm_required {
	display: none;
}