/* Custom CSS */

body {
    background-image: linear-gradient(104deg, #BF57E8 0%, #FD7A5F 100%);
}
main#jupiterx-main {
    background: #fff;
    border-radius: 30px 30px 0 0;
    padding: 15px;
    position: relative;
    top: 65px;
    z-index: 110;
    padding-bottom: 75px;
    box-shadow: 0 -3px 10px #0000001a;
    max-width:500px;
    margin: 0 auto;
}
body.page-id-149 main#jupiterx-main,
body.page-id-396  main#jupiterx-main{
    background: #F4F5FA;
}
.jupiterx-header {
    position: fixed;
}
footer.jupiterx-footer {
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    min-height: auto;
    z-index: 999;
    margin: 0 -3px  0 -3px;
    border-radius:15px 15px 0 0;
    left: 50%;
    margin-left: -250px;
    max-width:500px;
}
@media(max-width:500px){
    footer.jupiterx-footer {
        margin-left: -50vw;
        width: 100vw;
    }
}
/* Botones */
.efecto-pulsado a:active{
    transform: scale(0.98); 
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); 
}
.elementor-element.elementor-element-9da14a4 h2 {
    padding: 0 30px
}
/*tests*/
.ays_quiz_results_page .elementor-button {
    padding: 1px 27px !important;
    font-size: 18px !important;
    border-radius: 50px !important;
    background-color: var(--e-global-color-accent) !important;
    color: #fff !important;
    margin-top: 30px;
}
.ays-question-counter{
    z-index:9;
}
.ays-fs-title {
    display: none;
}
.ays-questions-container {
    padding: 0;
}
.ays_quiz_question {
    padding-right: 51PX;
    padding-top: 5PX;
}

[id^="ays-quiz-container-"].cuestionario{
    box-shadow: none !important;
}
[id^="ays-quiz-container-"] p {
    margin: 0 0 15px 0 !important;
    padding:0;
    font-size: 16px;
    color: #5f6368 !important;
}

#jupiterx-main [id^="ays-quiz-container-"] input#ays-submit, 
#jupiterx-main [id^="ays-quiz-container-"] input[type=button].action-button, 
#jupiterx-main [id^="ays-quiz-container-"] .action-button.ays_restart_button{
    padding: 11px 27px !important;
    font-size: 18px !important;
    border-radius: 50px !important;
    background-color: var(--e-global-color-accent) !important;
    color: #fff !important;
}

.step {padding-top:0 !important;}
.step .ays-abs-fs {
    width: 100% !important;
}
.respuesta{
    font-weight: normal;
    line-height: 1.3em !important;
    display: none;
}
.ays-field.ays_list_view_item.correct_div.checked_answer_div .respuesta,
.ays-field.ays_list_view_item.wrong_div .respuesta{
    display:block;
    margin-top: 10px;
    margin-bottom: 10px;
}
[id^="ays-quiz-container-"].ays_quiz_classic_dark .correct_div, 
[id^="ays-quiz-container-"].ays_quiz_classic_light .correct_div,
[id^="ays-quiz-container-"].ays_quiz_classic_dark .wrong_div, 
[id^="ays-quiz-container-"].ays_quiz_classic_light .wrong_div {
    border-radius:15px;
    overflow: hidden;
}
.ays_quiz_question p {
    padding: 0;
}
.ays-questions-container{
    padding-top:0;
}
.ays-questions-container h2{
    margin-bottom: 20px;
}

.ays-live-bar-wrap.ays-live-second-wrap {
    position: relative;
    margin-bottom: 15px;
    height:22px;
    border-radius: 10px;
}
#jupiterx-main .ays-live-bar-fill.ays-live-second,
#jupiterx-main .ays-progress-bg.second {
    border-radius: 10px 0 0 10px;
    background-color: var(--e-global-color-accent);
}
.ays-live-bar-fill.ays-live-second span,
#jupiterx-main .ays-progress-bg.second span {
    display: none;
}
.ays-live-bar-wrap.ays-live-second-wrap {
    position: relative;
    margin-bottom: 21px;
}
#jupiterx-main .ays-progress.second{
    margin-bottom: 35px;
    border-radius: 15px;
}
#jupiterx-main .ays-progress-value.second {
    display: none;
}
.ays-question-counter{
    top: 6px !important;
}
.ays-field.ays_list_view_item {
    border-radius: 15px;
}
#contenedor-quiz .ays-quiz-answers .ays-field.wrong_div{
    background-color: #fff !important;
}
#contenedor-quiz .ays-quiz-answers .ays-field:hover label{
    background-color: transparent;
    color: #000;
}
.ays-quiz-answers .ays-field input+label[for^="ays-answer-"]{
    line-height:1.3em;
}
#jupiterx-main [id^="ays-quiz-container-"].cuestionario input[type='button'].ays_previous.action-button {
    background-color: #fff !important;
    color: var(--e-global-color-accent) !important;
}
#jupiterx-main [id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] .action-button:hover, 
#jupiterx-main [id^="ays-quiz-container-"] [id^="ays_finish_quiz_"] .action-button:focus{
    box-shadow: 0 0 0 2px white, 0 0 0 3px var(--e-global-color-accent);
    background: var(--e-global-color-accent);
}
#jupiterx-main [id^="ays-quiz-container-"] .wrong_answer_text,
#jupiterx-main [id^="ays-quiz-container-"] .right_answer_text  {
    box-shadow: 1px 3px 10px #00000029;
    border-radius: 15px;
    padding: 15px;
    background: #e7e7e7;
}
#jupiterx-main [id^="ays-quiz-container-"] .ays-quiz-answers .ays-field .ays_answer_image {
    margin-left: 0;
    padding: 10px 15px 10px 35px !important;
    position: relative;
    font-weight: normal;
    font-size: 14px !important;
    line-height: 1.5;
}
#jupiterx-main [id^="ays-quiz-container-"] .ays-field input+label:before{
    position: absolute;
    left: 8px;
    top:6px;
}
#jupiterx-main [id^="ays-quiz-container-"] input[type=button].action-button:disabled, 
#jupiterx-main [id^="ays-quiz-container-"] input[type=button].action-button[disabled] {
    background-color: #c8c8c8 !important;
}
#jupiterx-main [id^="ays-quiz-container-"] .ays-field input~label[for^='ays-answer-'] {
    padding: 7px 15px 7px 34px !important;
    line-height: 1.5;
}
@media screen and (max-width: 768px){
.ays_quiz_question p {
    font-size: 16px !important;
    line-height:1.5em !important;
}}

#ays-quiz-container-2 #ays_finish_quiz_2 div.step, #ays-quiz-container-2{
    min-height: 0 !important;
}

/* Menú móvil */
.raven-nav-menu-close-button, .jet-popup__close-button {
    top: auto !important;
    bottom: 5px;
    right: auto !important;
    left: 10px;
    background: var(--e-global-color-accent) !important;
    color: #fff !important;
    padding: 0px 0 0 0;
    line-height: 1;
    border-radius: 50px !important;
    box-shadow: 1px 1px 10px #00000054;
}
.raven-nav-menu-mobile .raven-nav-menu li > a {
    padding: 8px 18px 8px 18px !important;
}
@media (max-width: 767px){
    .raven-nav-menu-side .raven-side-menu-logo .raven-nav-menu-logo-mobile {
        display: none;
    }
    .raven-nav-menu-side .raven-side-menu-logo .raven-nav-menu-logo-desktop, .raven-nav-menu-side .raven-side-menu-logo .raven-nav-menu-logo-tablet {
        display: inline;
    }
}

/* Cards */
.single-post-card.single-post-card_grid .single-post-card__media{
    flex-basis: 98px;
}
.single-post-card.single-post-card_grid .single-post-card__title{
    flex-shrink: 100;
    padding-right:5px;
    margin-left:-46px;
}

.single-post-card.single-post-card_grid.single-post-card_elevated{
    border: none;
    border-radius: 50px 15px 15px 50px;
    box-shadow: 0px 3px 10px #00000017;
    position: relative;
}
.single-post-card.single-post-card_grid.single-post-card_elevated.has-post-thumbnail img {
    border-radius: 50px;
    width: 98px;
    height: 98px;
    box-shadow: 1px 3px 10px #00000025;
    position: relative;
    left: -28%;
    border: 3px solid #fff;
}
.single-post-card.single-post-card_grid .elementor-button{
    position: relative;
    right: 0;
    border: none !important;
    padding: 0 !important;
    font-size: 16px;
    top: 5px;
    width:10px;
}
.single-post-card.single-post-card_grid .elementor-heading-title{
    font-size:20px;
    font-weight: bold;
    padding: 0 30px;
}
.single-post-card.single-post-card_grid.single-post-card_elevated:active{
    transform: scale(0.98); 
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); 
}

/* Tooltip */
.raven-hotspot__tooltip.raven-hotspot--tooltip-position.raven-hotspot--fade-in-out {
    font-size: 12px;
    padding: 5px 15px;
}
.elementor-element.elementor-element-61d0fa6 .raven-hotspot.elementor-repeater-item-7e731ce .raven-hotspot__tooltip,
.elementor-element.elementor-element-7e817bc .raven-hotspot.elementor-repeater-item-37107ae .raven-hotspot__tooltip,
.elementor-element.elementor-element-13411c1 .raven-hotspot.elementor-repeater-item-38351ec .raven-hotspot__tooltip{
    background: green;
}
.raven-hotspot.raven-hotspot--active .raven-hotspot__button.raven-hotspot--expand{
    background: var(--e-global-color-accent);
} .raven-hotspot.raven-hotspot--active .raven-hotspot__label{
    color: #fff;
}
@media (max-width:428px){
    .raven-hotspot.elementor-repeater-item-7e731ce.raven-hotspot--position-left.raven-hotspot--position-top.raven-hotspot--active .raven-hotspot__tooltip {
        left: auto;
        right: 0;
    }
}

/* Carrusel */
#carousel-que-hacer .jet-carousel .jet-arrow{
    box-shadow: 1px 3px 10px #00000030;
    bottom: 20px !important;
    top: auto !important;
} #carousel-que-hacer .jet-arrow.slick-arrow:after {
    content:"";
    display: block;
    font-size: 18px;
    color: #fff;
    background: var(--e-global-color-accent);
    position: relative;
    width: 118px;
    height: 40px;
    padding: 7px 21px;
    border-radius: 23px;
    z-index: 99;
    box-shadow: 1px 3px 10px #00000030;
    text-align:center;
} #carousel-que-hacer .jet-arrow.prev-arrow.slick-arrow:after {
    content: "Anterior";
    bottom: 36px;
} #carousel-que-hacer .jet-arrow.next-arrow.slick-arrow:after{
    content:"Siguiente";
} #carousel-que-hacer .jet-carousel .jet-arrow:active{
    transform: scale(0.88); 
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); 
} #carousel-que-hacer .jet-arrow.slick-disabled {
    display: none !important;
}

#carousel-escalada .jet-arrow.slick-arrow:after {
    content:"";
    display: block;
    font-size: 18px;
    color: #fff;
    background: var(--e-global-color-accent);
    position: relative;
    width: 118px;
    height: 40px;
    padding: 7px 21px;
    border-radius: 23px;
    z-index: 99;
    box-shadow: 1px 3px 10px #00000030;
    text-align:center;
 } #carousel-escalada .jet-arrow.prev-arrow{
    bottom: -25px;
    left: 10vw;
 } #carousel-escalada .jet-arrow.prev-arrow:after {
    content: "Anterior";
    bottom: 37px;
    left: -17px;
} #carousel-escalada .jet-arrow.next-arrow:after{
    content:"Siguiente";
    bottom: -25px;
    right: 10vw;
} #carousel-escalada .jet-carousel .jet-arrow:active{
    transform: scale(0.88); 
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); 
} #carousel-escalada .jet-arrow.slick-disabled {
    display: none !important;
}

#carousel-resolviendo .jet-arrow.slick-arrow:after {
    content:"";
    display: block;
    font-size: 10px;
    line-height: 2.6em;
    color: #fff;
    background: var(--e-global-color-accent);
    position: relative;
    width: 118px;
    height: 40px;
    padding: 7px 21px;
    border-radius: 23px;
    z-index: 99;
    box-shadow: 1px 3px 10px #00000030;
    text-align:center;
 } #carousel-resolviendo .jet-arrow.prev-arrow{
    bottom: -25px;
    left: 10vw;
 } #carousel-resolviendo .jet-arrow.prev-arrow:after {
    content: "Página anterior";
    bottom: 37px;
    left: -17px;
} #carousel-resolviendo .jet-arrow.next-arrow:after{
    content:"Página siguiente";
    bottom: -25px;
    right: 10vw;
    flex: 0 0 123px;
} #carousel-resolviendo .jet-carousel .jet-arrow:active{
    transform: scale(0.88); 
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); 
} #carousel-resolviendo .jet-arrow.slick-disabled {
    display: none !important;
}