/*
Theme Name: Favela Faz Arte — Em breve
Author: Favela Faz Arte
Description: Página de apresentação do novo espaço digital do Favela Faz Arte.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ffa-em-breve
License: GPL-2.0-or-later
*/
:root{--yellow:#ffcc16;--ink:#131413;--paper:#f5f2e9;--muted:#c6c5bd}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;background:var(--yellow);color:#111;padding:12px;z-index:5}.skip:focus{top:15px}.page{min-height:100svh;overflow:hidden;position:relative;background:radial-gradient(ellipse at 0 30%,#35352a55,transparent 55%)}.page:before{content:"";position:absolute;left:-80px;top:0;width:300px;height:12px;background:var(--yellow);transform:rotate(-35deg);pointer-events:none}.topbar{max-width:1360px;margin:auto;padding:32px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}.wordmark{font-size:13px;letter-spacing:.18em;font-weight:800}.status{border:1px solid #ffffff35;padding:11px 16px;border-radius:30px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:9px}.status:before{content:"";width:7px;height:7px;background:var(--yellow);border-radius:50%}.hero{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;padding:30px 5% 64px;gap:6%;min-height:630px}.brand{display:block;width:190px;max-height:160px;object-fit:contain;margin:0 0 28px;mix-blend-mode:screen}.custom-logo-link{display:inline-block;margin-bottom:28px}.custom-logo{width:190px;height:auto;max-height:170px;object-fit:contain}.eyebrow{color:var(--yellow);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.22em;margin:0 0 18px}h1{font-size:clamp(40px,4.3vw,66px);letter-spacing:-.055em;line-height:1.02;margin:0 0 26px;max-width:640px}h1 em{font-style:normal;color:var(--yellow);position:relative;display:inline-block}h1 em:after{content:"";height:5px;position:absolute;bottom:-9px;left:0;width:100%;background:var(--yellow);clip-path:polygon(0 30%,100% 0,96% 50%,2% 100%)}.intro{font-size:17px;line-height:1.65;color:var(--muted);max-width:485px;margin:0 0 18px}.invitation{font-size:14px;line-height:1.6;color:#f5f2e9;margin:0}.contact{display:inline-flex;background:var(--yellow);color:#131413;padding:15px 23px;border-radius:4px;text-decoration:none;font-weight:800;font-size:14px;margin-top:26px;gap:20px}.art{position:relative;align-self:stretch;min-height:530px;margin-top:10px}.photo{width:100%;height:100%;position:absolute;object-fit:cover;object-position:49% center;filter:saturate(.95);border-radius:160px 8px 8px 8px}.art:before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid #ffcc1670;border-radius:160px 8px 8px 8px;z-index:0}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 55%);border-radius:160px 8px 8px 8px}.photo-caption{position:absolute;bottom:32px;left:28px;right:24px;z-index:1}.photo-caption span{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--yellow)}.photo-caption strong{display:block;font-size:34px;line-height:1.05;letter-spacing:-.04em;margin-top:12px;max-width:300px}.stamp{position:absolute;right:-24px;top:34px;background:var(--yellow);color:#111;z-index:1;border-radius:50%;height:96px;width:96px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font-size:11px;font-weight:800;line-height:1.3;letter-spacing:.05em}.axes{background:var(--yellow);color:#111;transform:rotate(-1deg);width:102%;margin-left:-1%;padding:23px 4%;display:flex;justify-content:center;align-items:center;gap:30px;font-weight:800;font-size:13px}.axes b{font-size:20px}.footer{max-width:1360px;margin:auto;padding:36px 5% 28px;display:flex;justify-content:space-between;gap:24px;color:#aeafa6;font-size:11px;line-height:1.7}.footer p{margin:0}.footer a{text-underline-offset:4px}@media(min-width:1500px){.hero{min-height:710px}}@media(max-width:760px){.topbar{padding:26px 7%}.wordmark{font-size:10px}.status{font-size:9px;padding:9px 11px}.hero{grid-template-columns:1fr;padding:16px 7% 50px;gap:38px}.brand{width:150px;margin-bottom:23px}.custom-logo{width:150px}h1{font-size:46px}.intro{font-size:16px}.art{min-height:360px;margin-right:12px}.photo{object-position:center 38%;border-radius:100px 5px 5px 5px}.art:before,.art:after{border-radius:100px 5px 5px 5px}.stamp{width:78px;height:78px;right:-20px;font-size:9px}.photo-caption strong{font-size:30px}.axes{flex-wrap:wrap;gap:12px 20px;padding:22px 8%;font-size:11px}.axes b{display:none}.axes span{flex-basis:43%;text-align:center}.footer{padding:30px 7%;flex-direction:column;gap:10px}}@media(prefers-reduced-motion:no-preference){.hero{animation:enter .65s ease-out}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
/* Contraste explícito para títulos e legendas. */
.page .topbar{color:#f5f2e9}
.page .copy h1{display:block;color:#f5f2e9;font-weight:800;line-height:1.02}
.page .copy h1 em{color:#ffcc16;font-weight:800}
.page .photo-caption strong{display:block;color:#ffffff;font-weight:800;line-height:1.05;text-shadow:0 2px 12px #0009}
.page .photo-caption span{color:#ffcc16}
.page .art:after{background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.4) 34%,transparent 65%)}