/* -------------------------------- 
     
     Primary style
     
     -------------------------------- */
                /*html * {
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                }*/

                /**, *:after, *:before {
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }*/

                /*body {
                  font-size: 100%;
                  font-family: "PT Sans", sans-serif;
                  color: #505260;
                  background-color: #fff;
                }*/

                /*a {
                    color: #2f889a;
                    text-decoration: none;
                }

                img {
                    max-width: 100%;
                }*/

                /*input, textarea {
                    font-family: "PT Sans", sans-serif;
                    font-size: 16px;
                    font-size: 1rem;
                }
                input::-ms-clear, textarea::-ms-clear {
                    display: none;
                }*/

                /* -------------------------------- 
                
                Main components 
                
                -------------------------------- */
                /*header[role=banner] {
                    position: relative;
                    height: 50px;
                    background: #343642;
                }*/
				/* reduce logo size on mobile and make sure it is left aligned with the transform-origin property */
                   
                /*header[role=banner] #cd-logo {
                    float: left;
                    margin: 4px 0 0 5%;
                    -webkit-transform-origin: 0 50%;
                    -moz-transform-origin: 0 50%;
                    -ms-transform-origin: 0 50%;
                    -o-transform-origin: 0 50%;
                    transform-origin: 0 50%;
                    -webkit-transform: scale(0.8);
                    -moz-transform: scale(0.8);
                    -ms-transform: scale(0.8);
                    -o-transform: scale(0.8);
                    transform: scale(0.8);
                }
                header[role=banner] #cd-logo img {
                    display: block;
                }*/
				/* clearfix */
                /*header[role=banner]::after {
                    
                    content: '';
                    display: table;
                    clear: both;
                }
                @media only screen and (min-width: 768px) {
                    header[role=banner] {
                        height: 80px;
                    }
                    header[role=banner] #cd-logo {
                        margin: 20px 0 0 5%;
                        -webkit-transform: scale(1);
                        -moz-transform: scale(1);
                        -ms-transform: scale(1);
                        -o-transform: scale(1);
                        transform: scale(1);
                    }
                }*/

                /*.main-nav {
                  float: right;
                  margin-right: 5%;
                  width: 44px;
                  height: 100%;
                  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-menu.svg") no-repeat center center;
                  cursor: pointer;
                }
                .main-nav ul {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  -webkit-transform: translateY(-100%);
                  -moz-transform: translateY(-100%);
                  -ms-transform: translateY(-100%);
                  -o-transform: translateY(-100%);
                  transform: translateY(-100%);
                }
                .main-nav ul.is-visible {
                  -webkit-transform: translateY(50px);
                  -moz-transform: translateY(50px);
                  -ms-transform: translateY(50px);
                  -o-transform: translateY(50px);
                  transform: translateY(50px);
                }
                .main-nav a {
                  display: block;
                  height: 50px;
                  line-height: 50px;
                  padding-left: 5%;
                  background: #292a34;
                  border-top: 1px solid #3b3d4b;
                  color: #FFF;
                }*/
                /*@media only screen and (min-width: 768px) {
                  .main-nav {
                    width: auto;
                    height: auto;
                    background: none;
                    cursor: auto;
                  }
                  .main-nav ul {
                    position: static;
                    width: auto;
                    -webkit-transform: translateY(0);
                    -moz-transform: translateY(0);
                    -ms-transform: translateY(0);
                    -o-transform: translateY(0);
                    transform: translateY(0);
                    line-height: 80px;
                  }
                  .main-nav ul.is-visible {
                    -webkit-transform: translateY(0);
                    -moz-transform: translateY(0);
                    -ms-transform: translateY(0);
                    -o-transform: translateY(0);
                    transform: translateY(0);
                  }
                  .main-nav li {
                    display: inline-block;
                    margin-left: 1em;
                  }
                  .main-nav li:nth-last-child(2) {
                    margin-left: 2em;
                  }
                  .main-nav a {
                    display: inline-block;
                    height: auto;
                    line-height: normal;
                    background: transparent;
                  }
                  .main-nav a.cd-signin, .main-nav a.cd-signup {
                    padding: .6em 1em;
                    border: 1px solid rgba(255, 255, 255, 0.6);
                    border-radius: 50em;
                  }
                  .main-nav a.cd-signup {
                    background: #2f889a;
                    border: none;
                  }
                }*/

                /* -------------------------------- 
                
                xsigin/signup popup 
                
                -------------------------------- */
				.menu-item-2 {
                    display: block;
                  }
				.menu-item-2.is-hidden {
                    display: none;
				}
				  .menu-item-3 {
                    display: none;
                  }
				.menu-item-3.is-visible {
                    display: block;
                  }
                .cd-user-modal {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(52, 54, 66, 0.9);
                    z-index: 3;
                    overflow-y: auto;
                    cursor: pointer;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
                    -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
                    transition: opacity 0.3s 0, visibility 0 0.3s;
                }
                .cd-user-modal.is-visible {
                    visibility: visible;
                    opacity: 1;
                    -webkit-transition: opacity 0.3s 0, visibility 0 0;
                    -moz-transition: opacity 0.3s 0, visibility 0 0;
                    transition: opacity 0.3s 0, visibility 0 0;
                }
                .cd-user-modal.is-visible .cd-user-modal-container {
                    -webkit-transform: translateY(0);
                    -moz-transform: translateY(0);
                    -ms-transform: translateY(0);
                    -o-transform: translateY(0);
                    transform: translateY(0);
                }

                .cd-user-modal-container {
					border-radius: 24px;
                    position: relative;
                    width: 300px;
                    max-width: 100%;/*70%;*/
                    /* height: 360px; */
                    top: 10%;
                    background: #FFF;
                    margin: 3em auto 4em;
                    cursor: auto;
                    -webkit-transform: translateY(-30px);
                    -moz-transform: translateY(-30px);
                    -ms-transform: translateY(-30px);
                    -o-transform: translateY(-30px);
                    transform: translateY(-30px);
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    transition-property: transform;
                    -webkit-transition-duration: 0.3s;
                    -moz-transition-duration: 0.3s;
                    transition-duration: 0.3s;
                }
                .cd-user-modal-container .cd-switcher::after {
                    clear: both;
                    content: "";
                    display: table;
                }
                .cd-user-modal-container .cd-switcher li {
                    width: 50%;
                    float: left;
                    text-align: center;
                }
                .cd-user-modal-container .cd-switcher li:first-child a {
                    border-radius: .25em 0 0 0;
                }
                .cd-user-modal-container .cd-switcher li:last-child a {
                    border-radius: 0 .25em 0 0;
                }
                .cd-user-modal-container .cd-switcher a {
                    display: block;
                    width: 100%;
                    height: 50px;
                    line-height: 50px;
                    background: #d2d8d8;
                    color: #809191;
                }
                .cd-user-modal-container .cd-switcher a.selected {
                    background: #FFF;
                    color: #505260;
                }
                @media only screen and (min-width: 600px) {
                    .cd-user-modal-container {
                        margin: 4em auto;
                    }
                    .cd-user-modal-container .cd-switcher a {
                        height: 70px;
                        line-height: 70px;
                    }
                }

                .cd-form {
                    padding: 15px;
					/* box-shadow: -3px -3px 8px #fff; */
					border-radius: 10px;
                }
                .cd-form .fieldset {
                    position: relative;
                    margin: 1.4em 0;
                }
                .cd-form .fieldset:first-child {
                    margin-top: 0;
                }
                .cd-form .fieldset:last-child {
                    margin-bottom: 0;
                }
                .cd-form label {
                    font-size: 14px;
                }
                .cd-form label.image-replace {
                    /* replace text with an icon */
                    display: inline-block;
                    position: absolute;
                    left: 15px;
                    top: 50%;
                    bottom: auto;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                    height: 26px;
                    width: 26px;
                    overflow: hidden;
                    text-indent: 100%;
                    white-space: nowrap;
                    color: transparent;
                    text-shadow: none;
                    background-repeat: no-repeat;
                    background-position: 50% 0;
                }												
				.cd-form label.image-replace2 {
					/* replace text with an icon */
					display: inline-block;
					position: absolute;
					/* right: 15px; */
					top: 50%;
					bottom: auto;
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
					height: 26px;
					width: 26px;
					overflow: hidden;
					text-indent: 100%;
					white-space: nowrap;
					color: transparent;
					text-shadow: none;
					background-repeat: no-repeat;
					background-position: 50%;                    
				}
				.cd-form label.cd-username {
                    background-image: url(../../imagenes/cd-icon-username.svg);
                }
                .cd-form label.cd-email {
                    background-image: url(../../imagenes/cd-icon-email.svg);
                }
                .cd-form label.cd-password {
                    background-image: url(../../imagenes/cd-icon-password.svg);
                }
				.cd-form label.cd-eye {
					background-size: cover;
					background-origin: content-box;
					background-image: url(../../imagenes/eye.svg);
				}
				.cd-form label.cd-eye-crossed {
					background-size: cover;
					background-origin: content-box;
					background-image: url(../../imagenes/eye-crossed.svg);
				}				
                .cd-form input {
                    margin: 0;
                    padding: 0;
					border-radius: 20px
                }
                .cd-form input.full-width {
                    width: 100%;
                }
                .cd-form input.has-padding {
                    padding: 10px 20px 12px 50px;
                        -webkit-box-sizing: border-box; 
                        -moz-box-sizing: border-box;
                        box-sizing: border-box; 
                }
                .cd-form input.has-border {
                    border: 1px solid #d2d8d8;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    -ms-appearance: none;
                    -o-appearance: none;
                    appearance: none;
                }
                .cd-form input.has-border:focus {
                    outline: none;
                    border-bottom: 2px solid #444E84;
                }
                .cd-form input.has-error {
                    border: 1px solid #d76666;
                }
                /* YA NO SE APLICA ESTE ESTILO
                .cd-form input[type=password] {
                    
					space left for the HIDE button 
                    padding-right: 65px;
                }*/
                .cd-form input[type=submit] {
                    padding: 16px 0;
                    cursor: pointer;
                    border: 1px solid #456E8B;
					color: #fff;
					background-color: #444E84;
                    font-weight: bold;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    -ms-appearance: none;
                    -o-appearance: none;
                    appearance: none;
                }				
				/* YA NO SE APLICA ESTA ESTILO
				.cd-form input[type=submit]:hover {
                    color: #fff;
					border-color: rgb(54, 112, 213);
					background-color: rgb(54, 112, 213);
                }
				*/
                .no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
                    background: #3599ae;
                    outline: none;
                }
                .cd-form .hide-password {
                    display: inline-block;
                    position: absolute;
                    right: 0;
                    top: 0;
                    padding: 6px 7px;
                    border-left: 1px solid #d2d8d8;
                    top: 50%;
                    bottom: auto;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                    font-size: 14px;
 
                    color: #16171c;
                }
                .cd-form .cd-error-message {
                    display: inline-block;
                    position: absolute;
                    left: -5px;
                    bottom: -35px;
                    background: rgba(215, 102, 102, 0.9);
                    padding: .8em;
                    z-index: 2;
                    color: #FFF;
                    font-size: 13px;
                    font-size: 0.8125rem;
                    border-radius: 0.25em;
                    /* prevent click and touch events */
                    pointer-events: none;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
                    -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
                    transition: opacity 0.2s 0, visibility 0 0.2s;
                }
                .cd-form .cd-error-message::after {
                    /* triangle */
                    content: '';
                    position: absolute;
                    left: 22px;
                    bottom: 100%;
                    height: 0;
                    width: 0;
                    border-bottom: 8px solid rgba(215, 102, 102, 0.9);
                    border-left: 8px solid transparent;
                    border-right: 8px solid transparent;
                }
                .cd-form .cd-error-message.is-visible {
                    opacity: 1;
                    visibility: visible;
                    -webkit-transition: opacity 0.2s 0, visibility 0 0;
                    -moz-transition: opacity 0.2s 0, visibility 0 0;
                    transition: opacity 0.2s 0, visibility 0 0;
                }
                @media only screen and (min-width: 600px) {
                    .cd-form {
                        padding: 15px;
						/* box-shadow: -3px -3px 8px #fff; */
						border-radius: 10px;
                    }
                    .cd-form .fieldset {
                        margin: 2em 0;
                    }
                    .cd-form .fieldset:first-child {
                        margin-top: 0;
                    }
                    .cd-form .fieldset:last-child {
                        margin-bottom: 0;
						margin-top: 6px; 
                    }
                    .cd-form input.has-padding {
                        padding: 16px 40px 16px ;
                        -webkit-box-sizing: border-box; 
                        -moz-box-sizing: border-box;
                        box-sizing: border-box; 
						border: none; 
                        border-bottom: 2px solid rgb(173, 173, 173);
                    }
					
                    .cd-form input[type=submit] {
                        padding: 12px 0;
                    }
                }

                .cd-form-message {
                    padding: 1.4em 1.4em 0;
                    font-size: 14px;
                    font-size: 0.875rem;
                    line-height: 1.4;
                    text-align: center;
                }
                @media only screen and (min-width: 600px) {
                    .cd-form-message {
                        padding: 2em 2em 0;
                    }
                }

                .cd-form-bottom-message {
                    position: absolute;
                    width: 100%;
                    left: 0;
                    bottom: -30px;
                    text-align: center;
                    font-size: 14px;
                    font-size: 0.875rem;
                }
                .cd-form-bottom-message a {
                    color: #FFF;
                    text-decoration: underline;
                }

                .cd-close-form {
                    /* form X button on top right */
                    display: block;
                    position: absolute;
                    width: 40px;
                    height: 40px;
                    right: 0;
                    top: -40px;
                    background: url(../../imagenes/cd-icon-close.svg) no-repeat center center;
                    text-indent: 100%;
                    white-space: nowrap;
                    overflow: hidden;
                }
                @media only screen and (min-width: 1170px) {
                    .cd-close-form {
                        display: none;
                    }
                }

                #cd-login, #cd-signup, #cd-reset-password {
                    display: none;
                }

                #cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected {
                    display: block;
                }
				
				
                .table-container {
                    margin: auto;
                    /* width: 300px; */
                }

                .tr-table-container {
                    background: #FFF; 
                    width: 325px;
                    /* height: 350px;  */
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    padding: 30px 30px 30px 30px;
                    border-radius: 24px;
                    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.062);
                    padding: 0 0 10px 0; 

                }

                .img-user-login img{
					padding-top:0px;
                    width: 250px;/*02122024*/
                    height: auto;
                    transition: transform 0.3s ease-in-out;
                }

                .img-user-login img:hover {
                    transform: scale(1.05);
                }

                #full-width-ext {
                    width: 232px;
                    padding: 0;
                    color: #eee;
                }
                
                #cd-login,
                .cd-form {
                    margin: 0; 
                    padding: 0;
                }
                  
                .custom-submit-btn {
                    padding: 12px 0 !important; 
                    cursor: pointer !important;
                    border: 1px solid #456E8B !important;
                    color: #fff !important;
                    background-color: #444E84 !important;
                    font-weight: normal !important;
                    border-radius: 20px !important; /* Igual al input */
                    width: 100% !important; /* Para que se vea como full-width */
                }
                
                /* Ajustar tamaño de fuente y centrado */
                .custom-submit-btn .ui-button-text {
                    font-size: 1em !important;
                    text-align: center !important;
                    display: block !important;
                    padding: 0 !important;
                    font-weight: normal !important;
                }
                
                @keyframes vibrar {
                    0%, 100% { transform: translateX(0); }
                    25% { transform: translateX(-5px); }
                    50% { transform: translateX(5px); }
                    75% { transform: translateX(-5px); }
                }
                
                .ui-state-error {
                    animation: vibrar 0.3s ease-in-out 2;
                    border: 2px solid rgba(215, 102, 102, 0.9) !important;
                }