.portfolio-hero{background:linear-gradient(120deg,#082f3b,#126276);padding:105px 0;color:white}.portfolio-hero h1{font-size:clamp(36px,6vw,65px);font-weight:300;margin:12px 0}.portfolio-hero p{line-height:1.8}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-tile{display:block;text-decoration:none;color:#143c46;border:1px solid #dbe6e8;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-tile:hover{transform:translateY(-4px);box-shadow:0 14px 25px #0002}.project-tile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.project-tile-copy{padding:22px}.project-tile-copy h2{font-size:22px;font-weight:500}.project-status{color:#168aa1;font-size:12px;letter-spacing:1px}.project-tile-copy>span:last-child{font-size:12px}.demo-note{color:#55727b;margin-bottom:32px}.back-link{color:white;text-decoration:none;display:inline-block;margin-bottom:25px}.photo-grid,.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 55px}.photo-grid img,.video-grid video{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:5px;background:#e8f1f3}.empty-video{border:1px dashed #9bb6bd;padding:30px;color:#55727b}.section h2{font-weight:500;color:#163f49}footer a{color:white}@media(max-width:680px){.portfolio-grid,.photo-grid,.video-grid{grid-template-columns:1fr}.portfolio-hero{padding:65px 0}}

/* PORTAFOLIO DE HIDROESTUDIO */

.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
    margin-top: 45px;
}

.project-card {
    display: block;
    background: #ffffff;
    text-decoration: none;
    color: #073642;
    border: 1px solid #dce6e9;
    overflow: hidden;
    transition: 0.3s ease;
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.project-card img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
}

.project-card-content {
    padding: 22px;
}

.project-card-content span {
    font-size: 12px;
    color: #009ac0;
    letter-spacing: 1px;
}

.project-card-content h3 {
    margin: 15px 0;
    font-size: 22px;
}

.project-card-content p {
    font-size: 13px;
    color: #07546b;
}

@media (max-width: 768px) {
    .portfolio-grid {
        grid-template-columns: 1fr;
    }

    .project-card img {
        height: 240px;
    }
}