/* SONELIORA 10.13.9 - Terra plana cenográfica estacionária: estilo da ilustração aprovada. */
:root{--son39-blue:#16bfff;--son39-gold:#f5be70}
body.son-autor-cosmico .hero{
  width:min(1710px,calc(100vw - 24px));
  min-height:894px;
  grid-template-columns:minmax(330px,41%) minmax(0,59%);
  grid-template-rows:minmax(0,1fr) 294px;
  align-items:start;
  column-gap:10px;row-gap:0;
  padding:20px clamp(18px,2.4vw,40px) 17px;
  border-color:#75d6ffbb;
  background:
    radial-gradient(ellipse at 72% 6%,#17378570,transparent 45%),
    radial-gradient(ellipse at 22% 56%,#1048738c,transparent 47%),
    linear-gradient(140deg,#040d23 2%,#03152d 49%,#03132c 100%);
  box-shadow:0 0 42px #0a90ff46,0 18px 80px #000b,inset 0 1px 0 #b9eeff77;
}
body.son-autor-cosmico .hero .son38-earth,
body.son-autor-cosmico .hero .son-horizon,
body.son-autor-cosmico .hero .son38-orbital-grid{display:none!important}
body.son-autor-cosmico .hero .son38-space-haze{
  background:radial-gradient(ellipse at 78% 7%,#7b3fc43d,transparent 27%),
  radial-gradient(ellipse at 19% 30%,#0a46b752,transparent 39%),
  radial-gradient(ellipse at 82% 75%,#085d9949,transparent 46%),
  linear-gradient(180deg,#0208195e,transparent 36%,#00051290);
}
.son39-galaxy{position:absolute;inset:0 0 auto auto;width:55%;height:35%;background:url('./ceu-meteoros.webp') right top/cover no-repeat;opacity:.43;mask-image:linear-gradient(90deg,transparent,#000 50%),linear-gradient(0deg,transparent,#000 65%);mask-composite:intersect;pointer-events:none}
.son39-galaxy::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 65% 16%,#b9a3ff52,transparent 43%)}
body.son-autor-cosmico .hero .son38-neon-dome{height:51%;width:43%;bottom:34%;right:-2%;opacity:.73;filter:saturate(1.18) drop-shadow(0 0 22px #20c4ff76);mask-image:linear-gradient(90deg,transparent,#000 43%)}
body.son-autor-cosmico .hero .son-maquete-canvas{opacity:.13;right:-2%;bottom:28%;height:34%;pointer-events:none}
body.son-autor-cosmico .hero .son38-ufo-photographic{top:0;right:0;opacity:.96;filter:drop-shadow(0 0 28px #00c8ffcc)}
body.son-autor-cosmico .hero .hero-mark{grid-column:1;grid-row:1 / 3;height:830px;max-height:none;justify-content:flex-start;padding-top:50px;align-self:start}
body.son-autor-cosmico .hero .hero-portrait{width:min(36vw,520px);margin:9px auto 48px;box-shadow:0 0 0 6px #09264e,0 0 0 10px #69d6ff,0 0 0 15px #e3ac55,0 0 0 19px #318dc477,0 0 43px 18px #1dafff6e,0 0 60px 20px #e5ae6340}
body.son-autor-cosmico .hero .hero-portrait::before{inset:-24px;border-color:#f2c27cc4}
body.son-autor-cosmico .hero-mark i{margin:8px auto 0;z-index:6}
.son38-portrait-platform{bottom:160px;height:85px}
body.son-autor-cosmico .hero-mark::after{bottom:157px}
body.son-autor-cosmico .hero-text{
  grid-row:1;grid-column:2;align-self:start;
  margin-top:29px;min-height:522px;
  padding:35px clamp(18px,2.1vw,38px) 35px;
  border-color:#56d9ffca;border-radius:27px 42px 40px 29px;
  background:linear-gradient(105deg,#061a35e8 0%,#041830d5 47%,#04132b75 100%);
  box-shadow:0 0 0 2px #0a82d91c,0 0 32px #1596fd67,inset 0 1px 0 #c5f0ff9a;
}
body.son-autor-cosmico .hero h1{font-size:clamp(40px,4.18vw,68px);filter:drop-shadow(0 2px 1px #38210f) drop-shadow(0 0 14px #edb65a85)}
body.son-autor-cosmico .hero .eyebrow{margin-bottom:19px}
body.son-autor-cosmico .hero .intro{font-size:clamp(14px,1.12vw,18px)}
body.son-autor-cosmico .hero .actions{margin-top:17px}
.son39-model-stage{z-index:3;position:relative;grid-column:2;grid-row:2;align-self:start;justify-self:stretch;height:315px;margin:-13px -15px -12px -135px;pointer-events:none;overflow:visible;isolation:isolate}
.son39-model-stage::before{content:'';position:absolute;inset:21% 6% 0 8%;border-radius:50%;background:radial-gradient(ellipse,#1779cc4a 0%,#0e84ed53 35%,#d5a45332 62%,transparent 75%);filter:blur(25px);animation:son39Glow 8s ease-in-out infinite alternate}
.son39-model-stage::after{content:'';position:absolute;z-index:-1;left:10%;right:1%;bottom:6%;height:32%;border-radius:50%;border:2px solid #44cfff83;box-shadow:0 0 14px #60d6ff92,0 0 30px #f0c57e8a,inset 0 0 22px #22a7fb5e;transform:perspective(900px) rotateX(72deg);animation:son39RingPulse 5s ease-in-out infinite}
.son39-flat-world{position:absolute;z-index:2;display:block;bottom:0;left:0;width:100%;max-width:none;height:100%;object-fit:contain;object-position:50% 50%;filter:saturate(1.12) contrast(1.07) drop-shadow(0 0 20px #0ca7ff77);transform:none!important;animation:none!important}
.son39-disk-spark{position:absolute;z-index:3;width:10px;height:10px;border-radius:50%;background:#fffbe5;box-shadow:0 0 14px 7px #ffc476a6,0 0 30px #6dd9ff;opacity:.7;animation:son39Twinkle 3s ease-in-out infinite alternate}
.son39-disk-spark.one{left:57%;top:21%}.son39-disk-spark.two{left:79%;bottom:16%;animation-delay:1.4s}.son39-disk-spark.three{left:20%;bottom:29%;animation-delay:2.1s}
.son39-gold-guide{position:absolute;z-index:2;width:70px;height:1px;bottom:1%;right:8%;background:linear-gradient(90deg,transparent,#f2bd79,transparent);box-shadow:0 0 10px #f1ba79}
@keyframes son39Glow{from{opacity:.52;transform:scale(.96)}to{opacity:1;transform:scale(1.035)}}
@keyframes son39RingPulse{0%,100%{opacity:.45}50%{opacity:.9}}
@keyframes son39Twinkle{from{opacity:.25;transform:scale(.5)}to{opacity:.98;transform:scale(1.55)}}
@media(max-width:1360px){
 body.son-autor-cosmico .hero{min-height:800px;grid-template-columns:40% minmax(0,60%);grid-template-rows:minmax(0,1fr) 245px;padding:19px 21px 17px}
 body.son-autor-cosmico .hero .hero-mark{height:744px;padding-top:54px}
 body.son-autor-cosmico .hero .hero-portrait{width:min(34vw,462px);margin-bottom:46px}
 .son38-portrait-platform{bottom:114px}
 body.son-autor-cosmico .hero-mark::after{bottom:112px}
 body.son-autor-cosmico .hero-text{min-height:500px;margin-top:22px;padding:27px 22px 30px}
 body.son-autor-cosmico .hero h1{font-size:clamp(36px,4.15vw,59px)}
 .son39-model-stage{height:255px;margin:-11px -12px -5px -105px}
}
@media(max-width:1050px){
 body.son-autor-cosmico .hero{min-height:730px;grid-template-columns:38% minmax(0,62%);grid-template-rows:minmax(0,1fr) 195px;padding:18px 16px}
 body.son-autor-cosmico .hero .hero-mark{height:680px;padding-top:78px}
 body.son-autor-cosmico .hero .hero-portrait{width:min(32vw,335px);margin:0 auto 42px}
 .son38-portrait-platform{bottom:155px;width:90%}
 body.son-autor-cosmico .hero-mark::after{bottom:155px}
 body.son-autor-cosmico .hero-text{margin-top:21px;min-height:490px;padding:24px 19px}
 body.son-autor-cosmico .hero h1{font-size:clamp(30px,4vw,45px)}
 body.son-autor-cosmico .hero .intro{font-size:14px}
 .son39-model-stage{height:225px;margin:2px -7px 0 -90px}
}
@media(max-width:780px){
 body.son-autor-cosmico .hero{width:calc(100vw - 22px);min-height:0;display:flex;flex-direction:column;gap:0;padding:17px 14px 24px;overflow:hidden}
 body.son-autor-cosmico .hero .hero-mark{height:408px;width:100%;padding-top:14px;justify-content:flex-start;align-self:center}
 body.son-autor-cosmico .hero .hero-portrait{width:min(59vw,342px);margin:15px auto 33px}
 .son38-portrait-platform{bottom:8px;width:min(75%,340px)}
 body.son-autor-cosmico .hero-mark::after{bottom:4px;width:70%;left:15%}
 body.son-autor-cosmico .hero-mark i{margin:0 auto}
 body.son-autor-cosmico .hero-text{min-height:0;width:100%;margin:10px 0 0;padding:24px 20px 25px;z-index:4}
 body.son-autor-cosmico .hero h1{font-size:clamp(34px,6.1vw,53px)}
 body.son-autor-cosmico .hero .son38-neon-dome{bottom:9%;right:-17%;width:81%;height:32%;opacity:.3}
 .son39-model-stage{width:100%;flex:0 0 auto;height:clamp(175px,38vw,270px);margin:14px 0 0;z-index:2}
 .son39-galaxy{width:100%;height:20%;opacity:.34}
 body.son-autor-cosmico .hero .son38-ufo-photographic{right:-13px;top:0;width:37%;opacity:.75}
}
@media(max-width:460px){
 body.son-autor-cosmico .hero{padding:12px 10px 20px}
 body.son-autor-cosmico .hero .hero-mark{height:340px;padding-top:13px}
 body.son-autor-cosmico .hero .hero-portrait{width:min(64vw,272px);margin:7px auto 26px}
 body.son-autor-cosmico .hero-mark i{max-width:93%}
 body.son-autor-cosmico .hero-text{margin-top:15px;padding:22px 15px 23px}
 body.son-autor-cosmico .hero h1{font-size:clamp(30px,8.2vw,37px)}
 .son39-model-stage{height:clamp(135px,39vw,185px);margin:11px -1% 0;width:102%}
 body.son-autor-cosmico .hero .son38-neon-dome{bottom:7%;opacity:.21}
}
@media(prefers-reduced-motion:reduce){.son39-model-stage::before,.son39-model-stage::after,.son39-disk-spark{animation:none!important}}
