.document-dialog {
    font-size: 16px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}
.ui-dialog-titlebar {
    text-align: center;
    color: red;
    margin-bottom: 20px !important;
}
.document-dialog-button {
margin-top: 20px;
color: #fff;
background-color: #002c5f;
border: none;
padding: 10px 20px;
cursor: pointer;
font-size: 16px;
}

.placeholder__size__departamento {
    font-size: .90rem !important;
    color: #666555 !important;
}

.document-dialog-button:hover {
background-color: #002c5f;
opacity: 0.5;
}
/* .form-start-date {
    background: #eee !important;
} */
.validation__message {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EFF7F9;
    padding: 16px;
    margin-bottom: 25px;
    border-radius: 5px;
}
.validation__message span {
    font-size: 14px;
    color: #002C5F;
    font-weight: 500;
    font-family: HyundaiSansHead-Regular;
}
.description-section {
    display:  block !important;
}

.cart__container {
    background-color: transparent !important;
}
.version__election__title {
    font-size: 20px;
    color: #000000;
    border: 0 !important;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 120% */
}
.version__election__paragraph {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
}
.version__election__price {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    text-align: center !important   ;
    line-height: 20px; /* 166.667% */
}
.continue {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 16px;
    gap: 16px;
    padding-bottom: 60px;
}
#versioncotiza {
    margin: 0px !important;
    line-height: normal !important;
}

/* .versioncotiza_content  label {
    top: 0.9rem !important;
} */
.versioncotiza_content #versioncotiza + label[for="versioncotiza"].placeholder {
    top: 0.9rem;
    line-height: inherit !important;
}
#versioncotiza:focus + label[for="versioncotiza"].placeholder {
    top: -1rem;
}
.page-template-page-modelo-cotizar section.cotizador-simulador input[type=email].is-content~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador input[type=email]:focus~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador input[type=number].is-content~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador input[type=number]:focus~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador input[type=password].is-content~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador input[type=password]:focus~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador input[type=search].is-content~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador input[type=search]:focus~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador input[type=tel].is-content~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador input[type=tel]:focus~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador input[type=text].is-content~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador input[type=text]:focus~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador select.is-content~label.placeholder, .page-template-page-modelo-cotizar section.cotizador-simulador select:focus~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=email].is-content~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=email]:focus~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=number].is-content~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=number]:focus~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=password].is-content~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=password]:focus~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=search].is-content~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=search]:focus~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=tel].is-content~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=tel]:focus~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=text].is-content~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador input[type=text]:focus~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador select.is-content~label.placeholder, .page-template-page-modelo-cotizar_glp section.cotizador-simulador select:focus~label.placeholder {
    top: 0 !important;
}

.checkbox-error {
    border: 1px solid red;
}
.checkbox-square.error {
    border: 1px solid red;
}


#dialog-container.ui-dialog-content::before {
    content: "";
    display: inline-block;
    width: 40px; /* Ajusta según el tamaño deseado */
    height: 40px; /* Ajusta según el tamaño deseado */
    background-image: url("data:image/svg+xml,%3Csvg width='140' height='140' viewBox='0 0 140 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M69.9974 128.331C37.7799 128.331 11.6641 102.215 11.6641 69.9974C11.6641 37.7799 37.7799 11.6641 69.9974 11.6641C102.215 11.6641 128.331 37.7799 128.331 69.9974C128.331 102.215 102.215 128.331 69.9974 128.331ZM69.9974 116.664C82.3742 116.664 94.244 111.747 102.996 102.996C111.747 94.244 116.664 82.3742 116.664 69.9974C116.664 57.6206 111.747 45.7508 102.996 36.9991C94.244 28.2474 82.3742 23.3307 69.9974 23.3307C57.6206 23.3307 45.7508 28.2474 36.9991 36.9991C28.2474 45.7508 23.3307 57.6206 23.3307 69.9974C23.3307 82.3742 28.2474 94.244 36.9991 102.996C45.7508 111.747 57.6206 116.664 69.9974 116.664ZM69.9974 40.8307C71.5445 40.8307 73.0282 41.4453 74.1222 42.5393C75.2161 43.6332 75.8307 45.117 75.8307 46.6641V75.8307C75.8307 77.3778 75.2161 78.8616 74.1222 79.9555C73.0282 81.0495 71.5445 81.6641 69.9974 81.6641C68.4503 81.6641 66.9666 81.0495 65.8726 79.9555C64.7786 78.8616 64.1641 77.3778 64.1641 75.8307V46.6641C64.1641 45.117 64.7786 43.6332 65.8726 42.5393C66.9666 41.4453 68.4503 40.8307 69.9974 40.8307ZM69.9974 99.1641C68.4503 99.1641 66.9666 98.5495 65.8726 97.4555C64.7786 96.3616 64.1641 94.8778 64.1641 93.3307C64.1641 91.7836 64.7786 90.2999 65.8726 89.2059C66.9666 88.112 68.4503 87.4974 69.9974 87.4974C71.5445 87.4974 73.0282 88.112 74.1222 89.2059C75.2161 90.2999 75.8307 91.7836 75.8307 93.3307C75.8307 94.8778 75.2161 96.3616 74.1222 97.4555C73.0282 98.5495 71.5445 99.1641 69.9974 99.1641Z' fill='%23EA382A'/%3E%3C/svg%3E");    background-size: contain; /* Ajusta el tamaño de fondo para que se ajuste al contenedor */
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 3px;
}

#dialog-container.ui-dialog-content {
    display: flex;
}

.ui-dialog-titlebar {
    display: none;
}
.version_election_legal {
    width: 80%;
    margin: auto;
}
@media(max-width: 768px) {
    .version_election_legal {
        width: 90%;
    }
    .version__election__price {
        text-align: left !important;
    }
}
.cart__container {
    padding-bottom: 0px !important;
}
.placeholder {
    line-height: normal !important;
}

.continue__redirect {
    display: flex;
    width: 100%;
}
.cart__container {
    padding-top: 0px !important;
}

.versioncotiza_content  {
    width: 100%;
    display: flex;
    justify-content: center;
}
.form-group__radios div {
    padding-right: 12px !important;
}
#continueButton {
    width: 100% !important;
}
#contentCotizador {
    position: relative;
}

#continueButton {
    background: #002C5F;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 421px;
    height: 48px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
    color: #ffffff;
}
#continueButton:hover {
    opacity: 0.8;
}
#backButton {
    position: relative;
    color: #9B9B9B;
    width: 421px;
    font-family: "Hyundai Sans Text Office";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
    text-decoration-line: underline;
}
#backButton:hover {
    opacity: 0.8;
}
#backButton::before {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #9B9B9B;
}
.version_selected {
    color: #002C5F;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 120% */
}
h3 {
    border-top: 0px !important;
}
.contentElection {
    background: #EBF5F8 !important;
    padding: 32px 24px !important;
}
.contentElection h3 {
    color: #002C5F;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 32px !important;
    padding-top: 0px;
    text-transform: none;
}
.form-group__radios {
    display: flex !important;
    gap: 15px !important;
    align-items: center;
    flex-wrap: nowrap !important;
}

@media(max-width: 768px) {
    .form-group__radios {
        flex-direction:column;
        align-items: flex-start
    }
}

.checked-form-new {
    display: flex;
    position: relative;
    height: 18px;
    align-items: center;
    gap: 10px
}

.checked-form {
    display: flex;
    align-items: center;
    gap: 10px
}

.checked-form .checked-form-label {
    margin: 0
}

.checked-form-new .checked-form-input {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #002C5F;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.form-group .checked-from-icon {
    display: none;
    position: absolute;
    top: .18rem;
    color: #002C5F!important;
    font-size: 13px;
    margin: 0;
    padding: 0;
    left: .2rem
}

.checked-form-new .checked-form-input:checked+i.fa-circle {
    display: block !important
}

.content-legal {
    display: flex;
    gap: 10px
}

.checkbox-square {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 5%;
    vertical-align: middle;
    border: 1px solid #002C5F;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer
}

.checkbox-square:checked {
    background-color: transparent;
    position: relative;
    z-index: 2
}
#chooseAnother {
    padding: 10px 20px;
    margin-top: 40px;
    background-color: #002C5F;
    border: 0;
    border-radius: 0;
}
#chooseAnother:hover {
    opacity: 0.8;
}
.cotizacionelection {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: #ffffff;
    transform: translateX(-100%);
    transition: ease all 1.5s;
    padding: 0px !important;
}
.cotizacionelection .cotizacionelection_add {
    transform: translateX(0%);
    transition: ease all 1.5s;
}
[disabled].form-control {
    background-color: #F2F2F2;
}
.cotizacion {
    z-index: 3;
    opacity: 1;
    transition: ease all 3s;
}
.cotizacion.cotizacion_add {
    z-index: 3;
    transition: ease all 3s;
    opacity: 0;
}

body {
    position: relative;
    width: 100%;
    height: 100%;
}

.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* Opacidad media blanca */
    display: flex;
    justify-content: center;
    z-index: 300;
    align-items: center;
}
@media(max-width: 768px) {
    .breadcrumbs-pasos {
        padding-top: 20px;
        padding-bottom: 40px;
    }
}

.spinner {
    width: 200px; /* Ajusta el tamaño del spinner según sea necesario */
    height: 200px;
    background-image: url('https://hyundai.pe/wp-content/uploads/2024/06/cargando_icon_gad.gif');
    background-size: contain;
    background-repeat: no-repeat;
}

.cart {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}
@media(max-width: 768px) {
    .cart {
        position: static;
    }
}
.w-95 {
    width: 95%;
}
.w-5 {
    width: 5%;
}
.lega-content {
    display: flex;
    gap: 10px;
}

@media(max-width: 768px) {
    .form {
        gap: 1rem !important;
    }
    .cart__info-detail h2, h3 , p {
        text-align: left !important;
    }
    .cart__container .description-strong {
        text-align: center !important;
    }
    .cart__info-detail {
        padding-left: 20px;
    }
}
.checkbox-square {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 5%;
    vertical-align: middle;
    border: 1px solid #002C5F;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer
}

.checkbox-square:checked {
    background-color: transparent;
    position: relative;
    z-index: 2
}

.legal-columns {
    padding-left: 12px
}

#aceptoinfo-error {
    position: absolute !important;
    top: -40px !important;
    width: max-content !important;
}

.square-content .checkbox-square:checked~.check-icon {
    display: block;
    position: absolute;
    top: 7px;
    z-index: 1;
    font-size: 10px;
    color: #fff;
    width: 18px;
    background-color: #002C5F;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.checkbox-square+input {
    position: relative;
    z-index: 2
}

.square-content {
    position: relative
}

.checkbox-square~.check-icon {
    display: none
}
@media(max-width: 768px) {
    .page-template-page-modelo-cotizar_glp .menu-float__button {
        display: none;
    }
    .terminos-financiamiento {
        padding-bottom: 20px !important;
    }
    .btn-cotizador {
        margin-top: 0px !important;
    }
    .btn-cotizador-content {
        position: fixed;
        bottom: 0;
        width: 100% !important;
        left: 0;
        z-index: 20;
        padding: 20px;
        right: 0;
        background: #F6F3F2;
    }
}