/*
Theme Name: CCJB Museu da Comunicação
Theme URI: https://casadeculturajosebonifacio.org/
Author: Projeto Casa de Cultura José Bonifácio
Description: Tema institucional para a Casa de Cultura José Bonifácio — Museu da Comunicação e Costumes, com capa desktop/mobile, menu em quadros pendurados e controle pelo Personalizar Aparência.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: ccjb-museu
*/
:root{
 --ccjb-bg:#E7E3D9;--ccjb-black:#111;--ccjb-white:#fff;--ccjb-green:#4D7B3D;--ccjb-gray:#B8B3A8;--ccjb-shadow:0 18px 30px rgba(0,0,0,.14);--ccjb-swing:5.8s;
 --ccjb-stage-width:1080px;--ccjb-hero-width:850px;--ccjb-hero-height:560px;--ccjb-hero-mobile-height:360px;--ccjb-hero-top:0px;--ccjb-hero-bottom:0px;--ccjb-hero-radius:0px;
 --ccjb-logo-width:560px;--ccjb-header-top:26px;--ccjb-header-bottom:16px;
 --ccjb-guided-width:330px;--ccjb-guided-height:165px;--ccjb-guided-x:0px;--ccjb-guided-y:0px;--ccjb-guided-font:44px;--ccjb-guided-bg:#fff;--ccjb-guided-color:#111;--ccjb-guided-border:0px solid transparent;--ccjb-guided-radius:330px 330px 0 0;
 --ccjb-howto-width:850px;--ccjb-howto-height:auto;--ccjb-howto-font:20px;--ccjb-howto-logo:70px;--ccjb-howto-gap:18px;--ccjb-howto-pad-y:8px;--ccjb-howto-pad-x:16px;--ccjb-howto-bg:#fff;
 --ccjb-menu-width:210px;--ccjb-menu-gap:34px;--ccjb-menu-left:28px;--ccjb-menu-top:20px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ccjb-bg);color:var(--ccjb-black);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.ccjb-wrap{width:min(var(--ccjb-stage-width),92vw);margin:0 auto}.site-header{padding:var(--ccjb-header-top) 0 var(--ccjb-header-bottom);text-align:left}.site-header .ccjb-top-logo{width:min(var(--ccjb-logo-width),70vw);height:auto;display:block}.home .site-header{width:min(var(--ccjb-hero-width),92vw);}.home .site-header .ccjb-top-logo{margin-left:0;margin-right:auto}
.hero-grid{width:min(calc(var(--ccjb-hero-width) + var(--ccjb-menu-width) + var(--ccjb-menu-left)),92vw);margin:0 auto;display:grid;grid-template-columns:minmax(0,var(--ccjb-hero-width)) var(--ccjb-menu-width);gap:var(--ccjb-menu-left);align-items:start}.hero-stage{position:relative;width:100%;min-height:0;overflow:visible;margin-top:var(--ccjb-hero-top);margin-bottom:var(--ccjb-hero-bottom)}.hero-photo{width:100%;height:var(--ccjb-hero-height);display:block;object-fit:cover;object-position:center;border-radius:var(--ccjb-hero-radius)}.guided-badge{position:absolute;left:50%;bottom:42px;transform:translate(calc(-50% + var(--ccjb-guided-x)),var(--ccjb-guided-y));background:var(--ccjb-guided-bg);color:var(--ccjb-guided-color);width:var(--ccjb-guided-width);height:var(--ccjb-guided-height);border:var(--ccjb-guided-border);border-radius:var(--ccjb-guided-radius);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:var(--ccjb-guided-font);line-height:.93;box-shadow:0 -12px 0 rgba(231,227,217,.9);z-index:2;text-decoration:none}.guided-badge.is-button{cursor:pointer;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.guided-badge.is-button:hover{filter:brightness(.98);transform:translate(calc(-50% + var(--ccjb-guided-x)),var(--ccjb-guided-y)) scale(1.035)}.howto{width:var(--ccjb-howto-width);min-height:var(--ccjb-howto-height);background:var(--ccjb-howto-bg);display:flex;gap:var(--ccjb-howto-gap);align-items:center;padding:var(--ccjb-howto-pad-y) var(--ccjb-howto-pad-x);font-weight:900;text-transform:uppercase;font-size:var(--ccjb-howto-font);letter-spacing:.02em;line-height:1.18}.howto img{width:var(--ccjb-howto-logo);height:var(--ccjb-howto-logo);object-fit:contain;flex:0 0 var(--ccjb-howto-logo)}.howto-content{display:flex;flex-direction:column;gap:4px}.howto-extra{font-size:.72em;font-weight:700;text-transform:none;line-height:1.25}.hanging-menu{display:flex;flex-direction:column;gap:var(--ccjb-menu-gap);padding-top:var(--ccjb-menu-top)}.hanging-card{position:relative;min-height:90px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px 16px;text-decoration:none;font-weight:900;text-transform:uppercase;box-shadow:var(--ccjb-shadow);transform-origin:top center;animation:ccjbSwing var(--ccjb-swing) ease-in-out infinite;will-change:transform}.hanging-card:before{content:"";position:absolute;top:-9px;left:50%;width:8px;height:8px;background:#8A6B4F;border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.3)}.hanging-card:nth-child(1){transform:rotate(-8deg);animation-delay:.1s}.hanging-card:nth-child(2){transform:rotate(4deg);animation-delay:1.1s}.hanging-card:nth-child(3){transform:rotate(-5deg);animation-delay:2.2s}.hanging-card:nth-child(4){transform:rotate(5deg);animation-delay:3.1s}.hanging-card:nth-child(5){transform:rotate(-3deg);animation-delay:4s}.hanging-card:hover{animation-play-state:paused;scale:1.045;box-shadow:0 24px 38px rgba(0,0,0,.2)}@keyframes ccjbSwing{0%,100%{rotate:-1.7deg}50%{rotate:1.7deg}}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:42px;padding:34px 0}.content-card{background:#fff;padding:34px;border-left:8px solid var(--ccjb-green);box-shadow:var(--ccjb-shadow)}h1,h2,h3{font-weight:900;text-transform:uppercase;line-height:.95}h1{font-size:clamp(38px,6vw,72px);margin:0 0 20px}.lead{font-size:1.18rem;line-height:1.55}.cards-grid,.program-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:24px}.info-card,.program-box{background:#fff;border:1px solid #ddd;padding:20px;box-shadow:0 8px 18px rgba(0,0,0,.08)}.program-box{border-top:6px solid var(--ccjb-green)}.btn{display:inline-block;background:#000;color:#fff;text-decoration:none;padding:12px 18px;font-weight:900;text-transform:uppercase;margin-top:10px}.site-footer{margin-top:40px;padding:28px 0;border-top:1px solid var(--ccjb-gray);font-size:.9rem}.site-footer img{width:64px;vertical-align:middle;margin-right:12px}.fade-in{animation:fadeInUp .8s ease both}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}@keyframes fadeInUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){:root{--ccjb-stage-width:100vw;--ccjb-hero-width:100vw;--ccjb-howto-width:100vw;--ccjb-guided-width:54vw;--ccjb-guided-height:116px;--ccjb-guided-font:34px;--ccjb-howto-font:18px;--ccjb-howto-logo:74px;--ccjb-howto-pad-y:12px;--ccjb-howto-pad-x:18px;--ccjb-menu-gap:22px}.ccjb-wrap{width:100%}.site-header{padding:22px 18px 8px}.home .site-header{width:100%;}.site-header .ccjb-top-logo{width:88%;max-width:430px}.hero-grid{display:block;width:100%;}.hero-photo{width:100%;height:var(--ccjb-hero-mobile-height);object-fit:cover;object-position:center}.guided-badge{bottom:0}.howto{align-items:flex-start}.hanging-menu{padding:22px 18px 18px;gap:var(--ccjb-menu-gap)}.hanging-card{min-height:64px;width:96%;margin:0 auto}.page-layout{display:block;padding:20px 18px}.content-card{padding:24px 18px}.site-footer{padding:24px 18px}.desktop-menu{display:none}.mobile-menu{display:flex}}@media(min-width:801px){.mobile-menu{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}