/* @cpi 2026-10-19 19:04: botón de cierre único de todas las modales: misma imagen, tamaño y esquina (12 px arriba a la derecha). */
.modal-x{position:absolute;top:12px;right:12px;z-index:5;flex:none;width:40px;height:40px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:url(img/modal-close.svg) center/100% no-repeat;box-shadow:0 3px 10px #0007;color:transparent;font-size:0;cursor:pointer;transition:filter .15s,transform .15s}
.modal-x:hover{background:url(img/modal-close.svg) center/100% no-repeat;filter:brightness(1.2) drop-shadow(0 0 6px #e6c77b99)}
.modal-x:active{transform:translateY(1px)}
.modal-x:focus-visible{outline:2px solid #f5d58c;outline-offset:3px}