/* SeTechnota — main.css | estilos modulares */

:root{--st-red:#570608;--st-red-dark:#300204;--st-orange:#dc7944;--st-ink:#171717;--st-muted:#777;--st-line:#e8e8e8;--st-bg:#fff;--st-soft:#f6f6f6;--st-max:1280px}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{margin:0;background:var(--st-bg);color:var(--st-ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}

a{color:inherit;text-decoration:none}

a:hover{color:var(--st-red)}

img{display:block;max-width:100%;height:auto}

.container{width:min(calc(100% - 40px),var(--st-max));margin-inline:auto}

.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

.skip-link:focus{position:fixed;z-index:999;top:10px;left:10px;width:auto;height:auto;clip:auto;padding:10px;background:white}

@media (max-width:700px) {
  .container{width:min(calc(100% - 28px),var(--st-max))}
}