html{scroll-behavior:smooth}body{overflow-wrap:anywhere}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:#fff;color:var(--blue);padding:10px 14px;border:2px solid var(--blue);border-radius:8px}.skip-link:focus{top:12px}button,.button,input,select,textarea{min-height:44px}a,button,input,select,textarea{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2879b8;box-shadow:0 0 0 5px #fff}.suggestions[hidden],.report-form[hidden],[hidden]{display:none!important}.suggestions button:focus-visible{position:relative;z-index:1}.alert{border-left:5px solid var(--green)}.alert.error{border-left-color:var(--red)}.scope-tabs a{min-height:44px;display:inline-flex;align-items:center}.filters input,.filters select{min-width:0}.post h2{font-size:1.17rem;margin:10px 0 5px}.post p{max-width:70ch}.post .actions{align-items:center}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:28px 0}.pagination span{font-weight:700}
@media(max-width:760px){header{position:static}.top{display:block;padding:12px 16px}.top nav{margin-top:10px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:thin}.top nav>a,.top nav>.tag{white-space:nowrap}main{margin-top:20px;padding:0 14px}.card{padding:16px}.actions>button,.actions>.button{flex:1 1 auto;text-align:center}.scope-tabs{margin-left:-14px;margin-right:-14px;padding:0 14px}.stat-grid{gap:8px}}
@media(max-width:430px){h1{font-size:1.75rem;line-height:1.2}.choice{padding:22px}.choice h2{font-size:1.45rem}.gallery img{height:300px}.post img{height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){.tag,.button,button,.card{border:1px solid ButtonText}.status-dot{border:1px solid CanvasText}}
/* Identidad visual basada en el logotipo oficial. */
:root{--ink:#102d4b;--blue:#003b73;--sky:#e9f6ff;--gold:#ffd21f;--paper:#f7fbff}
.brand{display:inline-flex;align-items:center;gap:10px}.brand::before{content:"";width:52px;height:52px;background:url("logo-192.png") center/cover no-repeat;border-radius:13px;flex:none}.brand-logo{width:52px;height:52px;object-fit:cover;border-radius:13px;flex:none}.brand-name{line-height:1.08}.install-logo{display:block;width:min(210px,55vw);height:auto;margin:0 auto 20px;border-radius:24%}
@media(max-width:760px){.brand::before,.brand-logo{width:46px;height:46px;border-radius:11px}}