.patente_desktop { display: block }
.patente_mobile { display: none }

.patentes_contenedor {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/4542699169410236-patente-banner-desk-1.webp');
    background-position: center;
    background-size: cover;
}
.patentes_banner {
    max-width: 1366px;
    height: 472px;
    margin: 0px auto;
    color: #fff;
}
.patentes_banner > div {
    padding: 60px 0px 0px 105px;
    max-width: 547px;
}
.patentes_banner h1 {
    font-family: 'Nunito-Bold';
    font-size: 38px;
    line-height: 42px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-weight: 400;
    margin-bottom: 12px
}
.patentes_banner h2 {
    font-family: 'Nunito-Regular';
    font-size: 22px;
    line-height: 26px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-weight: 400;
}
.patentes_contenido {
    padding: 32px 32px 0px 32px;
    max-width: 1047px;
    margin-left: auto;
    margin-right: auto;
}
.patentes_zona_1_1 img {
    width: 100%;
    max-width: 464px;
    max-height: 438px;
    margin: 0px auto;
    display: block;
}
.patentes_zona_1 {
    display: flex; 
    justify-content: space-around;
    gap: 24px;
}

.patentes_contenedor a {
    display: block;
}
.btn_v {
    display: none;
    min-height: 48px;
    background: linear-gradient(268.68deg, #FD8300 2.73%, #FD5B00 99.3%);
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    font-family: 'Nunito-SemiBold';
    font-size: 17px;
    text-align: center;
    padding: 12px 32px;
    margin: 0px auto 32px auto;
}
.boton_inactivo {
    background: #c2c2c2 !important;
    cursor: not-allowed;
    pointer-events: none;
}
.boton_visible {display: block;}
.boton_oculto {display: none;}

.patentes_subtitulo h3 {
    font-family: 'Nunito-Bold';
    color: #1269B0;
    font-size: 26px;
    line-height: 29px;
    font-weight: 400;
    margin: 0px 0px 40px 0px;
}
.patentes_subtitulo h3 img {
    display: inline-block;
    width: 29px;
    margin-bottom: -3px;
}
.patentes_formulario select {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 46px;
    font-family: 'Nunito-SemiBold';
    color: #122E43;
    height: 46px;
    margin-bottom: 26px;
}
.patentes_formulario select {  
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    appearance: none;

    border: 1px solid #CBD4DC;
    border-radius: 6px;
    padding: 0px 16px;
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/06710977685773245-patentes_chevron_down.svg');
    background-repeat: no-repeat;
    background-position: 98% center;
    background-color: #fff;
}
.patentes_formulario select::-ms-expand {
    display: none;
}
.label_region, .label_comuna { position: relative; }
.label_region::before {
    content: 'Selecciona Regi\00F3n';
    position: absolute;
    top: -8px;
    left: 12px;
    background-color: #fff;
    padding: 0px 4px;
    font-family: 'Nunito-Regular';
    color: #122E43;
    font-size: 12px;
    line-height: 16px;
}
.label_comuna::before {
    content: 'Selecciona Comuna';
    position: absolute;
    top: -8px;
    left: 12px;
    background-color: #fff;
    padding: 0px 4px;
    font-family: 'Nunito-Regular';
    color: #122E43;
    font-size: 12px;
    line-height: 16px;
}
.patentes_solo_huincha_soap {
    width: 100%;
    max-width: 982px;
    margin: 40px auto;
    text-align: center;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0px 32px 40px -2px rgba(96, 128, 159, 0.15);
}
.huincha_soap_desktop {
    width: 100%;
    max-width: 982px;
}
.huincha_soap_mobile {
    width: 100%;
    max-width: 311px;
    max-height: 382px;
    margin: 0px auto;
}

.patentes_legal {
    font-family: 'Nunito-Regular';
    font-size: 14px;
    line-height: 18px;
    color: #7E99B4;
    margin: 80px auto;
    text-align: justify;
}
#region {
    margin-bottom: 34px;
}
@media only screen and (max-width:768px) {

    .patente_desktop { display: none }
    .patente_mobile { display: block }

    .patentes_contenedor {
        background-image: none;
        color: #0E2536;
    }
    .patentes_banner {
        background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/056487713143800855-patente-baner-mob.webp');
        background-position: center;
        background-size: cover;
        height: 441px;
    }
    .patentes_contenido h1 {
        font-family: 'Nunito-Bold';
        font-size: 30px;
        line-height: 33px;
        margin-block-start: 0em;
        margin-block-end: 0em;
        font-weight: 400;
        margin-bottom: 12px;
        margin-top: -24px;
    }
    .patentes_contenido h2 {
        font-family: 'Nunito-Regular';
        font-size: 16px;
        line-height: 21px;
        margin-block-start: 0em;
        margin-block-end: 0em;
        font-weight: 400;
    }
    .patentes_contenido {
        padding: 0px 32px 0px 32px;
    }
    .patentes_zona_1 {
        flex-direction: column;
    }
    .patentes_solo_huincha_soap {
        max-width: 311px;
    }
    .patentes_zona_1 {
        margin-top: 32px;
    }

}








/* COMPONENTE SOLICITA TU TARJETA */
.cta, .cta * {box-sizing: border-box}
.cta {
    background: linear-gradient(230deg, #0E2536 60.8%, #B3CAE0 106.48%);
    color: #fff;
    padding: 24px 24px 24px 240px;
    font-size: 14px;
    border-radius: 16px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 980px;
    margin: 32px auto;
}
.cta::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-position: center;
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/170170658332208-template_beneficio_cine_tarjetas.webp');
    width: 199px;
    height: 96px;
    left: -14px;
    bottom: 12px;
    z-index: 2;
}
.cta_titulo h3 {
    font-size: 24px;
    line-height: 100%;
    font-family: nunito-bold, sans-serif;
    margin-block-start: 0em;
    margin-block-end: 0em;
    color: #fff;
    text-align: left;
}
.cta_caracteristicas {
    display: flex;
}
.cta_caracteristicas > div {
    width: 107px;
    padding: 0px 4px;
    font-size: 14px;
}
.cta_caracteristicas span {
    display: block;
    text-align: center;
    font-family: nunito-bold, sans-serif;
    color: #fff;
}
.cta_boton {
    border-radius: 8px;
    max-height: 56px;
    overflow: hidden;
    padding: 16px 32px;
    text-decoration: none;
    background-size: 400% 100%;
    animation: gradient 1s ease-in-out infinite;
    transition: all 400ms;
    position: relative;
    z-index: 2;
}
.cta_boton:link, .cta_boton:visited {
    font-size: 18px;
    font-family: nunito-bold, sans-serif;
}
.cta_boton:hover, .cta_boton:active {
    padding: 16px 32px 16px 32px;
    transform: scale(1.05);
    
    /* animacion boton */
    background-size: 400% 100%;
    animation: gradient 400ms ease infinite;
    display: inline-block;
}
.cta::after {
    content: '';
    position: absolute;
    width: 8px;
    top: 2px;
    bottom: 2px;
    left: 0;
    background: linear-gradient(0deg, #FC671F 0%, #A40089 50.2%, #2463B2 95.79%);
    border-radius: 8px 0px 0px 8px / 20px 0px 0px 20px;
    z-index: 1;
}
.cta_boton::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}
.gratiente_1 {
    color: #6e137e;
    background: -webkit-linear-gradient(left, #ff8400, #b4008c, #005ae5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.not_mobile {
    display: block;
}
@media screen and (max-width:1070px) {
    .cta {
        flex-direction: column;
        padding: 70px 24px 32px 24px;
        min-height: 300px;
    }
    .cta::before {
        left: auto;
        bottom: auto;
        top: -20px;
        width: 159px;
        height: 76px;
    }
    .cta_titulo h3 {
        font-size: 20px;
    }
    .not_mobile {
        display: none;
    }
}

/* /COMPONENTE SOLICITA TU TARJETA */