/* ===== Pantalla de entrada: el logo aparece desde el centro de la espiral (≈2 s) ===== */
#sc-loader{display:none}
html.sc-loading{overflow:hidden}
html.sc-loading #sc-loader{
  display:grid;place-items:center;position:fixed;inset:0;z-index:9999;
  background:#f7f3ed;
  transition:transform .95s cubic-bezier(.65,.02,.25,1);will-change:transform;
  animation:scFailsafe 0s linear 6s forwards; /* red de seguridad si el JS falla */
}
#sc-loader.is-out{transform:translateY(calc(-100% - 90px))}
.scl-wave{position:absolute;left:0;top:calc(100% - 1px);width:100%;height:90px;display:block}
.scl-wave path{fill:#f7f3ed}
.scl-inner{display:flex;flex-direction:column;align-items:center;gap:clamp(1.2rem,3vh,2rem);padding:0 6vw}
.scl-logo{
  display:block;width:min(64vw,560px);height:auto;aspect-ratio:1678/937;
  clip-path:circle(0% at 30% 42%);
  -webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 62%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 62%,transparent 100%);
  animation:sclReveal 1.35s cubic-bezier(.3,.6,.25,1) .2s forwards;
}
.scl-line{width:clamp(110px,18vw,170px);height:14px;overflow:visible;opacity:.9}
.scl-line path{fill:none;stroke:#a8792f;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;
  animation:sclLine 2s cubic-bezier(.45,.05,.4,1) .05s forwards}
@keyframes sclReveal{to{clip-path:circle(125% at 30% 42%)}}
@keyframes sclLine{to{stroke-dashoffset:0}}
@keyframes scFailsafe{to{visibility:hidden}}
@media (max-width:640px){.scl-logo{width:82vw}}