:root {
    --font-size-default: 16px;
    --padding-viewport: 50px;
    --padding-viewport-top: 100px;
    --tipografia-principal: DM Sans, Arial;
    --tipografia-secundaria: DM Sans, Arial;
    --color-1: #FFFFFF;
    --color-2: #FF6428;
    --color-3: #0B0B0B;
}
    
    
    body{background:black;color: white;font-family: DM Sans, Arial;background: url(https://www-storage.13.cl/c13/13go/image/bg-generico-2.jpg) center top no-repeat #040404;}
    a{text-decoration: none;}
    
    
    
    .micuenta{max-width: 985px;margin:auto;padding-top: var(--padding-viewport-top);}
    .micuenta *{box-sizing: border-box;}
    .micuenta:not(.post-suscripcion) .content {min-height:630px;DISPLAY: GRID;grid-template-columns: 50% 50%;border-radius: 20px;overflow: hidden;backdrop-filter: blur(25px);box-shadow:0px 0px 30px rgba(0,0,0,.2);}
    .micuenta .formulario{background:rgba(255, 255, 255, 0.9);color:#222222;padding:50px 30px;}
    .micuenta .titulo{font-family: var(--tipografia-secundaria);font-size: calc(var( --font-size-default)*2);text-align: center;margin:0;font-weight: 900;}
    .micuenta .video-corporativo {background: #000000;overflow: hidden;display: flex;align-items: flex-end;justify-content: center;position: relative;height: 100%;}
    .micuenta .video-corporativo img { height: 80px;width: auto;position: absolute;z-index: 4;bottom:30px;}
    .micuenta .video-corporativo div {height: 100%;aspect-ratio: 16 / 9;width: auto;min-height: 520px;}
    .micuenta .video-corporativo video {width: 100%;height: 100%;filter: brightness(1.1);opacity: .5;background: black;}
    .micuenta .video-corporativo video::-webkit-media-controls {display: none;}
    .micuenta .video-corporativo div::after {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;}
    .micuenta .form-group input{background:transparent;font-weight:bold;padding: 8px 0;margin:15px 0;font-size: var(--font-size-default);font-family: var(--tipografia-principal);border:none;border-bottom: 1px solid #cccccc;width: 100%;box-sizing: border-box;position: relative;display: block;cursor:text;}
    .micuenta .form-group input:focus{outline: none;}
    .micuenta .form-group label{display:none;}
    .micuenta .separador{width:100%;height:2px;background:#dddddd;margin:30px 0;}
    .micuenta .form-group.editar {display: flex;gap: 20px;border-bottom: 1px solid #cccccc;}
    .micuenta .form-group.editar label {display: flex;padding: 8px 0;min-width: 144px;font-weight: bold;gap:10px;align-items: center;}
    .micuenta .form-group.editar input, .micuenta .form-group.editar > div {border: none;margin: 0;padding: 8px 0;}
    .micuenta .form-group.dividido {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;align-items: center;text-align: center;}
    .micuenta .form-group.dividido label {display: block;}
    
    
    .micuenta .suscripcion {background: hsl(187.63deg 100% 44.71% / 45%);text-align: center;padding: 50px 30px;box-sizing: border-box;display: flex;flex-direction: column;height: 100%;}
    .micuenta .suscripcion .miplan.seleccion {display: grid;grid-template-columns: 48% 48%;grid-gap: 4%;padding-bottom:20px;}
    .micuenta .suscripcion .miplan.seleccion > div {border: 1px solid white;border-radius: 20px;padding: 30px 20px;background: #4000A1;font-family: var(--tipografia-secundaria);font-size: calc(var(--font-size-default) * 2.4);    line-height: calc(var(--font-size-default)* 2.4);transition: filter .2s;cursor:pointer;}
    .micuenta .suscripcion .miplan.seleccion > div:hover{filter: brightness(1.8);}
    .micuenta .suscripcion .miplan.seleccion > div div {text-transform: uppercase;font-size: calc(var(--font-size-default)* 1.4);line-height: calc(var(--font-size-default)* 1.4);}
    .micuenta .suscripcion .miplan p {grid-column: 1/-1;font-size: 1.5em;}
    .micuenta .suscripcion .boton{border:1px solid white;}
    .micuenta .suscripcion .boton-4 {margin: auto 0 0 0;color: white;}
    .micuenta .suscripcion .miplan {height: -webkit-fill-available; display: flex;flex-direction: column;justify-content: center;}
    
    .micuenta .mensaje {display: none;gap: 20px;align-items: center;justify-content: center;color:#ff0000;}
    .micuenta .mensaje.active {display: flex;}
    .micuenta .boton {font-weight:500;transition:filter .3s;cursor:pointer;width:100%;box-sizing: border-box;font-size: var(--font-size-default);margin:15px 0;padding: 13px;display: block;color: white;background: black;text-align: center;border-radius: 10px;border: none;}
    .micuenta [class*="boton-"]:hover{filter:brightness(0.7);}
    .micuenta .boton:disabled { background-color: #d2d2d2; color: #a8a8a8;cursor:not-allowed}
    .micuenta .boton:disabled:hover{filter:brightness(1);}
    .micuenta .boton-1{background-color:var(--color-2);color:white;}
    .micuenta .boton-2{color:var(--color-2);background:white;border:2px solid var(--color-2);}
    .micuenta .boton-3{background: #e7e7e7;color: var(--color-3);display: flex;align-items: center;justify-content: center;gap: 20px;padding: 10px 0;}
    .micuenta .boton-3::before{content: "";display: block;width: 30px;height: 30px;background-size: 100%;}
    .micuenta .boton-3.google::before { background-image: url(https://www-storage.13.cl/default/logos/logos-google.svg);}
    .micuenta .boton-3.apple::before {background-image: url(https://www-storage.13.cl/default/logos/logos-apple.svg);}
    .micuenta .boton-4 {transition:filter .3s;text-align: center;color: var(--color-3);text-decoration: underline;width: 100%;display: block;font-size: calc(var(--font-size-default)*.9);}
    .micuenta .boton-5{background-color:#FFE39C;color:var(--color-3);}
    .micuenta .boton-6 {transition:filter .3s;text-align: center;color: #ff3535f1;text-decoration: underline;width: 100%;display: block;font-size: calc(var(--font-size-default)*.9);margin:auto 0 0 0;}
    .micuenta .icono-alerta{width:20px;height:20px;background:url(https://www-storage.13.cl/c13/13go/image/icono-alerta.svg) center center no-repeat;background-size: 100%;display:none;}
    .micuenta .icono-alerta.active{display:none;}
    .micuenta .icono-check {width: 35px;height: 35px;background: url(https://www-storage.13.cl/c13/13go/image/icono-error.svg) center center no-repeat;background-size: 100%;}
    
    .micuenta.post-suscripcion .content{border-radius: 20px;margin:auto;backdrop-filter: blur(25px);box-shadow:0px 0px 30px rgba(0,0,0,.2);border:2px solid #666666;padding:50px;box-sizing: border-box;background:#000000cc;}
    .micuenta.post-suscripcion .mensaje {display: flex;gap: 20px;align-items: center;justify-content: center;}
    .micuenta.post-suscripcion .icono-check{width: 35px;height: 35px;background: url(https://www-storage.13.cl/c13/13go/image/icono-error.svg) center center no-repeat;background-size: 100%;}
    .micuenta.post-suscripcion .card {display: grid;grid-template-columns: 40% auto;grid-gap: 30px;align-items: center;max-width: 700px;margin: auto;}
    .micuenta.post-suscripcion .card .imagen {padding: 0;margin: 0;border-radius: 10px;overflow: hidden;position: relative;width: 100%;height: 0;padding-top: 57%;}
    .micuenta.post-suscripcion .card .imagen img {position: absolute;top: 0;left: 0;object-fit: cover;min-width: 100%;min-height: 100%;width: 100%;height: 100%;}
    .micuenta.post-suscripcion .card .boton-1 {width: max-content;text-transform: uppercase;}
    .micuenta.post-suscripcion .titulo {font-family: var(--tipografia-secundaria);font-size: calc(var(--font-size-default)* 1.5);text-transform: uppercase;line-height: 1em;text-align: left;}
    .micuenta.post-suscripcion .content > .titulo {margin: 30px 0 50px 0;text-align: center;font-size: calc(var(--font-size-default)* 2.3);}
    .micuenta.post-suscripcion.default .content{background:url(https://www-storage.13.cl/c13/13go/image/cartelera.jpg) center top no-repeat;background-size: cover;}
    .micuenta.post-suscripcion.default .titulo {margin: 90px 0;text-align: center;font-size: calc(var(--font-size-default)* 2.6);}
    .micuenta.post-suscripcion.default .boton-1 {width: max-content;margin: auto;text-transform: uppercase;}
    
    #validarmail-icono {display: none;}
    #validarmail-icono.active {display: block;}
    
    #validarmail-boton {display: none;}
    #validarmail-boton.active {display: block;}
    
    @media screen and (max-width:900px) {
        :root {
            --font-size-default: 14px;
        }
        .micuenta {width: 90%;max-width:550px;}
        .micuenta:not(.post-suscripcion) .content {grid-template-columns: 100%;min-height: initial;border-radius:10px;}
        .micuenta .video-corporativo {display: none;}
        .micuenta .formulario, .micuenta .suscripcion{padding:30px 20px;}
        
        .micuenta.post-suscripcion .content {padding: 40px 20px;}
        .micuenta.post-suscripcion .titulo {font-size: calc(var(--font-size-default)* 1.3);}
        .micuenta.post-suscripcion .card .imagen {padding-top: 100%;}
        .micuenta.post-suscripcion .card {grid-gap: 20px;align-items: center;justify-content: center;}
    }
    
    .checkbox {display: flex;align-items: center;justify-content: flex-start;gap: 15px;margin:20px 0;}
    .checkbox input[type="checkbox"] {display: inline;width: max-content;cursor: default;}
    .checkbox a {color: var(--color-2);}
    
    /* MENSAJE DE CONFIRMACION  */
    #confirmacion {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000000c2;align-items: center;justify-content: center;z-index: 9999;}
    #confirmacion.active {display:flex;}
    #confirmacion > div {background: #eeeeee;border-radius: 10px;color: #444444;padding: 65px;display: flex;gap: 30px;flex-flow: wrap;align-items: center;justify-content: center;min-height: 500px;}
    #confirmacion .check {width: 60px;height: 60px;border-radius: 50%;background: url(https://www-storage.13.cl/c13/13go/image/icono-check.svg) center center no-repeat;background-size: cover;}
    #confirmacion .alert {width: 60px;height: 60px;border-radius: 50%;background: url(https://www-storage.13.cl/c13/13go/image/icono-alerta.svg) center center no-repeat;background-size: cover;}
    #confirmacion .textos {max-width: 550px;border-left: 3px solid #d8d8d8;padding: 0 0 0 30px;}
    #confirmacion .textos h2 {margin: 0;}
    #confirmacion .boton {margin-top: 30px;width: max-content;padding: 13px 40px;}
    
    @media screen and (max-width:2000px) {
        #confirmacion > div {flex-direction: column;text-align: center;justify-content: center;}
        #confirmacion .textos {padding: 0;border: none;}
        #confirmacion .boton {margin: 20px auto;}
    }
    
    
    
    /* LOADING */
    #loading {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000000;align-items: center;justify-content: center;z-index: 9999;}
    #loading.active {display:flex;}
    #loading > div {    border-radius: 10px;display: flex;align-items: center; justify-content: center;}
    #loading .spinner {width: 50px;aspect-ratio: 1;--_c:no-repeat radial-gradient(farthest-side,var(--color-2) 92%,#0000);background:   var(--_c) top,  var(--_c) left,  var(--_c) right,  var(--_c) bottom;background-size: 12px 12px;animation: l7 1s infinite;}
    @keyframes l7 {to{transform: rotate(.5turn)}}