/* SONELIORA 10.13.7 | Identidade futurista do criador | Camada aditiva
   Preserva a fotografia, biografia, navegação, i18n e scripts originais. */
:root{--son37-blue:#3abaff;--son37-gold:#ffdf9e;--son37-ink:#051125}
body.son-autor-cosmico .hero{box-sizing:border-box;width:min(1480px,calc(100vw - 28px));max-width:none;margin:38px 0 46px;position:relative;left:50%;transform:translateX(-50%);min-height:590px;display:grid;grid-template-columns:minmax(290px,42%) minmax(0,1fr);gap:clamp(14px,2.3vw,44px);align-items:center;padding:clamp(30px,3.4vw,58px);overflow:hidden;isolation:isolate;border-radius:34px;border:1px solid #58bfff95;background:radial-gradient(ellipse at 32% 47%,#173c6c6b 0%,transparent 49%),linear-gradient(125deg,#041126ef,#0a2241ec 52%,#04112bef);box-shadow:0 20px 80px #0009,inset 0 0 0 1px #c3e6ff15,0 0 50px #128dff21}
body.son-autor-cosmico .hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(125deg,transparent 24%,#44bfff10 34%,transparent 46%),radial-gradient(ellipse at 100% 8%,#4b72c33a,transparent 48%);opacity:1;pointer-events:none}
body.son-autor-cosmico .hero::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(95deg,#06132900 35%,#04122b35 51%,#04152b65 78%,#04162b17 100%);box-shadow:inset 0 0 36px #07112b99,inset 0 1px 0 #daefff45}
body.son-autor-cosmico .hero-mark,body.son-autor-cosmico .hero-text{position:relative;z-index:3}
body.son-autor-cosmico .hero-mark{min-height:450px;aspect-ratio:auto;display:flex;justify-content:center;gap:17px;border:none;background:none;box-shadow:none;overflow:visible;transform:translateY(6px)}
body.son-autor-cosmico .hero-mark::before{content:"";position:absolute;inset:0;left:7%;right:7%;margin:auto;border-radius:50%;background:radial-gradient(circle at 50% 52%,#5ab9ff24,transparent 67%);filter:blur(25px);pointer-events:none}
body.son-autor-cosmico .hero-portrait{position:relative;z-index:2;width:clamp(280px,29vw,430px);max-width:95%;border:4px solid #f6d389;border-radius:50%;aspect-ratio:1/1;overflow:visible;background:radial-gradient(circle at 60% 35%,#194d7f,#071627);box-shadow:0 0 0 7px #0a3056,0 0 0 10px #3ccaffbc,0 0 0 13px #fac36c76,0 0 33px 10px #0aaaff9c,0 0 60px #d9a0577e,inset 0 0 18px #04162e,0 30px 66px #0009;animation:son37PortraitAura 5s ease-in-out infinite alternate}
body.son-autor-cosmico .hero-portrait::before{content:"";position:absolute;inset:-20px;border-radius:50%;border:1px dashed #f1d1949c;animation:son37Orbit 52s linear infinite;pointer-events:none}
body.son-autor-cosmico .hero-portrait::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid transparent;border-top-color:#fff0b5;border-left-color:#33bbff;transform:rotate(-22deg);filter:drop-shadow(0 0 8px #ffd781);pointer-events:none}
body.son-autor-cosmico .hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 37%;border-radius:50%;filter:contrast(1.045) saturate(1.07);overflow:hidden}
body.son-autor-cosmico .hero-monogram{display:none}
body.son-autor-cosmico .hero-mark i{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;min-height:45px;max-width:100%;padding:10px clamp(13px,2vw,32px);margin-top:1px;letter-spacing:.22em!important;text-align:center;color:#ffe3a1!important;font-size:clamp(10px,.85vw,13px)!important;background:linear-gradient(145deg,#082b4e,#061124);border:1px solid #efbf6cab;border-radius:13px;box-shadow:inset 0 0 14px #ffda7d26,0 0 15px #f8c26b59,0 10px 30px #0008}
body.son-autor-cosmico .hero-mark i::before{content:"";position:absolute;left:50%;top:-25px;width:110%;height:11px;transform:translateX(-50%);border:1px solid #45c5ff89;border-radius:50%;box-shadow:0 0 18px #24acffb8,0 0 12px #e8af67a1;background:radial-gradient(ellipse,#3dbeff70,transparent 70%)}
body.son-autor-cosmico .hero-text{align-self:center;padding:15px 10px 18px 3px;min-width:0}
body.son-autor-cosmico .hero .eyebrow{display:table;max-width:100%;margin:0 0 14px;line-height:1.5;padding:7px 18px;border:1px solid #e6ba788c;border-radius:999px;font-size:clamp(10px,.93vw,12px);letter-spacing:.25em;background:#061d35bf;color:#91e5ff;text-shadow:0 0 12px #4ed7ff6e;box-shadow:inset 0 0 14px #1fb9ff1e}
body.son-autor-cosmico .hero h1{max-width:850px;margin:0 0 24px;font-family:'Cinzel','Palatino Linotype',Georgia,serif;font-size:clamp(36px,4.5vw,72px);line-height:1.12;letter-spacing:-.045em;font-weight:600;color:#ffdf9e;background:linear-gradient(#fff8e2 10%,#ffe9bb 42%,#dda655 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 2px #060c18b5) drop-shadow(0 0 15px #f6b96740);text-wrap:balance;overflow-wrap:break-word}
body.son-autor-cosmico .hero .sinal-maconico{vertical-align:-.18em!important;width:.80em!important;height:.9em!important;-webkit-text-fill-color:#ffeecb;filter:none}
body.son-autor-cosmico .hero .sinal-maconico svg{filter:drop-shadow(0 0 4px #fff0c2) drop-shadow(0 0 11px #f4b863);overflow:visible}
body.son-autor-cosmico .hero .sinal-maconico svg path{transform-box:fill-box;transform-origin:center;animation:son37Star 2.7s ease-in-out infinite alternate}
body.son-autor-cosmico .hero .sinal-maconico svg path:nth-of-type(2){animation-delay:.6s}
body.son-autor-cosmico .hero .sinal-maconico svg path:nth-of-type(3){animation-delay:1.2s}
body.son-autor-cosmico .hero .intro{border-left:3px solid #efc579;padding-left:16px;max-width:800px;font-size:clamp(15px,1.27vw,19px);line-height:1.7;font-style:italic;color:#deefff;text-shadow:0 2px 6px #071529;margin-bottom:24px}
body.son-autor-cosmico .hero .tags{gap:9px;max-width:850px}
body.son-autor-cosmico .hero .tags span{padding:7px 13px;background:linear-gradient(130deg,#072745da,#082b4bd4);border:1px solid #56a7df87;border-radius:999px;box-shadow:inset 0 0 18px #36beff19,0 0 10px #048de220;color:#e6f5ff;font:500 clamp(11px,.94vw,13px)/1.5 system-ui,sans-serif}
body.son-autor-cosmico .hero .actions{gap:12px;margin-top:28px}
body.son-autor-cosmico .hero .actions a{min-height:51px;box-shadow:0 0 19px #36b4ff35,0 4px 20px #0006;border-radius:15px;font-size:clamp(12px,1vw,15px);transition:transform .22s ease,box-shadow .22s ease}
body.son-autor-cosmico .hero .actions a:hover{transform:translateY(-3px)}
body.son-autor-cosmico .hero .actions .primary{background:linear-gradient(110deg,#fff0c5,#f9ce79 50%,#dba350);border:1px solid #ffe8a6;box-shadow:0 0 20px #ffba5a80,0 6px 24px #0006;color:#061b2b}
body.son-autor-cosmico .hero .actions .secondary{background:linear-gradient(130deg,#0e3260db,#03182ecf);border:1px solid #50c9ff;box-shadow:inset 0 0 15px #18aaff36,0 0 17px #33c7ff6d;color:#f1fcff}
body.son-autor-cosmico .hero .actions a:focus-visible{outline:3px solid #fff9d7;outline-offset:4px}
/* A web-background scene is distinct from real text/buttons, preserving accessibility. */
.son-hero-cosmos{position:absolute;z-index:0;inset:0;pointer-events:none;overflow:hidden;contain:paint}
.son-hero-nebula{position:absolute;inset:0;background:radial-gradient(ellipse at 90% 10%,#3565a862,transparent 45%),radial-gradient(ellipse at 20% 20%,#086caf23,transparent 37%),radial-gradient(ellipse at 94% 95%,#0646a63f,transparent 42%)}
.son-hero-stars{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 10%,#fcf6d7 90%,transparent),radial-gradient(1px 1px at 34% 34%,#d8faff 90%,transparent),radial-gradient(1.5px 1.5px at 88% 28%,#fff 90%,transparent),radial-gradient(1px 1px at 63% 80%,#85d7ff 90%,transparent);background-size:129px 133px,213px 217px,181px 183px,247px 243px;opacity:.45;animation:son37Sky 9s linear infinite alternate}
.son-ufo{position:absolute;right:4%;top:5%;width:128px;height:68px;filter:drop-shadow(0 0 15px #29c9ff88);animation:son37UfoFloat 11s ease-in-out infinite alternate;z-index:1}
.son-ufo-halo{position:absolute;width:66px;height:27px;border-radius:50% 50% 12% 12%;border:1px solid #53f4ff;background:radial-gradient(ellipse at 50% 95%,#86ffffc0,#145c9bae 48%,#06162e 72%);left:31px;top:0;box-shadow:0 0 9px #38cdff}
.son-ufo-body{position:absolute;width:126px;height:31px;left:1px;top:23px;border-radius:50%;transform:rotate(-4deg);background:radial-gradient(ellipse at 49% 62%,#8cf2ff,#00b4ff 20%,#103d68 28%,#061c3d 42%,#76d5ff 49%,#071c38 60%);border:1px solid #6acdfd;box-shadow:0 0 13px #2bbaf9,inset 0 0 8px #44aaff}
.son-ufo-beam{position:absolute;top:48px;left:20px;height:160px;width:88px;clip-path:polygon(46% 0%,56% 0%,100% 100%,0% 100%);background:linear-gradient(#54e5ff6b,#34c4ff04);filter:blur(3px);opacity:.55}
.son-meteor{position:absolute;top:7%;left:84%;width:160px;height:2px;transform:rotate(-20deg);background:linear-gradient(90deg,transparent 0%,#6dd4ff 65%,#fff8cf 100%);box-shadow:0 0 9px #8fcaff;opacity:0;animation:son37Meteor 10s ease-in infinite}
.son-meteor::after{content:"";position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff9df;box-shadow:0 0 13px 6px #ffd798}
.son-meteor-2{top:22%;left:69%;width:100px;animation-delay:3.4s;animation-duration:13s}.son-meteor-3{top:30%;left:91%;width:120px;animation-delay:7.2s;animation-duration:14s}
.son-maquete-art{position:absolute;z-index:0;right:-2%;bottom:9%;width:42%;height:56%;background:url('./maquete-cenografica.webp') center / contain no-repeat;opacity:.5;filter:drop-shadow(0 0 20px #2fbcff65);transform:perspective(650px) rotateY(-3deg);animation:son37Maquete 17s ease-in-out infinite alternate}
.son-maquete-canvas{position:absolute;right:-2%;bottom:7%;width:44%;height:58%;opacity:.61;mix-blend-mode:screen;pointer-events:none;filter:drop-shadow(0 0 10px #49cfff80)}
.son-horizon{position:absolute;bottom:-37%;right:-28%;width:113%;height:60%;border:2px solid #0d8fff93;border-radius:50%;background:radial-gradient(ellipse at 50% -5%,#096dcb6b,#032a5955 29%,#010b1c00 70%);box-shadow:0 -20px 45px #007bed2f,inset 0 45px 60px #1f7fe331}
@keyframes son37Star{0%,70%{opacity:.5;transform:scale(.83)}100%{opacity:1;transform:scale(1.22)}}
@keyframes son37Sky{from{opacity:.22;transform:translateY(0)}to{opacity:.66;transform:translateY(-17px)}}
@keyframes son37UfoFloat{from{transform:translate(-20px,0) rotate(-2deg)}to{transform:translate(25px,11px) rotate(3deg)}}
@keyframes son37Meteor{0%,76%{opacity:0;transform:translate(90px,-45px) rotate(-20deg)}79%{opacity:1}89%,100%{opacity:0;transform:translate(-340px,110px) rotate(-20deg)}}
@keyframes son37PortraitAura{from{box-shadow:0 0 0 7px #0a3056,0 0 0 10px #3ccaffb5,0 0 0 13px #fac36c6c,0 0 30px 10px #0aaaff74,0 30px 66px #0009}to{box-shadow:0 0 0 7px #0a3056,0 0 0 10px #83dcffdf,0 0 0 13px #ffd78fc2,0 0 46px 14px #0aaaffaf,0 30px 66px #0009}}
@keyframes son37Orbit{to{transform:rotate(360deg)}}
@keyframes son37Maquete{from{transform:translateY(0) perspective(650px) rotateY(-5deg);opacity:.39}to{transform:translateY(-14px) perspective(650px) rotateY(3deg);opacity:.62}}
/* Responsive: portrait stays big and face stays visible on mobile. */
@media(max-width:1120px){body.son-autor-cosmico .hero{grid-template-columns:minmax(260px,39%) minmax(0,1fr);min-height:520px;padding:30px;gap:16px}body.son-autor-cosmico .hero .hero-portrait{width:min(30vw,340px)}body.son-autor-cosmico .hero h1{font-size:clamp(33px,4.6vw,58px)}.son-maquete-art{opacity:.31}}
@media(max-width:780px){body.son-autor-cosmico .hero{grid-template-columns:1fr;width:calc(100vw - 24px);padding:34px 18px;gap:9px;min-height:0;border-radius:25px}body.son-autor-cosmico .hero-mark{min-height:0;padding:8px 0 13px;gap:18px}body.son-autor-cosmico .hero .hero-portrait{width:clamp(220px,47vw,340px);max-width:80%}body.son-autor-cosmico .hero .hero-text{padding:14px 5px 20px}body.son-autor-cosmico .hero h1{font-size:clamp(31px,6.3vw,53px)}.son-ufo{top:2%;right:5%;transform:scale(.75)}.son-maquete-art{width:57%;height:42%;top:2%;right:-9%;bottom:auto;opacity:.22}.son-maquete-canvas{width:55%;height:38%;top:6%;bottom:auto;right:-8%;opacity:.21}.son-horizon{bottom:-29%;height:36%}}
@media(max-width:460px){body.son-autor-cosmico .hero{margin-top:18px;padding:26px 15px 28px;gap:5px}body.son-autor-cosmico .hero .hero-portrait{width:min(69vw,285px);max-width:85%}body.son-autor-cosmico .hero .hero-mark i{font-size:10px!important;letter-spacing:.15em!important}body.son-autor-cosmico .hero h1{font-size:clamp(31px,8.3vw,39px);line-height:1.2}body.son-autor-cosmico .hero .eyebrow{letter-spacing:.15em;padding:7px 12px;font-size:9px}body.son-autor-cosmico .hero .intro{font-size:15px;line-height:1.55}body.son-autor-cosmico .hero .tags{gap:7px}body.son-autor-cosmico .hero .tags span{font-size:11px;padding:6px 10px}body.son-autor-cosmico .hero .actions{display:grid;grid-template-columns:1fr;gap:10px}body.son-autor-cosmico .hero .actions a{width:100%;min-height:50px}.son-ufo{right:-20px;top:0;opacity:.5}.son-maquete-art{width:72%;right:-26%;opacity:.16}.son-maquete-canvas{opacity:.14}}
@media(prefers-reduced-motion:reduce){body.son-autor-cosmico .hero *{animation:none!important;transition:none!important}body.son-autor-cosmico .hero .sinal-maconico svg path{transform:none!important;opacity:1!important}.son-meteor{display:none!important}.son-maquete-canvas{display:none!important}}
