@font-face{font-family:Inter;src:url('fonts/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait}svg.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}button svg.icon,a svg.icon{vertical-align:middle}p,h1,h2,h3{margin-top:0}button{border:0}dialog{color:#ebf7f5;background:linear-gradient(145deg,#173a39,#081b22);border:1px solid #6b9d9980;border-radius:24px;padding:32px;width:min(520px,calc(100% - 32px));box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog h2{font-family:Manrope,sans-serif;font-size:28px;margin:0 32px 12px 0;letter-spacing:-.04em}dialog p{color:#c0d3d2;font-size:17px;line-height:1.65}dialog .close-dialog{position:absolute;right:16px;top:16px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffffff0d}dialog .dialog-action{display:inline-flex;align-items:center;gap:12px;border-radius:24px;padding:12px 20px;background:#89dacc;color:#062423;font-weight:600;font-size:17px;margin-top:10px}.preview-switch{position:fixed;z-index:50;bottom:12px;left:12px;font-size:14px;letter-spacing:.025em;border:1px solid #ffffff25;border-radius:20px;background:#06191ddd;color:#b9d6d8;padding:7px 12px;box-shadow:0 3px 16px #0003;backdrop-filter:blur(12px)}.preview-switch:hover{color:white;border-color:#9cdbda80}.preview-meta{font-size:15px!important;color:#89aaa8!important}.preview-nav{display:grid;gap:8px;margin:18px 0}.preview-nav a{padding:14px 16px;border:1px solid #7eafa144;border-radius:12px;font-size:17px}.preview-nav a:hover{background:#ffffff0a}.form-feedback:empty{display:none}.form-feedback{font-size:15px;line-height:1.5;border:1px solid #d4a46155;background:#493a2b88;color:#ffe0b7;border-radius:10px;padding:10px 12px;margin:12px 0 0}.is-hidden{display:none!important}

/* escala-tipografica-2026-10-05 aplicada */