/*
Theme Name: Paulo Morales
Theme URI: https://paulomorales.com.br/
Author: Paulo Morales
Description: Página de entrada do paulomorales.com.br, com o nome, o lema "Foz que produz!" e um "em breve". Não precisa configurar nada: é só ativar.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paulo-morales
*/

:root{--verde:#223738;--mata:#2F6B5D;--coral:#F2684A;--sol:#F5C451}
*{box-sizing:border-box}
html,body{height:100%}
body.admin-bar .palco{min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px)}
body{margin:0;background:var(--verde);color:#fff;font-family:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif;overflow:hidden}
.palco{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,6vw,48px);padding:24px 16px}
.palco::after{content:"";position:fixed;inset:0;background:url(assets/grain.png) repeat;background-size:160px;opacity:.07;mix-blend-mode:overlay;pointer-events:none}
.adesivo{margin:0;position:relative;transform:rotate(-3deg);animation:flutua 6s ease-in-out infinite}
.cartao{background:#fff;border-radius:clamp(20px,4vw,32px);padding:clamp(16px,3.4vw,28px) clamp(28px,6vw,56px) clamp(22px,4.2vw,36px);box-shadow:clamp(8px,1.6vw,14px) clamp(8px,1.6vw,14px) 0 var(--coral);display:flex;flex-direction:column}
.cartao span{font-weight:800;font-size:clamp(52px,15vw,132px);line-height:.88;letter-spacing:-.025em}
.paulo{color:var(--verde)}
.morales{color:var(--coral)}
.brilho{position:absolute;fill:var(--sol)}
.b1{width:clamp(48px,9vw,96px);top:calc(clamp(48px,9vw,96px) * -.46);right:calc(clamp(48px,9vw,96px) * -.46);animation:gira 9s linear infinite}
.b2{width:clamp(24px,4vw,44px);bottom:-14px;left:-24px;fill:#fff}
.lema{margin:0;display:flex;flex-direction:column;align-items:center;transform:rotate(-2deg)}
.lema span{font-family:'Caveat Brush','Comic Sans MS',cursive;font-size:clamp(38px,8vw,68px);color:var(--sol);line-height:1}
.lema svg{width:clamp(170px,32vw,300px);height:auto}
.breve{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;font-size:13px;letter-spacing:.35em;text-transform:uppercase;color:rgba(255,255,255,.6)}
@keyframes flutua{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}
@keyframes gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.adesivo,.b1{animation:none}}