.modal-overlay{display:none;position:fixed;inset:0;background:rgba(20,23,28,.72);z-index:2000;justify-content:center;align-items:center;padding:2rem}.modal-overlay.active{display:flex}.modal-content{background:var(--superficie);border-radius:var(--radio-sm);width:90%;max-width:62rem;height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:.9rem 1.25rem;border-bottom:1px solid var(--borde);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-family:var(--serif);font-size:var(--t-md);font-weight:600}.modal-close{background:0 0;border:none;font-size:1.4rem;color:var(--tinta-suave);cursor:pointer}.modal-close:hover{color:var(--marca)}.modal-body{flex:1;padding:1rem;overflow:auto;background:var(--fondo)}.modal-body iframe{width:100%;height:100%;border:none}