@import url("../iconos/css/font-awesome.min.css");
.registration-notice { clear: both; margin: 0 0 24px; padding: 22px; border: 1px solid #d6aaa5; border-left: 5px solid #b51e15; border-radius: 12px; background: #fff; color: #292323; text-align: left; font: 16px/1.5 Arial, sans-serif; box-sizing: border-box; }
.registration-notice[hidden] { display: none; }
.registration-notice h3 { margin: 0 0 10px; font: bold 22px/1.3 Arial, sans-serif; }
.registration-notice p { margin: 8px 0 14px; }
#myForm .registration-notice button, #myForm .registration-notice a { display: inline-block; width: auto; height: auto; margin: 6px 10px 0 0; padding: 10px 16px; border: 0; border-radius: 6px; background: #b51e15; color: #fff; font: bold 14px/1.4 Arial, sans-serif; cursor: pointer; text-decoration: none; }
#myForm [aria-invalid="true"] { border: 2px solid #b51e15; background: #fff5f3; }
.registration-notice:focus { outline: 2px solid #b51e15; outline-offset: 3px; }
#myForm .registration-notice-success { border-color: #28743b; }
#myForm .registration-notice-success h3, #myForm .registration-notice-success a { background: #28743b; color: #fff; }
#myForm .registration-notice-success:focus { outline-color: #28743b; }
#myForm .registration-password { position: relative; display: inline-block; width: 90%; vertical-align: middle; box-sizing: border-box; }
#myForm .registration-password input { display: block; width: 100%; margin: 0; padding-right: 44px; min-height: 36px; box-sizing: border-box; }
#myForm .registration-password-toggle { position: absolute; top: 1px; right: 1px; bottom: 1px; width: 40px; height: auto; margin: 0; padding: 0 10px; border: 0; border-left: 1px solid #ccc; border-radius: 0; background: #fff; color: #333; font: 14px Arial, sans-serif; cursor: pointer; }
#myForm .registration-password-toggle:focus-visible { outline: 2px solid #28743b; outline-offset: -3px; }