.popup{position: fixed;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;z-index: 10000;visibility: hidden;opacity: 0;transition: all .25s;}.popup .background{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: black;opacity: .45;}.popup .container{background-color: white;padding: 1em;max-height: 80vh;width: 90%;max-width: 38em;position: relative;overflow: auto;transform: translateY(1em);transition: all .5s;}.popup .container header{display: flex;flex-direction: column;}.popup .container header label{display: block;margin-left: auto;cursor: pointer;font-size: 1.25em;}.popup .container header label i::after{ background-color: black;}.popup .container header em{font-size: 1.5em;font-weight: 500;}input[type="checkbox"]:checked + .popup,.popup.is-visible{visibility: visible;opacity: 1;transform: none;}input[type="checkbox"]:checked + .popup .container,.popup.is-visible .container{transform: none;}input[type="checkbox"].activador-popup{display: none;}.hero-popup .container{padding: 0;display: flex;align-items: stretch;max-height: 40vh;}.hero-popup .container > div,.hero-popup .container > aside{height: auto;}.hero-popup .container > div{width: 55%;flex-shrink: 0;padding: 1.5em;}.hero-popup .container > aside{flex: 1;display: flex;position: relative;}.hero-popup .container > aside label{position: absolute;top: 0;right: 0;cursor: pointer;background-color: black;padding: .5em;display: flex;align-items: center;border-radius: 50%;margin: 1em;}.hero-popup .container > aside i{font-size: 1.25em;font-weight: 500;}.hero-popup .container > aside img{display: block;width: 100%;height: 100%;object-fit: cover;}