/*
Theme Name: Elucubración
Theme URI: https://elucubracion.com/
Description: Tema para Wordpress.
Author: ELUCUBRACIÓN ESTUDIO CREATIVO
Author URI: https://elucubracion.com/
Template: Divi
Version: 1.0.7
*/

:root{
    --border-color: #ffffff;
    --checkbox: #ea7c96;
    --button: #fff;
    --white: #ffffff;
    --text: #666666;
    --button-text: #68a5d2;
    --placeholder: #cccccc;
    --border-radius: 30px;
    --verde:  #10a1a4;
    --verde-light:  #70c7c8;
    --verde2:  #7BC14F;
    --verde2-subtle:  #7bc14f2e;
    --naranja:  #F8B155;
    --rosa:  #f46990;
    --grisCF: #cfcfcf;
}
.pb-0 {
    padding-bottom: 0;
}
.elementor-element p {
    padding-bottom: 0;
}
.elementor-widget-text-editor.verde,
.verde {
    color: var(--verde);
}
.elementor-widget-text-editor.verde2,
.verde2 {
    color: var(--verde2);
}
.elementor-widget-text-editor.naranja,
.naranja {
    color: var(--naranja);
}
.elementor-widget-text-editor.rosa,
.rosa {
    color: var(--rosa);
}
.elementor-widget-text-editor.white,
.white {
    color: white;
}

.form-all-width form .et_pb_row{
    width: 100%;
}

a:hover{
    text-decoration: underline;
}
.et_pb_button:hover{
    text-decoration: none;
}
#top-menu a {
    font-weight: lighter;
}
select.wpcf7-select {
    border-radius: var(--border-radius);
    color: #838383!important;
    font-weight: 400;
}
#register-user .wpcf7-submit{
    padding: 10px 50px;
}

.resetpass-submit .wpcf7-submit {
    margin: 0;
}

.wpcf7-submit:hover {
    opacity: 1;
}

.wpcf7 .wpcf7-submit:disabled:hover {
    opacity: 0.5;
}

footer,
footer .et_pb_button {
    font-size: 14px;
}
footer .lista-redes a:before{
    font-size: 18px;
}
footer a{
    color: #ffffff;
}

footer .et_pb_text.list ul li{
    display:block;
}
footer .et_pb_text ul li{
    display: inline-block;
    padding-right: 20px;
}
footer ul.lista-redes {
    padding: 0;
}
@media (min-width: 981px) {
    footer ul.lista-redes li {
        padding-left: 20px;
        padding-right: 0;
    }
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    overflow: hidden;
    height: 0;
    width: 0 !important;
}

.elementor-widget-text-editor.texto-125,
.texto-115 {
    font-size: 1.15em;
    line-height: 1.5em;
}
.elementor-widget-text-editor.texto-125,
.texto-125 {
    font-size: 1.25em;
    line-height: 1.5em;
}
.elementor-widget-text-editor.texto-200,
.texto-200 {
    font-size: 2.00em;
    line-height: 1.2;
}
.elementor-widget-text-editor.texto-bold,
.texto-bold {
    font-weight: bold;
}

.learn-press-courses .course-content .course-permalink,
.learn-press-courses .wap-course-title a:hover,
.learn-press-courses .course-wrap-meta .meta-item::before {
    color: white
}
.learn-press-courses .wap-course-title a:hover .course-title,
.learn-press-courses .course-permalink:hover,
.learn-press-courses .course-title:hover{
    color: white;
    text-decoration: underline;
}


.learn-press-courses .course-content .course-readmore a {
    border: 1px solid #ffffff;
    color: var(--verde);
    background: white;
    border-radius: 20px;
    line-height: 1.7em;
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    transition: all 300ms ease 0ms;
    position: relative;
}
.learn-press-courses .course-content .course-readmore a:hover {
    background: var(--verde);
    color: white;
    border-color: white;
}


.single-lp_course .course-summary #learn-press-content-item .content-item-wrap {
    width: 100%;
    padding-top: 0;
}
.elementor-widget-text-editor.li-pos-outside li,
.li-pos-outside li{
    list-style-position: outside;
    padding-left: 1em;
}
ul.marker-verde li::marker{
    color: var(--verde);
}
ul.marker-gris li::marker{
    color: var(--grisCF);
}
ul.spaced-list li{
    padding-bottom: 2em;
}
@media (min-width: 768px) {
    .imagen-sintomas img {
        margin-left: -10vw;
    }
}

.lp-archive-courses {
    margin-top: 2em;
}
.learn-press-courses[data-layout=list] .course-content {
    width: 100%;
    padding-bottom: 50px;
    min-height: 100%;
}
.learn-press-courses[data-layout=list] .course {
    width: 48%;
}
.learn-press-courses[data-layout=grid] .course {
    width: 48%;
}
.learn-press-courses[data-layout=grid] .course-item {
    border: none;
}
.learn-press-courses[data-layout=list] .course,
.learn-press-courses[data-layout=grid] .course,
.learn-press-courses.lp-courses-related .course{
    padding: 2em;
    border-radius: 20px;
    border: 1px solid var(--verde);
    background: var(--verde);
    color: white;
    display: flex;
}
.learn-press-courses[data-layout=grid] .course{
    padding: 1em;
}
.learn-press-courses[data-layout=grid] .course-content, .learn-press-courses.lp-courses-related .course-content {
    padding: 0 0 50px 0;
}
.learn-press-courses[data-layout=list],
.learn-press-courses[data-layout=grid] {
    justify-content: space-between;
}
.learn-press-courses[data-layout=grid] {
    padding: 0 1em 1em 1em !important;
}
.learn-press-courses[data-layout=list] .course-content .course-info,
.learn-press-courses[data-layout=grid] .course-content .course-info {
    position: absolute;
    bottom: 0;
}
.learn-press-courses[data-layout=grid] .course-content .course-readmore a {
    font-size: 1em;
}
.learn-press-courses[data-layout=grid] .course-content .course-short-description {
    -webkit-line-clamp: none;
    display: block;
}
.learn-press-courses[data-layout=grid] .course-wrap-meta {
    font-size: 0.9em;
}
.course-summary-sidebar .course-sidebar-preview {
    margin-top: 35px;
}
@media (max-width: 768px) {
    .learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child, .learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child {
        display: revert;
    }
}

.learn-press-message.success {
    color: var(--verde2);
    background: var(--verde2-subtle);
    width: fit-content;
}
#popup-content .lp-button.completed {
    background: var(--verde2);
    margin:auto;
    float: none;
}

#popup-footer {
    width: auto;
    max-width: none;
    background: var(--verde);
    height: 65px;
}

#popup-footer .course-item-nav{
    max-width: 792px;
    margin: 10px auto;
}

#popup-footer .course-item-nav .prev, #popup-footer .course-item-nav .next,
#popup-content .lp-button{
    background: var(--verde);
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 20px;
    line-height: 1.7em;
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    transition: all 300ms ease 0ms;
    position: relative;
}
#popup-footer .course-item-nav .prev:hover, #popup-footer .course-item-nav .next:hover,
#popup-content .lp-button:hover{
    background-color: #ffffff;
    color: var(--verde);
}
#popup-footer .course-item-nav .prev a, #popup-footer .course-item-nav .next a,
#popup-footer .course-item-nav .prev::before, #popup-footer .course-item-nav .next::before {
    color: #ffffff;
    text-decoration: none;
}
#popup-footer .course-item-nav .prev:hover a, #popup-footer .course-item-nav .next:hover a,
#popup-footer .course-item-nav .prev:hover::before, #popup-footer .course-item-nav .next:hover::before {
    color: var(--verde);
}

#popup-footer .course-item-nav__name {
    background: var(--naranja);
    color: #ffffff;
    min-width: max-content;
    top: -40px;
    right: 0;
}

#popup-footer .prev .course-item-nav__name {
    left: 0;
    right: auto;
}

.learn-press-form.form-button[name=learn-press-form-complete-lesson] {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 3em;
}

.learn-press-progress {
    border: 1px solid white;
}
.learn-press-progress::before {
    background: white;
}
#popup-content {
    padding: 0;
}
.lp-course-curriculum .course-section .course-item-ico.passed.completed::before {
    color: var(--verde2);
}
.content-item-wrap .content-item-description {
    margin-bottom: 0;
}

.learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child, .learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child {
    width: auto;
    padding: .7em 1em;
}

#content-item-quiz {
    padding: 40px 20px;
}
.quiz-status .questions-index,
.quiz-status .questions-index span,
.quiz-status .countdown {
    color: var(--verde);
}

.lp-sidebar-toggle__open #content-item-quiz .quiz-status>div {
    background: transparent;
    color: var(--verde);
}
.content-item-wrap .quiz-buttons.align-center .button-left.fixed {
    max-width: 100%;
    height: 65px;
    background: var(--verde);
}

.content-item-wrap .questions-pagination .nav-links {
    margin-top: 14px;
}
.content-item-wrap .questions-pagination .nav-links .page-numbers {
    color: white;
}
.content-item-wrap .questions-pagination .nav-links .page-numbers.current, .content-item-wrap .questions-pagination .nav-links .page-numbers:hover {
    background: white;
}
.lp-modal-dialog .lp-modal-header {
    background: var(--verde);
}
.learn-press-form .learn-press-form-title h3,
.learn-press-form .learn-press-form-title p{
    display: inline-block;
}
.link-text-color-normal a,
a.link-text-color-normal {
    color: inherit;
}
.link-text-color-normal a:hover,
a.link-text-color-normal :hover{
    text-decoration: underline;
}
.triangle-before {
    position: relative;
    padding-left: 1.5em;
}
.triangle-before::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5em; /* Ajusta la posición vertical según necesites */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0 0.4em 0.7em; /* Crea el triángulo */
    border-color: transparent transparent transparent var(--verde);
}
.triangle-before.triangle-light::before {
    border-color: transparent transparent transparent var(--verde-light);
}
.texto-circular {
    --circle-size: 500px;
    font-size: small;
    width: var(--circle-size) !important;
    height: var(--circle-size) !important;
    border-radius: 50% !important;
    /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    --overlay-opacity: 1 !important;
    padding: 7rem 6rem 1rem 6rem  !important;
    margin: 1.5rem auto;
    box-sizing: border-box !important;
    overflow: hidden !important;

    min-height: var(--circle-size) !important;
    max-height: var(--circle-size) !important;
}
.mujer-circulo-central {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1077px) {
    .texto-circular {
        width: 100% !important;
        height: auto !important;
        border-radius: 10px !important;
        min-height: unset !important;
        max-height: unset !important;
        padding: 1.5rem !important;
    }
    .mujer-circulo-central {
        position: relative !important;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }
}
@media (min-width: 768px ) and (max-width: 1077px) {
    .texto-circular {
        background-size: 16% auto !important;
    }
}
@media (max-width: 767px ) {
    .mujer-circulo-central img{
        max-width: 100% !important;
    }
}

.background-size-100 {
    background-size: 100% 100%;
}

.accordion-icon-end .e-n-accordion-item-title {
    justify-content: space-between !important;
}
.accordion-icon-end .e-n-accordion-item-title .e-n-accordion-item-title-text{
    font-weight: bold;
}

.circulo {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 0 10px;
    vertical-align: middle;
}

.circulo-verde {
    background-color: var(--verde);
}
.circulo-naranja {
    background-color: var(--naranja);
}
.circulo-rosa {
    background-color: var(--rosa);
}

.e-n-accordion #porcion .e-n-accordion-item-title-text{
    color: var(--verde);
}
.e-n-accordion #calorias .e-n-accordion-item-title-text{
    color: var(--naranja);
}
.e-n-accordion #nutrientes .e-n-accordion-item-title-text{
    color: var(--rosa);
}
.e-n-accordion #valor-diario .e-n-accordion-item-title-text{
    color: var(--verde2);
}
.fase-number {
    font-size: 2.5em;
    margin-right: 15px;
}
.underline-link a,
.elementor .underline-link a{
    text-decoration: underline;
}
.underline-link a,
.elementor a:hover{
    text-decoration: underline;
}
.course-price {
    display: none;
}


/* Invertir posición de texto e imagen en deslizador */
.et_pb_slide {
    display: flex !important;
}

.et_pb_slide_description {
    float: left !important;
    text-align: left;
}

.et_pb_slide_image {
    left: auto !important;
    right: 0 !important;
}

@media (min-width: 768px) {
    .et_pb_slide_description {
        padding-top: 1%;
    }
}

/* Ajusta márgenes y anchos según necesidad */
.et_pb_container {
    width: 100% !important;
    max-width: 1280px !important;
}

@media (max-width: 767px) {
    .et_pb_slide_image, .et_pb_slide_video {
        display: block !important;
    }
    .et_pb_slides .et_pb_slider_container_inner {
        display: flex;
        flex-direction: column-reverse;
    }
}

.owl-carousel.sintomas-cmm img,
.owl-carousel.opciones-tratamiento img{
    margin: auto;
}