/* Public catalog only: shared administration styles remain unchanged. */
.portfolio{background:#f8f9fb;color:#23282f;font-size:14px;line-height:1.8}
.portfolio>header{height:76px;padding-inline:max(28px,calc((100% - 1120px)/2));border-bottom:1px solid #e6e8ec}
.portfolio .logo{font-size:28px;color:#1c333b}.portfolio .logo span{font-size:10px;color:#78828b}
.portfolio nav{gap:26px}.portfolio nav a{font-size:13px;color:#53616b}.portfolio nav a:hover{color:#087f89}
.portfolio .portfolio-intro{background:white;border:0;border-bottom:1px solid #e6e8ec}
.portfolio .intro-content{max-width:1176px;padding:34px 28px 32px;display:grid;grid-template-columns:1fr auto;column-gap:36px;align-items:center}
.portfolio .intro-content .eyebrow{grid-column:1/-1;font-size:10px;color:#808a93}
.portfolio .intro-content h1{font-size:32px;margin:7px 0 10px;line-height:1.4;grid-column:1}
.portfolio .intro-content p{font-size:14px;margin:0;max-width:650px;color:#65717c;grid-column:1}
.portfolio .intro-content>.button{grid-column:2;grid-row:2/4;background:#25343b!important;border-color:#25343b!important;font-size:12px;padding:9px 16px;min-height:40px}
.portfolio .catalog{max-width:1176px;padding:30px 28px 52px;min-height:430px}
.portfolio .section-title{margin-bottom:18px;align-items:center}.portfolio .section-title .eyebrow{display:none}.portfolio .section-title h2{font-size:20px;margin:0}.portfolio #count{color:#7a8590;font-size:12px}
.portfolio .filters{padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid #e2e6eb;gap:10px}.portfolio .filters input{max-width:330px}.portfolio .filters select{max-width:185px}.portfolio .filters input,.portfolio .filters select{font-size:12px;padding:9px 12px;min-height:40px;border-color:#dfe4e9}
.portfolio #grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.portfolio .project{padding:0 18px 18px;border-color:#e0e5ea;box-shadow:0 3px 12px #17233204;transition:border-color .15s,box-shadow .15s}
.portfolio .project:hover{border-color:#bacdd0;box-shadow:0 5px 18px #1723320b}
.portfolio .project-image{width:calc(100% + 36px);margin:0 -18px 16px;aspect-ratio:2.1;background:#eef1f5;border-bottom:1px solid #e8ebef}
.portfolio .project-image img{object-fit:cover;object-position:top}.portfolio .project-image>.lucide{width:42px;height:42px}
.portfolio .meta{font-size:10px;margin-bottom:8px}.portfolio .badge{font-size:10px;padding:2px 8px}.portfolio .badge.live{background:#edf6f0;color:#33734c}
.portfolio .project h2{font-family:Tahoma,Arial,sans-serif;font-size:20px;line-height:1.5;margin:0 0 8px;overflow-wrap:anywhere}
.portfolio .project p{font-size:12px;line-height:1.9;color:#6b7681;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:46px}
.portfolio .project .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:14px;border-top:1px solid #edf0f3}
.portfolio .project .actions>button,.portfolio .project .actions>.button{font-size:11px;min-height:37px;padding:7px 9px;gap:6px}.portfolio .project .actions .lucide{width:15px;height:15px}
.portfolio .project .actions>.whatsapp{grid-column:1/-1;background:#f0f8f3;border-color:#d8e9de;color:#2d7047}
.portfolio>footer{padding:25px max(28px,calc((100% - 1120px)/2));background:white;border-top:1px solid #e4e7eb;font-size:11px}.portfolio>footer .logo{font-size:23px}
@media(min-width:761px) and (max-width:1040px){.portfolio #grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.portfolio>header{height:auto;min-height:70px;padding:16px 20px;gap:12px}.portfolio .logo{font-size:25px}.portfolio nav{gap:16px}.portfolio nav a{font-size:11px}.portfolio .intro-content{padding:26px 20px;display:block}.portfolio .intro-content h1{font-size:28px}.portfolio .intro-content p{font-size:13px;margin-bottom:18px}.portfolio .intro-content>.button{font-size:11px;min-height:38px}.portfolio .catalog{padding:25px 20px 36px}.portfolio .section-title{flex-direction:row;align-items:center}.portfolio .section-title h2{font-size:18px}.portfolio .filters{flex-direction:row;gap:8px;padding-bottom:18px;margin-bottom:20px}.portfolio .filters input{flex:1;max-width:none}.portfolio .filters select{width:115px}.portfolio #grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portfolio>footer{padding:24px 20px;gap:18px;align-items:flex-start}}
@media(max-width:540px){.portfolio #grid{grid-template-columns:minmax(0,1fr)}.portfolio .project{max-width:390px;width:100%}.portfolio .project-image{aspect-ratio:2.25}.portfolio .project h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.portfolio .project{transition:none}}