@media(prefers-color-scheme:dark){dialog{background:#222;color:#eee}
dialog .cerrar-modal{color:#ccc}
dialog .cerrar-modal:hover{color:#fff}
dialog footer .btn-primary{background-color:#39f}
dialog footer .btn-secondary{background-color:#444;color:#ddd}
}
@media(max-width:768px){.modalerror dialog.cmp-modalerror-dialog{width:80%;min-height:390px;position:fixed;top:0;z-index:9999}
}
@media(min-width:769px) and (max-width:1200px){.modalerror dialog.cmp-modalerror-dialog{width:90%}
.modalerror dialog.cmp-modalerror-dialog .cmp_componente_error{transform:scale(0.75)}
}
.cmp-modalerror-dialog:modal{background-color:#f8f8f8}
.cmp-modalerror-dialog__body{margin:auto;width:auto;height:100%;display:flex;flex-direction:column}
.cmp-modalerror-dialog__header{margin:auto;text-align:center}
.cmp-modalerror-dialog__content{margin:auto;text-align:center}
.modalerror dialog{border:0;border-radius:8px;padding:2rem;width:80%;font-family:system-ui,sans-serif;color:#333;box-shadow:0 10px 30px rgba(0,0,0,0.3);position:relative;animation:fadeIn .3s ease;transition:all .2s ease-in-out}
.modalerror dialog::backdrop{background:rgba(0,0,0,0.5);backdrop-filter:blur(3px)}
.modalerror dialog .cerrar-modal{position:absolute;top:.75rem;right:.75rem;background:transparent;border:0;font-size:1.5rem;color:#666;cursor:pointer;transition:color .2s ease}
.modalerror dialog .cerrar-modal:hover{color:#000}
.modalerror dialog header{font-size:1.25rem;font-weight:bold;margin-bottom:1rem}
.modalerror dialog section{font-size:1rem;margin-bottom:1.5rem}
.modalerror dialog footer{text-align:right}