.portfolio-hero{min-height:540px;height:68svh;max-height:720px;position:relative;display:flex;align-items:center;color:#fff;background:url('assets/invernadero-hero.jpg') 55% center/cover}.portfolio-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#062719df,#0d3825a3 54%,#06271920)}.portfolio-hero-content{position:relative;z-index:1;margin:82px clamp(25px,9vw,150px) 0;max-width:720px}.portfolio-hero h1{font:500 clamp(56px,7vw,92px)/1.05 var(--display-font,'Playfair Display'),Georgia,serif;letter-spacing:-2px;margin:20px 0}.portfolio-hero h1 em{color:#c7dcb5;font-weight:400}.portfolio-hero p{max-width:500px;color:#ecf2e9;font-size:16px;line-height:1.8;margin:0 0 26px}.portfolio-gallery{min-height:420px}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}.portfolio-heading h2{font:500 clamp(38px,4vw,58px)/1.1 var(--display-font,'Playfair Display'),Georgia,serif;margin:12px 0;color:#173a29}.portfolio-heading>p{max-width:420px;color:#708074;line-height:1.8;font-size:14px}.portfolio-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}.portfolio-filter{border:1px solid #d8e2d6;border-radius:30px;background:#fff;color:#58705e;padding:9px 16px;font:700 11px 'DM Sans',sans-serif;cursor:pointer}.portfolio-filter.active,.portfolio-filter:hover{background:#153e2c;color:white;border-color:#153e2c}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portfolio-card{overflow:hidden;background:#fff;border-radius:17px;box-shadow:0 9px 28px #173c2814;animation:portfolioEnter .35s ease both}.portfolio-card[hidden]{display:none}.portfolio-card img{width:100%;height:260px;object-fit:cover;transition:transform .45s}.portfolio-card:hover img{transform:scale(1.04)}.portfolio-card-copy{padding:21px 22px 24px}.portfolio-card-copy>span{font-size:9px;letter-spacing:1.7px;color:#6d956e;font-weight:800}.portfolio-card h3{font:500 23px var(--display-font,'Playfair Display'),Georgia,serif;color:#1c3a2b;margin:11px 0 8px}.portfolio-card p{font-size:13px;color:#718075;line-height:1.7;margin:0}.portfolio-meta{display:flex;gap:12px;margin-top:13px;font-size:10px;color:#809083}.portfolio-empty{grid-column:1/-1;text-align:center;padding:70px 24px;border:1px dashed #c4d3bf;border-radius:18px;background:#fbfcf8}.portfolio-empty .leaf{font-size:32px;color:#73976c}.portfolio-empty h3{font:500 28px var(--display-font,'Playfair Display'),Georgia,serif;color:#21452f;margin:12px 0}.portfolio-empty p{max-width:480px;margin:0 auto;color:#748176;line-height:1.8;font-size:14px}.portfolio-cta{text-align:center;background:#123c2b;color:white;padding:80px 24px}.portfolio-cta h2{font:500 clamp(36px,4.5vw,58px) var(--display-font,'Playfair Display'),Georgia,serif;margin:14px 0}.portfolio-cta p{color:#d0ded2;line-height:1.7;margin:0 auto 22px}.portfolio-cta .eyebrow{color:#c7e4bc}@keyframes portfolioEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:950px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-heading{align-items:flex-start;flex-direction:column;gap:0}}@media(max-width:650px){.portfolio-hero{min-height:540px;height:78svh}.portfolio-hero-content{margin:100px 25px 0}.portfolio-hero p{font-size:14px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card img{height:245px}.portfolio-gallery{padding-top:75px;padding-bottom:75px}.portfolio-cta{padding:65px 24px}}

.portfolio-card img{cursor:zoom-in}.portfolio-card img:focus-visible{outline:3px solid #76a26f;outline-offset:-3px}.portfolio-lightbox{position:fixed;inset:0;width:min(94vw,1200px);max-width:none;height:min(92vh,900px);max-height:none;padding:50px 20px 20px;border:0;border-radius:16px;background:#101812f5;color:#fff;overflow:hidden}.portfolio-lightbox::backdrop{background:#07130dcc;backdrop-filter:blur(5px)}.portfolio-lightbox figure{height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.portfolio-lightbox figure img{max-width:100%;max-height:calc(100% - 34px);object-fit:contain;border-radius:8px}.portfolio-lightbox figcaption{font-size:13px;color:#e6eee5;text-align:center}.portfolio-lightbox-close{position:absolute;right:13px;top:10px;width:38px;height:38px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff18;color:white;font-size:27px;line-height:1;cursor:pointer}.portfolio-lightbox-close:hover{background:#ffffff35}@media(max-width:650px){.portfolio-lightbox{width:96vw;height:80vh;padding:46px 12px 14px;border-radius:12px}}
#portafolio{scroll-margin-top:90px}