@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Pacifico&display=swap');
:root{--navy:#092a61;--blue:#0c4e93;--gold:#ffce23;--text:#102e64}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,'Trebuchet MS',sans-serif;color:var(--text);background:linear-gradient(130deg,#f0f8ff,#fff,#f5faff)}a{color:inherit;text-decoration:none}.nav{height:68px;background:#04265d;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5%,86px);color:white;position:relative;z-index:5;box-shadow:0 3px 12px #00265330}.brand{font-size:23px;white-space:nowrap}.brand em{font-family:Pacifico,cursive;color:var(--gold);font-size:35px;font-weight:400}.brand span{font-size:17px}.nav nav{display:flex;gap:27px}.nav nav a{font-size:14px;font-weight:800;padding:23px 0}.nav nav a:hover,.nav nav a:first-child{color:var(--gold)}.heart{font-size:35px;color:var(--gold)}.menu{display:none;color:white;background:none;border:0;font-size:25px}
.hero{position:relative;min-height:590px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:#8cccf6}.arena{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(4px) saturate(.9)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#ddf3ff91,#fffdfbc7 40%,#ffffffd2 65%,#c7ebff79)}.banner{position:absolute;width:min(76%,1040px);height:190px;object-fit:contain;top:4px;left:50%;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 8px 9px #03284f5a)}.hero-manu{position:absolute;left:-25px;bottom:-110px;height:610px;max-width:36%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(0 6px 7px #153f5c36)}.welcome{position:relative;z-index:3;text-align:center;width:41%;max-width:575px;margin:0 auto 108px;transform:translateX(8%)}h1,h2,h3,p{margin-top:0}.welcome h1{font-size:clamp(32px,4.5vw,57px);font-weight:900;line-height:1.04;margin-bottom:12px}.welcome h2{font-size:clamp(17px,1.8vw,22px);font-weight:900;line-height:1.2}.welcome p{font-size:16px;font-weight:700;line-height:1.5}.cta{display:inline-block;margin-top:10px;background:var(--gold);padding:12px 24px;border-radius:30px;font-weight:900;box-shadow:0 5px 0 #dbac1f;transition:transform .2s}.cta:hover{transform:translateY(-3px)}.avatar{position:absolute;right:4%;bottom:15px;width:250px;z-index:3;display:flex;align-items:center;flex-direction:column}.avatar-frame{width:185px;height:205px;overflow:hidden;display:flex;align-items:start;justify-content:center}.avatar-frame img{width:100%;height:100%;object-fit:cover;object-position:top}.speech{background:white;border:3px solid #164276;border-radius:23px;padding:15px;display:grid;gap:5px;text-align:center;transform:rotate(-4deg);font-size:13px;box-shadow:2px 7px 12px #0b35632a}.speech strong{font-size:18px}.avatar-label{background:#093469dd;color:#fff;padding:5px 10px;border-radius:15px;font-size:10px;position:absolute;bottom:0}
.section{text-align:center;padding:34px 20px 46px;max-width:1200px;margin:auto}.section h2{font-size:clamp(25px,3vw,35px);font-weight:900;margin-bottom:8px}.section>p{font-size:16px;font-weight:700}.presentation{position:relative;max-width:none;background:linear-gradient(110deg,#e5f2ffb9,#f8fcff,#e7f2ffbe)}.video-shell{width:min(860px,90vw);aspect-ratio:16/9;margin:25px auto 6px;position:relative;border:7px solid white;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px #00478337;background:#102a53}.poster{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;background:linear-gradient(transparent 45%,#000b38b9);display:flex;justify-content:flex-end;align-items:center;flex-direction:column;color:white;padding:30px;gap:4px;text-shadow:1px 2px 4px #06233d}.video-overlay strong{font-family:Pacifico,cursive;font-size:clamp(28px,3vw,42px);font-weight:400}.video-tag{margin-top:10px;padding:10px 20px;background:#ffce23;color:#08265c;text-shadow:none;border-radius:22px;font-weight:900}.note{font-size:12px!important;color:#577398}.hobbies{padding-top:40px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px}.hobby{min-height:245px;border-radius:23px;padding:20px 13px;box-shadow:0 4px 20px #29507d10}.pink{background:#ffe2eb}.yellow{background:#fff3c1}.blue{background:#d9f3ff}.green{background:#ddf8da}.art{font-size:82px;line-height:1.25;filter:drop-shadow(0 7px 3px #fffc)}.hobby h3{font-size:18px;border-radius:18px;padding:7px;color:white;margin:5px 0 10px}.pink h3{background:#ef418d}.yellow h3{background:#f6a80c}.blue h3{background:#1685d3}.green h3{background:#349c4b}.hobby p{font-size:14px;line-height:1.4}.virtues{background:white;border-radius:24px;margin-bottom:35px;box-shadow:0 6px 24px #16497c14}.virtue-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.virtue-row>div{background:#f0f7ff;border-radius:20px;padding:15px 8px;font-size:29px;display:flex;flex-direction:column}.virtue-row strong{font-size:19px}.virtue-row small{font-size:13px;margin-top:5px}.closing{background:#0a316a;color:white;padding:40px 20px;text-align:center}.closing h2{font-size:30px}footer{text-align:center;font-size:13px;padding:19px;background:#082650;color:#c9defb}
@media(max-width:900px){.nav nav{gap:13px}.nav nav a{font-size:12px}.brand span{display:none}.banner{width:92%;height:140px}.hero{min-height:590px}.hero-manu{height:470px;max-width:42%;bottom:-40px}.welcome{width:48%;transform:translateX(10%);margin-bottom:110px}.avatar{right:1%;width:175px}.avatar-frame{height:150px;width:130px}.speech{font-size:11px;padding:9px}.speech strong{font-size:13px}.cards{gap:10px}}
@media(max-width:640px){.nav{height:62px}.menu{display:block}.heart{display:none}.nav nav{display:none;position:absolute;right:10px;top:60px;background:#052962;border-radius:10px;padding:12px;flex-direction:column;gap:0;box-shadow:0 7px 20px #0003}.nav nav.open{display:flex}.nav nav a{padding:11px 18px;font-size:15px}.hero{min-height:790px;align-items:center;flex-direction:column}.banner{top:0;height:160px;width:99%}.hero-manu{left:-10px;top:130px;bottom:auto;height:370px;max-width:55%}.welcome{width:90%;margin:385px auto 15px;transform:none;background:#ffffffe3;border-radius:20px;padding:16px 14px}.welcome h1{font-size:31px}.welcome h2{font-size:16px}.welcome p{font-size:13px}.cta{font-size:13px;padding:10px 15px}.avatar{right:3px;top:183px;bottom:auto;width:160px}.avatar-frame{height:175px;width:130px}.speech{font-size:10px}.speech strong{font-size:12px}.cards,.virtue-row{grid-template-columns:repeat(2,1fr)}.hobby{min-height:225px}.section{padding-left:12px;padding-right:12px}.section>p{font-size:14px}.video-shell{width:96vw}.video-overlay{padding:12px}.video-tag{font-size:12px}.art{font-size:65px}}

/* Vídeos e overlay */
.avatar{right:7%;bottom:8px;width:210px}.avatar-frame{width:190px;height:260px;border-radius:16px;background:transparent;overflow:hidden}.avatar-frame video{width:100%;height:100%;object-fit:contain}.avatar-audio{position:relative;z-index:2;background:#ffce23;color:#092a61;border:0;padding:9px 15px;border-radius:30px;font-weight:900;cursor:pointer;box-shadow:0 3px 10px #092a6130}
.presentation .video-shell{display:block;width:min(1100px,96vw);aspect-ratio:16/9;cursor:pointer;padding:0;text-align:initial}.presentation .video-shell:focus-visible{outline:5px solid #ffd12a}.video-overlay{justify-content:center;gap:12px;background:linear-gradient(#001c4944,#001c497d);text-align:center}.video-overlay>span:first-child{font-weight:900;font-size:clamp(22px,3vw,40px)}.video-overlay strong{font-size:clamp(30px,4vw,52px)}.video-tag{font-size:clamp(15px,2vw,21px)}.video-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:15px}.video-actions>*{display:inline-block;background:#092f69;color:white;border:0;border-radius:20px;padding:11px 19px;font-weight:800;cursor:pointer;font-size:14px}.video-actions a{background:#ffc928;color:#102e64}
.video-modal[hidden]{display:none}.video-modal{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center}.video-modal video{width:100%;height:100%;max-width:100vw;max-height:100dvh;object-fit:contain}.modal-tools{position:absolute;z-index:2;top:14px;right:15px;display:flex;gap:12px}.modal-tools>*{background:#101b2de0;color:white;border:1px solid #ffffff77;border-radius:22px;padding:10px 17px;cursor:pointer;font-size:14px;font-weight:800}body.modal-open{overflow:hidden}
@media(max-width:900px){.avatar{right:3%;width:150px}.avatar-frame{width:145px;height:210px}}
@media(max-width:640px){.avatar{right:5px;top:180px;bottom:auto;width:142px}.avatar-frame{width:135px;height:180px}.avatar-audio{font-size:11px;padding:7px}.modal-tools{top:7px;right:7px}.modal-tools>*{padding:9px}}

/* Responsividade final: blocos sem sobreposição */
html,body{max-width:100%;overflow-x:hidden}
img,video{max-width:100%}
@media(max-width:760px){
 .hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;justify-items:center;gap:12px;padding:12px 14px 24px;min-height:0}
 .hero .arena,.hero .veil{inset:0;height:100%}
 .hero .banner{position:relative;grid-row:1;top:auto;left:auto;transform:none;width:min(100%,650px);height:auto;max-height:155px;object-fit:contain}
 .hero .hero-manu{position:relative;grid-row:2;left:auto;top:auto;bottom:auto;width:auto;max-width:min(70vw,320px);height:min(58vw,310px);object-fit:contain;object-position:bottom}
 .hero .welcome{grid-row:3;position:relative;transform:none;width:100%;max-width:560px;margin:0;padding:18px 14px;background:#ffffffdc;border-radius:18px}
 .hero .welcome h1{font-size:clamp(27px,7vw,39px)}
 .hero .welcome h2{font-size:clamp(16px,4vw,20px)}
 .hero .avatar{grid-row:4;position:relative;top:auto;right:auto;bottom:auto;width:min(100%,240px);margin:4px auto 0}
 .hero .avatar-frame{width:min(45vw,185px);height:min(63vw,260px)}
 .hero .avatar-audio{font-size:13px}
 .presentation .video-shell{width:min(100%,690px);border-width:4px;border-radius:15px}
 .video-overlay strong{font-size:clamp(22px,5vw,38px)}
 .video-overlay>span:first-child{font-size:clamp(16px,4vw,27px)}
 .video-tag{font-size:clamp(12px,3vw,17px)}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .virtue-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
 .hero{padding:9px 9px 20px;gap:8px}
 .hero .banner{max-height:110px}
 .hero .hero-manu{height:235px;max-width:65vw}
 .hero .welcome{padding:14px 10px}
 .hero .welcome p{font-size:13px}
 .section{padding:25px 10px}
 .section h2{font-size:24px}
 .cards{gap:9px}
 .hobby{padding:12px 8px;min-height:215px}
 .hobby h3{font-size:14px}
 .hobby p{font-size:12px}
 .art{font-size:48px}
 .video-actions>*{font-size:12px}
}
@media(max-width:330px){.cards,.virtue-row{grid-template-columns:minmax(0,1fr)}.brand{font-size:18px}.brand em{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Hero: avatar ampliado e sem caixa visual; texto próximo do avatar */
@media(min-width:761px){
.hero{min-height:670px}
.hero .hero-manu{left:-12px;height:645px;max-width:32%;bottom:-105px}
.hero .welcome{width:34%;max-width:540px;margin-bottom:110px;transform:translateX(-3%)}
.hero .avatar{width:32%;right:1.5%;bottom:12px;top:auto}
.hero .avatar-frame{height:515px;width:100%;max-width:365px;border-radius:0;overflow:visible;background:transparent}
.hero .avatar-frame video{object-fit:contain;height:100%;width:100%;background:transparent;filter:drop-shadow(0 9px 8px #23466c30)}
.hero .avatar-audio{margin-top:-5px}
}
@media(min-width:761px) and (max-width:1090px){
.hero{min-height:570px}
.hero .hero-manu{height:500px}
.hero .welcome{width:38%;margin-bottom:82px}
.hero .avatar{width:30%;right:0}
.hero .avatar-frame{height:390px}
}
@media(max-width:760px){
.hero .avatar{width:min(100%,360px);right:auto}
.hero .avatar-frame{width:min(72vw,300px);height:min(108vw,500px);max-width:100%;border:0;border-radius:0;background:transparent;overflow:visible}
.hero .avatar-frame video{object-fit:contain;background:transparent}
}

.avatar-audio.needs-audio{background:#ffd12a;border:2px solid #052e66;box-shadow:0 0 0 5px #ffffffc9,0 7px 25px #03265c60;font-size:15px;min-height:44px}

/* Abertura nova: somente avatar de vídeo, sem personagem estático */
@media(min-width:761px){
.hero{min-height:740px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,40%);align-items:center;padding:165px clamp(22px,5vw,85px) 30px;gap:12px}
.hero .banner{top:0;height:160px}
.hero .welcome{grid-column:1;position:relative;transform:none;width:100%;max-width:650px;margin:0;text-align:left;background:#ffffffa8;border-radius:24px;padding:22px 25px}
.hero .avatar{grid-column:2;position:relative;top:auto;right:auto;bottom:auto;width:100%;align-self:end}
.hero .avatar-frame{height:min(64vw,530px);width:100%;max-width:420px;overflow:visible}
.hero .avatar-frame video{width:100%;height:100%;object-fit:contain}
}
.hero .welcome h1{font-size:clamp(35px,4.4vw,66px);line-height:1.08;background:linear-gradient(110deg,#083d94 15%,#0875c8 46%,#e9b000 90%);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero .welcome h2{font-size:clamp(20px,2vw,28px);line-height:1.25}
.hero .welcome p{font-size:clamp(17px,1.45vw,21px);line-height:1.55}
.avatar-actions{width:100%;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:10px;position:relative;z-index:5}
.avatar-actions>*{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:25px;padding:11px 19px;font-weight:900;font-size:15px;text-align:center;cursor:pointer;text-decoration:none}
.avatar-actions .avatar-audio{margin:0;background:#ffce23;color:#092a61;border:0}
.avatar-download{background:#0a397b;color:white;border:2px solid #c4e4ff}
@media(max-width:760px){
.hero{display:flex;flex-direction:column;align-items:center;min-height:0;padding:12px 12px 30px;gap:15px}
.hero .banner{position:relative;width:100%;max-height:150px;order:0}
.hero .welcome{position:relative;order:1;transform:none;width:100%;margin:0;max-width:600px;text-align:center;padding:20px 14px}
.hero .welcome h1{font-size:clamp(32px,7vw,48px)}
.hero .welcome h2{font-size:clamp(18px,4vw,24px)}
.hero .welcome p{font-size:clamp(16px,3.5vw,20px)}
.hero .avatar{position:relative;order:2;top:auto;right:auto;bottom:auto;width:100%;max-width:390px;margin:0}
.hero .avatar-frame{height:auto;aspect-ratio:9/16;width:min(78vw,340px);max-width:100%;margin:auto}
.hero .avatar-frame video{object-fit:contain;width:100%;height:100%}
.avatar-actions>*{font-size:14px}
}

/* Refinamento da abertura: personagem maior e texto centralizado sem painel */
@media(min-width:761px){
.hero{grid-template-columns:minmax(0,49%) minmax(0,51%);gap:0;padding-left:clamp(20px,7vw,125px);padding-right:clamp(10px,2vw,36px);min-height:850px}
.hero .welcome{max-width:none;width:100%;padding:8px;background:transparent;box-shadow:none;transform:translateX(3.5%);text-align:center;margin:0;z-index:3}
.hero .avatar{width:100%;max-width:none;justify-self:center;align-self:center;right:auto;overflow:visible}
.hero .avatar-frame{height:min(68vw,700px);max-width:none;width:min(42vw,500px);margin:auto;overflow:visible}
.hero .avatar-frame video{width:100%;height:100%;object-fit:contain}
.hero .avatar-actions{margin-top:0}
}
@media(min-width:761px) and (max-width:1100px){
.hero{min-height:720px;padding-left:18px}
.hero .welcome{transform:translateX(2%);padding:6px}
.hero .avatar-frame{width:45vw;height:610px}
}
@media(max-width:760px){
.hero .welcome{background:transparent;box-shadow:none;padding:8px 5px}
.hero .avatar{max-width:470px}
.hero .avatar-frame{width:min(92vw,410px);height:auto;aspect-ratio:9/16}
}

/* Hero compacta, avatar dentro de um quadro de vídeo */
@media(min-width:761px){
.hero{min-height:620px;grid-template-columns:minmax(0,52%) minmax(0,48%);padding:140px clamp(16px,5vw,82px) 22px;gap:8px}
.hero .welcome{transform:none;max-width:640px;padding:10px 15px}
.hero .welcome h1{font-size:clamp(31px,3.6vw,49px)}
.hero .welcome h2{font-size:clamp(19px,1.8vw,24px)}
.hero .welcome p{font-size:clamp(15px,1.3vw,18px)}
.hero .avatar{align-self:center}
.hero .avatar-frame{width:min(33vw,360px);height:440px;overflow:hidden;border:3px solid #ffffffd1;border-radius:18px;box-shadow:0 12px 32px #06285835;background:#0e3169}
.hero .avatar-frame video{width:100%;height:100%;object-fit:contain}
.hero .banner{height:145px}
}
@media(max-width:760px){
.hero .avatar-frame{width:min(85vw,310px);height:auto;aspect-ratio:9/16;border:3px solid #fff;border-radius:18px;overflow:hidden;background:#0e3169;box-shadow:0 9px 20px #06285836}
.hero .welcome{max-width:530px}
}
.download-status{font-size:13px;font-weight:800;text-align:center;min-height:18px;color:#092a61;margin:6px auto}

/* Ajuste específico: botões do vídeo centralizados e avatar sem moldura de player */
.presentation .video-actions{display:flex!important;justify-content:center!important;align-items:center;flex-wrap:wrap;gap:14px;width:100%;max-width:1100px;margin:16px auto 8px;text-align:center}
.presentation .video-actions>*{flex:0 0 auto}
.presentation .download-status{flex-basis:100%;text-align:center}
.hero .avatar-frame{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.hero .avatar-frame video{background:transparent!important;border:0!important}

/* Refinamento de posicionamento da seção inicial: sem aumentar sua altura */
@media (min-width:761px){
.hero{height:620px;min-height:620px;max-height:620px;grid-template-columns:minmax(0,52%) minmax(0,48%);align-items:center;padding-top:124px;padding-bottom:12px;overflow:hidden}
.hero .welcome{grid-column:1;align-self:center;justify-self:end;transform:translate(5%,-25px);margin:0;padding:0 12px;max-width:590px;text-align:center}
.hero .avatar{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;justify-self:stretch;align-self:stretch;width:100%;height:100%;max-height:484px;margin:0;gap:2px;overflow:visible}
.hero .avatar-frame{width:100%!important;max-width:none!important;height:100%!important;min-height:0;margin:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.hero .avatar-frame video{display:block;width:100%;height:100%;object-fit:contain}
.hero .avatar-actions{display:flex;flex-direction:column;justify-content:center;align-items:stretch;align-self:center;width:145px;gap:9px;margin:0;min-width:0}
.hero .avatar-actions>*{width:100%;min-height:46px;padding:9px 6px;font-size:12px;line-height:1.25;white-space:normal}
.hero .avatar-actions .download-status{width:100%;margin:0}
}
@media (min-width:761px) and (max-width:1040px){
.hero .avatar{grid-template-columns:minmax(0,1fr) 110px}
.hero .avatar-actions{width:110px}
.hero .avatar-actions>*{font-size:11px}
.hero .welcome{transform:translate(2%,-18px)}
}
@media(max-width:760px){
.hero .avatar{display:flex;flex-direction:column;align-items:center;gap:4px}
.hero .avatar-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;width:min(90%,290px)}
.hero .avatar-actions>*{width:100%;margin:0}
.hero .welcome{transform:none;align-self:center}
}


/* Posição final do avatar: canto superior até a base da mesma seção */
@media(min-width:761px){
.hero{position:relative;height:620px!important;min-height:620px!important;max-height:620px!important;display:block!important;padding:0!important;overflow:hidden}
.hero .banner{position:absolute;top:0;left:39%;transform:translateX(-50%);width:min(70%,860px);height:128px;z-index:2}
.hero .welcome{position:absolute;top:50%;left:7%;width:42%;max-width:620px;margin:0!important;padding:0 12px!important;transform:translateY(-43%)!important;text-align:center;z-index:3}
.hero .avatar{position:absolute!important;right:1.5%!important;top:0!important;bottom:0!important;left:auto!important;width:49%!important;height:100%!important;max-height:none!important;margin:0!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;overflow:visible}
.hero .avatar-frame{position:relative!important;height:100%!important;width:calc(100% - 155px)!important;max-width:none!important;min-height:0!important;flex:1 1 auto!important;overflow:hidden!important;border:none!important;background:transparent!important;box-shadow:none!important}
.hero .avatar-frame video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.hero .avatar-actions{position:relative!important;width:155px!important;min-width:155px!important;align-self:flex-end!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin:0 0 35px -3px!important;z-index:4}
.hero .avatar-actions>*:not(.download-status){width:100%!important;min-height:55px!important;font-size:15px!important;line-height:1.2!important;padding:11px 10px!important;border-radius:27px!important}
}
@media(min-width:761px) and (max-width:1030px){
.hero .welcome{left:3%;width:46%}
.hero .avatar{width:51%!important;right:0!important}
.hero .avatar-actions{width:135px!important;min-width:135px!important}
.hero .avatar-actions>*:not(.download-status){font-size:13px!important}
}
@media(max-width:760px){
.hero .avatar-frame video{object-fit:contain!important}
.hero .avatar-actions{margin:4px auto!important}
}
.presentation .video-actions{background:transparent!important;box-shadow:none!important;border:0!important}
.presentation .video-actions .download-status:empty{display:none!important}
.presentation .video-actions .download-status{flex:0 0 100%;min-height:0!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;color:#123c71}
/* Correção do recorte: vídeo inteiro em área de altura total */
@media(min-width:761px){
.hero .avatar{top:0!important;bottom:0!important;height:100%!important;max-height:none!important}
.hero .avatar-frame{height:100%!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}
.hero .avatar-frame video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important}
}

/* Ajuste direto da seção inicial: vídeo inteiro até a base, sem ampliar seção */
@media(min-width:761px){
.hero{height:620px!important;min-height:620px!important;max-height:620px!important}
.hero .avatar{top:0!important;bottom:0!important;height:620px!important;max-height:none!important;right:0!important;width:51%!important;display:flex!important;align-items:stretch!important}
.hero .avatar-frame{height:620px!important;width:calc(100% - 160px)!important;flex:1!important;overflow:visible!important;display:flex!important;align-items:stretch!important;justify-content:center!important}
.hero .avatar-frame video{height:620px!important;width:100%!important;max-height:620px!important;object-fit:contain!important;object-position:center bottom!important}
.hero .avatar-actions{width:160px!important;min-width:160px!important;margin:0 8px 32px -7px!important;align-self:flex-end!important;gap:10px!important}
.hero .avatar-actions>*:not(.download-status){font-size:15px!important;min-height:54px!important}
}
.hobbies{background:#fff;border-radius:32px;padding:28px 20px 20px;max-width:1200px;margin:20px auto 0}
.hobbies .cards{gap:14px}
.hobby{min-height:240px;padding:10px 12px 15px;border-radius:22px}
.hobby .image-art{height:140px;display:flex;align-items:center;justify-content:center}
.hobby .image-art img{max-height:100%;width:100%;object-fit:contain}
.hobby h3{font-weight:900}
.virtues{margin-top:8px}
@media(max-width:760px){.hobby .image-art{height:115px}.hobbies{padding:22px 10px}.hero .avatar-frame video{object-fit:contain!important}}

/* Acabamento fiel à referência: banner, cards e qualidades */
@media(min-width:761px){
.hero .banner{left:50%!important;transform:translateX(-50%)!important;top:0!important;width:min(78%,990px)!important;z-index:5}
.hero .welcome{left:9%!important;transform:translateY(-43%)!important}
.hero .avatar{right:0!important;width:48%!important}
.hero .avatar-actions{position:absolute!important;right:4px!important;bottom:18px!important;z-index:8;align-self:auto!important;width:165px!important;margin:0!important;gap:10px!important}
.hero .avatar-frame{padding-right:80px!important;width:100%!important}
.hero .avatar-frame video{object-fit:contain!important}
}
.hobbies .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hobby{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:12px 12px 16px;min-height:244px;overflow:hidden}
.hobby .image-art{height:135px!important;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent}
.hobby .image-art img{width:100%;height:100%;max-height:none!important;object-fit:cover!important;object-position:center top;border-radius:15px}
.hobby h3{margin:8px 0 9px;width:100%;font-size:16px;line-height:1.18;min-height:32px;display:flex;align-items:center;justify-content:center}
.hobby p{margin:0;font-size:14px;line-height:1.35}
.virtues{max-width:1200px;background:#fff;border:1px solid #e4eff9;border-radius:25px;padding:20px 22px 24px;margin:10px auto 36px}
.virtues h2{font-size:clamp(23px,2.5vw,32px)}
.virtue-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:24px}
.virtue-row>.virtue{display:flex;flex-direction:row;align-items:center;gap:10px;text-align:left;min-width:0;background:transparent;padding:0;font-size:inherit}
.virtue-icon{flex:0 0 66px;width:66px;height:66px;display:grid;place-items:center;font-size:38px;border-radius:50%}
.dedication .virtue-icon,.dedication strong{background:#ffd1e9;color:#ae1661}
.joy .virtue-icon,.joy strong{background:#fff0aa;color:#b45f00}
.courage .virtue-icon,.courage strong{background:#c5edff;color:#06518b}
.effort .virtue-icon,.effort strong{background:#d0fac4;color:#146421}
.virtue-body{display:flex;flex-direction:column;min-width:0;gap:7px}
.virtue-body strong{display:block;text-align:center;font-size:16px;padding:4px 10px;border-radius:24px}
.virtue-body small{font-size:12px;line-height:1.28}
@media(max-width:760px){.hobbies .cards,.virtue-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .avatar-actions{position:relative!important;right:auto!important;bottom:auto!important}.hobby .image-art{height:125px!important}}
@media(max-width:430px){.hobbies .cards{gap:9px}.hobby{padding:9px}.hobby .image-art{height:100px!important}.hobby h3{font-size:13px}.hobby p{font-size:12px}.virtue-row{grid-template-columns:1fr;gap:15px}}

/* Ajuste Manu — controles à ESQUERDA do vídeo, faixa maior e cartões */
@media (min-width:761px) {
  .hero {isolation:isolate}
  .hero .banner {
    width:calc(100% - 34px)!important;
    max-width:1500px!important;
    height:clamp(140px,13.5vw,205px)!important;
    top:0!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    object-fit:fill!important;
    object-position:center top!important;
    z-index:6!important;
  }
  .hero .welcome {
    left:3.5%!important;
    width:43%!important;
    top:56%!important;
    transform:translateY(-40%)!important;
    padding-right:clamp(130px,12vw,175px)!important;
    box-sizing:border-box!important;
  }
  .hero .avatar {
    right:1%!important;
    left:auto!important;
    width:55%!important;
    display:grid!important;
    grid-template-columns:clamp(155px,15vw,205px) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:end!important;
  }
  .hero .avatar-actions {
    position:relative!important;
    grid-column:1!important;
    grid-row:1!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    margin:0 0 100px 0!important;
    width:100%!important;min-width:0!important;
    align-self:end!important;
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    z-index:10!important;
  }
  .hero .avatar-actions>*:not(.download-status){
    width:100%!important;
    min-height:64px!important;
    font-size:clamp(15px,1.55vw,19px)!important;
    padding:15px 12px!important;
    border-radius:24px!important;
    box-shadow:0 8px 18px #002e6860!important;
    transition:transform .25s,box-shadow .25s!important;
  }
  .hero .avatar-actions>*:hover{transform:translateY(-4px);box-shadow:0 12px 27px #002e6870!important}
  .hero .avatar-frame {
    grid-column:2!important;grid-row:1!important;
    width:100%!important;
    height:620px!important;
    padding-right:0!important;
    overflow:visible!important;
    align-self:end!important;
  }
  .hero .avatar-frame video {
    height:100%!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
}
.hobbies{max-width:1300px!important;padding:34px clamp(18px,3vw,42px) 38px!important}
.hobbies .cards{gap:clamp(16px,1.8vw,28px)!important;margin-top:26px!important}
.hobbies .hobby{padding:16px!important;border-radius:26px!important;min-height:310px!important;box-shadow:0 12px 25px #24517a23!important;border:3px solid #ffffffb0!important;transition:transform .3s,box-shadow .3s!important}
.hobbies .hobby:hover{transform:translateY(-7px);box-shadow:0 20px 35px #24517a36!important}
.hobbies .hobby .image-art{height:170px!important;background:#fff9!important;border-radius:19px!important;overflow:hidden!important}
.hobbies .hobby .image-art img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;border-radius:14px!important}
.hobbies .hobby h3{min-height:44px!important;padding:9px 8px!important;font-size:clamp(14px,1.35vw,18px)!important}
.hobbies .hobby p{font-size:14px!important;line-height:1.45!important}
.virtue-row>.virtue{background:#f7fbff!important;border-radius:18px!important;padding:12px!important;box-shadow:0 6px 18px #194a7917!important}
@media (min-width:761px) and (max-width:1100px) {
 .hero .avatar{width:57%!important;grid-template-columns:145px minmax(0,1fr)!important}
 .hero .welcome{left:1%!important;padding-right:125px!important}
 .hero .avatar-actions>*:not(.download-status){font-size:14px!important;min-height:54px!important}
}
@media(max-width:760px) {
 .hero .banner{width:calc(100% + 18px)!important;max-width:none!important;height:clamp(125px,30vw,180px)!important;object-fit:fill!important;max-height:none!important}
 .hero .avatar{display:flex!important;flex-direction:column!important;align-items:center!important}
 .hero .avatar-actions{position:relative!important;display:flex!important;flex-direction:row!important;justify-content:center!important;width:100%!important;max-width:430px!important;gap:12px!important;margin:8px auto!important}
 .hero .avatar-actions>*:not(.download-status){width:48%!important;min-height:54px!important;font-size:13px!important;padding:10px!important}
 .hero .avatar-frame{padding-right:0!important}
 .hobbies .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .hobbies .hobby{min-height:260px!important;padding:10px!important}
 .hobbies .hobby .image-art{height:125px!important}
 .hobbies .hobby h3{font-size:14px!important}
 .hobbies .hobby p{font-size:12px!important}
}
@media(max-width:390px) {
 .hero .avatar-actions{flex-direction:column!important;align-items:center!important}
 .hero .avatar-actions>*:not(.download-status){width:min(100%,270px)!important}
 .hobbies .cards{grid-template-columns:1fr!important}
 .hobbies .hobby .image-art{height:170px!important}
}

/* Mantém a mensagem legível, sem ser comprimida pelos botões */
@media(min-width:761px){.hero .welcome{left:2%!important;width:41%!important;padding-left:10px!important;padding-right:12px!important}.hero .avatar{width:56%!important;right:0!important}.hero .avatar-actions{margin-bottom:100px!important}}

/* Layout revisado com largura controlada e sem colisão com avatar */
@media(min-width:761px){
.hero{height:620px!important;min-height:620px!important;overflow:hidden!important}
.hero .banner{left:34%!important;top:5px!important;transform:translateX(-50%)!important;width:65%!important;max-width:850px!important;height:clamp(106px,11vw,145px)!important;object-fit:contain!important;z-index:4!important}
.hero .welcome{left:10%!important;width:42%!important;top:54%!important;transform:translateY(-38%)!important;text-align:center!important;padding:0 12px!important;z-index:3!important}
.hero .avatar{position:absolute!important;right:0!important;left:auto!important;top:0!important;bottom:0!important;width:50%!important;height:100%!important;display:grid!important;grid-template-columns:148px minmax(0,1fr)!important;gap:0!important;align-items:end!important}
.hero .avatar-actions{grid-column:1!important;grid-row:1!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;align-self:end!important;margin:0 -8px 105px 0!important;width:158px!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:12px!important;z-index:9!important}
.hero .avatar-actions>*:not(.download-status){width:100%!important;min-height:57px!important;font-size:15px!important;padding:11px 9px!important}
.hero .avatar-frame{grid-column:2!important;grid-row:1!important;padding:0!important;height:620px!important;width:100%!important;min-width:0!important;overflow:visible!important;align-self:end!important}
.hero .avatar-frame video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
}
@media(min-width:761px) and (max-width:1050px){
.hero .banner{left:35%!important;width:68%!important;height:120px!important}
.hero .welcome{left:5%!important;width:45%!important}
.hero .avatar{width:52%!important;grid-template-columns:120px minmax(0,1fr)!important}
.hero .avatar-actions{width:126px!important;margin-right:-6px!important}
.hero .avatar-actions>*:not(.download-status){font-size:12px!important}
}
@media(max-width:760px){
.hero .banner{width:98%!important;height:auto!important;max-height:155px!important;object-fit:contain!important}
.hero .avatar-actions{display:flex!important;flex-direction:row!important;gap:10px!important}
.hero .welcome{width:94%!important;margin:auto!important;text-align:center!important}
}

/* Nova arte: imagem enviada para a primeira seção; fallback preserva o fundo atual */
.hero .arena{width:100%;height:100%;object-fit:cover;object-position:center 51%;filter:blur(3px) saturate(.98)!important}
.hero .veil{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.12) 45%,rgba(255,255,255,.03))!important}