/* LabREC 2026 · editorial minimal + research technology */
:root{
 --ink:#0b273f;--ink-deep:#071d32;--teal:#098f8f;--teal-dark:#057779;
 --teal-light:#e6f7f4;--cyan:#61d9ce;--text:#485d70;--muted:#718398;
 --border:#e3ecef;--canvas:#fff;--soft:#f7fafb;--radius:18px;
 --shadow:0 16px 45px rgba(15,57,78,.045)
}
html { scroll-padding-top: 110px; }
body { background: #fff; font-weight: 400; letter-spacing:-.008em; }
h1,h2,h3,h4{letter-spacing:-.046em}
p{color:var(--text)}
.container{width:min(1380px,calc(100% - 112px))}
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid #e8eff1;box-shadow:0 1px 1px rgba(11,43,59,.03);}
.nav-inner{min-height:88px;gap:26px}
.brand img{width:158px}
.nav-menu{gap:clamp(16px,2.1vw,34px);margin-left:auto}
.nav-link{font-size:.88rem;font-weight:600;padding:33px 0 31px;color:#334a5f}
.nav-link.active::after,.nav-link:hover::after{bottom:25px;height:2px}
.header-action{border-radius:50px;background:#0c3446;color:white;padding:13px 18px;white-space:nowrap;font-size:.81rem;font-weight:700;transition:background .25s,transform .25s}
.header-action:hover{background:#097e84;transform:translateY(-2px)}
/* General editorial page rhythm */
.section{padding:88px 0}
.section-tight{padding-top:20px;padding-bottom:86px}
.section-soft{background:#f6fafb}
.section-top{align-items:end;margin-bottom:30px}
.section-top h2,.about-intro h2{font-size:clamp(1.85rem,2.65vw,2.6rem);font-weight:800}
.section-top p{font-size:.99rem;margin-top:12px}
.eyebrow{color:#008784;font-weight:800;letter-spacing:.195em;font-size:.68rem;line-height:1.5}
/* Hero includes conceptual diagram, never fake official product screenshot */
.page-hero{background:linear-gradient(108deg,#fff 0%,#fff 42%,#f1f8f9 100%);isolation:isolate}
.page-hero::before{width:740px;height:740px;top:-170px;bottom:auto;right:-240px;background:radial-gradient(circle,rgba(100,206,201,.14),transparent 65%)}
.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:8px;min-height:380px}
.hero-home .hero-grid{min-height:540px}
.hero-home{background:radial-gradient(ellipse 60% 70% at 80% 45%,#e9f7f7 0%,transparent 82%),linear-gradient(115deg,#fff 5%,#f7fbfb)}
.hero-text{padding:76px 0;z-index:1}
.hero-text h1{max-width:640px;font-size:clamp(2.6rem,4.2vw,4.65rem);letter-spacing:-.058em;font-weight:800;line-height:1.095;margin-bottom:25px}
.hero-home .hero-text h1{font-size:clamp(2.6rem,4.4vw,4.9rem)}
.hero-text p{font-size:clamp(1rem,1.23vw,1.17rem);line-height:1.68;max-width:545px;color:#506378;margin-bottom:28px}
.hero-visual{overflow:visible;justify-content:flex-end}
.hero-visual:before{background:radial-gradient(ellipse at 55% 50%,rgba(83,196,192,.13),transparent 72%)}
.hero-visual img{width:100%;max-height:495px;max-width:670px;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(5,54,65,.05))}
.hero-home .hero-visual img{max-height:560px;width:110%;max-width:710px;transform:translateX(18px)}
.hero-small .hero-grid{min-height:380px}
.hero-small .hero-text{padding:73px 0}
.hero-small .hero-text h1{font-size:clamp(2.55rem,4vw,4.1rem)}
.hero-small .hero-visual img{max-height:332px;width:91%}
.hero-contact .hero-grid{min-height:325px}
.hero-photo{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.95) 37%,rgba(255,255,255,.16) 93%),url('../assets/abstract/eventos-hero.webp') center 45%/cover no-repeat}
.hero-photo .hero-grid{min-height:360px}
.hero-workshop-photo{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 40%,rgba(255,255,255,.11) 100%),url('../assets/heroes/workshop-hero-v2.webp') center 42%/cover no-repeat}
.hero-workshop-photo .hero-grid{min-height:390px;grid-template-columns:1fr}
.hero-workshop-photo .hero-text{max-width:700px}
.hero-workshop-photo .hero-text h1{max-width:680px}
.btn{min-height:51px;padding:14px 22px;border-radius:10px;font-size:.91rem}
.btn-primary{background:#078c8d;box-shadow:0 6px 19px rgba(11,145,146,.13)}
.btn-primary:hover{background:#056d76}
.btn-light{background:white;border-color:#cbdcde}
.text-link{font-weight:750;font-size:.9rem;text-underline-offset:5px}
/* Research feature chips */
.about-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.7fr);align-items:stretch;gap:62px}
.about-intro{align-self:center}
.about-intro h2{margin-bottom:18px}
.about-intro p{font-size:.98rem;line-height:1.8;max-width:470px}
.feature-grid{gap:16px;align-items:stretch}
.feature-card{padding:26px 21px 28px;border-radius:17px;box-shadow:none;background:#fff;border:1px solid #e1ecee}
.feature-card:hover{border-color:#afd9d8;background:#fbffff}
.icon-tile{width:55px;height:55px;border-radius:16px;color:#037f87;background:#e7f7f5}
.icon-tile>.icon{width:26px;height:26px}
.feature-card h3{font-size:1.04rem;margin-top:20px;margin-bottom:11px;line-height:1.28}
.feature-card p{font-size:.84rem;line-height:1.65}
/* Project visual assets high resolution vector artwork */
.project-grid{gap:20px}
.project-card{border-radius:17px;border:1px solid #e0ebed;box-shadow:0 12px 30px rgba(13,50,68,.035)}
.project-card:hover{box-shadow:0 20px 48px rgba(9,53,70,.11);transform:translateY(-5px)}
.project-image{height:220px;background:#0e3d4e;display:block}
.project-image img{object-fit:cover;padding:0;width:100%;height:100%;transition:transform .35s}
.project-card:hover .project-image img{transform:scale(1.035)}
.project-copy{padding:24px 26px 23px}
.project-copy h3{font-size:1.14rem;line-height:1.31;margin-top:1px;margin-bottom:12px;letter-spacing:-.035em}
.project-copy p{font-size:.85rem;line-height:1.75;-webkit-line-clamp:3;margin-bottom:20px}
.tag{color:#06747a;background:#e5f5f3;font-weight:700;font-size:.69rem;letter-spacing:.025em;margin-bottom:10px;padding:5px 11px}
.card-more{border:1px solid #cae2e3;background:#f2faf9;color:#077d83;width:38px;height:38px}
.card-more:hover{background:#ddf3f0}
body:has([data-filter-container="projects"]) .project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body:has([data-filter-container="projects"]) .project-image{height:188px}
body:has([data-filter-container="projects"]) .project-copy{padding:20px 21px 21px}
body:has([data-filter-container="projects"]) .project-copy h3{font-size:1.05rem}
/* Other content blocks */
.route-grid{gap:16px}
.route-card{padding:20px 21px;border-radius:16px;box-shadow:none;min-height:116px}
.route-card strong{font-size:1rem}
.route-card small{font-size:.83rem;line-height:1.6}
.route-card .icon-tile{border-radius:14px;width:54px;height:54px}
.team-grid{gap:17px}
.member-card{min-height:152px;padding:23px;border-radius:16px;box-shadow:none;transition:border-color .2s,transform .2s}
.member-card:hover{border-color:#a8d5d4;transform:translateY(-2px)}
.member-card .avatar{width:58px;height:58px;border-radius:17px;color:#147b82;background:linear-gradient(135deg,#e9f7f6,#deefed);font-size:1.04rem}
.member-card h3{font-size:.99rem;margin-bottom:8px}
.member-card p{font-size:.79rem}
.cta-line{border:1px solid #cae8e5;background:linear-gradient(100deg,#f0faf9,#e8f6f5);border-radius:17px}
.filter-chip{padding:10px 18px;background:#fff;border-color:#dce8ea;color:#496473;font-size:.83rem}
.filter-chip:hover{background:#eaf8f7}
.filter-chip.active{background:#087d82;border-color:#087d82;color:#fff}
.search-field input{background:#fff}
.publication-card,.event-card,.topic-item{border-radius:17px;box-shadow:none}
.publication-card{min-height:275px;padding:27px}
.publication-card h3{font-size:1.14rem}
.event-photo{height:205px}
.event-body{padding:24px}
.workshop-highlight{border-radius:17px}
.contact-form-card,.info-card{border-radius:18px;box-shadow:none;padding:38px}
.field input,.field textarea{border-radius:10px}
/* Understated institutional footer */
.site-footer{background:#f9fbfc;border-top:1px solid #e7eeef}
.footer-inner{grid-template-columns:1.1fr 1.9fr 1.15fr;padding:30px 0 24px;gap:30px}
.footer-brand img{width:139px;margin-bottom:6px}
.footer-brand p{font-size:.72rem;line-height:1.5}
.footer-nav{gap:10px 16px}
.footer-nav a{font-size:.75rem;font-weight:600}
.footer-bottom{font-size:.71rem;padding:11px 0 14px;color:#768b9c}
@media(max-width:1330px){
 .container{width:min(100% - 80px,1380px)}
 .header-action{display:none}
 .nav-menu{gap:clamp(15px,2.15vw,30px)}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about-layout{grid-template-columns:1fr 1.1fr}
 body:has([data-filter-container="projects"]) .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1020px){
 .container{width:calc(100% - 54px)}
 .nav-inner{min-height:75px}.brand img{width:146px}
 .hero-home .hero-grid{min-height:450px}
 .hero-home .hero-text h1{font-size:clamp(2.5rem,4.5vw,3.7rem)}
 .hero-visual img{width:110%}
 .about-layout{gap:30px}
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
 .nav-inner{min-height:73px}.nav-menu{top:72px}
 .hero-home .hero-grid{grid-template-columns:1fr 44%;min-height:440px}
 .hero-small .hero-grid{min-height:300px}
 .hero-text{padding:56px 0}
 .hero-home .hero-text h1{font-size:clamp(2.3rem,4.75vw,3.3rem)}
 .hero-small .hero-text h1{font-size:clamp(2.2rem,4.5vw,3.1rem)}
 .hero-home .hero-visual img{max-height:390px;width:130%;transform:translateX(7px)}
 .about-layout{grid-template-columns:1fr}
 .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .feature-card{padding:20px 15px}
 .feature-card h3{font-size:.93rem}
 .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has([data-filter-container="projects"]) .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-inner{grid-template-columns:1fr 1.9fr}
}
@media(max-width:620px){
 .container{width:calc(100% - 38px)}
 .nav-inner{min-height:68px}.nav-menu{top:67px}
 .hero-grid,.hero-small .hero-grid,.hero-home .hero-grid{display:flex;flex-direction:column;min-height:0}
 .hero-text,.hero-small .hero-text{padding:49px 0 10px}
 .hero-home .hero-text h1,.hero-text h1,.hero-small .hero-text h1{font-size:clamp(2.25rem,9vw,3.05rem);line-height:1.11}
 .hero-text p{font-size:1rem;line-height:1.64}
 .hero-home .hero-visual{margin:0 auto -2px;width:100%}
 .hero-home .hero-visual img{width:105%;max-height:300px;transform:none}
 .hero-small .hero-visual img{width:100%;max-height:240px}
 .hero-photo .hero-text,.hero-workshop-photo .hero-text,.hero-contact .hero-text{padding:55px 0}
 .hero-photo,.hero-workshop-photo{background-position:center right}
 .hero-photo{background-image:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.79)),url('../assets/abstract/eventos-hero.webp')}
 .hero-workshop-photo{background-image:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.82)),url('../assets/heroes/workshop-hero-v2.webp')}
 .section{padding:58px 0}.section-tight{padding:8px 0 60px}
 .section-top h2,.about-intro h2{font-size:1.72rem}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .feature-card{min-height:198px;padding:19px 16px}
 .feature-card h3{font-size:.94rem}
 .project-grid,body:has([data-filter-container="projects"]) .project-grid,.publication-grid,.event-grid{grid-template-columns:1fr}
 .project-image,body:has([data-filter-container="projects"]) .project-image{height:208px}
 .project-copy{padding:22px}.project-copy p{-webkit-line-clamp:4}
 .team-grid{grid-template-columns:1fr}
 .route-grid{grid-template-columns:1fr}
 .footer-inner{grid-template-columns:1fr}
 .footer-nav{justify-content:flex-start}
 .footer-contact{align-items:flex-start}
 .contact-form-card,.info-card{padding:25px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* Ajustes com novas imagens institucionais */
.hero-university .hero-visual img{width:100%;max-width:720px;max-height:360px;object-fit:cover;border-radius:22px;box-shadow:0 20px 50px rgba(5,28,43,.12)}
.hero-contact-photo{background:linear-gradient(100deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 39%,rgba(255,255,255,.35) 88%),url('../assets/abstract/contato-hero.webp') center right/cover no-repeat}
.hero-workshop-photo{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 40%,rgba(255,255,255,.2) 100%),url('../assets/abstract/workshop-hero.webp') center 42%/cover no-repeat}
@media (max-width:820px){.hero-university .hero-visual img{max-height:300px}}
@media (max-width:620px){.hero-contact-photo{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.8)),url('../assets/abstract/contato-hero.webp') center/cover no-repeat}.hero-workshop-photo{background-image:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.84)),url('../assets/abstract/workshop-hero.webp')}}


/* Detalhes interativos dos projetos — preserva os cards e adiciona expansão nativa. */
.project-details{width:100%;margin-top:auto;padding-top:6px;border-top:1px solid transparent}
.project-details summary.card-more{list-style:none;cursor:pointer;user-select:none;margin-left:auto}
.project-details summary.card-more::-webkit-details-marker{display:none}
.project-details summary.card-more::marker{content:""}
.project-details summary.card-more:focus-visible{outline:3px solid #007f89;outline-offset:4px}
.project-details[open]{border-top-color:#e3eff0;padding-top:13px}
.project-details[open] summary.card-more{background:#076f7a;color:#fff}
.project-details[open] summary.card-more svg{transform:rotate(90deg)}
.project-details summary.card-more svg{transition:transform .18s ease}
.project-details-content{padding-top:15px;animation:labrec-details-in .18s ease-out}
.project-details-content h4{margin:0 0 9px;color:#143f52;font-size:.88rem;font-weight:750}
.project-details-content ul{margin:0;padding-left:20px;color:#4a6472;font-size:.82rem;line-height:1.64}
.project-details-content li+li{margin-top:6px}
.project-anchor:has(.project-details[open]) .project-card{border-color:#b8dbdd;box-shadow:0 16px 40px rgba(7,94,105,.10)}
@keyframes labrec-details-in{from{opacity:.2;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.project-details-content{animation:none}.project-details summary.card-more svg{transition:none}}


.hero-wide-photo .hero-visual img{width:100%;max-width:720px;max-height:360px;object-fit:cover;border-radius:22px;box-shadow:0 20px 50px rgba(5,28,43,.12)}
@media (max-width:820px){.hero-wide-photo .hero-visual img{max-height:300px}}
@media (max-width:620px){.hero-wide-photo .hero-visual img{width:100%;max-height:240px}}


/* Heróis abstratos para páginas internas */
.hero-university .hero-visual img,.hero-wide-photo .hero-visual img{width:100%;max-width:720px;max-height:320px;object-fit:cover;border-radius:22px;box-shadow:0 20px 50px rgba(5,28,43,.08)}
.hero-contact-photo{background:linear-gradient(100deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 41%,rgba(255,255,255,.6) 100%),url('../assets/abstract/contato-hero.webp') center right/cover no-repeat}
.hero-workshop-photo{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 42%,rgba(255,255,255,.55) 100%),url('../assets/abstract/workshop-hero.webp') center right/cover no-repeat}
.hero-photo{background:linear-gradient(95deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 41%,rgba(255,255,255,.58) 100%),url('../assets/abstract/eventos-hero.webp') right center/cover no-repeat}
@media (max-width:820px){.hero-university .hero-visual img,.hero-wide-photo .hero-visual img{max-height:280px}}
@media (max-width:620px){.hero-contact-photo{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.84)),url('../assets/abstract/contato-hero.webp') center/cover no-repeat}.hero-workshop-photo{background-image:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.87)),url('../assets/abstract/workshop-hero.webp')}.hero-photo{background-image:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.84)),url('../assets/abstract/eventos-hero.webp')}}

/* Fontes oficiais de eventos - reforço editorial discreto */
.event-source-area{width:100%;padding-top:12px;margin-top:14px;border-top:1px solid #e6eeee}
.event-source-link{font-size:.78rem;color:#067b85;font-weight:700;line-height:1.5;display:inline-flex;align-items:center;text-underline-offset:3px}
.event-source-link:hover{text-decoration:underline}

.event-photo img.img-serp-workshop{transform:scale(1.16);transform-origin:center center;object-position:center 38%}
.event-card:hover .event-photo img.img-serp-workshop{transform:scale(1.21)}


/* === LabREC 2026: cabeçalhos padronizados com fading === */
.page-hero.hero-standard{background-color:#f7fbfc;background-repeat:no-repeat;background-position:center,center right;background-size:cover,cover;overflow:hidden}
.page-hero.hero-standard .hero-grid,.page-hero.hero-standard .hero-workshop-photo .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);min-height:332px;align-items:center}
.page-hero.hero-standard .hero-text{max-width:720px;padding:67px 0 68px}
.page-hero.hero-standard .hero-text h1{font-size:clamp(2.25rem,3.5vw,3.7rem);letter-spacing:-.048em;line-height:1.13}
.page-hero.hero-standard .hero-text p{max-width:620px;line-height:1.62}
.page-hero.hero-standard.hero-art-team{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.80) 60%,rgba(255,255,255,.13) 100%),url('../assets/abstract/equipe-hero.webp')}
.page-hero.hero-standard.hero-art-projects{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.80) 60%,rgba(255,255,255,.13) 100%),url('../assets/abstract/projetos-hero.webp')}
.page-hero.hero-standard.hero-art-repo{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.80) 60%,rgba(255,255,255,.13) 100%),url('../assets/abstract/repositorio-hero.webp')}
.page-hero.hero-standard.hero-art-workshop{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.80) 60%,rgba(255,255,255,.13) 100%),url('../assets/abstract/workshop-hero.webp')}
.page-hero.hero-standard.hero-art-events{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.80) 60%,rgba(255,255,255,.13) 100%),url('../assets/abstract/eventos-hero.webp')}
.page-hero.hero-standard.hero-art-contact{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.80) 60%,rgba(255,255,255,.13) 100%),url('../assets/abstract/contato-hero.webp')}
/* Três projetos principais — sem grade de sete cartões nem filtros obsoletos */
.portfolio-main .portfolio-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.portfolio-main .project-anchor{min-width:0;scroll-margin-top:100px}
.portfolio-main .project-card{height:100%}
.portfolio-main .project-image{height:208px;background:#e5f2f1}
.portfolio-main .project-image img{width:100%;height:100%;object-fit:cover;padding:0}
.portfolio-main #projeto-2 .project-image img,.portfolio-main #projeto-3 .project-image img{object-fit:cover;padding:0;background:transparent}
.portfolio-main .project-copy{padding:25px 25px 24px}
.portfolio-main .project-copy h3{font-size:clamp(1.12rem,1.7vw,1.42rem);margin:2px 0 14px;line-height:1.3}
.portfolio-main .project-copy>p{display:block;-webkit-line-clamp:unset;overflow:visible;line-height:1.67;font-size:.88rem;margin-bottom:21px}
.portfolio-main .project-details-content>p{font-size:.84rem;line-height:1.67;display:block;overflow:visible}
.portfolio-main .project-details-content ul{line-height:1.68}
/* Equipe: só nomes e funções, sem bolhas com iniciais */
.member-card{min-height:126px;align-items:flex-start;padding:23px 24px}
.member-card>div:last-child{width:100%}
/* Workshop: links finais mantidos, sem temas de interesse */
.section-workshop-links{padding:32px 0 74px}
/* Repositório: categorias com identidade cromática consistente e discreta */
.publication-card{border-top:4px solid transparent;transition:border-color .2s,box-shadow .2s}
.publication-card[data-category="anais"]{border-top-color:#078b84}
.publication-card[data-category="anais"] .publication-symbol{background:#e2f5f0;color:#087b75}
.publication-card[data-category="anais"] .tag{color:#076a64;background:#ddf4ed}
.publication-card[data-category="anais"]>.text-link{color:#08736e}
.publication-card[data-category="slides"]{border-top-color:#7469af}
.publication-card[data-category="slides"] .publication-symbol{background:#eeeafb;color:#6456a5}
.publication-card[data-category="slides"] .tag{color:#5c509b;background:#eae6fa}
.publication-card[data-category="slides"]>.text-link{color:#6756a3}
.publication-card[data-category="video"]{border-top-color:#c87b4b}
.publication-card[data-category="video"] .publication-symbol{background:#fff0e4;color:#ae663b}
.publication-card[data-category="video"] .tag{color:#a85f34;background:#feecdd}
.publication-card[data-category="video"]>.text-link{color:#a85f34}
/* Os filtros também podem comunicar a categoria, sem prejudicar o estado ativo */
[data-filter-group="repo"] .filter-chip[data-filter="anais"]:not(.active){border-color:#a0d5c8;color:#06746b}
[data-filter-group="repo"] .filter-chip[data-filter="slides"]:not(.active){border-color:#bbb1df;color:#6959a4}
[data-filter-group="repo"] .filter-chip[data-filter="video"]:not(.active){border-color:#e4b18c;color:#aa6740}
@media(max-width:980px){.portfolio-main .portfolio-three{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-main #projeto-3{grid-column:1/-1}}
@media(max-width:820px){.page-hero.hero-standard .hero-grid{min-height:292px;display:block}.page-hero.hero-standard .hero-text{padding:53px 0}}
@media(max-width:620px){
 .portfolio-main .portfolio-three{grid-template-columns:1fr;gap:15px}
 .portfolio-main #projeto-3{grid-column:auto}
 .page-hero.hero-standard .hero-grid{min-height:250px}
 .page-hero.hero-standard .hero-text{padding:41px 0 45px}
 .page-hero.hero-standard .hero-text h1{font-size:clamp(2.05rem,8.5vw,2.7rem)}
 .page-hero.hero-standard.hero-art-team,.page-hero.hero-standard.hero-art-projects,.page-hero.hero-standard.hero-art-repo,.page-hero.hero-standard.hero-art-workshop,.page-hero.hero-standard.hero-art-events,.page-hero.hero-standard.hero-art-contact{background-image:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.86)),var(--none);background-size:cover}
 .page-hero.hero-standard.hero-art-team{--none:url('../assets/abstract/equipe-hero.webp')}
 .page-hero.hero-standard.hero-art-projects{--none:url('../assets/abstract/projetos-hero.webp')}
 .page-hero.hero-standard.hero-art-repo{--none:url('../assets/abstract/repositorio-hero.webp')}
 .page-hero.hero-standard.hero-art-workshop{--none:url('../assets/abstract/workshop-hero.webp')}
 .page-hero.hero-standard.hero-art-events{--none:url('../assets/abstract/eventos-hero.webp')}
 .page-hero.hero-standard.hero-art-contact{--none:url('../assets/abstract/contato-hero.webp')}
 .section-workshop-links{padding:18px 0 54px}
}

/* v6 — três frentes principais com os projetos antigos organizados como subprojetos */
.portfolio-main .portfolio-three .project-card{display:flex;flex-direction:column}
.portfolio-main .portfolio-three .project-copy{display:flex;flex-direction:column;flex:1;align-items:stretch}
.portfolio-main .portfolio-three .project-details{margin-top:auto}
.portfolio-subproject-link{display:inline-flex;align-items:center;gap:10px;margin-top:16px;color:#087b83;font-size:.86rem;font-weight:750}
.portfolio-subproject-link:hover{text-decoration:underline}
.portfolio-subprojects{background:#f5f9f9;border-top:1px solid #e5eeef}
.portfolio-subprojects + .cta-line{margin-top:56px}
@media(max-width:700px){.portfolio-subprojects + .cta-line{margin-top:36px}}
.portfolio-subprojects-intro{margin-bottom:34px}
.portfolio-subprojects-intro p{max-width:760px}
.subproject-group{margin-top:42px;scroll-margin-top:100px}
.subproject-group:first-of-type{margin-top:24px}
.subproject-group-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:1px solid #d8e7e9;padding-bottom:17px;margin-bottom:19px}
.subproject-group-heading h3{font-size:clamp(1.25rem,2.15vw,1.8rem);letter-spacing:-.035em;color:#13394d;margin:4px 0 5px}
.subproject-group-heading p{color:#59707c;font-size:.87rem;margin:0}
.subproject-group-kicker{font-size:.67rem;letter-spacing:.16em;color:#07868a;font-weight:800}
.subproject-up-link{color:#0c7880;font-size:.8rem;font-weight:700;white-space:nowrap;align-self:center}
.subproject-up-link:hover{text-decoration:underline}
.subproject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1000px){.subproject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.subproject-card{background:white;min-width:0;border:1px solid #e0ebed;border-radius:13px;padding:18px 18px 15px;display:flex;flex-direction:column;box-shadow:0 7px 24px rgba(10,48,61,.025);scroll-margin-top:105px}
.subproject-card:hover{border-color:#bbdadd}
.subproject-top{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:0 0 14px}
.subproject-icon{width:100%;aspect-ratio:1200/620;border-radius:10px;background:#f3f9f9;overflow:hidden;box-shadow:0 0 0 1px #e2ecee}
.subproject-icon img{width:100%;height:100%;object-fit:cover;display:block}
.subproject-type{font-weight:800;color:#098489;letter-spacing:.12em;font-size:.62rem}
.subproject-card h4{font-weight:750;color:#183e51;line-height:1.3;font-size:1rem;margin:0 0 10px}
.subproject-description{font-size:.82rem;line-height:1.6;color:#58707e;margin:0 0 15px;display:block;overflow:visible}
.subproject-details{border-top:1px solid #e2ecee;padding-top:14px;margin-top:auto}
.subproject-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;color:#007c82;font-size:.83rem;font-weight:750;padding:5px 0}
.subproject-details summary::-webkit-details-marker{display:none}
.subproject-details summary:focus-visible{outline:3px solid #167f86;outline-offset:4px}
.subproject-details summary span{font-size:1rem;transition:transform .2s}
.subproject-details[open] summary span{transform:rotate(90deg)}
.subproject-details .project-details-content{padding-top:15px}
.subproject-details .project-details-content ul{padding-left:20px}
@media(max-width:700px){.subproject-grid{grid-template-columns:1fr;gap:13px}.subproject-group-heading{align-items:flex-start}.subproject-up-link{display:none}.subproject-card{padding:17px}.subproject-icon{width:70%}.subproject-group{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.subproject-details summary span{transition:none}}

/* Navegação com a nova página Publicações */
@media(min-width:1051px){.nav-menu{gap:clamp(11px,1.55vw,25px)}.nav-link{font-size:.85rem}.nav-inner{gap:14px}.brand img{max-width:155px}}

/* Workshop — seção "Sobre o evento" */
.ws-about{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:start}
.ws-about-copy h2{font-size:clamp(1.85rem,2.65vw,2.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.12;margin:6px 0 18px}
.ws-about-lead{font-size:1.12rem;line-height:1.6;color:#183e51;font-weight:600;margin:0 0 14px}
.ws-about-copy>p{font-size:.95rem;line-height:1.7;color:#58707e;margin:0 0 24px}
.ws-facts{display:flex;gap:0;margin:4px 0 0;border-top:1px solid #dbe9ea;padding-top:20px}
.ws-facts div{flex:1;padding-right:16px}
.ws-facts div+div{border-left:1px solid #dbe9ea;padding-left:18px}
.ws-facts dt{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;color:#087b83;line-height:1}
.ws-facts dd{margin:6px 0 0;font-size:.8rem;color:#59707c}
.ws-pillars{display:flex;flex-direction:column;gap:14px}
.ws-pillar{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #e1ecee;border-radius:16px;padding:22px 22px 20px}
.ws-pillar:hover{border-color:#afd9d8}
.ws-pillar h3{font-size:1.02rem;margin:4px 0 6px;letter-spacing:-.02em}
.ws-pillar p{font-size:.85rem;line-height:1.6;color:#58707e;margin:0}
@media(max-width:900px){.ws-about{grid-template-columns:1fr;gap:32px}}
@media(max-width:520px){.ws-pillar{padding:18px 16px;gap:14px}.ws-facts dt{font-size:1.5rem}.ws-about-lead{font-size:1.02rem}.ws-about-copy h2{font-size:1.72rem}}