/* V23 - Portfólio Sites & Landing Pages. Arquivo separado para evitar CSS antigo em cache. */
.site-portfolio{background:#f6f2f0}
.site-portfolio-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.7fr);gap:clamp(30px,6vw,90px);align-items:end;margin-bottom:40px}
.site-portfolio-header h2{font-size:clamp(38px,4.9vw,67px);line-height:1.12;margin:16px 0 0;max-width:780px}
.site-portfolio-header p{font-size:14px;color:#5a5250;line-height:1.85;margin:0 0 5px}
.site-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(18px,3.5vw,46px);row-gap:clamp(26px,4vw,46px)}
.site-portfolio-card{min-width:0}
.site-portfolio-shot{background:#fff;padding:12px;border:1px solid #e1d6d2;box-shadow:0 17px 40px rgba(32,30,31,.075)}
.site-portfolio-browser{height:27px;display:flex;align-items:center;gap:6px;padding:0 7px 11px;border-bottom:1px solid #eee6e3}
.site-portfolio-browser i{width:6px;height:6px;border-radius:50%;background:#d8cac6;flex:none}
.site-portfolio-browser span{font:600 9px/1 'DM Sans',Arial,sans-serif;letter-spacing:.15em;color:#847874;margin-left:auto}
.site-portfolio-screen{position:relative;overflow:hidden;aspect-ratio:1.52;background:#eeeae7}
.site-portfolio-screen img{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.site-portfolio-screen img:not([src]),.site-portfolio-screen img[src=""]{display:none!important}
.site-portfolio-placeholder{position:absolute;z-index:1;inset:0;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:14% 1fr 18%;gap:4%;padding:6%;background:#e9e5e2}
.site-portfolio-skeleton-top{grid-column:1/-1;background:linear-gradient(90deg,#cec5c0 20%,#f9f6f4 20%)}
.site-portfolio-skeleton-main{background:#d6c5bd}
.site-portfolio-skeleton-lines{display:flex;flex-direction:column;gap:13%;justify-content:center}
.site-portfolio-skeleton-lines i{height:8%;background:#c8c0bc;display:block}
.site-portfolio-skeleton-lines i:nth-child(2){width:84%}
.site-portfolio-skeleton-lines i:nth-child(3){width:65%}
.site-portfolio-skeleton-thumb{grid-column:1/-1;background:#d5ceca}
.site-portfolio-caption{padding:20px 4px 0}
.site-portfolio-number{font:700 10px/1 'DM Sans',Arial,sans-serif;letter-spacing:.18em;color:#a27977}
.site-portfolio-caption h3{font-size:clamp(25px,2.5vw,37px);line-height:1.24;color:#242021;margin:10px 0 0;overflow-wrap:anywhere}
.site-portfolio-link{display:inline-flex;align-items:center;gap:7px;margin-top:13px;font:700 11px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;color:#242021;text-decoration:none;border-bottom:1px solid #bf9594;padding-bottom:4px;transition:color .2s ease,border-color .2s ease}
.site-portfolio-link:hover{color:#9d7271;border-color:#9d7271}
.site-portfolio-link[hidden]{display:none!important}
.site-portfolio-link:focus-visible{outline:3px solid #bf9594;outline-offset:4px}
@media(max-width:700px){
  .site-portfolio-header,.site-portfolio-grid{grid-template-columns:1fr}
  .site-portfolio-header{gap:18px;margin-bottom:28px}
  .site-portfolio-grid{row-gap:32px}
}