/* ============ Identidade visual: Maitte Weyr ============ */
:root{
	--verde:#89f76c; --lilas:#c8a7d9; --roxo:#744c88;
	--creme:#fff5f5; --amarelo:#ffedc2; --pessego:#ffe5a8; --preto:#000;
	--f-display:"Against","Bodoni Moda","Didot",Georgia,serif;
	--f-script:"Aguafina Script","Snell Roundhand",cursive;
	--f-corpo:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
	--raio:28px; --max:1180px;
}
@font-face{font-family:"Against";src:url("../fonts/Against-Regular.woff2") format("woff2"),url("../fonts/Against-Regular.otf") format("opentype");font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:var(--f-corpo);font-weight:400;font-size:1.0625rem;line-height:1.6;color:var(--preto);background:var(--creme);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,p{margin:0}
:focus-visible{outline:3px solid var(--roxo);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--preto);color:#fff;padding:.75rem 1rem;z-index:100}
.skip:focus{left:0}

.wrap{width:min(100% - 2.5rem,var(--max));margin-inline:auto}
.wrap--texto{max-width:760px}

.display{font-family:var(--f-display);font-weight:700;line-height:.95;letter-spacing:-.01em}
.script{font-family:var(--f-script);font-weight:400;line-height:1}
.fino{font-weight:200}
.fino-it{font-weight:200;font-style:italic}

/* ---- botões ---- */
.btn{display:inline-block;font:500 .95rem/1 var(--f-corpo);text-decoration:none;padding:1rem 1.6rem;border-radius:999px;border:2px solid var(--preto);cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}
.btn:hover{transform:translateY(-2px) rotate(-1deg)}
.btn--preto{background:var(--preto);color:#fff}
.btn--preto:hover{background:var(--roxo);border-color:var(--roxo)}
.btn--branco{background:var(--creme);color:var(--preto)}
.btn--verde{background:var(--verde);color:var(--preto)}

/* ---- topo ---- */
.topo{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,4vw,2.5rem);background:rgba(255,245,245,.92);backdrop-filter:blur(8px);border-bottom:2px solid var(--preto)}
.topo__marca{display:flex;align-items:baseline;gap:.35rem;text-decoration:none}
.marca-nome{font-family:var(--f-display);font-weight:700;font-size:1.7rem;line-height:1}
.marca-script{font-family:var(--f-script);font-size:1.9rem;line-height:1}
.topo__nav{display:flex;align-items:center;gap:clamp(.9rem,2vw,1.8rem)}
.topo__nav a:not(.btn){text-decoration:none;font-weight:500;font-size:.95rem;padding:.3rem 0;border-bottom:2px solid transparent}
.topo__nav a:not(.btn):hover{border-color:var(--roxo)}
.topo__nav .btn{padding:.7rem 1.2rem}
.topo__toggle{display:none;width:46px;height:46px;border:2px solid var(--preto);border-radius:50%;background:var(--verde);cursor:pointer;position:relative}
.topo__toggle span{position:absolute;left:12px;right:12px;height:2px;background:var(--preto);transition:transform .2s}
.topo__toggle span:first-child{top:18px}.topo__toggle span:last-child{top:26px}
.topo__toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.topo__toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* ---- seções ---- */
.sec{position:relative;padding:clamp(4rem,9vw,7.5rem) 0;overflow:hidden}
.sec--creme{background:var(--creme)}
.sec--lilas{background:var(--lilas)}
.sec--verde{background:var(--verde)}
.sec--amarelo{background:var(--amarelo)}
.sec--grade{background-image:linear-gradient(rgba(116,76,136,.28) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(116,76,136,.28) 1.5px,transparent 1.5px);background-size:56px 56px}
.sec--grade-clara{background-image:linear-gradient(rgba(0,0,0,.07) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(0,0,0,.07) 1.5px,transparent 1.5px);background-size:56px 56px}

.titulo-misto{display:flex;flex-direction:column;gap:.1em;font-size:clamp(2.6rem,6.5vw,5rem);margin-bottom:2rem}
.titulo-misto .display{font-size:1em}
.titulo-misto .fino,.titulo-misto .fino-it{font-size:.9em;line-height:1}
.titulo-misto--centro{align-items:center;text-align:center}
.titulo-misto--centro .fino-it{align-self:flex-end}
.titulo-com-selo{position:relative;display:flex;justify-content:center;font-size:clamp(3.5rem,11vw,8.5rem);margin-bottom:3rem}
.titulo-com-selo .display{line-height:.9}
.selo-verde{position:absolute;left:clamp(0rem,8vw,7rem);top:.35em;z-index:2;background:var(--verde);padding:.2rem .6rem;font:400 clamp(.8rem,1.6vw,1.2rem)/1.2 var(--f-corpo);text-transform:uppercase;text-align:right;max-width:6em}

.texto-corrido p+p,.janela p+p{margin-top:1.15em}
.texto-corrido{max-width:34rem}
.texto-corrido--centro{margin:3rem auto 0;max-width:52rem;text-align:left}

/* ---- hero ---- */
.hero{position:relative;background:var(--lilas);padding:clamp(3rem,7vw,6rem) 0 0;overflow:hidden;
	background-image:radial-gradient(rgba(116,76,136,.45) 2.2px,transparent 2.6px);background-size:22px 22px}
.hero::before{content:"";position:absolute;right:-8%;top:-12%;width:55%;aspect-ratio:1;background:var(--verde);border-radius:48% 52% 40% 60%/55% 45% 55% 45%;z-index:0}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-bottom:clamp(3rem,6vw,5rem)}
.hero__titulo{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.6rem}
.etiqueta{display:inline-block;padding:.1em .22em .05em}
.etiqueta--verde{background:var(--verde);box-shadow:6px 6px 0 rgba(0,0,0,.14)}
.etiqueta--deslocada{margin-left:clamp(1.5rem,6vw,4.5rem);margin-top:-.08em}
.hero__nome{font-size:clamp(4rem,11vw,8.5rem)}
.hero__sobrenome{font-size:clamp(4.5rem,12vw,9.5rem)}
.pilulas{display:flex;flex-wrap:wrap;gap:.6rem}
.pilulas li{border-radius:999px;padding:.5rem 1.15rem;font-weight:300;line-height:1.2;text-transform:uppercase;font-size:.95rem}
.pilulas--lilas li{background:var(--creme);border:2px solid var(--preto);font-weight:400}
.pilulas--creme li{background:var(--creme)}
.pilulas--verdes li{background:var(--verde)}
.pilulas--centro{justify-content:center;max-width:62rem;margin-inline:auto;gap:1rem}
.pilulas--centro li{font-size:clamp(1rem,2vw,1.55rem);padding:.55rem 1.4rem}
.pilulas--centro li:nth-child(odd){transform:rotate(-1.5deg)}
.pilulas--centro li:nth-child(even){transform:rotate(1deg)}
.hero__lead{max-width:30rem;margin:1.6rem 0 2rem;font-size:1.15rem}
.hero__acoes,.midiakit__acoes{display:flex;flex-wrap:wrap;gap:.8rem}
.hero__foto{position:relative;margin:0;justify-self:center;width:min(100%,430px)}
.hero__foto::before{content:"";position:absolute;inset:-18px 18px 18px -18px;background:var(--roxo);border-radius:var(--raio)}
.hero__foto img{position:relative;width:100%;border-radius:var(--raio);border:6px solid var(--creme);box-shadow:10px 12px 0 rgba(0,0,0,.18);transform:rotate(1.5deg)}

/* ---- fita @maitteweyr ---- */
.fita{position:relative;z-index:2;background:var(--verde);border-block:2px solid var(--preto);overflow:hidden;transform:rotate(-1.2deg);margin:0 -2%;padding:.55rem 0}
.fita__trilho{display:flex;align-items:center;gap:1.6rem;width:max-content;animation:fita 38s linear infinite;font-family:var(--f-script);font-size:1.9rem;line-height:1.3}
.fita__trilho i{width:.7rem;height:.7rem;border-radius:50%;background:var(--preto);flex:none}
.fita--base{position:absolute;left:0;right:0;bottom:1.4rem}
@keyframes fita{to{transform:translateX(-50%)}}
.posicionamento{padding-bottom:clamp(8rem,12vw,10rem)}

/* ---- sobre ---- */
.sobre__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.janela{position:relative;background:#fff;border:2px solid var(--preto);border-radius:var(--raio);padding:3.2rem clamp(1.4rem,3vw,2.6rem) 2.2rem;box-shadow:10px 12px 0 var(--lilas)}
.janela__pontos{position:absolute;top:1.1rem;right:1.4rem;display:flex;gap:.45rem}
.janela__pontos i{width:14px;height:14px;border-radius:50%;background:#e8212a}
.janela__pontos i:nth-child(2){background:#dfe221}.janela__pontos i:nth-child(3){background:#4cd81f}
.sobre__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;align-items:start}
.cartao-foto{margin:0;background:var(--creme);border:2px solid var(--preto);border-radius:22px;padding:.6rem .6rem 0;box-shadow:6px 7px 0 var(--lilas)}
.cartao-foto:nth-child(2){margin-top:2.2rem}
.cartao-foto img{width:100%;aspect-ratio:3/4.3;object-fit:cover;border-radius:14px}
.cartao-foto figcaption{padding:.7rem 0 .8rem;text-align:center;font-size:clamp(1rem,1.9vw,1.55rem)}

/* ---- posicionamento ---- */
.posicionamento__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.selo-roxo{background:var(--roxo);color:#fff;padding:1.2rem 1.6rem 1.4rem;transform:rotate(-4deg);box-shadow:10px 12px 0 rgba(0,0,0,.2);font-size:clamp(2.8rem,7vw,5.6rem);font-weight:400;display:flex;flex-direction:column;width:fit-content}
.selo-roxo span:last-child{margin-left:.4em}

/* ---- transforma ---- */
.transforma__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.blob-foto{margin:0;background:var(--verde);border-radius:50% 50% 12% 12%/38% 38% 4% 4%;overflow:hidden;border:2px solid var(--preto);max-width:420px;justify-self:center}
.blob-foto img{width:100%}
.lista-pontos li{position:relative;padding-left:1.3rem;font-size:1.05rem}
.lista-pontos li+li{margin-top:1.1em}
.lista-pontos li::before{content:"";position:absolute;left:0;top:.7em;width:.45rem;height:.45rem;border-radius:50%;background:var(--preto)}

/* ---- propósito ---- */
.proposito__titulo{display:flex;flex-direction:column;align-items:flex-start;line-height:.9}
.proposito__titulo .display{font-size:clamp(3.4rem,14.5vw,12.5rem);font-weight:400;text-transform:lowercase;letter-spacing:-.03em}
.proposito__titulo .fino-it{font-size:clamp(1.3rem,3.6vw,2.6rem);margin-top:-.2em;margin-left:.2em}

/* ---- plataformas ---- */
.plataformas__intro{text-align:center;max-width:40rem;margin:0 auto 3.2rem}
.plat-lista{display:grid;grid-template-columns:repeat(2,1fr);gap:2.2rem clamp(2rem,6vw,5rem)}
.plat{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:end;padding-bottom:.6rem;border-bottom:3px solid var(--lilas)}
.plat h3{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:400}
.plat h3 a{text-decoration:none}.plat h3 a:hover{text-decoration:underline;text-decoration-thickness:3px}
.plat p{font-size:.78rem;line-height:1.35;text-transform:uppercase;text-align:right;font-weight:400}

/* ---- família ---- */
.familia__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.familia__foto{margin:0;justify-self:center;max-width:380px;background:var(--amarelo);padding:.8rem;border:2px solid var(--preto);border-radius:var(--raio);transform:rotate(2deg);box-shadow:10px 12px 0 var(--roxo)}
.familia__foto img{border-radius:18px}

/* ---- mídia kit ---- */
.midiakit__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.midiakit__texto>p:not([class]){max-width:30rem;margin-bottom:1.8rem}
.midiakit__nota{margin-top:1rem;font-size:.9rem}
.midiakit__capa{justify-self:center;width:min(100%,460px);transform:rotate(-2deg)}
.midiakit__capa img{border:2px solid var(--preto);border-radius:var(--raio);box-shadow:10px 12px 0 rgba(0,0,0,.18)}
.capa-padrao{aspect-ratio:16/10;background:var(--lilas);border:2px solid var(--preto);border-radius:var(--raio);box-shadow:10px 12px 0 rgba(0,0,0,.18);display:grid;place-content:center;text-align:left;padding:1.5rem;position:relative;overflow:hidden;
	background-image:radial-gradient(rgba(116,76,136,.5) 2px,transparent 2.4px);background-size:18px 18px}
.capa-padrao .display{font-size:clamp(2.6rem,7vw,4.6rem)}
.capa-padrao .script{font-size:clamp(1.8rem,4.5vw,3rem);margin-left:1.2em}
.aviso-admin{margin-top:1.2rem;padding:.9rem 1.1rem;background:var(--creme);border:2px dashed var(--roxo);border-radius:14px;font-size:.9rem;max-width:30rem}

/* ---- contato ---- */
.contato__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.contato__info>p:not([class]){max-width:28rem;margin-bottom:1.6rem}
.contato__lista li{display:flex;flex-direction:column;padding:.8rem 0;border-bottom:2px solid var(--lilas)}
.contato__lista span{font-size:.8rem;font-weight:500;color:var(--roxo)}
.contato__lista a{font-size:1.15rem;font-weight:500;overflow-wrap:anywhere}
.form{background:#fff;border:2px solid var(--preto);border-radius:var(--raio);padding:clamp(1.3rem,3vw,2.2rem);box-shadow:10px 12px 0 var(--verde);display:grid;gap:1rem}
.form label{display:grid;gap:.35rem;font-size:.9rem;font-weight:500}
.form input,.form select,.form textarea{font:400 1rem var(--f-corpo);padding:.8rem 1rem;border:2px solid var(--preto);border-radius:14px;background:var(--creme);width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid var(--lilas);outline-offset:1px}
.form .btn{justify-self:start}
.form__hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.form__aviso{padding:.8rem 1rem;border-radius:12px;font-size:.95rem}
.form__aviso--ok{background:var(--verde)}.form__aviso--erro{background:#ffd3d3}

/* ---- rodapé ---- */
.rodape{background:var(--preto);color:var(--creme);padding:3rem 0 2.2rem;text-align:center}
.rodape__inner{width:min(100% - 2.5rem,var(--max));margin-inline:auto;display:grid;gap:.5rem}
.rodape__nome{font-size:2rem;display:flex;gap:.4rem;justify-content:center;align-items:baseline}
.rodape__papeis{font-weight:300}
.rodape__copy{font-size:.8rem;opacity:.7;margin-top:.8rem}

/* ---- páginas internas ---- */
.pagina{padding:5rem 0}
.artigo__corpo{margin-top:1.5rem}.artigo__corpo p+p{margin-top:1em}

/* ---- responsivo ---- */
@media (max-width:900px){
	.topo__toggle{display:block}
	.topo__nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--creme);border-bottom:2px solid var(--preto);padding:.5rem 1.25rem 1.2rem;display:none}
	.topo__nav.is-open{display:flex}
	.topo__nav a:not(.btn){padding:.9rem 0;border-bottom:1px solid var(--lilas);font-size:1.05rem}
	.topo__nav .btn{margin-top:.8rem;text-align:center}
	.hero__grid,.sobre__grid,.posicionamento__grid,.transforma__grid,.familia__grid,.midiakit__grid,.contato__grid{grid-template-columns:1fr}
	.hero__foto{order:-1;width:min(78%,340px)}
	.hero::before{width:90%;right:-30%}
	.plat-lista{grid-template-columns:1fr}
	.selo-verde{position:static;display:inline-block;margin-bottom:.6rem}
	.titulo-com-selo{flex-direction:column;align-items:center}
	.familia__foto{order:-1}
	.transforma .blob-foto{max-width:320px}
}
@media (max-width:520px){
	.sobre__cards{grid-template-columns:1fr 1fr}
	.cartao-foto:nth-child(2){margin-top:0}
	.cartao-foto:nth-child(3){grid-column:1 / -1;max-width:50%;margin-inline:auto}
	.plat{grid-template-columns:1fr;gap:.3rem}.plat p{text-align:left}
}
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	.fita__trilho{animation:none}
	.btn:hover{transform:none}
}