/* Contenedor principal */
        .hero {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            background: #111;
            text-align: center;
        }

        .work-link{
            text-decoration: none;
            color: #000;
        }

        /* Texto gigante */
        .hero h1 {
            font-size: 8vw;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
            margin: 0;
            font-size: 5rem;
            font-weight: bold;
            color: transparent;
            -webkit-text-stroke: 2px white;
            text-transform: uppercase;
            letter-spacing: 4px;
            margin: 0;
            transition: transform 0.3s ease, color 0.3s ease;
        }

        .hero h1:hover {
            color: white;
            transform: translateY(-10px);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 14vw;
            }
        }

        /* =================================== */
        .section-label {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: #000;
            padding: 2px 8px;
            font-size: 0.75rem;
            font-weight: bold;
            border-radius: 999px;
            color: #fff;
        }

        .card-img-wrapper {
            position: relative;
        }

        .card-title {
            font-weight: bold;
            font-size: 28px;
        }

        .card-img-top {
            height: 250px;
            object-fit: cover;
            width: 100%;
        }