#popup-madre{ box-sizing:border-box;position:fixed;z-index:99999;width:90%;max-width:1000px;height:600px;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.90);background:white;box-shadow:0 0 20px 0px #000000;border-radius:5px;overflow:hidden;opacity:0;transform-origin:center;transition:opacity .25s ease, transform .25s ease;pointer-events:none;} #popup-madre.activo { transform:translate(-50%, -50%) scale(1);opacity:1;pointer-events:auto;} #popup-madre-content{ box-sizing:border-box;overflow-y:hidden;height:100%;display:grid;grid-template-columns:1fr 1fr;align-content:stretch;justify-content:center;align-items:start;justify-items:start;} .pu-imagen { box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#f7f7f7;} .pu-imagen img, .pu-imagen video { box-sizing:border-box;max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;box-shadow:0 3px 7px #bcc3c1;} .pu-info { box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;} .pu-info .pu-titulo { font-size:90%;padding:15px;background-color:#7ed7c1;color:#FFFFFF;} .pu-info .pu-subtitulo { padding:15px;background-color:#e8f8f4;font-weight:bold;} .pu-info .pu-scroll { flex:1;overflow-y:auto;} .pu-transcripcion { padding:20px;font-size:120%;} .pu-descarga-pdf{ position:absolute;bottom:0;right:0;font-size:65%;margin:5px;} .pu-descarga-pdf a{ color:#FFFFFF;text-decoration:none;background-color:#408373;padding:2px 10px;border-radius:4px;color:#FFFFFF;font-weight:bold;margin-left:4px;} .pu-descarga-pdf a:hover{ background-color:#0f3028;color:#FFFFFF;text-decoration:none;} .boton-cerrar{ position:absolute;top:10px;left:10px;background:none;border:0;cursor:pointer;} .boton-cerrar svg { width:70%;} @media (max-width:768px) { #popup-madre-content { grid-template-columns:1fr;grid-template-rows:1fr 1fr;} #popup-madre{ height:80vh;} }