/* My Routine 3.4 — abertura (ícone MR → linha vermelha → nome), ~2,6 s. Só CSS: funciona offline e sem biblioteca. */
html[data-abertura="on"] body{overflow:hidden}
.mr-abertura{position:fixed;inset:0;z-index:6000;display:grid;place-items:center;overflow:hidden;background:#040405;cursor:pointer;-webkit-tap-highlight-color:transparent}
html:not([data-abertura="on"]) .mr-abertura{display:none}
.mr-abertura-luz{position:absolute;inset:-20%;pointer-events:none;opacity:0;
  background:radial-gradient(40% 36% at 16% 12%,rgba(150,0,0,.16),transparent 70%),radial-gradient(38% 34% at 86% 90%,rgba(160,0,0,.15),transparent 70%),radial-gradient(34% 26% at 50% 50%,rgba(130,0,0,.08),transparent 72%)}
.mr-abertura-logo{position:relative;width:min(78vw,520px);aspect-ratio:1874/477}
.mr-abertura-logo img,.mr-ab-barra{position:absolute;display:block;opacity:0}
/* Posições medidas na logo original (1874×477): ícone, linha e nome. */
.mr-ab-icone{left:0;top:0;width:26.79%;height:100%;object-fit:contain}
.mr-ab-barra{left:29.78%;top:13.21%;width:1.01%;height:72.54%;border-radius:99px;background:#cf0000;transform-origin:50% 50%}
.mr-ab-nome{left:34.15%;top:27.04%;width:65.85%;height:53.67%}
.mr-ab-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mr-abertura.is-rodando .mr-abertura-luz{animation:mrAbLuz 2.65s ease-in-out forwards}
.mr-abertura.is-rodando .mr-ab-icone{animation:mrAbIcone .7s cubic-bezier(.2,.7,.2,1) .15s forwards}
.mr-abertura.is-rodando .mr-ab-barra{animation:mrAbBarra .42s cubic-bezier(.3,.7,.2,1) .78s forwards}
.mr-abertura.is-rodando .mr-ab-nome{animation:mrAbNome .78s cubic-bezier(.25,.7,.2,1) 1.02s forwards}
.mr-abertura.is-rodando{animation:mrAbSaida .4s ease 2.25s forwards}
.mr-abertura.is-saindo{animation:mrAbSaida .26s ease forwards!important}
@keyframes mrAbLuz{0%{opacity:0}35%{opacity:.85}70%{opacity:1}100%{opacity:.6}}
@keyframes mrAbIcone{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@keyframes mrAbBarra{from{opacity:1;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@keyframes mrAbNome{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-10px)}60%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes mrAbSaida{to{opacity:0;visibility:hidden;pointer-events:none}}
/* Movimento reduzido: sem escala nem deslize; a logo aparece inteira e some. */
@media (prefers-reduced-motion:reduce){
  .mr-abertura.is-rodando .mr-abertura-luz,.mr-abertura.is-rodando .mr-ab-icone,.mr-abertura.is-rodando .mr-ab-barra,.mr-abertura.is-rodando .mr-ab-nome{animation:mrAbFade .2s linear forwards}
  .mr-abertura.is-rodando{animation:mrAbSaida .3s linear .75s forwards}
}
@keyframes mrAbFade{to{opacity:1}}