/*
Theme Name: Con Pico Fino Masterclass
Theme URI: https://nitide-studio.com/
Description: Tema para la generación de sitios web integrados con Genesis Framework, wooCommercem, sensei LMS y Elementor
Author: Nitide Studio
Author URI: https://www.nitide-studio.com/
Version: 1.0.0
Tags: Nitide Studio, Genesis Framework, Elementor, WooCommerce, Sensei LMS
Text Domain: depicofino
Template: genesis
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/


html {
    overflow-x: hidden;
}

body {
    max-width: 100vw;
    padding-top: 88px;
}


.wrap-menu {
    /* Esconder el menú inicialmente */
    top: 0px !important;
    transform: translateY(0) !important;
    left: 0;
    width: 100%;
    padding: 1em 0;
    transition: transform 0.3s ease-out !important;
    /* Efecto de transición */



}

.listing-product-title h2 {
    line-height: 2.2rem;
    max-width: 75vw;
}


.wrap-menu.in-active {
    transform: translateY(-100%) !important;
    /* Desplazarlo hacia abajo */

}


@media screen and (max-width:1024px) {
    .course-blocks-wrapper .dce-acf-repeater-item {
        min-width: 100% !important;
    }

    .blog-hero-wrapper {
        padding: 4rem 1rem 6rem 1rem !important;
        justify-content: flex-start;
        min-height: fit-content !important;
    }
}

@media screen and (max-width:767px) {

    .blog-hero-wrapper {
        padding: 4rem 1rem 1rem 1rem !important;
    }

    .blog-hero-wrapper-info {
        max-width: 100% !important;
    }

}

.block-pointer-events {
    pointer-events: none;
}

.pointer {
    /* visibility: hidden; */
    position: absolute;
    top: 2rem;
    left: 2rem;
    color: rgb(223, 221, 218);
    border: 2px solid rgb(223, 221, 218);
    border-radius: 100px;
    padding: 0.5rem 1rem;
    min-width: fit-content;
    font-weight: 600;
    white-space: nowrap;
    width: fit-content;
    font-family: Inter;
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    /* cursor: none; */
    cursor: pointer;
    transition: visibility 0.3s ease;
    /* transition: all 0.3s ease-in-out; */
}

.pointer::before {
    content: '';
    position: relative;
    background-image: url(/wp-content/themes/conpicofino/lib/conpicofino/img/pause.svg);
    background-size: contain;
    background-position: center;
    display: block;
    width: 1rem;
    height: 1rem;
}

.pointer.stoped::before {
    background-image: url(/wp-content/themes/conpicofino/lib/conpicofino/img/play.svg);
}

/* .video-cursor {
    cursor: none;
    position: relative;
    overflow: hidden;
} */

.campo-formulario {
    position: relative;
    flex-grow: 1;
}

.campo-formulario input,
.campo-formulario select {
    width: 100%;
    padding: 10px;
    font-size: 20px;
    background: #000000;
    border: none;
    border-bottom: 1px solid rgba(223, 221, 218, 0.35) !important;
    color: #DFDDDA;
    padding-left: 1rem;
}

.campo-formulario label {
    position: absolute;
    top: 10px;
    left: 1.2rem;
    transition: 0.3s ease;
    color: #DFDDDA;
    font-size: 20px;
}

.campo-formulario select+label {
    opacity: 0 !important;
}

.campo-formulario input:focus+label,
.campo-formulario select:focus+label,
input:-webkit-autofill+label,
input:-webkit-autofill:hover+label,
input:-webkit-autofill:focus+label,
input:-webkit-autofill:active+label,


/* 
No hay soporte
.campo-formulario input:not(:placeholder-shown)+label,
.campo-formulario:has(>select option:checked:not([value=""]))>label, */
label.label-top {
    top: -20px;
    font-size: 12px;
    opacity: 1 !important;
}




#mi-formulario {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 3.5rem;
}

#mi-formulario * {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

#mi-formulario input[type="submit"] {
    border: 2px solid #DFDDDA !important;
    background: transparent !important;
    color: #DFDDDA !important;
    font-size: 16px !important;
    align-self: end !important;
    padding: 10px 30px !important;
    border-radius: 100px !important;
    margin-top: 2rem !important;
}

button.woocommerce-button.button.woocommerce-form-login__submit,
button.woocommerce-form-register__submit {
    border: 2px solid #DFDDDA !important;
    background: transparent !important;
    color: #DFDDDA !important;
    font-size: 16px !important;
    align-self: end !important;
    padding: 10px 30px !important;
    border-radius: 100px !important;
    cursor: pointer;
}



.form-name {
    font-size: 3rem !important;
    padding: 0 30px;
}

/*
** estilos personalizados
** para input(check) formulario
*/

.custom-checkbox-wrapper {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* Base for label styling */
.custom-checkbox-wrapper [type="checkbox"]:not(:checked),
.custom-checkbox-wrapper [type="checkbox"]:checked,
.custom-checkbox-wrapper [type="radio"]:not(:checked),
.custom-checkbox-wrapper [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

.custom-checkbox-wrapper [type="checkbox"]:not(:checked)+span,
.custom-checkbox-wrapper [type="checkbox"]:checked+span,
.custom-checkbox-wrapper [type="radio"]:not(:checked)+span,
.custom-checkbox-wrapper [type="radio"]:checked+span {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    margin-bottom: 4px;
    display: inline-block;
    font-size: 16px;
    line-height: 1.2em;
}

/* checkbox aspect */
.custom-checkbox-wrapper [type="checkbox"]:not(:checked)+span:before,
.custom-checkbox-wrapper [type="checkbox"]:checked+span:before,
.custom-checkbox-wrapper [type="radio"]:not(:checked)+span:before,
.custom-checkbox-wrapper [type="radio"]:checked+span:before {
    content: '';
    position: absolute;
    left: 0em;
    top: 0.1em;
    width: 20px;
    height: 20px;
    border: 2px solid #DFDDDA;
    background: #000000;
    border-radius: 20px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}

/* checked mark aspect */
.custom-checkbox-wrapper [type="checkbox"]:not(:checked)+span:after,
.custom-checkbox-wrapper [type="checkbox"]:checked+span:after,
.custom-checkbox-wrapper [type="radio"]:not(:checked)+span:after,
.custom-checkbox-wrapper [type="radio"]:checked+span:after {
    content: '✔';
    position: absolute;
    top: 0.45em;
    left: 0.2em;
    font-size: 21px;
    line-height: 0;
    color: #FA9650;
    transition: all .2s;
}

/* checked mark aspect changes */
.custom-checkbox-wrapper [type="checkbox"]:not(:checked)+span:after,
.custom-checkbox-wrapper [type="radio"]:not(:checked)+span:after {
    opacity: 0;
    transform: scale(0);
}

.custom-checkbox-wrapper [type="checkbox"]:checked+span:after,
.custom-checkbox-wrapper [type="radio"]:checked+span:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
.custom-checkbox-wrapper [type="checkbox"]:disabled:not(:checked)+span:before,
.custom-checkbox-wrapper [type="checkbox"]:disabled:checked+span:before,
.custom-checkbox-wrapper [type="radio"]:disabled:not(:checked)+span:before,
.custom-checkbox-wrapper [type="radio"]:disabled:checked+span:before {
    box-shadow: none;
    border-color: #999999;
    background-color: #dddddd;
}

.custom-checkbox-wrapper [type="checkbox"]:disabled:checked+span:after,
.custom-checkbox-wrapper [type="radio"]:disabled:checked+span:after {
    color: #999999;
}

.custom-checkbox-wrapper [type="checkbox"]:disabled+span,
.custom-checkbox-wrapper [type="radio"]:disabled+span {
    color: #aaaaaa;
}

a.woocommerce-privacy-policy-link {
    color: #FA9650 !important;
}

.button-cta {
    border-radius: 100px;
    border: none;
    background: #FA9650;
    padding: 0.5rem 2rem;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    cursor: pointer;
    white-space: nowrap;
}



/**
** MY ACCOUNT
*/

.subscription-info__cta {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-left: 2rem;
}

a.cancel-link {
    color: #6D6C6B !important;
}

.woocommerce-MyAccount-content * {
    color: #DFDDDA !important;
    font-family: 'Inter', sans-serif;
}

.subscription-info__header span {
    font-size: 20px !important;
    margin: 1rem !important;
    margin-left: 0 !important;
}

nav.woocommerce-MyAccount-navigation {

    margin-top: 1rem;
}

.subscription-info__header {
    margin-top: 1rem;
}

.subscription-info__cta p {
    max-width: 280px;
    font-size: 14px;
}

.subscription-info__cta a.cta-link {
    font-size: 16px;
    display: flex;
    gap: 1rem;
}

.subscription-info__cta a.cta-link::after {
    display: block;
    content: '';
    width: 1.35rem;
    height: 1.35rem;
    background: url(/wp-content/themes/conpicofino/lib/conpicofino/img/arrow-right.png) no-repeat center center;
    background-size: contain;
}

.woocommerce-MyAccount-content-wrapper .courses-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.woocommerce-MyAccount-content-wrapper .courses-slide h3 {
    font-family: 'Anton', sans-serif !important;
    font-size: 36px !important;
    line-height: 2.5rem !important;
}

.woocommerce-MyAccount-content-wrapper h2.woocommerce-loop-product__title {
    margin-top: 0rem !important;
}

.separator {
    width: 100%;
    margin: 2rem 0;
    height: 1px;
    background: #4E4D4C;
}


.woocommerce-MyAccount-content .listing-product-title>h2 {
    font-size: 20px;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
}

.woocommerce-MyAccount-navigation ul {
    position: sticky;
    top: 1.5rem;
}

.woocommerce-MyAccount-navigation {
    flex: 1 0;
    min-width: 230px;
}

.woocommerce-MyAccount-content {
    flex: 1 0;
}


.courses-slide {
    width: 70vw !important;
    max-width: 360px;
}

.formulario-paso * {
    font-family: 'Inter', sans-serif;
    color: #DFDDDA !important;
}

li.dashboard-menu-item {
    list-style: none;
    padding: 0.5rem 1rem;
}

/* .rcp_gateway_option_label[for="rcp_gateway_paypal_express"]::before {
    display: block;
    content: '';
    width: 50px;
    height: 50px;
    background: url(/wp-content/themes/conpicofino/lib/conpicofino/img/paypal.png) no-repeat center center;
    background-size: contain;
}



.rcp_gateway_option_label[for="rcp_gateway_stripe"]::before {
    display: block;
    content: '';
    width: 50px;
    height: 50px;
    background: url(/wp-content/themes/conpicofino/lib/conpicofino/img/visa.png) no-repeat center center;
    background-size: contain;
} */

.rcp_gateway_option_label {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 1rem 0;
}

span.pay-info-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.rcp_gateway_option_input {
    transform: translateY(0.5rem);
}

.fieldset.rcp_user_fieldset {

    padding: 2rem !important;
    margin: 2rem 0;
}

form#rcp_registration_form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.formulario-paso a {
    text-decoration: underline;
}

.formulario-paso .custom-checkbox-wrapper {
    margin: 1rem 0 0 0 !important;
    align-self: start;
}

@media screen and (max-width:767px) {
    .formulario-paso .custom-checkbox-wrapper {
        margin: 0.35rem 0;
    }
}


form.woocommerce-form.woocommerce-form-login.login {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.e-my-account-tab .woocommerce h2.form-name {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10vh !important;
}

.form-step-2 {
    padding: 1rem;
}

legend {
    font-size: 24px;
    font-weight: 600;
}

span.pay-info-wrapper {
    display: flex !important;
    flex-direction: column !important;
    padding-left: 3rem !important;
}

.rcp_login_link a {
    text-decoration: underline !important;
}

fieldset {
    border: 1px solid rgba(223, 221, 218, 0.35);
}


.spinner-aura {
    max-width: 50vh;
    max-height: 50vh;
    width: 200px;
    height: 200px;
    margin-top: 4rem;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    border-top: 3px solid #FA9650;
    border-right: 3px solid transparent;
    -webkit-animation: spinner-aura 1s linear infinite;
    animation: spinner-aura 1s linear infinite;
    margin-top: 4rem;
}

.spinner-aura-fixed {
    max-width: 50vh;
    max-height: 50vh;
    width: 200px;
    height: 200px;
    margin-top: 4rem;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    border-top: 3px solid #FA9650;
    border-right: 3px solid transparent;
    -webkit-animation: spinner-aura 1s linear infinite;
    animation: spinner-aura 1s linear infinite;
    margin-top: 4rem;
    position: fixed;
    top: calc(50% - 200px);
    left: calc(50% - 100px);
}

.blockUI.blockOverlay {
    background: #000000 !important;
}

.blockUI.blockMsg {
    display: block !important;
}

.blockUI.blockMsg.blockElement {
    width: 50% !important;
    height: unset !important;
    aspect-ratio: 1/1;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    top: 50% !important;
}

.blockUI.blockElement::after {
    content: '';
    height: 100%;
    top: 0;
    left: 0;
    max-height: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border-top: 3px solid #FA9650 !important;
    border-right: 3px solid transparent !important;
    -webkit-animation: spinner-aura 1s linear infinite;
    animation: spinner-aura 1s linear infinite;
    position: absolute;
}

@keyframes spinner-aura {
    to {
        transform: rotate(360deg);
    }
}


table.rcp_registration_total_details.rcp-table {
    display: none;
}

.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.rcp-gateway-saved-payment-methods {
    padding: 0 1rem;
}

.hidden {
    visibility: hidden;
    pointer-events: none;
}

#rcp_submit_wrap {
    display: none;
}

h3.rcp_header,
.rcp_description {
    display: none;
}

.thanks-wrapper {
    max-width: 500px;
    margin: 5rem auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.thanks-wrapper h2 {
    font-size: 64px;
    font-weight: 700;
    margin: 1rem 0;
}

.thanks-wrapper h3 {
    margin: 0;
    margin-top: 1rem;

    text-align: center;
}

.thanks-wrapper p {
    margin: 0.5rem;
    text-align: center;
}

a.showlogin {
    color: #FA9650 !important;
}

a.showcoupon {
    color: #FA9650 !important;
}


.woocommerce-info {
    background: black;
    border: none;
    padding: 1rem;
}

.woocommerce-info::before {
    content: unset !important;
}

.formulario-paso .woocommerce-form-login {
    padding: 0 1rem 1rem 1rem;
}

.formulario-paso #billing_country_field {
    width: 200px;
}

.formulario-paso #billing_postcode_field {
    width: 200px;
}

.formulario-paso #billing_state_field {
    width: 200px;
}

.formulario-paso #billing_city_field {
    width: 250px;
}

.formulario-paso #billing_address_1_field,
.formulario-paso #billing_address_2_field {
    width: 400px;
}

.formulario-paso #billing_phone_field {
    width: 200px;
}

.formulario-paso .required {
    text-decoration: none;
}

.woocommerce-form-login-toggle *,
.woocommerce-form-coupon-toggle * {
    margin: 0;
}

.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info {
    text-align: center;
}

div#rcp_card_wrap {
    margin: 1.6rem 0;
}

.form-row {
    margin: 1rem 0;
    max-width: 100%;
}

.campo-formulario label,
.campo-formulario input,
.campo-formulario select {
    /* 
    * when the text doesn't fit in the label use overflow ellipsis
    */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.campo-formulario label {
    max-width: calc(100% - 2rem);
}

fieldset {
    min-width: unset;
}


/* Sobrescribir el estilo para cuando el navegador autocompleta los campos */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #000000 inset;
    -webkit-text-fill-color: #DFDDDA;
    border-color: #fa9650;
}

/* Otra forma de sobrescribir el estilo para autocompletado en Chrome */
input:-internal-autofill-selected,
select:-internal-autofill-selected {
    background-color: #000000;
    color: #DFDDDA;
    border-color: #fa9650 !important;
}

.formulario-paso .woocommerce-form-login__submit {
    margin: 1rem 0;
}

form.checkout_coupon {
    flex-wrap: wrap;
    max-width: 550px;
    margin: 0 auto;
    justify-content: space-between;
}

form.checkout_coupon button {
    color: #000000 !important;
    min-width: fit-content;
    white-space: nowrap;
}

.woocommerce-form-coupon .campo-formulario {
    width: 150px;
}

.woocommerce-NoticeGroup-checkout {
    display: none;
}

.campo-formulario input.invalid {
    border-color: #E25950 !important;

}

.woocommerce-form-coupon-toggle+.woocommerce-error {
    display: none;
}

form.checkout.woocommerce-checkout {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.single_add_to_cart_button,
.eh_paypal_express_description {
    display: none;
}