﻿/* CONTENT FROM ACCOUNT */
#menu_nav {
    --animate-duration: 0s;
    background-color: transparent;
    /*padding-top: 60px;*/
}

.container_account {
    background-image: url("../../images/account_bg.png");
    min-height: 100vh;
    background-color: #EEEEEE;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.label_account_title {
    font-family: 'Swis721 BlkCn BT';
    font-size: 14px;
    line-height: 16px;
    font-weight: 900;
    color: #000000;
}

.label_account_subtitle {
    font-family: 'Swis721 BlkCn BT';
    font-size: 14px;
    line-height: 16px;
    font-weight: 900;
    color: #000000;
}

.label_account_forgotPass {
    font-family: 'Swis721 Lt BT';
    font-size: 12px;
    line-height: 16px;
    font-weight: 900;
    color: #D9D9DA;
}


.label_account_description {
    font-family: 'Swis721 Lt BT';
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
    color: #000000;
}

.a_link_signup, .a_link_signup:hover, .a_link_signup:focus, .a_link_signup::selection {
    display: block;
    font-family: 'Swis721 Lt BT';
    font-size: 14px;
    line-height: 10px;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #000000;
    border: none;
    text-decoration: none;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 44px;
    padding-right: 49px;
    max-width: 159px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 100px;
}

.a_link_have_account, .a_link_have_account:hover, .a_link_have_account:focus, .a_link_have_account::selection {
    display: block;
    font-family: 'Swis721 Lt BT';
    font-size: 17px;
    line-height: 10px;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #000000;
    border: none;
    text-decoration: none;
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 49px;
    padding-right: 48px;
    height: 50px;
    max-width: 259px;
}

.a_link_submit, .a_link_submit:hover, .a_link_submit:focus, .a_link_submit::selection {
    display: block;
    font-family: 'Swis721 Lt BT';
    font-size: 14px;
    line-height: 11px;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #000000;
    border: none;
    text-decoration: none;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 117px;
    padding-right: 120px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 50px;
}

.a_link_recover_pass, .a_link_recover_pass:hover, .a_link_recover_pass:focus, .a_link_recover_pass::selection {
    display: block;
    font-family: 'Swis721 Lt BT';
    font-size: 14px;
    line-height: 11px;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #000000;
    border: none;
    text-decoration: none;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-top: 55px;
}

.a_link_create_account, .a_link_create_account:hover, .a_link_create_account:focus, .a_link_create_account::selection {
    display: block !important;
    font-family: 'Swis721 Lt BT';
    font-size: 14px;
    line-height: 11px;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #000000;
    border: none;
    text-decoration: none;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 117px;
    padding-right: 120px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 50px;
}

.lbTitleAccount {
    margin-bottom: 54px;
}

.lbCustomLoginTitle {
    margin-bottom: 15px;
}

.lbCustomLoginText {
    margin-bottom: 59px; /* 49 + 10 */
}

.lbNotAMemberTitle {
    margin-bottom: 17px;
}

.lbNotAMemberText {
}

.col_account_text {
    padding-left: 105px;
    padding-right: 54px;
}

.col_account_form {
    padding: 0;
    margin: 0 auto;
    max-width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .col_account_form > div {
        width: 100%;
    }

.col_account_form_signup {
    padding: 0;
    margin: 0 auto;
    max-width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .col_account_form_signup > div {
        width: 100%;
    }

.col_recover_pass {
    padding: 0;
    margin: 0 auto;
    max-width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .col_recover_pass > div {
        width: 100%;
    }

.col_account_content {
    padding-top: 0px;
    background-color: #f9f9f952;
    position: relative;
    padding-top: 100px;
    height: 100%;
}

.col_info_form_content {
    display: block;
    padding-left: 30px;
    padding-right: 10px;
    background-color: #f9f9f952;
    position: relative;
    padding-top: 100px;
    min-height: 100%;
}

.col_form_content {
    display: block;
    padding-left: 70px;
    padding-right: 70px;

    background-color: white;
    position: relative;
    padding-top: 160px;
    height: 100%;
    font-size: 9pt;
}

.col_form_content_newsletter {
    display: block;
    padding-left: 70px;
    padding-right: 70px;
    background-color: white;
    position: relative;
    padding-top: 160px;
    height: 100vh;
    font-size: 9pt;
}

.lblMsgNewsletter {
    font-family: 'Swis721 Lt BT';
}

.error {
    color:red;

}

.input_email_account, .input_email_account:hover, .input_email_account:focus, .input_email_account::selection {
    margin-bottom: 24px;
    border: 8px solid #D9D9DA;
    border-radius: 10px;
    height: 60px;
    background-color: transparent;
}

    .input_email_account::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-size: 14px;
        line-height: 21px;
        font-weight: 300;
        font-family: 'Swis721 Lt BT';
        color: #D9D9DA;
        opacity: 1; /* Firefox */
        text-align: center;
    }

.input_password_submit_account, .input_password_submit_account:hover, .input_password_submit_account:focus, .input_password_submit_account::selection,
.input_password_signup_account, .input_password_signup_account:hover, .input_password_signup_account:focus, .input_password_signup_account::selection {
    border: 8px solid #D9D9DA;
    border-radius: 10px;
    height: 60px;
    background-color: transparent;
}

.div_form_create .input_password_signup_account {
    margin-bottom: 35px !important;
}

.div_form_create .input_repassword_account {
    margin-bottom: 55px !important;
}

.div_form_create .input_fullname_account {
    margin-bottom: 35px !important;
}

.div_form_create .input_email_account {
    margin-bottom: 35px !important;
}

.input_password_submit_account::placeholder,
.input_password_signup_account::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 14px;
    line-height: 21px;
    font-family: 'Swis721 Lt BT';
    color: #D9D9DA;
    opacity: 1; /* Firefox */
    text-align: center;
}

.input_repassword_account, .input_repassword_account:hover, .input_repassword_account:focus, .input_repassword_account::selection {
    margin-bottom: 24px;
    border: 8px solid #D9D9DA;
    border-radius: 10px;
    height: 60px;
    background-color: transparent;
}

    .input_repassword_account::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-size: 14px;
        line-height: 21px;
        font-weight: 300;
        font-family: 'Swis721 Lt BT';
        color: #D9D9DA;
        opacity: 1; /* Firefox */
        text-align: center;
    }

.input_fullname_account, .input_fullname_account:hover, .input_fullname_account:focus, .input_fullname_account::selection {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 8px solid #D9D9DA;
    border-radius: 10px;
    height: 60px;
    background-color: transparent;
}

    .input_fullname_account::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-size: 14px;
        line-height: 21px;
        font-weight: 300;
        font-family: 'Swis721 Lt BT';
        color: #D9D9DA;
        opacity: 1; /* Firefox */
        text-align: center;
    }

.lbForgotPass {
    cursor: pointer;
    text-align: start;
}

.col_account_signup {
    margin-top: 99px;
    padding-left: 105px;
    padding-right: 54px;
}

.col_account_submit {
    margin-top: 99px;
    padding-left: 54px;
    padding-right: 124px;
    display: inline-flex;
    justify-content: center;
}

.col_account_title {
    padding-left: 105px;
    padding-right: 54px;
}

.col_account_ghost {
    padding-left: 54px;
    padding-right: 124px;
}

.div_forgot_pass {
    text-align: start;
    margin-bottom: 70px;
}

.row_container_account {
    height: 100%;
    font-family: 'Swis721 BlkCn BT';
    font-size: 18px;
    line-height: 21px;
    /*font-weight: 900;*/
    color: #000000;
}

.div_account_logo {
    text-align: end;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.lbAccountLogo {
    font-family: 'Swis721 BlkCn BT';
    font-size: 210px;
    line-height: 166px;
    font-weight: 900;
    color: #000000;
    letter-spacing: 40px;
}

.img_account_logo {
    height: 157px;
    width: 1085px;
}

.img_account_submit_pass,
.img_account_signup_pass,
.img_repeat_pass {
    position: absolute;
    top: 6px;
    right: 4px;
    cursor: pointer;
}

.div_pass_form {
    position: relative;
    margin-bottom: 6px;
}

.div_repeat_pass {
    position: relative;
}

.title-form-login {
    font-size: 16px;
    letter-spacing: -1px;
    text-align: center;
    padding-bottom: 25px;
}

.label-create-account {
    color: #D9D9DA;
    font-family: 'Swis721 Lt BT';
    font-size: 12px;
    line-height: 16px;
}

/***************************/

/* NEW CONTENT LEGAL PAGES */
@media (max-width: 766px) {
    .col_title_legal_page {
        display: flex!important;
        padding-top: 20px;
    }
}

.label_content_legal_page,
.label_content_legal_page *:not(table):not(td):not(th) {
    font-family: 'Swis721 Cn BT' !important;
    font-size: 9pt !important;
    font-weight: 300 !important;
    width: 100%;
}


    .label_content_legal_page b, .label_content_legal_page b *
    ,.label_content_legal_page h3, .label_content_legal_page h3 * 
    ,.label_content_legal_page h2, .label_content_legal_page h2 * 
    {
        font-weight: 700 !important;
    }

.label_title_legal_page {
    font-family: 'Swis721 Cn BT';
    font-size: 9pt;
    font-weight: 300;
    width: 100%;
    cursor: pointer;
}

.label_title_legal_page.active {
    font-family: 'Swis721 BlkCN BT';
    text-decoration: underline;
    font-size: 9pt;
    font-weight: 300;
    width: 100%;
    cursor: pointer;
}

.col_title_legal_page {
    display: contents;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 245px;
    /*padding-left: 30px;
    padding-right: 50px;*/
}

.col_content_legal_page {
    display: block;
    padding-left: 30px;
    padding-right: 50px;
    padding-top: 35px;
    height:100vh;
}

.div_legal_page {
    max-width: 100%;
    max-height: 90vh;
    overflow-y: scroll;
}

    /* Ancho del scrollbar */
    .div_legal_page::-webkit-scrollbar {
        width: 5px; /* Tamaño total del scrollbar */
    }

    /* Estilo del track (fondo) */
    .div_legal_page::-webkit-scrollbar-track {
        background: #6F6F6E; /* Color de fondo */
        border-left: 2px solid transparent; /* Ajusta los bordes para hacerlo parecer más delgado */
        border-right: 2px solid transparent;
        background-clip: content-box;
    }

    /* Estilo del thumb (barra desplazable) */
    .div_legal_page::-webkit-scrollbar-thumb {
        background: #565655; /* Color del thumb */
        /* Opcional: para darle bordes redondeados */
    }

        /* Estilo del thumb al pasar el mouse */
        .div_legal_page::-webkit-scrollbar-thumb:hover {
            background: #484847; /* Color cuando el usuario pasa el cursor por encima */
        }


    /* Estilo del scrollbar horizontal */
    .div_legal_page::-webkit-scrollbar-horizontal {
        height: 8px;
    }

    .div_legal_page::-webkit-scrollbar-thumb-horizontal {
        background: #888;
    }

        .div_legal_page::-webkit-scrollbar-thumb-horizontal:hover {
            background: #565655;
        }

.label_account_title {
    font-family: 'Swis721 BlkCn BT';
    font-size: 14px;
    line-height: 16px;
    font-weight: 900;
    color: #000000;
}

.lbContentLegalPage {
}

.row_contact_logo {
    position: absolute;
    top: 50px;
    left: 40px;
    width: auto;
}

.row_contact_company {
    position: relative;
    z-index: 9999;
    text-align: end;
    padding-right: 50px;
    padding-left: 0px;
    height: 100%;
    align-items: end;
    padding-bottom: 100px;
    margin-right: 0px;
    margin-left: 0px;
}

.a_link_send_contact, .a_link_send_contact:hover, .a_link_send_contact:focus, .a_link_send_contact::selection {
    display: block;
    font-family: 'Swis721 Lt BT';
    font-size: 18px;
    line-height: 11px;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #000000;
    border: none;
    text-decoration: none;
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 117px;
    padding-right: 120px;
    height: 50px;
    width: 100%;
    text-align: center;
    border-radius: 8px;
}

.lbContactTitle {
    margin-bottom: 40px;
}

.label_contact_title {
    font-family: 'Swis721 BlkCn BT';
    font-size: 14px;
    line-height: 16px;
    font-weight: 900;
    color: #000000;
}

.div_contact_title {
    text-align: center;
}

.col_contact_terms {
    padding: 0;
    margin: 0 auto;
    max-width: 340px;
    display: block;
}

.lbl_accept_terms {
    font-size: 14px;
    font-weight: 400;
    color: #7a7e83;
}

#iContactMessage {
    resize: none; /* Evita que el usuario pueda redimensionarlo */
}


/* Contenedor del checkbox y el texto */
.lbl_input_checkbox_accept_terms {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Espaciado entre checkbox y texto */
    font-size: 14px;
    color: #aaa; /* Color gris claro del texto */
    cursor: pointer;
}

/* Ocultar el checkbox nativo */
.switcher-default {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 32px;
    height: 20px;
    border: 2px solid #d3d3d3; /* Color del borde gris */
    border-radius: 6px; /* Bordes redondeados */
    background-color: #f5f5f5; /* Fondo gris claro */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

    /* Línea horizontal dentro del checkbox */
    .switcher-default::after {
        content: "";
        width: 10px;
        height: 2px;
        background-color: #aaa; /* Línea gris clara */
        position: absolute;
        transition: all 0.3s ease;
    }

    /* Cuando el checkbox está marcado */
    .switcher-default:checked {
        background-color: black; /* Fondo negro */
        border-color: black;
    }

        /* Cambiar la línea a color blanco cuando está marcado */
        .switcher-default:checked::after {
            background-color: white; /* Línea blanca */
        }

/* Estilo del texto */
.lbl_accept_terms {
    font-size: 14px;
    color: #777;
    user-select: none; /* Evita que el usuario pueda seleccionar el texto */
}

.email-label {
    cursor: pointer;
}

.col_contact_info {
    padding-left: 0px;
    padding-right: 0px;
}

.div_contact_direction label,
.div_contact_direction a {
    font-size: 16px;
}

/***************************/

/***************************/
/*RETURN*/
/***************************/

.formSolicitud_txt {
    width: 100%;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #D9D9DA;
    margin-bottom: 24px;
    padding: 20px;
    line-height: 21px;
    font-size: 8pt;
    font-family: 'Swis721 Cn BT';
    font-size: 9pt !important;
    font-family: 'Swis721 BlkCn BT' !important;
}

    .formSolicitud_txt::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-size: 8pt;
        line-height: 21px;
        font-weight: 300;
        font-family: 'Swis721 Cn BT';
        color: #757575;
        opacity: 1; /* Firefox */
        text-align: center;
    }

.chkForm {
    margin-top: 20px;
    font-family: 'Swis721 BlkCn BT';
    width: 100%;
    font-size: 9pt;
}

.btnSend {
    width: 100%;
    background-color: black;
    color: white;
    display: block;
    padding: 15px;
    margin-top: 50px;
    border: 1px solid black;
    cursor: pointer;
    font-family: 'Swis721 Lt BT';
    text-decoration: none;
    border-radius: 5px;
    font-size: 9pt;
    font-family: 'Swis721 BlkCn BT';
}

    .btnSend:hover {
        width: 100%;
        background-color: white;
        color: black;
        display: block;
        font-family: 'Swis721 BlkCn BT';
        /*padding: 20px;*/
        text-decoration: none;
    }


/* Returns / Legal mobile */
@media (max-width: 991px) {
    .col_info_form_content {
        padding-bottom: 1.5rem;
    }

    .section_account .container_account {
        padding-bottom: 0;
    }

    .section_account .col_form_content {
        padding-top: 40px;
        padding-bottom: 4rem;
    }

    .section_account .div_formulario_solicitud {
        height: auto !important;
        min-height: auto;
        padding-top: 0;
        padding-bottom: 1.5rem;
    }
}

.footerEmail {
    text-align: right;
    margin-top: 90px;
    margin-right:40px;
    font-size:14px;
}



/*#region COOKIES*/
.lbContentLegalPage table {
    width:95%;
    margin:auto;
}
.lbContentLegalPage table td {
    border: 1px solid black;
}
/*#endregion COOKIES*/


@media (max-width: 1200px) {
    .col_form_content {
        padding-left: 3vw;
        padding-right: 3vw;
    }
}



/* Estilos para el checkbox */
.div_check_form {
    text-align: center;
    font-family: 'Swis721 Lt BT';
    font-weight: 300;
    font-size: 13px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    color: #7F869A;
}
#chkTerms {
    -webkit-appearance: none; /* Para eliminar el estilo por defecto en navegadores Webkit (Chrome, Safari) */
    -moz-appearance: none; /* Para Firefox */
    appearance: none; /* Para otros navegadores */
    width: 20px; /* Ajusta el tamaño del checkbox */
    height: 20px;
    border: 2px solid transparent; /* Sin borde */
    background-color: transparent; /* Fondo transparente */
    position: relative;
    cursor: pointer;
}

    /* Estilo cuando el checkbox está marcado */
    #chkTerms:checked {
        background-color: transparent; /* Fondo transparente */
    }

        /* Estilo para el símbolo de marcado */
        #chkTerms:checked::before {
            content: '\2713'; /* Símbolo de "check" */
            color: black; /* Color negro */
            font-size: 16px; /* Tamaño del check */
            position: absolute;
            top: 0;
            left: 3px; /* Ajusta la posición del símbolo */
        }

.div-check-grey {
    background-color: #D9D9DA;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    margin-right: 10px;
}
  