:root{
--bg: #ffffff;
--ink: #0b0f14;
--muted: rgba(11,15,20,.68);
--line: rgba(11,15,20,.10);
--green: #0B6E3B; --green-2:#0E8A4A;
--red:   #C21F2D; --soft:  #F6F8F7;
--radius: 18px;
--shadow: 0 18px 48px rgba(0,0,0,.08);
--shadow2: 0 10px 24px rgba(0,0,0,.08);
--font-sans: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--font-display: "Jost", "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;  --wrap: min(1120px, calc(100% - 44px)); --nav-h: 86px; --logo-h: 82px;
--logo-h-sm: 62px; --topbar-h: 42px;
--nav-gap: 14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{font-size:15px}
body{ line-height:1.55; }
.footer-newsletter input{ font-size:16px; }
body{
font-family: var(--font-sans);
color: var(--ink);
background: var(--bg);
line-height: 1.6;
text-rendering: optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color: inherit; text-decoration: none}
a:hover{opacity:.92}
.wrap{width: var(--wrap); margin-inline:auto}
.sr-only{
position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.kicker{
letter-spacing: .14em;
text-transform: uppercase;
font-size: .78rem;
color: var(--muted);
margin: 0 0 10px;
} .hero .kicker{
color: rgba(255,255,255,.78);
}
.h1{
font-family: var(--font-display);
letter-spacing: -0.02em;
font-size: clamp(1.9rem, 3.1vw, 2.95rem);
line-height: 1.1;
margin: 0 0 14px;
}
.h3{
font-family: var(--font-display);
letter-spacing: -0.01em;
font-size: 1.18rem;
line-height: 1.18;
margin: 0 0 10px;
}
.muted{color: var(--muted)}
.section{padding: 64px 0}
.section--tight{padding: 34px 0}
@media (max-width: 720px){
.section--tight{padding: 26px 0}
}
.section--soft{background: var(--soft)}
.section-head{max-width: 820px}
.btn{
display:inline-flex; align-items:center; justify-content:center;
padding: 12px 16px;
border-radius: 999px;
border: 1px solid transparent;
font-weight: 600;
gap: 10px;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.btn:focus{outline: 2px solid rgba(11,110,59,.30); outline-offset: 3px}
.btn--primary{
background: linear-gradient(180deg, var(--green-2), var(--green));
color: #fff;
box-shadow: var(--shadow2);
}
.btn--primary:hover{transform: translateY(-1px)}
.btn--ghost{
background: #fff;
border-color: rgba(11,110,59,.30);
color: var(--green);
}
.btn--ghost:hover{transform: translateY(-1px)}
.btn--link{
padding: 12px 8px;
border-color: transparent;
color: var(--green);
}
.cta-row{display:flex; gap: 10px; flex-wrap: wrap; margin-top: 18px} .header-stack{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 80;
pointer-events: none;
}
body.admin-bar .header-stack{ top: 32px; }
@media (max-width: 782px){
body.admin-bar .header-stack{ top: 46px; }
}
.topbar{
height: var(--topbar-h);
background: #20481f;
color: rgba(255,255,255,.92);
pointer-events: auto;
transition: transform .25s ease, opacity .25s ease;
}
.topbar__inner{
width: var(--wrap);
margin-inline: auto;
height: 100%;
display:flex;
align-items:center;
justify-content: space-between;
gap: 14px;
font-size: .92rem;
}
.topbar__left{display:flex; align-items:center; gap: 10px; flex-wrap:wrap}
.topbar__item{display:inline-flex; align-items:center; gap: 8px; opacity:.95}
.topbar__item:hover{opacity:1}
.topbar__icon{font-size: .96rem; opacity:.95}
.topbar__icon svg{display:block}
.topbar__sep{opacity:.55}
.topbar__right{display:flex; align-items:center; gap: 10px}
.topbar__social{
width: 28px; height: 28px;
display:inline-flex; align-items:center; justify-content:center;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.22);
color:#fff;
font-weight: 800;
font-size: .86rem;
}
.topbar__social-ic svg{display:block}
.topbar__social:hover{background: rgba(255,255,255,.10)}
.aapcil-social-soon,
.topbar__social[data-tip],
.footer-social__a[data-tip]{
position:relative;
cursor:not-allowed;
}
.aapcil-social-soon::after,
.topbar__social[data-tip]::after,
.footer-social__a[data-tip]::after{
content: attr(data-tip);
position:absolute;
left:50%;
bottom:calc(100% + 10px);
transform:translate(-50%,8px);
background:#111827;
color:#fff;
padding:8px 10px;
border-radius:10px;
font-size:12px;
line-height:1.3;
white-space:nowrap;
box-shadow:0 12px 28px rgba(0,0,0,.18);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .18s ease, transform .18s ease;
z-index:40;
}
.aapcil-social-soon::before,
.topbar__social[data-tip]::before,
.footer-social__a[data-tip]::before{
content:'';
position:absolute;
left:50%;
bottom:calc(100% + 3px);
transform:translateX(-50%);
border:6px solid transparent;
border-top-color:#111827;
opacity:0;
visibility:hidden;
transition:opacity .18s ease;
z-index:40;
}
.aapcil-social-soon:hover::after,
.aapcil-social-soon:hover::before,
.aapcil-social-soon:focus::after,
.aapcil-social-soon:focus::before,
.aapcil-social-soon:active::after,
.aapcil-social-soon:active::before,
.topbar__social[data-tip]:hover::after,
.topbar__social[data-tip]:hover::before,
.topbar__social[data-tip]:focus::after,
.topbar__social[data-tip]:focus::before,
.topbar__social[data-tip]:active::after,
.topbar__social[data-tip]:active::before,
.footer-social__a[data-tip]:hover::after,
.footer-social__a[data-tip]:hover::before,
.footer-social__a[data-tip]:focus::after,
.footer-social__a[data-tip]:focus::before,
.footer-social__a[data-tip]:active::after,
.footer-social__a[data-tip]:active::before{
opacity:1;
visibility:visible;
}
.aapcil-social-soon:hover::after,
.aapcil-social-soon:focus::after,
.aapcil-social-soon:active::after,
.topbar__social[data-tip]:hover::after,
.topbar__social[data-tip]:focus::after,
.topbar__social[data-tip]:active::after,
.footer-social__a[data-tip]:hover::after,
.footer-social__a[data-tip]:focus::after,
.footer-social__a[data-tip]:active::after{
transform:translate(-50%,0);
}
.nav-frame{
padding: var(--nav-gap) 24px;
pointer-events: none;
transition: padding .25s ease, transform .25s ease;
}
.nav-shell{
pointer-events: auto;
max-width: 1260px;
margin: 0 auto;
background: rgba(255,255,255,.92);
backdrop-filter: blur(12px);
border-radius: 20px;
box-shadow: 0 20px 60px rgba(0,0,0,.10);
border: 1px solid rgba(11,15,20,.08);
padding: 14px 16px;
display:flex;
align-items:center;
justify-content: space-between;
gap: 18px;
}
.nav-brand__text{font-weight: 800; letter-spacing: .02em} body:not(.is-scrolled) .nav-shell{
background: rgba(255,255,255,.12);
border-color: rgba(255,255,255,.22);
box-shadow: none;
}
body:not(.is-scrolled) .nav-brand__text{color:#fff}
body:not(.is-scrolled) .nav__list a{color: rgba(255,255,255,.92)}
body:not(.is-scrolled) .nav__list a:hover{background: rgba(255,255,255,.12)}
body:not(.is-scrolled) .nav-toggle{
background: rgba(255,255,255,.10);
border-color: rgba(255,255,255,.22);
}
body:not(.is-scrolled) .nav-toggle__lines:before,
body:not(.is-scrolled) .nav-toggle__lines:after,
body:not(.is-scrolled) .nav-toggle__lines span{
background: rgba(255,255,255,.92);
}
body:not(.is-scrolled) .custom-logo-link img{filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));} body.is-scrolled .topbar{
transform: translateY(-100%);
opacity: 0;
}
body.is-scrolled .nav-frame{
padding: 0;
transform: translateY(calc(-1 * var(--topbar-h)));
}
body.is-scrolled .nav-shell{
max-width: none;
border-radius: 0;
border-left: 0;
border-right: 0;
box-shadow: 0 18px 46px rgba(0,0,0,.10);
padding: 10px clamp(16px, 3vw, 34px);
} .custom-logo-link{display:inline-flex; align-items:center}
.custom-logo-link img{
height: var(--logo-h);
width: auto;
max-width: 240px;
object-fit: contain;
}
@media (max-width: 980px){
.custom-logo-link img{height: var(--logo-h-sm); max-width: 200px}
}
.nav{display:flex; align-items:center; gap: 18px}
.nav__list{display:flex; gap: 14px; list-style:none; margin:0; padding:0}
.nav__list a{padding: 9px 10px; border-radius: 11px; font-weight: 700; font-family: var(--font-display); text-transform: uppercase; letter-spacing: .075em; font-size: .82rem}
.nav__list a:hover{background: rgba(11,110,59,.06)}
.nav__cta{display:flex; gap: 10px; align-items:center} .nav__list li{position:relative} .nav__list li.aapcil-parent-blocked > a{position:relative; padding-right: 26px}
.nav__list li.aapcil-parent-blocked > a::after{
content:"";
position:absolute;
right: 8px;
top: 50%;
width: 10px;
height: 10px;
transform: translateY(-55%) rotate(45deg);
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
opacity: .72;
}
.nav__list li.aapcil-parent-blocked.is-sub-open > a::after{
transform: translateY(-35%) rotate(-135deg);
opacity: .92;
} .nav__list li > ul{
display:none;
position:absolute;
left: 0;
top: calc(100% + 10px);
min-width: 260px;
padding: 12px;
margin: 0;
list-style:none;
border-radius: 18px;
border: 1px solid rgba(255,255,255,.16);
background: rgba(18, 22, 28, .72);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
box-shadow: 0 22px 60px rgba(0,0,0,.28);
z-index: 60;
}
.nav__list li.is-sub-open > ul{display:block} .nav__list li > ul li > ul{
top: -12px;
left: calc(100% + 10px);
}
.nav__list li > ul li.is-sub-open > a{background: rgba(255,255,255,.10)}
body.is-scrolled .nav__list li > ul li.is-sub-open > a{background: rgba(11,15,20,.06)} .nav__list li > ul li.aapcil-parent-blocked > a::after{
transform: translateY(-50%) rotate(-45deg);
}
.nav__list li > ul li.aapcil-parent-blocked.is-sub-open > a::after{
transform: translateY(-50%) rotate(135deg);
}
(max-width: 980px){ .nav__list li > ul li.aapcil-parent-blocked > a::after{
transform: translateY(-55%) rotate(45deg);
}
.nav__list li > ul li.aapcil-parent-blocked.is-sub-open > a::after{
transform: translateY(-35%) rotate(-135deg);
}
} .nav__list li > ul a{
display:block;
padding: 12px 12px;
border-radius: 14px;
font-family: var(--font-body);
font-weight: 800;
text-transform:none;
letter-spacing: 0;
font-size: .92rem;
color: rgba(255,255,255,.92);
}
.nav__list li > ul a:hover{background: rgba(255,255,255,.10)} body.is-scrolled .nav__list li > ul{
background: rgba(255,255,255,.94);
border: 1px solid rgba(11,15,20,.10);
box-shadow: 0 18px 55px rgba(0,0,0,.14);
}
body.is-scrolled .nav__list li > ul a{color: var(--ink)}
body.is-scrolled .nav__list li > ul a:hover{background: rgba(11,15,20,.06)} @media (max-width: 980px){
.nav__list li > ul{
position: static;
min-width: 0;
width: 100%;
margin-top: 8px;
padding: 8px;
border-radius: 16px;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none; background: #fff;
border: 1px solid rgba(11,15,20,.10);
}
.nav__list li > ul a{font-size: .94rem}
.nav__list li > ul a{ color: rgba(11,15,20,.92); }
.nav__list li > ul a:hover{ background: rgba(11,15,20,.06); }
}
.nav-toggle{
display:none;
border: 1px solid rgba(11,15,20,.14);
background:#fff;
border-radius: 14px;
padding: 12px;
}
.nav-toggle__lines{display:block; width:22px; height:14px; position:relative}
.nav-toggle__lines:before,.nav-toggle__lines:after,.nav-toggle__lines span{
content:"";
position:absolute;
left:0;
right:0;
height:2px;
border-radius:999px;
background: rgba(11,15,20,.72);
}
.nav-toggle__lines:before{top:0}
.nav-toggle__lines:after{bottom:0}
.nav-toggle__lines span{top:6px}
@media (max-width: 980px){
.nav-toggle{display:inline-flex}
.topbar{display:none}
.nav-frame{padding: 10px 14px}
.nav-shell{padding: 12px 14px; border-radius: 18px}
.nav{position: fixed; left: 0; right: 0; top: var(--nav-h); background:#fff; border-bottom: 1px solid rgba(11,15,20,.08);
padding: 16px 18px; display:none; flex-direction:column; align-items:flex-start;
z-index: 9999;}
.nav.is-open{display:flex}
.nav__list{flex-direction:column; width:100%}
.nav__cta{width:100%; justify-content:flex-start; flex-wrap:wrap} .nav__list > li > a{color: var(--ink) !important;}
.nav__list li > ul a{color: var(--ink) !important;}
body.is-scrolled .nav-frame{
transform: none;
padding: 0px 0px; 
}
} .hero{position:relative; height:100vh; min-height:100svh; overflow:hidden}
.hero__bg{position:absolute; inset:0}
.hero__video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.hero__poster{position:absolute; inset:0; background-size:cover; background-position:center} .hero__video, .hero__poster{
transform: translate3d(0,0,0) scale(1.06);
will-change: transform;
}
.hero__poster--fallback{
background-image:
radial-gradient(1200px 500px at 18% 30%, rgba(11,110,59,.18), rgba(11,110,59,0)),
radial-gradient(900px 420px at 80% 45%, rgba(194,31,45,.10), rgba(194,31,45,0)),
linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.34));
}
.hero__overlay{
position:absolute; inset:0;
background:
radial-gradient(900px 520px at 18% 30%, rgba(0,0,0,.62), rgba(0,0,0,0)),
radial-gradient(1100px 560px at 70% 55%, rgba(0,0,0,.54), rgba(0,0,0,0)),
linear-gradient(180deg, rgba(0,0,0,.42), rgba(0,0,0,.72));
} .hero.has-media .hero__overlay{
background:
radial-gradient(900px 520px at 18% 30%, rgba(0,0,0,.52), rgba(0,0,0,0)),
radial-gradient(1100px 560px at 70% 55%, rgba(0,0,0,.44), rgba(0,0,0,0)),
linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.64));
} .hero--news .hero-news__bg{isolation:isolate}
.hero-news__slide{
position:absolute; inset:0;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity .9s ease;
transform: translate3d(0,0,0) scale(1.06);
will-change: opacity;
}
.hero-news__slide.is-active{opacity:1}
.hero-news__slide--fallback{
background-image:
radial-gradient(1200px 500px at 18% 30%, rgba(11,110,59,.18), rgba(11,110,59,0)),
radial-gradient(900px 420px at 80% 45%, rgba(194,31,45,.10), rgba(194,31,45,0)),
linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.34));
}
.hero--news .kicker--news{
display:inline-flex;
align-items:center;
gap:10px;
color: rgba(255,255,255,.82);
margin-bottom: 12px;
} .hero--news .hero-news__content{
max-width: 760px;
}
.hero--news .hero-news__title{
max-width: 760px;
margin: 0 0 14px;
font-size: clamp(1.85rem, 3vw, 2.85rem);
line-height: 1.08;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
min-height: calc(1.08em * 3);
}
.hero--news .hero-news__titlelink{
display: block;
}
@media (min-width: 981px){
.hero--news .hero-news__content{margin-left: 100px;}
}
@media (max-width: 680px){
.hero--news .hero-news__content{
max-width: 100%;
}
.hero--news .hero-news__title{
font-size: clamp(1.45rem, 5.2vw, 2rem);
line-height: 1.1;
-webkit-line-clamp: 4;
line-clamp: 4;
min-height: calc(1.1em * 4);
margin-bottom: 12px;
}
.hero-news__dots{margin-top: 12px;}
}
.hero--news .kicker__badge{
display:inline-flex;
align-items:center;
justify-content:center;
width: 28px;
height: 28px;
border-radius: 7px;
background: rgba(11,110,59,.94);
color:#fff;
font-weight: 900;
letter-spacing: 0;
box-shadow: 0 12px 28px rgba(0,0,0,.18);
}
.hero--news .hero-news__titlelink{display:inline}
.hero--news .hero-news__titlelink:focus{
outline: 2px solid rgba(255,255,255,.55);
outline-offset: 6px;
border-radius: 10px;
} .hero--news.is-hero-news-anim .hero-news__title{
opacity: 0;
transform: translateY(10px);
transition: opacity .55s ease, transform .55s ease;
}
.hero--news.is-hero-news-anim.is-text-show .hero-news__title{
opacity: 1;
transform: translateY(0);
}
.site-main{padding-top: calc(var(--topbar-h) + var(--nav-h) + var(--nav-gap));} body.home .site-main{padding-top:0}
body.home .hero{ margin-top: 0 !important; }
body.home .hero__content{padding-top: calc(200px + var(--topbar-h) + var(--nav-h));}
body.home .hero{
height: clamp(560px, 74svh, 760px);
min-height: clamp(560px, 74svh, 760px);
}
body.home .hero__content{
min-height: clamp(560px, 74svh, 760px);
padding-bottom: 96px;
}
body.home .hero__scroll{bottom: 28px;} body.home .hero::after{content:none !important; display:none !important;}
.kpi-strip--home{margin-top:0; border-top:0;}
.kpi-strip--home .kpi-strip__grid{padding: 16px 0;}
.kpi-strip--home .kpi__value{font-size: 1.78rem;}
@media (max-width: 680px){
body.home .hero{
height: clamp(460px, 66svh, 580px);
min-height: clamp(460px, 66svh, 580px);
}
body.home .hero__content{
min-height: clamp(460px, 66svh, 580px);
padding-bottom: 84px;
}
body.home .hero__scroll{bottom: 22px;}
body.home .hero::after{content:none !important; display:none !important;}
} .hero-news__dots{
display:flex;
align-items:center;
gap: 10px;
margin-top: 18px;
}
.hero-dot{
width: 10px;
height: 10px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.55);
background: rgba(255,255,255,.18);
padding: 0;
cursor: pointer;
transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.hero-dot.is-active{
background: rgba(255,255,255,.88);
border-color: rgba(255,255,255,.92);
transform: scale(1.15);
}
.hero-dot:focus{
outline: 2px solid rgba(255,255,255,.65);
outline-offset: 5px;
} @media (max-width: 680px){
body.home .hero__content{
padding-top: calc(190px + var(--nav-h));
padding-bottom: 84px; padding-left: 30px;
padding-right: 30px;
}
.hero__title{font-size: clamp(1.75rem, 7.6vw, 2.35rem)}
.hero__subtitle{font-size: 1rem; line-height: 1.45}
}
.hero__content{
position: relative;
padding: 110px 0 170px;
max-width: 920px;
margin-left: 0; } @media (min-width: 981px){
.hero__content{ margin-left: 100px; }
}
.hero__title{
color: #fff;
font-family: var(--font-display);
letter-spacing: -0.03em;
font-size: clamp(2.3rem, 4.3vw, 4.1rem);
line-height: 1.04;
margin: 0 0 14px; }
.hero__subtitle{color: rgba(255,255,255,.82)}
.hero__cta{display:flex; gap:10px; flex-wrap:wrap; margin-top: 18px}
.hero__scroll{position:absolute; left: 0; bottom: 20px; opacity:.8}
.hero__scroll-dot{
display:block; width: 14px; height: 14px; border-radius: 999px;
border: 2px solid rgba(11,110,59,.55);
box-shadow: 0 0 0 6px rgba(11,110,59,.10);
animation: bob 1.7s ease-in-out infinite;
}
@keyframes bob{50%{transform: translateY(8px)}} .kpi__value{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hero__kpi{
position:absolute; left:0; right:0; bottom:0;
z-index: 3;
}
.hero__kpi.kpi-strip{
background: rgba(255,255,255,.78);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
.hero__kpi .kpi-strip__grid{padding: 16px 0}
.hero__kpi .kpi__value{font-size: 1.78rem} .hero__scroll{bottom: 110px}
@media (max-width: 980px){
.hero__content{padding-bottom: 240px}
.hero__scroll{bottom: 180px}
}
.kpi-strip{
border-top: 1px solid rgba(11,15,20,.06);
border-bottom: 1px solid rgba(11,15,20,.06);
background: rgba(255,255,255,.75);
}
.kpi-strip__grid{
display:grid;
grid-template-columns: repeat(3, 1fr); gap: 16px;
padding: 18px 0;
}
.kpi{
border-left: 1px solid rgba(11,15,20,.08);
padding-left: 16px;
text-align: center;
}
.kpi:first-child{border-left:none; padding-left:0}
.kpi__value{font-weight: 900; font-size: 1.68rem; color: var(--ink); letter-spacing: -0.02em}
.kpi__value{font-size: 1.68rem}
.kpi__label{font-size: .88rem; color: var(--muted)}
@media (max-width: 980px){
.kpi-strip__grid{grid-template-columns: repeat(2, 1fr)}
.kpi{border-left:none; padding-left:0; border-top:1px solid rgba(11,15,20,.08); padding-top:12px}
.kpi:nth-child(1),.kpi:nth-child(2){border-top:none; padding-top:0}
} @media (max-width: 680px){
.kpi-strip__grid{
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 6px !important;
padding: 12px 0 !important;
overflow: visible !important;
align-items: start !important;
}
.kpi{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
min-width: 0 !important;
border: 0 !important;
padding: 0 2px !important;
text-align: center !important;
gap: 4px !important;
}
.kpi__value{
font-size: 1rem !important;
line-height: 1 !important;
font-weight: 900 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.kpi__label{
font-size: .68rem !important;
line-height: 1.2 !important;
text-align: center !important;
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
}
} .grid{display:grid; gap: 18px}
.grid--personas{grid-template-columns: repeat(3, 1fr)}
.grid--orgs{grid-template-columns: repeat(3, 1fr)}
.grid--posts{grid-template-columns: repeat(3, 1fr)}
.grid--expo-hub{grid-template-columns: repeat(2, 1fr)} .percurso-hero.section{ padding:0; }
.percurso-hero{
position: relative; --percurso-bg: url(//aapcil.ao/wp-content/themes/aapcil-immersive/assets/img/seccao1_fundo.webp);
min-height: 100svh; display: flex;
align-items: center;
overflow: hidden;
color: #fff; background-image:
radial-gradient(1200px 600px at 18% 12%, rgba(255,255,255,.10), transparent 58%),
radial-gradient(1000px 700px at 92% 18%, rgba(0,0,0,.14), transparent 60%),
linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.55)),
var(--percurso-bg);
background-size: cover;
background-position: center;
}
.percurso-hero::after{
content:"";
position: absolute;
inset: -2px;
pointer-events: none;
background: radial-gradient(700px 420px at 50% 92%, rgba(0,0,0,.22), transparent 70%);
}
.percurso-hero__grid{
width: 100%;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 42px;
padding: clamp(72px, 10vh, 120px) 0;
}
.percurso-hero__intro{ max-width: 780px; } .percurso-hero .kicker.kicker--light{
color: #fff;
opacity: .82; }
.percurso-hero__title{
margin: 10px 0 10px;
font-weight: 900;
line-height: 1.08;
letter-spacing: -0.02em;
font-size: clamp(32px, 3.4vw, 56px);
}
.percurso-hero__lead{
margin: 0;
font-size: clamp(15px, 1.2vw, 18px);
line-height: 1.6;
color: rgba(255,255,255,.84);
} .percurso-hero__cards{
width: min(1040px, 100%);
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(14px, 2.2vw, 26px);
}
.pathcard{
position: relative;
display: flex;
flex-direction: column;
gap: 12px;
padding: 22px 22px 18px;
border-radius: 22px;
text-decoration: none;
background: rgba(255,255,255,.94);
color: #0b0f14;
border: 1px solid rgba(255,255,255,.55);
box-shadow: 0 22px 60px rgba(0,0,0,.22);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
min-height: 270px;
transition: transform .18s ease, box-shadow .18s ease;
will-change: transform;
}
.pathcard:hover{
transform: translateY(-3px);
box-shadow: 0 26px 70px rgba(0,0,0,.28);
}
.pathcard:focus-visible{
outline: 3px solid rgba(255,255,255,.85);
outline-offset: 3px;
}
.pathcard__icon{
width: 52px;
height: 52px;
border-radius: 18px;
display: grid;
place-items: center;
background: rgba(11,110,59,.10);
color: var(--green, #0B6E3B);
box-shadow: inset 0 0 0 1px rgba(11,110,59,.14);
}
.pathcard__title{
margin: 4px 0 0;
font-weight: 900;
line-height: 1.15;
font-size: 21px;
letter-spacing: -0.01em;
}
.pathcard__accent{ color: var(--green, #0B6E3B); }
.pathcard__text{
margin: 0;
color: rgba(11,15,20,.70);
line-height: 1.55;
font-size: 14.5px;
}
.pathcard__cta{
margin-top: auto;
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 800;
color: var(--green, #0B6E3B);
}
@media (max-width: 920px){ .percurso-hero__cards{
width: min(92vw, 420px); margin: 0 auto;
padding: 0; gap: 14px;
} .percurso-hero .pathcard{
padding: 16px 16px 14px;
border-radius: 18px;
}
} .pathcard--featured{
background:
radial-gradient(900px 520px at 50% 0%, rgba(255,255,255,.12), transparent 60%),
linear-gradient(180deg, rgba(11,110,59,.92), rgba(6,80,43,.92));
color: #fff;
border: 1px solid rgba(255,255,255,.18);
}
.pathcard--featured .pathcard__icon{
background: rgba(255,255,255,.12);
color: #fff;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.pathcard--featured .pathcard__text{ color: rgba(255,255,255,.82); }
.pathcard--featured .pathcard__cta{ color: #fff; } @media (max-width: 920px){
.percurso-hero__cards{ grid-template-columns: 1fr; }
.pathcard{ min-height: auto; }
}
@media (max-width: 980px){
.grid--personas,.grid--orgs,.grid--posts,.grid--expo-hub{grid-template-columns: 1fr}
}
.persona{
border: 1px solid rgba(11,15,20,.10);
border-radius: var(--radius);
padding: 20px;
background: #fff;
box-shadow: 0 10px 24px rgba(0,0,0,.06);
position:relative;
overflow:hidden;
}
.persona:before{
content:""; position:absolute; inset:-60px -80px auto auto;
width: 220px; height: 220px; border-radius: 999px;
background: radial-gradient(circle at 30% 30%, rgba(11,110,59,.14), rgba(11,110,59,0));
}
.persona__icon{
width: 44px; height: 44px; border-radius: 14px;
margin-bottom: 12px;
background: rgba(11,15,20,.06);
}
.persona__icon--green{background: linear-gradient(180deg, rgba(14,138,74,.20), rgba(11,110,59,.14))}
.persona__icon--red{background: linear-gradient(180deg, rgba(194,31,45,.18), rgba(194,31,45,.10))}
.persona__icon--glass{
background: linear-gradient(180deg, rgba(11,110,59,.14), rgba(194,31,45,.08));
}
.persona__more{display:inline-flex; margin-top: 12px; color: var(--green); font-weight: 700}
.persona:hover{transform: translateY(-2px); transition: transform .16s ease} .chapter{
padding: 86px 0;
background:
radial-gradient(700px 300px at 10% 20%, rgba(11,110,59,.10), rgba(11,110,59,0)),
radial-gradient(700px 340px at 80% 50%, rgba(194,31,45,.06), rgba(194,31,45,0));
} .chapter--about{
background:
radial-gradient(900px 380px at 10% 20%, rgba(11,110,59,.10), rgba(11,110,59,0)),
radial-gradient(900px 420px at 85% 55%, rgba(194,31,45,.06), rgba(194,31,45,0)),
#fff;
overflow:hidden;
}
.about-split{
display:grid;
grid-template-columns: 1.05fr .95fr;
gap: 44px;
align-items: center;
} .about-split__cta--mobile{ display: none; }
@media (max-width: 980px){
.about-split__cta--desktop{ display: none; }
.about-split__cta--mobile{
display: block;
margin-top: 14px;
} .about-split__cta--mobile .btn{
width: 100%;
justify-content: center;
}
}
.about-split__text{max-width: 640px}
.about-feature{
display:flex;
align-items:flex-start;
gap: 14px;
margin: 18px 0 18px;
padding: 14px 16px;
border-radius: 24px;
border: 1px solid rgba(11,15,20,.10);
background: rgba(255,255,255,.86);
box-shadow: var(--shadow2);
}
.about-feature__icon{
width: 54px; height: 54px;
border-radius: 999px;
display:flex; align-items:center; justify-content:center;
background: linear-gradient(180deg, rgba(14,138,74,.18), rgba(11,110,59,.10));
color: var(--green);
border: 1px solid rgba(11,110,59,.16);
flex: 0 0 auto;
}
.about-feature__title{font-weight: 950; letter-spacing: -.01em; color: var(--ink)}
.about-feature__text{margin-top: 2px; color: rgba(11,15,20,.70)}
.about-split__media{position:relative}
.about-collage{position:relative; min-height: 460px}
.about-photo{
position:absolute;
background-size: cover;
background-position: center;
border-radius: 28px;
border: 6px solid rgba(255,255,255,.96);
box-shadow: var(--shadow);
overflow:hidden;
}
.about-photo--main{
left: 0;
top: 0;
width: 72%;
height: 62%;
}
.about-photo--side{
right: 0;
top: 18%;
width: 36%;
height: 44%;
}
.about-photo--bottom{
left: 12%;
bottom: 0;
width: 80%;
height: 46%;
}
.about-photo--fallback{
background-image:
radial-gradient(800px 380px at 30% 30%, rgba(11,110,59,.20), rgba(11,110,59,0)),
radial-gradient(700px 340px at 80% 60%, rgba(194,31,45,.12), rgba(194,31,45,0)),
linear-gradient(135deg, rgba(11,15,20,.10), rgba(11,15,20,0));
}
.chapter__grid{
display:grid; grid-template-columns: 1.25fr .75fr; gap: 22px; align-items: start;
}
.chapter__card{
border: 1px solid rgba(11,15,20,.10);
border-radius: var(--radius);
background: rgba(255,255,255,.84);
backdrop-filter: blur(6px);
box-shadow: var(--shadow2);
padding: 18px;
}
@media (max-width: 980px){.chapter__grid{grid-template-columns: 1fr}}
@media (max-width: 980px){
.about-split{grid-template-columns: 1fr; gap: 22px}
.about-split__text{max-width: 100%}
.about-collage{min-height: 420px}
.about-photo--main{width: 78%; height: 58%}
.about-photo--side{width: 40%; height: 40%; top: 20%}
.about-photo--bottom{left: 8%; width: 86%; height: 46%}
}
@media (max-width: 520px){
.about-collage{min-height: 380px}
.about-photo{border-width: 5px; border-radius: 24px}
.about-photo--main{width: 82%; height: 56%}
.about-photo--side{width: 46%; height: 38%; top: 22%}
.about-photo--bottom{left: 6%; width: 90%; height: 46%}
}
.mini-timeline{position:relative; display:flex; flex-direction:column; gap: 14px; padding: 6px 4px 6px 10px}
.mini-timeline:before{
content:"";
position:absolute;
left: 14px;
top: 10px;
bottom: 10px;
width: 2px;
background: linear-gradient(180deg, rgba(11,110,59,.55), rgba(194,31,45,.35));
border-radius: 999px;
}
.mini-timeline__item{display:grid; grid-template-columns: 30px 1fr; gap: 12px; align-items:flex-start; position:relative}
.mini-timeline__dot{
width: 12px; height: 12px; border-radius: 999px;
margin-top: 6px;
background: #fff;
border: 2px solid rgba(11,110,59,.55);
box-shadow: 0 0 0 6px rgba(11,110,59,.10);
flex: 0 0 auto;
margin-left: 4px;
}
.mini-timeline__content{padding-left: 0}
.mini-timeline__year{font-weight:900; color: var(--ink); letter-spacing: -.01em}
.mini-timeline__text{color: rgba(11,15,20,.72)} .expo-teaser{
border: 1px solid rgba(11,15,20,.10);
border-radius: calc(var(--radius) + 6px);
overflow:hidden;
background:#fff;
display:grid;
grid-template-columns: 1.05fr .95fr;
box-shadow: var(--shadow);
}
.expo-teaser__left{padding: 22px}
.expo-teaser__right{position:relative; min-height: 320px}
.expo-teaser__media{
position:absolute; inset:0;
background-size: cover;
background-position: center;
background-image:
radial-gradient(800px 400px at 30% 40%, rgba(11,110,59,.18), rgba(11,110,59,0)),
linear-gradient(135deg, rgba(11,15,20,.10), rgba(11,15,20,.00));
}
.expo-teaser__media:after{
content:"";
position:absolute; inset:0; background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.18));
}
.expo-teaser__badge{
position:absolute; right: 14px; top: 14px;
background: rgba(255,255,255,.88);
border: 1px solid rgba(11,15,20,.10);
border-radius: 999px;
padding: 8px 12px;
font-weight: 800;
}
@media (max-width: 980px){
.expo-teaser{grid-template-columns: 1fr}
.expo-teaser__right{min-height: 220px}
} .expo-hero.section{ padding:0; }
.expo-hero{
position: relative; --expo-bg:
radial-gradient(1000px 520px at 18% 18%, rgba(11,110,59,.32), rgba(11,110,59,0)),
linear-gradient(135deg, rgba(11,15,20,.14), rgba(11,15,20,0));
min-height: 100svh;
display: flex;
align-items: stretch;
overflow: hidden;
color: #fff;
}
.expo-hero__media{
position:absolute;
inset:0;
background-image: var(--expo-bg);
background-size: cover;
background-position: center;
transform: scale(1.03);
will-change: transform;
} .expo-hero__veil{
position:absolute;
inset:0;
pointer-events:none;
background: radial-gradient(900px 520px at 12% 18%, rgba(255,255,255,.10), rgba(255,255,255,0) 60%), linear-gradient(90deg,
rgba(11,110,59,.92) 0%,
rgba(11,110,59,.78) 40%,
rgba(11,110,59,.34) 70%,
rgba(11,110,59,0) 100%
), linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.55));
}
.expo-hero__content{
position: relative;
z-index: 1;
width: 100%;
display:flex;
align-items:flex-end;
}
.expo-hero__inner{
max-width: 860px;
padding: clamp(72px, 10vh, 120px) 0;
}
.expo-hero .kicker.kicker--light{
color: #fff;
opacity: .84;
}
.expo-hero__title{
margin: 10px 0 12px;
font-family: var(--font-display);
font-weight: 950;
letter-spacing: -0.03em;
line-height: 1.05;
font-size: clamp(34px, 4.2vw, 64px);
text-shadow: 0 18px 46px rgba(0,0,0,.35);
}
.expo-hero__lead{
margin: 0;
max-width: 78ch;
font-size: clamp(15px, 1.25vw, 18px);
line-height: 1.6;
color: rgba(255,255,255,.86);
text-shadow: 0 18px 46px rgba(0,0,0,.28);
}
.expo-hero__cta{ margin-top: 18px; }
.expo-hero__meta{ margin-top: 18px; }
.expo-hero__pill{
display:inline-flex;
align-items:center;
gap: 10px;
padding: 10px 14px;
border-radius: 999px;
background: rgba(0,0,0,.25);
border: 1px solid rgba(255,255,255,.18);
color: rgba(255,255,255,.92);
font-weight: 900;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
} @media (max-width: 980px){
.expo-hero__veil{
background:
radial-gradient(900px 520px at 18% 10%, rgba(255,255,255,.10), rgba(255,255,255,0) 62%),
linear-gradient(180deg, rgba(11,110,59,.92), rgba(11,110,59,.72) 45%, rgba(0,0,0,.55)),
linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.62));
}
.expo-hero__content{ align-items: flex-end; }
.expo-hero__inner{ padding: 72px 0 64px; }
}
@media (max-width: 680px){
.expo-hero__cta{
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
align-items: stretch !important;
}
.expo-hero__cta .btn{
width: 100% !important;
min-width: 0 !important;
padding: 12px 10px !important;
font-size: 13px !important;
line-height: 1.2 !important;
text-align: center !important;
justify-content: center !important;
white-space: normal !important;
border-radius: 22px !important;
}
} .org-card{
border: 1px solid rgba(11,15,20,.10);
border-radius: var(--radius);
background:#fff;
padding: 18px;
box-shadow: 0 10px 22px rgba(0,0,0,.06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.org-card:hover{
transform: translateY(-2px);
box-shadow: 0 16px 36px rgba(0,0,0,.09);
border-color: rgba(11,110,59,.22);
} .card{
border: 1px solid rgba(11,15,20,.10);
border-radius: var(--radius);
background:#fff;
overflow:hidden;
box-shadow: 0 10px 22px rgba(0,0,0,.06);
}
.card__cover img{width:100%; height: 220px; object-fit: cover}
.card__body{padding: 16px}
.card--feature .card__body{padding: 18px} .prose{max-width: 820px}
.prose p{margin: 0 0 14px}
.prose h2{font-family: var(--font-display); margin: 28px 0 10px}
.hero-media{margin: 16px 0 18px}
.hero-media img{border-radius: var(--radius)} .contact-card{
border: 1px solid rgba(11,15,20,.10);
border-radius: calc(var(--radius) + 8px);
background: #fff;
padding: 22px;
display:flex;
align-items:flex-end;
justify-content: space-between;
gap: 18px;
box-shadow: var(--shadow2);
}
@media (max-width: 980px){
.contact-card{flex-direction:column; align-items:flex-start}
} .contact-card__cta{
display:flex;
flex-direction:column;
gap: 12px; width: 340px; }
@media (max-width: 980px){
.contact-card__cta{
width: 100%;
max-width: 520px;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
.contact-card__cta .btn{
flex: 1 1 0;
min-width: 170px;
justify-content: center; font-size: 14px;
padding: 10px 12px;
line-height: 1.1;
}
} .site-footer--lush{
position: relative;
padding: 76px 0 0;
background: #08150a;
color: #fff;
overflow: hidden;
}
.site-footer--lush a{color: inherit}
.site-footer--lush .wrap{position:relative; z-index:2}
.site-footer__veil{
position:absolute; inset:0;
pointer-events:none;
background:
radial-gradient(820px 420px at 14% 22%, rgba(91,182,78,.22), rgba(91,182,78,0)),
radial-gradient(780px 420px at 78% 38%, rgba(255,255,255,.08), rgba(255,255,255,0)),
radial-gradient(720px 460px at 60% 90%, rgba(91,182,78,.14), rgba(91,182,78,0)),
linear-gradient(180deg, rgba(8,21,10,.86), rgba(8,21,10,.98));
filter: saturate(1.05) contrast(1.05);
}
.footer-top{
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, .95fr) minmax(0, 1.05fr);
gap: 40px;
padding-bottom: 46px;
align-items: start;
}
.footer-col{
min-width: 0;
}
.footer-brand{
min-width: 0;
}
@media (max-width: 1100px){
.footer-top{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
}
.footer-brand{
grid-column: 1 / -1;
}
}
@media (max-width: 720px){
.footer-top{
grid-template-columns: 1fr;
gap: 26px;
}
.footer-brand{
grid-column: auto;
}
}
.footer-brand__row{display:flex; gap: 14px; align-items:center}
.footer-logo .custom-logo-link img{height: var(--logo-h-sm); width:auto}
.footer-brand__title{font-family: var(--font-display); margin:0; font-size: 1.4rem; letter-spacing:-.02em}
.footer-brand__desc{margin:.2rem 0 0; opacity:.85}
.footer-muted{opacity:.82; line-height:1.6; margin: 12px 0 0}
.footer-follow{margin-top: 18px}
.footer-follow__label{margin:0 0 10px; opacity:.86; font-weight:800}
.footer-h{font-family: var(--font-display); margin:0 0 14px; font-size: 1.2rem}
.footer-links{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap: 10px;
}
.footer-links a{
display:flex;
align-items:center;
gap: 10px;
opacity:.9;
}
.footer-links a:before{
content:"→";
opacity:.9;
}
.footer-links a:hover{opacity:1; transform: translateX(2px); transition: transform .18s ease, opacity .18s ease}
.footer-contact{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap: 12px}
.footer-contact li{display:flex; gap: 12px; align-items:flex-start; opacity:.9}
.footer-ico{width: 22px; height: 22px; display:inline-flex; align-items:center; justify-content:center; opacity:.95}
.footer-ico svg{width: 20px; height: 20px; fill: currentColor}
.footer-contact a{opacity:.95}
.footer-contact a:hover{text-decoration: underline}
.footer-newsletter{display:flex; flex-direction:column; gap: 12px; margin-top: 14px}
.footer-newsletter input{
width: 100%;
padding: 14px 16px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.28);
background: rgba(255,255,255,.06);
color:#fff;
outline: none;
}
.footer-newsletter input::placeholder{color: rgba(255,255,255,.72)}
.footer-newsletter input:focus{border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.08)}
.footer-btn{
align-self:flex-start;
padding: 13px 22px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.14);
background: rgba(110, 200, 70, .95);
color: #0b130c;
font-weight: 900;
box-shadow: 0 12px 26px rgba(0,0,0,.28);
}
.footer-btn:hover{transform: translateY(-1px); filter: saturate(1.03); transition: transform .18s ease, filter .18s ease}
.footer-note{margin: 10px 0 0; font-weight:800; font-size:.95rem}
.footer-note--ok{color: rgba(205,255,205,.95)}
.footer-note--err{color: rgba(255,210,210,.95)}
.footer-social{display:flex; gap: 10px; align-items:center}
.footer-social__a{
width: 36px; height: 36px;
border-radius: 999px;
display:inline-flex;
align-items:center;
justify-content:center;
border: 1px solid rgba(255,255,255,.18);
background: rgba(255,255,255,.06);
}
.footer-social__a svg{width: 18px; height: 18px; fill: currentColor}
.footer-social__a:hover{transform: translateY(-1px); background: rgba(255,255,255,.10); transition: transform .18s ease, background .18s ease}
.footer-bottombar{
background: rgba(0,0,0,.58);
border-top: 1px solid rgba(255,255,255,.10);
}
.footer-bottombar__inner{
padding: 18px 0;
display:flex;
align-items:center;
justify-content: space-between;
gap: 14px;
}
@media (max-width: 720px){
.footer-bottombar__inner{
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 8px;
}
.footer-copy{margin:0}
}
.footer-copy{margin:0; opacity:.88} [data-reveal]{opacity: 0; transform: translateY(14px)}
.is-revealed{opacity: 1; transform:none; transition: opacity .7s ease, transform .7s ease}
@media (prefers-reduced-motion: reduce){
[data-reveal]{opacity:1; transform:none}
} .persona{padding-top: 16px}
.persona__img{
width: 100%;
height: 150px;
border-radius: 14px;
background-size: cover;
background-position: center;
margin-bottom: 14px;
position: relative;
overflow: hidden;
}
.persona__img:after{
content:"";
position:absolute; inset:0; background: linear-gradient(180deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.08) 60%,
rgba(255,255,255,.28) 100%
);
}
.persona__img--fallback{
background:
radial-gradient(600px 220px at 22% 30%, rgba(11,110,59,.18), rgba(11,110,59,0)),
radial-gradient(520px 220px at 80% 50%, rgba(194,31,45,.08), rgba(194,31,45,0)),
linear-gradient(135deg, rgba(11,15,20,.08), rgba(11,15,20,0));
} .page-hero{
position:relative;
min-height: 320px;
overflow:hidden;
border-bottom: 1px solid rgba(11,15,20,.06);
}
.page-hero__bg{
position:absolute; inset:0;
background-size: cover;
background-position: center;
background-image:
radial-gradient(900px 420px at 18% 30%, rgba(11,110,59,.18), rgba(11,110,59,0)),
radial-gradient(900px 420px at 80% 45%, rgba(194,31,45,.10), rgba(194,31,45,0));
}
.page-hero__overlay{
position:absolute; inset:0; background:
radial-gradient(900px 520px at 18% 30%, rgba(0,0,0,.55), rgba(0,0,0,0)),
radial-gradient(1100px 560px at 70% 55%, rgba(0,0,0,.48), rgba(0,0,0,0)),
linear-gradient(180deg, rgba(0,0,0,.48), rgba(0,0,0,.72));
}
.page-hero__content{position:relative; padding: 96px 0 36px}
.page-hero__kicker{
display:inline-block;
letter-spacing: .14em;
text-transform: uppercase;
font-size: .78rem;
color: rgba(255,255,255,.82);
margin: 0 0 10px;
}
.page-hero__title{
font-family: var(--font-display);
letter-spacing: -0.03em;
font-size: clamp(2.1rem, 3.8vw, 3.6rem);
line-height: 1.06;
margin: 0;
color: #fff;
text-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.page-hero__desc{
margin: 12px 0 0;
max-width: 68ch;
color: rgba(255,255,255,.86);
text-shadow: 0 18px 40px rgba(0,0,0,.35);
}
@media (max-width: 980px){
.page-hero__content{padding: 84px 0 28px}
.page-hero__title{font-size: clamp(1.8rem, 6.2vw, 2.6rem)}
.page-hero__desc{max-width: 56ch}
} .page-hero{
margin-top: calc(-1 * (var(--topbar-h) + var(--nav-h) + var(--nav-gap)));
}
.page-hero__content{
padding-top: calc(96px + var(--topbar-h) + var(--nav-h) + var(--nav-gap));
} .grid--ne{grid-template-columns: repeat(2, 1fr); align-items:start}
.grid--mini{grid-template-columns: 1fr; gap: 12px}
.mini{
display:grid;
grid-template-columns: 110px 1fr;
gap: 12px;
border: 1px solid rgba(11,15,20,.10);
border-radius: 16px;
background:#fff;
overflow:hidden;
}
.mini__cover img{width:100%; height:100%; object-fit: cover}
.mini__body{padding: 10px 10px 12px}
.mini__title{font-family: var(--font-display); margin: 0; font-size: 1.05rem; line-height: 1.18}
@media (max-width: 980px){
.grid--ne{grid-template-columns: 1fr}
.mini{grid-template-columns: 96px 1fr}
} .grid--contact{grid-template-columns: repeat(2, 1fr)}
.card--pad .card__body{padding: 18px}
@media (max-width: 980px){.grid--contact{grid-template-columns: 1fr}} .grid--logos{grid-template-columns: repeat(4, 1fr)}
.logo-card{
border: 1px solid rgba(11,15,20,.10);
border-radius: var(--radius);
background:#fff;
padding: 14px;
box-shadow: 0 10px 22px rgba(0,0,0,.06);
}
.logo-card__logo img{
width:100%;
height: 84px;
object-fit: contain;
background: rgba(11,15,20,.02);
border-radius: 14px;
padding: 10px;
}
.logo-card__title{font-weight:800; margin: 12px 0 6px}
@media (max-width: 980px){.grid--logos{grid-template-columns: repeat(2, 1fr)}} .grid--docs{grid-template-columns: repeat(3, 1fr)}
.doc-card{
border: 1px solid rgba(11,15,20,.10);
border-radius: var(--radius);
background:#fff;
padding: 16px;
box-shadow: 0 10px 22px rgba(0,0,0,.06);
}
.doc-card__title{font-family: var(--font-display); margin:0 0 8px}
@media (max-width: 980px){.grid--docs{grid-template-columns: 1fr}} .catalog-layout{
display:grid;
grid-template-columns: 1fr .38fr;
gap: 26px;
align-items:start;
} .catalog-sidebar{
border: 1px solid rgba(11,15,20,.10);
border-radius: calc(var(--radius) + 6px);
background: rgba(255,255,255,.88);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
box-shadow: var(--shadow2);
padding: 18px;
position: sticky;
top: calc(var(--topbar-h) + var(--nav-h) + 18px);
}
.catalog-sidebar__h{
font-family: var(--font-display);
margin:0 0 10px;
font-weight: 950;
}
.catalog-sidebar__p{
margin:0 0 12px;
color: var(--muted);
font-size:.95rem;
}
.catalog-recent{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap: 10px;
}
.catalog-recent a{
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
padding: 12px 12px;
border-radius: 16px;
border: 1px solid rgba(11,15,20,.08);
background: rgba(255,255,255,.82);
box-shadow: 0 10px 22px rgba(0,0,0,.06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.catalog-recent a:hover{
transform: translateY(-2px);
box-shadow: 0 16px 36px rgba(0,0,0,.10);
border-color: rgba(11,110,59,.22);
}
.catalog-recent__t{font-weight:900; letter-spacing:-.01em}
.catalog-recent__meta{color: var(--muted); font-size:.85rem; white-space:nowrap} .catalog-layout .catalog-grid{
display:grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 22px !important;
align-items:start;
}
@media (max-width: 1280px){
.catalog-layout .catalog-grid{grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
}
@media (max-width: 1060px){
.catalog-layout .catalog-grid{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
}
@media (max-width: 980px){
.catalog-layout{grid-template-columns: 1fr;}
.catalog-sidebar{position: static;}
.catalog-layout .catalog-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
}
@media (max-width: 560px){
.catalog-layout .catalog-grid{grid-template-columns: 1fr !important;}
} .catalog-layout a.book{
display:block !important;
color: inherit;
text-decoration:none;
transform: translateY(0);
transition: transform .22s ease;
}
.catalog-layout a.book:hover{transform: translateY(-4px)} .catalog-layout .book__stage{
display:block !important;
position:relative !important;
width:100% !important;
aspect-ratio: 3 / 4 !important; perspective: 900px !important;
}
.catalog-layout .book__inner{
position:absolute !important;
inset:0 !important;
transform-style: preserve-3d !important;
transform: rotateY(0deg);
transition: transform .5s cubic-bezier(.2,.8,.2,1);
}
.catalog-layout a.book:hover .book__inner{transform: rotateY(-18deg)}
.catalog-layout .book__cover,
.catalog-layout .book__back,
.catalog-layout .book__spine,
.catalog-layout .book__pages{
position:absolute !important;
top:0; bottom:0;
border-radius: 18px;
}
.catalog-layout .book__cover{
left:0; right:0;
background-size: cover !important;
background-position:center !important;
box-shadow: 0 26px 70px rgba(0,0,0,.18);
border: 1px solid rgba(11,15,20,.10);
overflow:hidden;
transform: translateZ(22px);
}
.catalog-layout .book__cover:after{
content:"";
position:absolute; inset:0;
background:
radial-gradient(600px 260px at 20% 20%, rgba(255,255,255,.14), rgba(255,255,255,0)),
linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.22));
}
.catalog-layout .book__cover--fallback{
background:
radial-gradient(600px 260px at 22% 28%, rgba(11,110,59,.18), rgba(11,110,59,0)),
radial-gradient(560px 260px at 85% 70%, rgba(194,31,45,.12), rgba(194,31,45,0)),
linear-gradient(135deg, rgba(11,15,20,.10), rgba(11,15,20,0)) !important;
}
.catalog-layout .book__back{
left:0; right:0;
background: rgba(255,255,255,.92);
border: 1px solid rgba(11,15,20,.10);
transform: translateZ(-22px) rotateY(180deg);
}
.catalog-layout .book__spine{
left:-18px;
width: 36px;
background: linear-gradient(180deg, rgba(11,110,59,.92), rgba(11,110,59,.72));
border: 1px solid rgba(0,0,0,.12);
transform: rotateY(90deg) translateZ(18px);
transform-origin: left;
}
.catalog-layout .book__pages{
left:6px; right:6px;
background: linear-gradient(90deg, rgba(255,255,255,.94), rgba(245,245,245,.94));
box-shadow: inset -10px 0 18px rgba(0,0,0,.08);
transform: translateZ(14px);
border-radius: 16px;
opacity: 0;
transition: opacity .35s ease;
}
.catalog-layout a.book:hover .book__pages{opacity: .85}
.catalog-layout .book__meta{margin-top: 10px}
.catalog-layout .book__title{
font-weight: 950;
letter-spacing: -.02em;
line-height: 1.12;
display:block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.catalog-layout .book__hint{
display:inline-block;
margin-top: 6px;
font-weight: 900;
font-size: .92rem;
color: rgba(11,15,20,.70);
opacity: 0;
transform: translateY(2px);
transition: opacity .18s ease, transform .18s ease;
}
.catalog-layout a.book:hover .book__hint{opacity:1; transform: translateY(0)} .aapcil-glimpse{
padding: 86px 0;
background:
radial-gradient(900px 420px at 14% 25%, rgba(11,110,59,.08), rgba(11,110,59,0)),
radial-gradient(900px 420px at 82% 45%, rgba(194,31,45,.06), rgba(194,31,45,0)),
#fff;
overflow: hidden;
}
.glimpse{margin-top: 22px}
.glimpse__viewport{ overflow-x: auto; overflow-y: hidden;
border-radius: 0 !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
scrollbar-width: none; user-select: none;
touch-action: pan-x pan-y;
}
.glimpse__viewport::-webkit-scrollbar{display:none}
.glimpse__viewport::-webkit-scrollbar{display:none}
.glimpse__track{
display: flex;
gap: 0;
will-change: transform;
transform: translate3d(0,0,0);
}
.glimpse__item{
flex: 0 0 auto;
width: clamp(280px, 22vw, 360px);
scroll-snap-align: start;
}
.glimpse__media{
position: relative;
height: clamp(220px, 22vw, 300px);
background-size: cover;
background-position: center; border-radius: 0 !important; } .glimpse, .glimpse__track, .glimpse__item, .glimpse__veil, .glimpse__text{
border-radius: 0 !important;
} .glimpse__veil{
position:absolute; inset:0;
background:
linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.32) 48%, rgba(0,0,0,.72) 100%);
} .glimpse__num{
position:absolute;
top: 16px;
left: 18px;
font-size: 2.1rem;
font-weight: 950;
letter-spacing: -0.02em;
color: rgba(255,255,255,.82);
text-shadow: 0 10px 22px rgba(0,0,0,.35);
} .glimpse__text{
position:absolute;
left: 18px;
right: 18px;
bottom: 18px;
color: #fff;
}
.glimpse__title{
font-family: var(--font-display);
font-weight: 950;
letter-spacing: -0.02em;
font-size: 1.2rem;
line-height: 1.12;
margin-bottom: 8px;
}
.glimpse__desc{
color: rgba(255,255,255,.86);
font-size: .98rem;
line-height: 1.35;
max-width: 28ch;
} .glimpse__media{
transition: transform .35s ease, filter .35s ease;
}
.glimpse__item:hover .glimpse__media{
transform: scale(1.02);
filter: saturate(1.06) contrast(1.02);
} .glimpse__hint{margin-top: 12px} @media (max-width: 980px){
.glimpse__item{width: 78vw}
.glimpse__media{height: 52vw}
} .pagination--dots .nav-links{display:flex; gap:10px; justify-content:center; align-items:center}
.pagination--dots .page-numbers{
width: 10px; height: 10px;
border-radius: 999px;
background: rgba(11,15,20,.18);
display:inline-block;
overflow:hidden;
text-indent: -999px;
border: 1px solid rgba(11,15,20,.10);
}
.pagination--dots .page-numbers.current{background: rgba(11,110,59,.92); border-color: rgba(11,110,59,.92)}
.pagination--dots a.page-numbers:hover{background: rgba(11,110,59,.45); border-color: rgba(11,110,59,.45)}  body.post-type-archive-evento .grid--posts{align-items:stretch}
body.post-type-archive-evento .grid--posts > .card{
height: 100%;
display:flex;
flex-direction:column;
}
body.post-type-archive-evento .grid--posts .card__body{
flex: 1;
display:flex;
flex-direction:column;
overflow-wrap:anywhere;
word-break: break-word;
} body.post-type-archive-evento .grid--posts .h3{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
min-height: calc(1.18em * 2);
} body.post-type-archive-evento .grid--posts .card__body p.muted{
margin: 0;
overflow-wrap:anywhere;
word-break: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
min-height: calc(1.6em * 3);
max-height: calc(1.6em * 3);
} @media (hover:hover) and (pointer:fine){
body.post-type-archive-evento .grid--posts > .card{
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.post-type-archive-evento .grid--posts > .card:hover{
transform: translateY(-3px);
box-shadow: 0 18px 44px rgba(0,0,0,.12);
border-color: rgba(11,110,59,.22);
}
} body.post-type-archive-evento .pagination--dots{margin-top: 18px}
body.post-type-archive-evento .pagination--dots .nav-links{
gap: 10px;
flex-wrap: wrap;
}
body.post-type-archive-evento .pagination--dots .page-numbers{ width: auto;
height: 40px;
min-width: 40px;
padding: 0 14px;
text-indent: 0;
border-radius: 999px;
display:inline-flex;
align-items:center;
justify-content:center;
background: rgba(255,255,255,.92);
border: 1px solid rgba(11,15,20,.12);
color: rgba(11,110,59,.95);
font-weight: 950;
box-shadow: var(--shadow2);
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
body.post-type-archive-evento .pagination--dots a.page-numbers:hover{transform: translateY(-1px)}
body.post-type-archive-evento .pagination--dots .page-numbers.current{
background: linear-gradient(180deg, var(--green-2), var(--green));
border-color: rgba(11,110,59,.22);
color: #fff;
}
@media (max-width: 680px){
body.post-type-archive-evento .pagination--dots .page-numbers{
height: 38px;
min-width: 38px;
padding: 0 12px;
}
} .status-pill{
position:absolute;
right: 14px;
top: 14px;
padding: 8px 12px;
border-radius: 999px;
font-weight: 900;
font-size: .85rem;
letter-spacing: .02em;
border: 1px solid rgba(11,15,20,.10);
background: rgba(255,255,255,.90);
}
.status-pill--ok{color: #0b6e3b}
.status-pill--bad{color: #b91c1c}
.hero-media--event{position:relative}
.event-hero-fallback{
position:relative;
min-height: 220px;
border: 1px solid rgba(11,15,20,.10);
border-radius: var(--radius);
background:
radial-gradient(800px 360px at 25% 35%, rgba(11,110,59,.14), rgba(11,110,59,0)),
radial-gradient(800px 360px at 80% 60%, rgba(194,31,45,.10), rgba(194,31,45,0)),
linear-gradient(135deg, rgba(11,15,20,.08), rgba(11,15,20,0));
} .btn--disabled{
background: rgba(11,15,20,.08) !important;
border: 1px solid rgba(11,15,20,.14) !important;
color: rgba(11,15,20,.55) !important;
cursor: not-allowed;
pointer-events: none;
} .notice{padding: 14px 16px; border-radius: 16px; margin: 0 0 16px; border: 1px solid rgba(11,15,20,.10); background:#fff}
.notice--ok{border-color: rgba(11,110,59,.22); background: rgba(11,110,59,.06)}
.notice--bad{border-color: rgba(185,28,28,.22); background: rgba(185,28,28,.06)}
.form-card .form__row{margin-bottom: 12px}
.form__row--2{display:grid; grid-template-columns: 1fr 1fr; gap: 12px}
@media (max-width: 980px){.form__row--2{grid-template-columns: 1fr}} @media (hover:hover) and (pointer:fine){
.evento-form-card{
transition:
transform .25s ease,
box-shadow .25s ease,
border-color .25s ease;
}
.evento-form-card:hover{
transform: translateY(-3px);
box-shadow: 0 18px 45px rgba(0,0,0,.10);
border-color: rgba(11,110,59,.35);
}
} .card__meta-row{
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
margin-bottom: 10px;
}
.badge{
display:inline-flex;
align-items:center;
gap: 8px;
padding: 6px 10px;
border-radius: 999px;
font-weight: 900;
font-size: .82rem;
line-height: 1;
border: 1px solid rgba(17,24,39,.10);
background: rgba(255,255,255,.85);
}
.badge--ok{
color: rgba(11,110,59,.95);
border-color: rgba(11,110,59,.25);
background: rgba(11,110,59,.10);
}
.badge--no{
color: rgba(185,28,28,.95);
border-color: rgba(185,28,28,.22);
background: rgba(185,28,28,.10);
} @media (min-width: 981px){
.event-layout{display:grid; grid-template-columns: 1fr .38fr; gap: 26px; align-items:start}
.event-aside{
position: sticky;
top: calc(var(--topbar-h) + var(--nav-h) + 18px);
align-self:start;
}
}
@media (max-width: 980px){
.event-aside{position: static;}
} .page-hero--sm .page-hero__content{ padding-top: calc(38px + var(--topbar-h) + var(--nav-h) + var(--nav-gap));
padding-bottom: 38px;
}
.page-hero--sm .page-hero__title{font-size: clamp(2.0rem, 3.2vw, 3.0rem)}
.page-hero--sm .page-hero__desc{max-width: 80ch}
@media (max-width: 980px){
.page-hero--sm .page-hero__content{
padding-top: calc(28px + var(--topbar-h) + var(--nav-h) + var(--nav-gap));
padding-bottom: 28px;
}
} .news-grid{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
@media (max-width: 1060px){.news-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 680px){.news-grid{grid-template-columns: 1fr;}}
@media (max-width: 980px){
.page-hero--sm .page-hero__content{padding-top: calc(28px + var(--nav-h) + var(--nav-gap)); padding-bottom: 28px;}
}
.news-card{
background: rgba(255,255,255,.92);
border: 1px solid rgba(11,15,20,.10);
border-radius: calc(var(--radius) + 8px);
overflow:hidden;
box-shadow: var(--shadow2);
display:flex;
flex-direction:column;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
} .partners-marquee{
position: relative;
margin-top: 22px; border: 0;
border-radius: 24px;
background: rgba(255,255,255,.78);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
overflow: hidden;
} .partners-marquee::before,
.partners-marquee::after{
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 80px;
pointer-events: none;
z-index: 2;
}
.partners-marquee::before{left: 0; background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));}
.partners-marquee::after{right: 0; background: linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0));}
.partners-inner{
display:flex;
width: max-content;
}
.partners-track{
display:flex;
align-items:center;
gap: 34px;
padding: 18px 24px;
width: max-content;
flex-wrap: nowrap;
animation: partners-marquee 36s linear infinite;
}
@keyframes partners-marquee{
from{transform: translate3d(0,0,0);}
to{transform: translate3d(-50%,0,0);}
} @media (prefers-reduced-motion: reduce){
.partners-track{animation: none;}
}
.partners-item{
flex: 0 0 auto;
display:flex;
align-items:center;
justify-content:center;
height: 54px;
}
.partners-item img{
max-height: 54px;
width: auto;
max-width: 160px;
object-fit: contain;
filter: saturate(.95) contrast(1.02);
opacity: .92;
}
@media (max-width: 680px){
.partners-marquee::before,
.partners-marquee::after{width: 44px;}
.partners-track{gap: 22px; padding: 14px 16px; animation-duration: 42s;}
.partners-item{height: 44px}
.partners-item img{max-height: 44px; max-width: 120px}
} .aapcil-floating-ui{
position: fixed;
right: 12px;
bottom: 30px;
z-index: 10000;
pointer-events: none;
}
.float-btn{
pointer-events: auto;
border: 1px solid rgba(11,15,20,.14);
border-radius: 999px;
background: rgba(255,255,255,.92);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
padding: 12px 14px;
font-weight: 800;
letter-spacing: .02em;
box-shadow: 0 18px 55px rgba(0,0,0,.12);
transform: translateY(8px);
opacity: 0;
transition: opacity .25s ease, transform .25s ease;
}
body.is-scrolled .float-btn{opacity: 1; transform: translateY(0)}
.float-btn:focus-visible{outline: 3px solid rgba(11,110,59,.35); outline-offset: 2px;} .float-btn--top span{
display: inline-flex;
align-items: center;
gap: 8px;
}
.float-btn--top span::before{
content: "↑";
line-height: 1;
font-size: 1.05em;
}
@media (max-width: 680px){
.aapcil-floating-ui{
right: 14px;
bottom: calc(18px + env(safe-area-inset-bottom));
}
.float-btn{padding: 10px 12px; font-size: .82rem; box-shadow: 0 14px 40px rgba(0,0,0,.12);}
.float-btn--top span{gap: 6px;}
}
.news-card:hover{
transform: translateY(-3px);
box-shadow: 0 18px 44px rgba(0,0,0,.12);
border-color: rgba(11,110,59,.22);
}
.news-card__media{
display:block;
aspect-ratio: 16 / 9;
background: rgba(11,15,20,.06);
overflow:hidden;
}
.news-card__media img{width:100%; height:100%; object-fit:cover; display:block}
.news-card__ph{width:100%; height:100%; background: rgba(11,15,20,.06)}
.news-card__body{
padding: 16px 16px 18px; display: flex;
flex-direction: column;
flex: 1;
}
.news-card__meta{
font-size: .92rem;
color: rgba(17,24,39,.64);
display:flex;
align-items:center;
gap: 8px;
margin-bottom: 10px;
}
.news-card__sep{opacity:.7}
.news-card__title{margin:0 0 10px; font-size:1.1rem; line-height:1.25; letter-spacing:-.01em}
.news-card__title a{
color: rgba(11,110,59,.95);
text-decoration:none;
font-weight: 950;
}
.news-card__title a:hover{text-decoration:underline}
.news-card__excerpt{
margin:0 0 12px;
color: rgba(17,24,39,.78);
font-size:.98rem;
line-height:1.55;
}
.news-card__excerpt{flex: 1;}
.news-card__more{margin-top: auto; font-weight:950; text-decoration:none; color: rgba(11,110,59,.95)}
.news-card__more:hover{text-decoration: underline} .cta-row ul.page-numbers{
list-style: none;
padding: 0;
margin: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.cta-row ul.page-numbers li{margin:0; padding:0}
.cta-row ul.page-numbers a.page-numbers,
.cta-row ul.page-numbers span.page-numbers{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 14px;
border-radius: 999px;
border: 1px solid rgba(11,15,20,.12);
background: rgba(255,255,255,.92);
color: rgba(11,110,59,.95);
font-weight: 950;
box-shadow: var(--shadow2);
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.cta-row ul.page-numbers a.page-numbers:hover{transform: translateY(-1px)}
.cta-row ul.page-numbers span.page-numbers.current{
background: linear-gradient(180deg, var(--green-2), var(--green));
border-color: rgba(11,110,59,.22);
color: #fff;
}
@media (max-width: 680px){
.cta-row ul.page-numbers{gap: 8px}
.cta-row ul.page-numbers a.page-numbers,
.cta-row ul.page-numbers span.page-numbers{
min-width: 38px;
height: 38px;
padding: 0 12px;
}
} .news-layout{
display:grid;
grid-template-columns: 1fr .38fr;
gap: 26px;
align-items:start;
}
@media (max-width: 980px){
.news-layout{grid-template-columns: 1fr;}
.news-aside{position: static;}
}
@media (min-width: 981px){
.news-aside{
position: sticky;
top: calc(var(--topbar-h) + var(--nav-h) + 18px);
align-self:start;
}
}
.news-latest{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap: 10px}
.news-latest__item{
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
padding: 12px 12px;
border-radius: 16px;
border: 1px solid rgba(11,15,20,.08);
background: rgba(255,255,255,.82);
box-shadow: 0 10px 22px rgba(0,0,0,.06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
text-decoration:none;
color: inherit;
}
.news-latest__item:hover{
transform: translateY(-2px);
box-shadow: 0 16px 36px rgba(0,0,0,.10);
border-color: rgba(11,110,59,.22);
}
.news-latest__t{font-weight:950; letter-spacing:-.01em}
.news-latest__d{color: var(--muted); font-size:.88rem; white-space:nowrap} .news-share{margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(11,15,20,.10)}
.share-row{display:flex; flex-wrap:wrap; gap: 10px}
.share-btn{
display:inline-flex;
align-items:center;
gap: 10px;
padding: 10px 12px;
border-radius: 999px;
border: 1px solid rgba(11,15,20,.10);
background: rgba(255,255,255,.90);
box-shadow: 0 10px 22px rgba(0,0,0,.06);
text-decoration:none;
color: rgba(17,24,39,.86);
font-weight: 900;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}
.share-btn:hover{
transform: translateY(-2px);
box-shadow: 0 16px 36px rgba(0,0,0,.10);
border-color: rgba(11,110,59,.25);
filter: brightness(1.02);
}
.share-ico{display:inline-flex; align-items:center; justify-content:center}
.share-btn--wa{border-color: rgba(16,185,129,.25)}
.share-btn--wa:hover{border-color: rgba(16,185,129,.45)} #noticias-eventos{
background: radial-gradient(900px 340px at 15% 0%, rgba(11,110,59,.10), transparent 60%),
radial-gradient(900px 340px at 85% 20%, rgba(11,110,59,.08), transparent 60%),
#EAF6EF;
padding: 56px 0; } #noticias-eventos .mini{
background: radial-gradient(900px 340px at 15% 0%, rgba(11,110,59,.10), transparent 60%),
radial-gradient(900px 340px at 85% 20%, rgba(11,110,59,.08), transparent 60%),
#EAF6EF;
} #galeria{
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
#galeria .glimpse{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#galeria .glimpse__viewport{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
} #noticias-eventos{
margin-top: 0 !important; padding-top: 40px; 
}  .expo-hero .expo-hero__content{ width: var(--wrap);
margin-inline: auto; align-items: flex-start;
padding-top: calc(var(--topbar-h) + var(--nav-h) + clamp(82px, 21vh, 150px));
padding-bottom: clamp(52px, 9vh, 110px);
} .expo-hero .expo-hero__inner{
padding: 0;
}
@media (max-width: 980px){
.expo-hero .expo-hero__content{
padding-top: calc(var(--nav-h) + clamp(40px, 9vh, 72px));
}
} .section--ad{padding: 28px 0}
.ad-banner{
overflow: hidden;
box-shadow: none !important;
border: 1px solid rgba(11,15,20,.10);
background: #fff;
}
.ad-banner__link{display:block}
.ad-banner__img{
width: 100%;
height: 190px;
object-fit: contain;
object-position: center;
background: #fff;
display: block;
} .ad-rotator{
position: relative;
height: 190px;
}
.ad-rotator__slide{
position: absolute;
inset: 0;
opacity: 0;
transition: opacity .6s ease;
}
.ad-rotator__slide.is-active{
opacity: 1;
z-index: 1;
}
.ad-rotator .ad-banner__link{
display: block;
height: 100%;
}
.ad-rotator .ad-banner__img{
height: 100% !important;
} .section--associados{
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.section--associados .wrap{
display: block !important;
}
.section--associados .associados-head{
max-width: 820px !important;
margin: 0 0 28px 0 !important;
text-align: left !important;
}
.section--associados .associados-head__small{
margin: 0 0 10px 0 !important;
font-size: .78rem !important;
line-height: 1.2 !important;
font-weight: 800 !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
color: var(--muted) !important;
}
.section--associados .associados-head__title{
margin: 0 0 14px 0 !important;
font-family: var(--font-display) !important;
font-size: clamp(1.8rem, 3.6vw, 3rem) !important;
line-height: 1.02 !important;
font-weight: 950 !important;
letter-spacing: -0.03em !important;
color: var(--ink) !important;
text-align: left !important;
}
.section--associados .associados-head__desc{
max-width: 62ch !important;
margin: 0 !important;
font-size: 1.04rem !important;
line-height: 1.65 !important;
font-weight: 400 !important;
color: var(--muted) !important;
text-align: justify !important;
text-justify: inter-word !important;
hyphens: auto !important;
} .section--associados .ad-banner{
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
} .section--associados .ad-rotator{
position: relative !important;
height: auto !important;
aspect-ratio: 3405 / 564 !important;
}
.section--associados .ad-rotator__slide{
position: absolute !important;
inset: 0 !important;
opacity: 0 !important;
transition: opacity .6s ease !important;
display: block !important;
text-align: left !important;
}
.section--associados .ad-rotator__slide.is-active{
opacity: 1 !important;
z-index: 1 !important;
}
.section--associados .ad-rotator .ad-banner__link{
display: block !important;
width: 100% !important;
height: 100% !important;
}
.section--associados .ad-banner__img{
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain !important;
object-position: center center !important;
background: #dfeecd !important;
margin: 0 !important;
} @media (max-width: 720px){
.section--ad{
padding: 18px 0;
}
.ad-banner{
border-radius: 18px;
}
.ad-banner__img{
height: 120px;
}
.ad-rotator{
height: 120px;
}
.section--associados{
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.section--associados .associados-head{
margin-bottom: 20px !important;
}
.section--associados .associados-head__title{
font-size: clamp(1.8rem, 6vw, 2.4rem) !important;
}
.section--associados .associados-head__desc{
font-size: .98rem !important;
}
.section--associados .ad-banner{
border-radius: 0 !important;
}
.section--associados .ad-rotator{
height: auto !important;
aspect-ratio: 3405 / 564 !important;
}
.section--associados .ad-banner__img{
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain !important;
object-position: center center !important;
background: #dfeecd !important;
}
}  .card--pad{padding: 18px}
.card--pad .card__body{padding: 0} .grid--cards{grid-template-columns: 1fr}
@media (min-width: 720px){
.grid--cards{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (min-width: 1024px){
.grid--cards{grid-template-columns: repeat(3, minmax(0, 1fr))}
} .grid--cards.grid--cards--desktop4{grid-template-columns: 1fr}
@media (min-width: 720px){
.grid--cards.grid--cards--desktop4{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (min-width: 1024px){
.grid--cards.grid--cards--desktop4{grid-template-columns: repeat(4, minmax(0, 1fr))}
} .grid--cards.grid--cards--md1{grid-template-columns: 1fr}
@media (min-width: 720px){
.grid--cards.grid--cards--md1{grid-template-columns: 1fr}
}
@media (min-width: 1024px){
.grid--cards.grid--cards--md1{grid-template-columns: repeat(2, minmax(0, 1fr))}
} .prose{max-width: 820px}
.prose-list{margin: 14px 0 0; padding-left: 18px}
.prose-list li{margin: 10px 0; color: var(--ink)}
.prose hr{border:0; border-top:1px solid var(--line); margin: 18px 0} .page-hero__actions{display:flex; flex-wrap:wrap; gap: 12px; margin-top: 16px} .about-topnav{border-top:1px solid var(--line); border-bottom:1px solid var(--line); background: rgba(255,255,255,.92); backdrop-filter: blur(10px)}
.about-topnav__inner{display:flex; gap: 10px; overflow:auto; padding: 12px 0}
.about-topnav__link{
display:inline-flex; align-items:center; justify-content:center;
white-space:nowrap; padding: 10px 14px;
border-radius: 999px; border: 1px solid var(--line);
background:#fff; color: var(--ink);
font-weight: 800; font-size: 13px;
}
.about-topnav__link.is-active{background: var(--green); color:#fff; border-color: transparent}
.about-topnav__link:focus{outline: 3px solid rgba(11,110,59,.25); outline-offset: 2px} .about-subnav{display:flex; flex-wrap:wrap; gap: 10px; margin-top: 18px}
.about-subnav__link{
display:inline-flex; align-items:center;
padding: 8px 12px; border-radius: 999px;
border: 1px solid rgba(11,15,20,.10);
background: rgba(11,15,20,.06);
font-weight: 800; font-size: 13px; color: var(--ink);
}
.about-subnav__link.is-active{border-color: rgba(11,110,59,.26); background: rgba(11,110,59,.10)} .about-stats{display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0}
.stat{padding: 14px 14px; border-radius: 16px; border: 1px solid rgba(11,15,20,.10); background: #fff; box-shadow: var(--shadow2)}
.stat__value{font-size: 21px; font-weight: 950; letter-spacing: -.02em}
.stat__label{margin-top: 2px; font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .06em}
@media (max-width: 680px){
.about-stats{
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.stat{
padding: 12px 10px;
min-width: 0;
overflow: hidden;
}
.stat__label{
font-size: 9px;
line-height: 1.15;
letter-spacing: .03em;
}
.stat__value{
font-size: 12px;
line-height: 1.1;
letter-spacing: 0;
word-break: break-word;
overflow-wrap: anywhere;
}
} .historial-hero{grid-template-columns: 1fr; gap: 18px}
@media (min-width: 960px){
.historial-hero{grid-template-columns: 1.25fr .75fr; align-items: start}
} .history-split{grid-template-columns: 1fr; gap: 18px}
@media (min-width: 960px){
.history-split{grid-template-columns: 1fr 1fr; align-items: start}
}
.history-cards{display:grid; gap: 12px}
.history-meta{display:flex; flex-wrap:wrap; gap: 10px; margin-top: 12px}
.history-meta .badge{white-space:nowrap} .timeline{position:relative; display:grid; gap: 14px; padding-left: 18px}
.timeline:before{content:""; position:absolute; left: 7px; top: 2px; bottom: 2px; width: 2px; background: rgba(11,15,20,.10)}
.timeline__item{position:relative; display:grid; grid-template-columns: 86px 1fr; gap: 14px; align-items: start}
.timeline__item:before{
content:""; position:absolute; left: -18px; top: 4px;
width: 12px; height: 12px; border-radius: 999px;
background:#fff; border: 2px solid rgba(11,110,59,.35)
}
.timeline__year{font-weight: 950; color: var(--green)}
.timeline__card{padding: 16px; border: 1px solid rgba(11,15,20,.10); border-radius: 16px; background:#fff; box-shadow: var(--shadow2)}
.timeline__title{font-weight: 900}
.timeline__text{margin-top: 4px; color: var(--muted)} .aapcil-acc{margin-top: 14px; border: 1px solid rgba(11,15,20,.10); border-radius: 16px; background:#fff; overflow:hidden}
.aapcil-acc > summary{
cursor:pointer; list-style:none;
padding: 14px 16px; font-weight: 900;
display:flex; align-items:center; justify-content:space-between;
}
.aapcil-acc > summary::-webkit-details-marker{display:none}
.aapcil-acc > summary:after{content:"+"; color: var(--muted); font-weight: 900}
.aapcil-acc[open] > summary:after{content:"–"}
.aapcil-acc__body{padding: 0 16px 16px} .org-grid{display:grid; grid-template-columns: 1fr; gap: 14px}
@media (min-width: 720px){ .org-grid{grid-template-columns: repeat(2, minmax(0, 1fr))} }
@media (min-width: 1024px){ .org-grid{grid-template-columns: repeat(3, minmax(0, 1fr))} }
.org-grid--3{grid-template-columns: repeat(1, minmax(0, 1fr))}
@media (min-width: 720px){ .org-grid--3{grid-template-columns: repeat(3, minmax(0, 1fr))} }
.org-item__role{font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; font-weight: 900}
.org-item__name{margin-top: 6px; font-size: 16px; font-weight: 950}
.org-item__org{margin-top: 4px; color: var(--muted)} .notice--strong{border-color: rgba(11,110,59,.25); background: rgba(11,110,59,.06)} .aapcil-modal{position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:18px}
.aapcil-modal.is-open{display:flex}
.aapcil-modal__overlay{position:absolute; inset:0; background:rgba(0,0,0,.58); backdrop-filter: blur(6px)}
.aapcil-modal__panel{position:relative; width:min(1000px, 96vw); max-height:90vh; background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.35)}
.aapcil-modal__head{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; border-bottom:1px solid rgba(17,24,39,.10)}
.aapcil-modal__title{font-weight:900; letter-spacing:.01em}
.aapcil-modal__close{appearance:none; border:0; background:rgba(17,24,39,.06); width:40px; height:40px; border-radius:999px; font-size:22px; line-height:1; cursor:pointer}
.aapcil-modal__close:hover{background:rgba(17,24,39,.10)}
.aapcil-modal__body{padding:0}
.aapcil-modal__frame{width:100%; height:72vh; border:0; display:block; background:#fff}
.aapcil-modal__foot{display:flex; justify-content:flex-end; gap:10px; padding:12px 16px; border-top:1px solid rgba(17,24,39,.10)}
body.is-modal-open{overflow:hidden}
@media (max-width: 700px){
.aapcil-modal{padding:10px}
.aapcil-modal__frame{height:70vh}
} .kpi{display:flex; align-items:center; gap:12px}
.kpi__icon{width:46px; height:46px; border-radius:16px; display:grid; place-items:center; background:rgba(11,15,20,.06); border:1px solid rgba(11,15,20,.08)}
.kpi__value{font-size:1.6rem; font-weight:950; line-height:1}
.kpi__label{color:rgba(11,15,20,.68); margin-top:4px}
.kpi-grid{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; margin-top:18px}
@media (max-width: 720px){.kpi-grid{grid-template-columns:1fr}} .aapcil-form{max-width:820px}
.aapcil-form .field{margin:0 0 14px}
.aapcil-form label{display:block; font-weight:800; margin:0 0 6px}
.aapcil-form input[type="text"],
.aapcil-form input[type="email"],
.aapcil-form input[type="tel"],
.aapcil-form input[type="number"],
.aapcil-form input[type="url"],
.aapcil-form select,
.aapcil-form textarea{width:100%; padding:12px 14px; border-radius:16px; border:1px solid rgba(11,15,20,.14); background:#fff}
.aapcil-form input[type="file"]{width:100%; padding:10px 12px; border-radius:16px; border:1px dashed rgba(11,15,20,.18); background:rgba(11,15,20,.03)}
.aapcil-form input:focus,
.aapcil-form select:focus,
.aapcil-form textarea:focus{outline:2px solid rgba(11,110,59,.25); outline-offset:2px}
.aapcil-form .help{color:rgba(11,15,20,.68); font-size:.92rem; margin-top:6px}
.aapcil-form .row{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px}
@media (max-width: 720px){.aapcil-form .row{grid-template-columns:1fr}}
.aapcil-form .hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0} html{
scroll-behavior: smooth;
} .footer-note:empty{display:none} body.page-quem-somos .card,
body.page-historial .card,
body.page-objectivos .card,
body.page-direccao .card{
transition: background .18s ease, transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}
body.page-quem-somos .card:hover,
body.page-historial .card:hover,
body.page-objectivos .card:hover,
body.page-direccao .card:hover{
background: rgba(14,138,74,.92); border-color: rgba(255,255,255,.22);
box-shadow: 0 16px 36px rgba(0,0,0,.12);
transform: translateY(-2px);
color: #fff;
} body.page-quem-somos .card:hover .muted,
body.page-historial .card:hover .muted,
body.page-objectivos .card:hover .muted,
body.page-direccao .card:hover .muted{
color: rgba(255,255,255,.86) !important;
}
body.page-quem-somos .card:hover .kicker,
body.page-historial .card:hover .kicker,
body.page-objectivos .card:hover .kicker,
body.page-direccao .card:hover .kicker{
color: rgba(255,255,255,.82) !important;
}
body.page-quem-somos .card:hover .prose-list li,
body.page-historial .card:hover .prose-list li,
body.page-objectivos .card:hover .prose-list li,
body.page-direccao .card:hover .prose-list li{
color: rgba(255,255,255,.90) !important;
}
body.page-quem-somos .card:hover a,
body.page-historial .card:hover a,
body.page-objectivos .card:hover a,
body.page-direccao .card:hover a{
color: inherit;
}
body.page-quem-somos .card:hover .badge,
body.page-historial .card:hover .badge,
body.page-objectivos .card:hover .badge,
body.page-direccao .card:hover .badge,
body.page-quem-somos .card:hover .badge--ok,
body.page-historial .card:hover .badge--ok,
body.page-objectivos .card:hover .badge--ok,
body.page-direccao .card:hover .badge--ok,
body.page-quem-somos .card:hover .badge--no,
body.page-historial .card:hover .badge--no,
body.page-objectivos .card:hover .badge--no,
body.page-direccao .card:hover .badge--no{
color: #fff !important;
border-color: rgba(255,255,255,.28) !important;
background: rgba(255,255,255,.16) !important;
} body.page-historial .timeline__card{
transition: background .18s ease, transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}
body.page-historial .timeline__card:hover{
background: rgba(14,138,74,.92);
border-color: rgba(255,255,255,.22);
box-shadow: 0 16px 36px rgba(0,0,0,.12);
transform: translateY(-2px);
color:#fff;
}
body.page-historial .timeline__card:hover .timeline__text{
color: rgba(255,255,255,.86) !important;
}
body.page-historial .timeline__card:hover .badge,
body.page-historial .timeline__card:hover .badge--ok,
body.page-historial .timeline__card:hover .badge--no{
color:#fff !important;
border-color: rgba(255,255,255,.28) !important;
background: rgba(255,255,255,.16) !important;
} .grid--cards--desktop4 .card{
transition: background-color .18s ease, color .18s ease, border-color .18s ease,
transform .18s ease, box-shadow .18s ease;
} .grid--cards--desktop4 .card p,
.grid--cards--desktop4 .card li{
text-align: justify;
text-justify: inter-word;
} .grid--cards--desktop4 .card:hover,
.grid--cards--desktop4 .card:focus-within{
background: var(--green, #0B6E3B);
border-color: rgba(255,255,255,.20);
transform: translateY(-3px);
box-shadow: 0 18px 48px rgba(0,0,0,.14);
color: #fff;
} .grid--cards--desktop4 .card:hover *,
.grid--cards--desktop4 .card:focus-within *{
color: #fff !important;
} .grid--cards--desktop4 .card:hover a,
.grid--cards--desktop4 .card:focus-within a{
text-decoration-color: rgba(255,255,255,.60);
}  .about-page .page-hero__desc,
.about-page .muted,
.about-page .about-feature__text,
.about-page .about-feature__title,
.about-page .prose,
.about-page .prose p,
.about-page .prose-list li,
.about-page .about-split__text p,
.about-page .card p{
text-align: justify;
text-justify: inter-word;
} .about-page .grid--cards .card{
transition: background-color .18s ease, color .18s ease, border-color .18s ease,
transform .18s ease, box-shadow .18s ease;
will-change: transform;
} @media (hover: hover) and (pointer: fine){
.about-page .grid--cards .card:hover,
.about-page .grid--cards .card:focus-within{
background: var(--green, #0B6E3B);
border-color: rgba(255,255,255,.22);
transform: translateY(-3px);
box-shadow: 0 18px 48px rgba(0,0,0,.14);
color: #fff;
} .about-page .grid--cards .card:hover *,
.about-page .grid--cards .card:focus-within *{
color: #fff !important;
}
} .chapter--about--justify .about-split__text p,
.chapter--about--justify .about-feature__text{
text-align: justify;
text-justify: inter-word;
hyphens: auto;
} .news-card__excerpt{
text-align: justify;
text-justify: inter-word;
hyphens: auto;
} .grid--posts .card .card__body > p.muted{
text-align: justify;
text-justify: inter-word;
hyphens: auto;
}  body.page-template-templates-page-historial-php .site-main .section p,
body.page-template-templates-page-historial-php .site-main .section li,
body.page-historial .site-main .section p,
body.page-historial .site-main .section li, body.page-template-templates-page-area-servicos-ao-associado-php .site-main .section p,
body.page-template-templates-page-area-servicos-ao-associado-php .site-main .section li,
body.page-servicos-ao-associado .site-main .section p,
body.page-servicos-ao-associado .site-main .section li, body.page-template-templates-page-area-formacoes-php .site-main .section p,
body.page-template-templates-page-area-formacoes-php .site-main .section li,
body.page-formacoes .site-main .section p,
body.page-formacoes .site-main .section li,
body.page-formacao .site-main .section p,
body.page-formacao .site-main .section li, body.page-template-templates-page-area-eventos-php .site-main .section p,
body.page-template-templates-page-area-eventos-php .site-main .section li{
text-align: justify;
text-justify: inter-word;
hyphens: auto;
} body.page-template-templates-page-historial-php .page-hero__desc,
body.page-template-templates-page-area-servicos-ao-associado-php .page-hero__desc,
body.page-template-templates-page-area-formacoes-php .page-hero__desc,
body.page-template-templates-page-area-eventos-php .page-hero__desc,
body.page-historial .page-hero__desc,
body.page-servicos-ao-associado .page-hero__desc,
body.page-formacoes .page-hero__desc,
body.page-formacao .page-hero__desc{
text-align: justify;
text-justify: inter-word;
hyphens: auto;
} .site-main.content-justify .page-hero__desc,
.site-main.content-justify .section p,
.site-main.content-justify .section li,
.site-main.content-justify .about-split__text p,
.site-main.content-justify .prose,
.site-main.content-justify .prose p,
.site-main.content-justify .prose li,
.site-main.content-justify .muted,
.site-main.content-justify .timeline__text,
.site-main.content-justify .notice__text{
text-align: justify;
text-justify: inter-word;
hyphens: auto;
}