/* Slider actual */
/*.banner-promocional-icon {
    height: 940px;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    object-fit: cover;
    min-width: 625px;*/
   /* min-height: 100vh;  CAMBIO CG min-height: 940px;*/
/*}*/

/* Slider nuevo con videos jul 2025 CG */
.banner-promocional-icon {
   /* height: 940px;*/
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    object-fit: cover;
    min-width: 625px;
    /* min-height: 100vh;  CAMBIO CG min-height: 940px;*/
}


/*.banner-promocional-icon {*/
   /* height: 900px;*/
    /*flex: 1;*/
    /*max-width: 100%;*/
    /*overflow: hidden;
    object-fit: cover;*/
    /*min-width: 625px;*/
    /* min-height: 100vh;*/ /* CAMBIO CG min-height: 940px;*/
   /* min-height: 900px;*/
/*}*/

.logo-social-dealer {
    height: 36px;
   /* width: 165.6px;*/
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
}

.iconos {
    height: 16px;
    width: 16px;
}

.botn,
.iconos,
.iconos1 {
    position: relative;
}

.botn {
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    min-width: 88px;
    color: var(--primario-azul-oscuro-vw);  /* CAMBIO CG nuevo */
}

.iconos1 {
    height: 16px;
    width: 16px;
    display: none;
}

.botn-primario,
.cabecera-de-seccin {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.botn-primario {
    border-radius: var(--br-5xs);
    justify-content: center;
    padding: var(--padding-xs) var(--padding-5xl);
    gap: var(--gap-5xs);
    cursor: pointer;
}

.cabecera-de-seccin {
    width: 839px;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--gap-xl);
    max-width: 100%;
    text-align: center;
    color: var(--primario-azul-oscuro-vw);
}

.ingresa-a-tu,
.prrafo-soporte- {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-family: inherit;
}

.ingresa-a-tu {
    font-size: inherit; /* CAMBIO CG inherit; */
    font-weight: 700;
    color: var(--primario-azul-oscuro-vw);
}

.ingresa-a-tu-2 {
    font-size: var(--font-size-3xl)!important; 
    font-weight: 700;
    color: var(--primario-azul-oscuro-vw);
}

.prrafo-soporte- {
    font-size: var(--gap-base); /* CAMBIO CG --p-01-size*/
    font-weight: 400;
}

.iconos2 {
    height: 16px;
    width: 16px;
    position: relative;
}

.desvincula {
    text-decoration: underline;
}

.recuerda-que-si-container {
    flex: 1;
    position: relative;
    font-weight: 600;
    display: inline-block;
    min-width: 528px;
    max-width: 100%;
    font-size: var(--copete-regular-size); /* CAMBIO CG  nuevo */
}

.bloque-de-texto,
.mensaje-advertencia {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
}

.mensaje-advertencia {
    align-self: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    font-size: var(--botn-02-size);
}

.bloque-de-texto {
    width: 839px;
    flex-direction: column;
    gap: var(--gap-base);
    font-size: var(--font-size-10xl);
    color: var(--grey-01);
    margin-top: 20px;
}

.iconos3 {
    height: 16px;
    width: 16px;
}

.botn1,
.iconos3,
.iconos4 {
    position: relative;
}

.botn1 {
    font-size: var(--botn-01-size);
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--copete-regular);
    color: var(--neutrales-blanco);
    text-align: center;
}

.iconos4 {
    height: 16px;
    width: 16px;
    display: none;
}

.botn-rrss {
    cursor: pointer;
    border: 0;
    padding: var(--padding-base) var(--padding-xl);
    background-color: var(--rrss-facebook);
   /* width: 599px; CAMBIO CG */
   /* box-shadow: var(--botn-primario);*/
    border-radius: var(--br-5xs);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    gap: var(--gap-5xs);
    max-width: 100%;
}

.botn-rrss:hover {
    background-color: #335282;
}

.battery-icon {
    height: 1.3px; /* CAMBIO CG 0.3px */
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    min-width: 181px;
}

.battery-icon,
.cap-icon,
.div1 {
    position: relative;
}

.div1 {
    font-size: var(--botn-02-size);
    font-family: var(--copete-regular);
    color: var(--primario-azul-oscuro-vw);
    text-align: center;
    display: inline-block;
    min-width: 9px;
}

.cap-icon {
    height: 1.3px; /* CAMBIO CG 0.3px */
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    min-width: 181px;
}

.div {
    width: 599px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--gap-base);
    max-width: 100%;
}

.iconos5 {
    height: 24px;
    width: 24px;
    position: relative;
    display: none;
}

.type-here {
    width: 170px;  /*208px;*/
    border: 0;
    outline: 0;
    font-family: var(--copete-regular);
    font-size: var(--botn-02-size);
    background-color: transparent;
    height: 21px;
    position: relative;
    color: var(--neutrales-grey);
    text-align: left;
    display: flex;
    align-items: center;
    padding: 0;
}

.iconos6 {
    height: 24px;
    width: 24px;
    position: relative;
    display: none;
}

.inputs {
    flex: 0.8852;
    border-radius: var(--br-5xs);
    background-color: var(--neutrales-blanco);
    border: 0.5px solid var(--neutrales-grey);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: var(--padding-mini) var(--padding-base);
    gap: var(--gap-base);
    min-width: 187px;
}

.iconos7 {
    height: 24px;
    width: 24px;
    position: relative;
    display: none;
    min-height: 24px;
    z-index: 1;
}

.type-here1 {
    width: 155px;
    border: 0;
    outline: 0;
    font-family: var(--copete-regular);
    font-size: var(--botn-02-size);
    background-color: transparent;
    height: 21px;
    position: relative;
    color: var(--neutrales-grey);
    text-align: left;
    display: flex;
    align-items: center;
    padding: 0;
}

.iconos8 {
    height: 24px;
    width: 24px;
    position: relative;
    min-height: 24px;
}

.inputs1 {
    align-self: stretch;
    border-radius: var(--br-5xs);
    background-color: var(--neutrales-blanco);
    border: 0.5px solid var(--neutrales-grey);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: var(--padding-mini) var(--padding-base);   
}

.botn2,
.iconos9 {
    position: relative;
}

.iconos9 {
    height: 16px;
    width: 16px;
    display: none;
}

.botn2 {
    font-size: var(--copete-regular-size);
    text-decoration: underline;
    font-family: var(--copete-regular);
    color: var(--primario-azul-oscuro-vw);
    text-align: center;
}

.iconos10 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
}

.botn-primario1,
.password-input {
    display: flex;
    align-items: center;
    gap: var(--gap-5xs);
}

.botn-primario1 {
    align-self: stretch;
    flex-direction: row;
    justify-content: flex-end;
    padding: var(--padding-9xs) var(--padding-5xs);
}

.password-input {
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 187px;
}

.divEye {
    margin-left: 10px;
    margin-right: 20px;
}

.wifi {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: var(--gap-5xl);
    margin-top: 15px;
    margin-bottom: 15px;
}

.iconos11 {
    height: 24px;
    width: 24px;
    position: relative;
    display: none;
    min-height: 24px;
}

.bounds,
.checkbox {
    margin: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.checkbox {
    height: 83.33%;
    width: 83.33%;
    top: 8.33%;
    right: 8.33%;
    bottom: 8.33%;
    left: 8.33%;
    z-index: 1;
}

.switchesradiobutton-off {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.controles-de-seleecin {
    height: 24px;
    width: 24px;
    position: relative;
}

.acepto {
    position: relative;
    font-size: var(--copete-regular-size);
    font-family: var(--copete-regular);
    /*color: var(--neutrales-grey);*/
    color: var(--primario-azul-oscuro-vw) !important;
    text-align: left;
    display: inline-block;
    min-width: 88px;
}

.selectores,
.selectores-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.selectores {
    border-radius: var(--br-5xs);
    gap: var(--gap-5xs);
}

.selectores-wrapper {
    align-self: stretch;
}

.iconos12 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
}

.botn3 {
    position: relative;
    font-size: var(--botn-02-size);
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--copete-regular);
    color: var(--neutrales-blanco);
    text-align: center;
    display: inline-block;
    min-width: 69px;
}

.iconos13 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
}

.botn-primario2 {
    cursor: pointer;
    border: 0;
    padding: var(--padding-xs) 65.5px;
    background-color: var(--primario-azul-oscuro-vw);
   /* box-shadow: var(--botn-primario);*/
    border-radius: var(--br-5xs);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--gap-5xs);
}

.botn-primario2:hover {
    background-color: #335282;
}

.cta-logue,
.cta-usuario-contrasea {
    width: 599px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-base);
    max-width: 100%;
}

.cta-logue {
    margin: 0;
    width: 839px;
    border-radius: 16px;
    background-color: var(--grey-10);
    /*padding: var(--padding-base) var(--padding-xl);*/
    box-sizing: border-box;
    gap: var(--gap-5xl);
    color: var(--grey-01);
}

.es-la-primera,
.iconos14 {
    position: relative;
    color: var(--primario-azul-oscuro-vw) !important; /* CAMBIO CG Nuevo */
    font-size: var(--copete-regular-size); /* CAMBIO CG Nuevo */
}

.iconos14 {
    height: 16px;
    width: 16px;
    display: none;
}

.botn4 {
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    min-width: 83px;
}

.iconos15 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
}

.botn-primario3 {
    border-radius: var(--br-5xs);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-5xs) var(--padding-5xl);
    gap: var(--gap-5xs);
    text-align: center;
    color: var(--primario-azul-oscuro-vw);
}

.iconos16 {
    height: 24px;
    width: 24px;
    position: relative;
    display: none;
    z-index: 1;
}

.inputs2 {
    border-radius: var(--br-5xs);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-5xs);
    max-width: 100%;
}

.iconos17 {
    height: 16px;
    width: 16px;
    position: relative;
}

.botn5 {
   /* flex: 1;*/
    position: relative;
   /* text-transform: uppercase;*/
    font-weight: 600;
    color: var(--rrss-facebook); /* CAMBIO CG Nuevo*/
}

.iconos18 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
}

.botn-rrss1,
.cta-inferior {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.botn-rrss1 {
   /* width: 325px; */ /*289px;*/
    border-radius: var(--br-5xs);
    justify-content: center;
    padding: var(--padding-xs) var(--padding-xs);
    box-sizing: border-box;
    gap: var(--gap-5xs);
    text-align: center;
    color: var(--rrss-facebook);
    margin-top: -30px;
}

.cta-inferior {
    /* width: 839px;  CAMBIO CG */
    /* flex-wrap: wrap;  CAMBIO CG */
    justify-content: space-between;
    max-width: 100%;
    gap: var(--gap-xl);
}

.copyright-2023 {
    position: relative;
    font-weight: 300;
    display: inline-block;
    min-width: 103px;
}

.eleven-advertising-group {
    position: relative;
    font-weight: 300;
    color: var(--primario-azul-oscuro-vw);
}

.ver-150 {
    position: relative;
    font-weight: 300;
    display: inline-block;
    min-width: 52px;
}

.copyright,
.formulario-de-logue {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    max-width: 100%;
}

.copyright {
    width: 839px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 var(--padding-xl);
    gap: var(--gap-base);
    font-size: var(--copete-regular-size);
    /* CAMBIO CG nuevo */
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
}

.formulario-de-logue {
    flex: 0.9376;
    flex-direction: column;
    justify-content: flex-start;
    padding: var(--padding-29xl) var(--padding-41xl) 23px 0;
    gap: var(--gap-29xl);
    min-width: 625px;
}

.body,
.login-ingresar-a-mi-cuenta {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.body {
    flex: 1;
    row-gap: 20px;
    max-width: 100%;
    text-align: left;
    font-size: var(--botn-02-size);
    color: var(--neutrales-grey);
    font-family: var(--copete-regular);
}

.login-ingresar-a-mi-cuenta {
    width: 100%;
    position: relative;
    background-color: var(--background);
    line-height: normal;
    letter-spacing: normal;
}

.frame-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    /* gap: var(--gap-base); CAMBIO CG */
    max-width: 100%;
    font-size: var(--font-size-3xl); /*var(--font-size-10xl);*/ /* var(--p-01-size);*/
    color: var(--add-rojo-01);
    margin-bottom: -50px; /* CAMBIO CGN nuevo */
}

.icon-accin-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 var(--padding-xl);
}

.icon-accin {
    height: 55px;
    width: 55px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.vinculacin-de-perfil-de-faceb-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-12xl);
    box-sizing: border-box;
    max-width: 100%;
}

.prrafo-soporte-1 {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: var(--copete-regular-size);
   /* font-weight: 600;*/
    font-family: inherit;
    color: var(--grey-01);
}

.vincular-cuenta-de-facebook- {
    width: 100%;
    position: relative;
    background-color: var(--background);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 62px;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    font-size: var(--botn-02-size);
    color: var(--neutrales-grey);
    font-family: var(--copete-regular);
}

/* nuevo login 3 */
.background {
    width: 430px;
    height: 520px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}

    .background .shape {
        height: 200px;
        width: 200px;
        position: absolute;
        border-radius: 50%;
    }

.shape:first-child {
    background: linear-gradient( #1845ad, #23a2f6 );
    left: -80px;
    top: -80px;
}

.shape:last-child {
    background: linear-gradient( to right, #ff512f, #f09819 );
    right: -30px;
    bottom: -80px;
}

.form {
    height: auto;
    width: 600px;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    transform: translate(-50%, 0%);
    top: 5%; /*  40% 50%;*/
    left: 70%;
    border-radius: 10px;
    /*backdrop-filter: blur(30px);*/
    /*border: 2px solid rgba(255, 255, 255, 0.1);*/
    box-shadow: 0 0 40px rgba(8, 7, 16, 0.6);
    padding: 30px 20px;
    z-index: 999;
}

.form * {
    /*font-family: 'Poppins',sans-serif;*/
    /*color: #ffffff;*/
    /*letter-spacing: 0.5px;*/
    outline: none;
    /*border: none;*/
}

/*.form h3 {
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    text-align: center;
}*/

label {
    display: block;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
}

input {
    display: block;
    height: 50px;
    width: 100%;
    background-color: rgba(255,255,255,0.07);
    border-radius: 3px;
    padding: 0 10px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 300;
}

::placeholder {
    color: #e5e5e5;
}

button {
    margin-top: 12px;
    /* width: 100%;*/
    background-color: #ffffff;
    color: #080710;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
}

.social {
    margin-top: 30px;
    display: flex;
}

.social div {
    background: red;
    width: 150px;
    border-radius: 3px;
    padding: 5px 10px 10px 5px;
    background-color: rgba(255,255,255,0.27);
    color: #eaf0fb;
    text-align: center;
}

    .social div:hover {
        background-color: rgba(255,255,255,0.47);
    }

.social .fb {
    margin-left: 25px;
}

.social i {
    margin-right: 4px;
}

.cta-logue {
    background-color: unset !important;
}

.botn {
    color: var(--primario-azul-oscuro-vw) !important;
}

.botn2 {
    color: var(--primario-azul-oscuro-vw) !important;
}

.type-here {
    color: var(--primario-azul-oscuro-vw) !important;
}

::placeholder {
    color: var(--primario-azul-oscuro-vw) !important;
    opacity: 1; /* Firefox */
}

.botones {
    /* width: 599px;*/
    flex-direction: row;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 20px;
}

.botones, .cta {
    gap: var(--gap-5xl);
    max-width: 100%;
}

.botn-primario9, .botones, .cta {
    display: flex;
    align-items: center;
}

.botn-cancelar {
    cursor: pointer;
    border: 1px solid var(--add-rojo);
    padding: 10px var(--padding-xl);
    background-color: transparent;
    flex: 1;
    border-radius: var(--br-5xs);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--gap-5xs);
    min-width: 187px;
}

.botn-cancelar:hover {
    background-color: rgba(255, 69, 87, 0.09);
    border: 1px solid #ff4557;
    box-sizing: border-box;
}

.botn-primario9 {
    cursor: pointer;
    border: 0;
    padding: var(--padding-xs) 65px;
    background-color: var(--primario-azul-oscuro-vw);
   /* box-shadow: var(--botn-primario);*/
    border-radius: var(--br-5xs);
    flex-direction: row;
    justify-content: center;
    gap: var(--gap-5xs);
    white-space: nowrap;
}

.botn-primario9:hover {
    background-color: #335282;
}

.botn-primario9, .botones, .cta {
    display: flex;
    align-items: center;
}

.iconos39 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
}

.botn13 {
    position: relative;
    font-size: var(--botn-02-size);
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--copete-regular);
    color: var(--add-rojo);
    text-align: center;
    display: inline-block;
    min-width: 75px;
}

.iconos40 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
}

.botn14 {
    position: relative;
    font-size: var(--botn-02-size);
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--copete-regular);
    color: var(--neutrales-blanco);
    text-align: center;
}

/* Formulario de registro */
.selectores-parent {
    align-self: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--gap-xl);
}

.botn-primario15, .selectores-parent, .selectores2 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.selectores1 {
    border-radius: var(--br-5xs);
    justify-content: flex-start;
}

.botn-primario14, .selectores1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--gap-5xs);
}

.iconos55 {
    height: 24px;
    width: 24px;
    position: relative;
    display: none;
}

.controles-de-seleecin1 {
    height: 24px;
    width: 24px;
    position: relative;
}

.switchesradiobutton-off1 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.bounds1, .checkbox1 {
    margin: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.acepto1 {
    position: relative;
    font-size: var(--botn-02-size);
    font-family: var(--copete-regular);
    color: var(--neutrales-grey);
    text-align: left;
    display: inline-block;
    min-width: 51px;
}


.botn-primario14 {
    justify-content: center;
    padding: var(--padding-9xs) var(--padding-5xs);
}

.botn-primario14, .selectores1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--gap-5xs);
}

.iconos56 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
}

.botn19 {
    position: relative;
    font-size: var(--botn-02-size);
    text-decoration: underline;
    font-family: var(--copete-regular);
    color: var(--primario-azul-oscuro-vw);
    text-align: center;
}

.iconos57 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
}

.selectores2 {
    border-radius: var(--br-5xs);
    justify-content: flex-start;
    gap: var(--gap-5xs);
}

.iconos58 {
    height: 24px;
    width: 24px;
    position: relative;
    display: none;
}

.controles-de-seleecin2 {
    height: 24px;
    width: 24px;
    position: relative;
}

.switchesradiobutton-off2 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.bounds2, .checkbox2 {
    margin: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.checkbox2 {
    height: 83.33%;
    width: 83.33%;
    top: 8.33%;
    right: 8.33%;
    bottom: 8.33%;
    left: 8.33%;
    z-index: 1;
}

.acepto2 {
    position: relative;
    font-size: var(--botn-02-size);
    font-family: var(--copete-regular);
    color: var(--neutrales-grey);
    text-align: left;
    display: inline-block;
    min-width: 51px;
}

.botn-primario15, .selectores-parent, .selectores2 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.botn-primario15 {
    justify-content: center;
    padding: var(--padding-9xs) var(--padding-5xs);
    gap: var(--gap-5xs);
}

.iconos59 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
}

.botn20 {
    position: relative;
    font-size: var(--botn-02-size);
    text-decoration: underline;
    font-family: var(--copete-regular);
    color: var(--primario-azul-oscuro-vw);
    text-align: center;
}

.iconos60 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
}

.pasos-a-seguir-para-registrart {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
   /* box-shadow: var(--cards1);*/
    border-radius: var(--br-5xs);
    background-color: var(--background-defecto);
    border: 0.5px solid var(--neutrales-grey-01);
    font-size: var(--h-04-size);
}

.iconos59,
.ve-los-pasos {
    position: relative;
}

.iconos59 {
    height: 24px;
    width: 24px;
    min-height: 24px;
}
.title {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: var(--padding-base);
    gap: var(--gap-xl);
}

.campo-de-paso-22,
.n-de-paso-container {
    align-items: flex-start;
    justify-content: flex-start;
}

.campo-de-paso-22,
.n-de-paso-container {
    align-items: flex-start;
    justify-content: flex-start;
}

.n-de-paso-container {
    height: 163px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--gap-5xs);
}

.campo-de-paso-22 {
    align-self: stretch;
    border-top: 0.5px solid var(--neutrales-grey-01);
    overflow-x: auto;
    display: none;
    flex-direction: row;
    padding: var(--padding-mini) var(--padding-base) var(--padding-base);
    gap: var(--gap-base);
    color: var(--neutrales-blanco-defecto);
}
.n-de-paso9 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}
.b8 {
    height: 24px;
    position: relative;
    display: inline-block;
}

.wrapper4 {
    height: 36px;
    width: 36px;
    border-radius: var(--br-11xl);
    background-color: var(--primario-50);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.n-de-paso-parent {
    /*height: 145px;*/
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xs);
    margin: 15px;
}
.n-de-paso-child {
    height: 0;
    width: 214px;
    position: relative;
}
.ingresa-con-usuario {
    align-self: stretch;
    height: 21px;
    position: relative;
    font-size: var(--p-03-size);
    font-weight: 600;
    color: var(--primario-azul-oscuro-vw);
    display: inline-block;
    margin-left: 50px;
    margin-top: -40px;
}
.utiliza-el-usuario {
    align-self: stretch;
    flex: 1;
    position: relative;
    font-size: var(--copete-bold-size);
    color: var(--neutrales-gris-textos);
    margin-left: 50px;
}

.bullet {
    align-self: stretch;
    border-radius: var(--br-11xl);
    background-color: var(--primario-azul-oscuro-vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-7xs) var(--padding-sm);
    position: relative;
    display: inline-block;
    min-width: 7px;
    font-weight: bold;
    color: var(--neutrales-blanco-defecto);
    font-size: medium;
}



/********************************/
/* media query parte responsiva */
/********************************/

@media screen and (min-width: 1525px) {
    .body {
      /*  border: 3px dashed cyan;*/
    }

    .banner-promocional-icon,
    .formulario-de-logue {
        flex: 1;
    }

    .body {
        flex-wrap: wrap;
    }

    .owl-carousel .owl-item img {
        height: 1100px !important;
    }

    .owl-carousel .owl-item video {
        height: 1100px !important;
    }
}

@media screen and (max-width: 1525px) {
    .body { 
      /* border: 3px dashed blue; */
    }

    .banner-promocional-icon,
    .formulario-de-logue {
        flex: 1;
    }

    .body {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1225px) {
    .body {
     /*   border: 3px dashed gold;*/
    }

    .formulario-de-logue {
        padding-right: var(--padding-11xl);
        box-sizing: border-box;
    }

    .form {
        width: 550px;
        left: 50%;
    }

    .loader {
        left: 50% !important;
    }
}

@media screen and (max-width: 850px) {
    .body {
     /*   border: 3px dashed red;*/
    }

    .form {
        width: 500px;
        top: 5%;
        left: 50%;
    }

    .divEye {
        margin-left: 3px !important;
    }

    .banner-promocional-icon {
        min-width: 100%;
        height: 1250px;
    }

    .popupBody {
        width: 90% !important;
        margin-left: 10% !important;
    }

    .popupContent {
        padding: 10px !important;
    }

    .aceptoPopup {
        min-width: auto !important;
    }

    .botn-cancelar-popup {
        min-width: 80px !important;
        width: 85px !important;
        margin-left: -20px;
    }

    .botn-aceptar-popup {
        min-width: 80px !important;
        width: 85px !important;
    }

    .ingresa-a-tu {
        font-size: var(--font-size-10xl);
    }

    .recuerda-que-si-container {
        min-width: 100%;
    }

    .formulario-de-logue {
        padding-top: var(--padding-12xl);
        padding-bottom: var(--padding-xl);
        box-sizing: border-box;
        min-width: 100%;
    }

    .loader {
        width: 45px !important;
        height: 45px !important;
        left: 45% !important;
    }


    .owl-carousel .owl-item img {
        height: 1300px !important;
    }

    .owl-carousel .owl-item video {
        height: 1300px !important;
    }

}

@media screen and (max-width: 500px) {
    .body {
     /*   border: 3px dashed green;*/
    }

    .form {
        width: 325px;
        top: 5%;
        left: 50%;
    }

    .banner-promocional-icon {
        height: 1250px;
    }

    .inputs2 {
        display: block;
    }

    .botn1 {
        font-size: var(--botn-02-size);
    }

    .botn-rrss1 {
        padding: 2px;
        display: block;
        margin-bottom: 15px;
    }

    .botn-primario1 {
        align-self: center;
    }

    .copyright {
        padding: 0px;
        margin-bottom: 10px;
        font-size: var(--copete-small-size);
    }

    .contentAccordion {
        padding: 0px;
    }

    .ingresa-a-tu {
        font-size: var(--h-05-size);
    }

    .prrafo-soporte- {
        font-size: var(--p-03-size);
    }

    .recuerda-que-si-container {
        font-size: var(--copete-small-size);
    }

    .prrafo-soporte- {
        font-size: var(--botn-01-size);
    }

    .div1 {
        width: 100%;
        height: 9px;
    }

    .popupBody {
        width: 90% !important;
        margin-left: 10% !important;
    }

    .popupContent {
        padding: 10px !important;
    }

    .aceptoPopup {
        min-width: auto !important;
    }

    .botn-cancelar-popup {
        min-width: 80px !important;
        width: 85px !important;
        margin-left: -20px;
    }

    .botn-aceptar-popup {
        min-width:80px !important;
        width: 85px !important;
    }

    .loader {
        width: 45px !important;
        height: 45px !important;
        left: 40% !important;
    }

    .wifi {
        /* width: 60% !important;*/
        width: 90% !important;
        margin-left: 5%;
    }

    .botn-primario9 {
        padding: var(--padding-xs) !important;
        width: 260px;
        margin-bottom: 25px;
    }

    .botn-cancelar {
        min-width: 100px !important;
    }

    .botn14 {
        font-size: var(--copete-small-size);
    }

/*    .botn3 {
        font-size: var(--copete-small-size);
    }*/

    .selectores-parent {
        margin-left: 20px !important;
    }

    .password-input {
        /*min-width: 100px !important;*/
    }

    .botones {
        margin: 5% !important;
    }

    .divEye {
      /*  margin-left: -25px !important;*/
    }

    .inputs {
        flex: 1;
       
    }

    .formulario-de-logue {
        gap: var(--gap-5xl);
    }

    .contentAccordion {
        padding: 0px !important;
        margin-left: -10px;
        margin-right: -10px;
    }

    .panel {
        padding: 0 !important;
    }

    .battery-icon {
        display: none;
    }

    .cap-icon {
        display: none;
    }

    .owl-carousel .owl-item img {
        height: 1300px !important;
    }

    .owl-carousel .owl-item video {
        height: 1300px !important;
    }
}