/* CONTENEDOR PRINCIPAL */
    .portfolio-container {
        font-family: 'Montserrat', sans-serif;
        background-color: #0F172A; /* Fondo oscuro base */
        color: white;
        padding-bottom: 100px;
    }

    .pf-wrapper {
        max-width: 1300px;
        margin: 0 auto;
        padding: 10% 5%;
    }

    /* 1. HERO DE RESULTADOS */
    .pf-hero {
        text-align: center;
        padding: 100px 0 60px 0;
    }

    .pf-title {
        font-size: 3rem;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 15px;
        letter-spacing: -1px;
    }
    
    .pf-title span {
        color: transparent;
        -webkit-text-stroke: 1px #00E5FF; /* Efecto Outline Neon */
    }

    .pf-subtitle {
        color: #94a3b8;
        font-size: 1.1rem;
        max-width: 700px;
        margin: 0 auto 50px auto;
    }

    /* BARRA DE ESTADÍSTICAS (Proof Bar) */
    .pf-stats-bar {
        display: flex;
        justify-content: center;
        gap: 60px;
        margin-bottom: 80px;
        flex-wrap: wrap;
    }

    .pf-stat-item { text-align: center; }
    .pf-stat-num { 
        font-size: 2.5rem; font-weight: 800; color: #00E5FF; display: block; 
        text-shadow: 0 0 20px rgba(0, 229, 255, 0.3);
    }
    .pf-stat-label { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px; color: #cbd5e1; }


    /* 2. GRID DE PROYECTOS (Masonry Style) */
    .pf-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 Columnas grandes */
        gap: 40px;
    }

    /* TARJETA DE PROYECTO */
    .project-card {
        position: relative;
        height: 450px;
        border-radius: 24px;
        overflow: hidden;
        cursor: pointer;
        background: #1e293b;
        transition: 0.4s ease;
        border: 1px solid rgba(255,255,255,0.1);
    }

    /* Efecto Hover: Sube y brilla */
    .project-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 30px 60px rgba(98, 0, 234, 0.2);
        border-color: #6200EA;
    }

    /* Imagen de Fondo */
    .pc-bg-img {
        width: 100%; height: 100%;
        object-fit: cover;
        transition: 0.5s;
        opacity: 0.6; /* Oscurecida para leer texto */
    }
    .project-card:hover .pc-bg-img { transform: scale(1.1); opacity: 0.3; }

    /* Contenido Sobrepuesto */
    .pc-content {
        position: absolute;
        bottom: 0; left: 0;
        width: 100%;
        padding: 40px;
        box-sizing: border-box;
        z-index: 2;
        transition: 0.4s;
    }

    /* Etiquetas (Categoría) */
    .pc-tag {
        background: #6200EA;
        color: white;
        padding: 6px 14px;
        border-radius: 50px;
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px;
        display: inline-block;
    }
    .tag-marketing { background: #00E5FF; color: black; }
    .tag-sports { background: #FF3D00; color: white; }
    .tag-tech { background: #6200EA; color: white; }

    .pc-title {
        font-size: 2rem;
        font-weight: 800;
        margin: 0 0 10px 0;
        line-height: 1.1;
    }

    /* Estadísticas del Proyecto (Se muestran al hover) */
    .pc-results {
        display: flex;
        gap: 20px;
        margin-top: 20px;
        opacity: 0; /* Oculto por defecto */
        transform: translateY(20px);
        transition: 0.4s;
    }
    
    .project-card:hover .pc-results { opacity: 1; transform: translateY(0); }

    .pc-res-item h5 { font-size: 1.2rem; color: #00E5FF; margin: 0; font-weight: 800; }
    .pc-res-item span { font-size: 0.75rem; color: #cbd5e1; text-transform: uppercase; }


    /* RESPONSIVE */
    @media (max-width: 900px) {
        .pf-grid { grid-template-columns: 1fr; }
        .pf-stats-bar { gap: 30px; }
        .project-card { height: 400px; }
        .pc-results { opacity: 1; transform: translateY(0); margin-top: 15px; } /* En móvil siempre visibles */
    }
















    .ventures-deep-dive {
        font-family: 'Montserrat', sans-serif;
    }

    /* Estilo de Sección Individual por Marca */
    .venture-block {
        padding: 100px 5%;
        color: white;
        overflow: hidden;
        position: relative;
    }

    .venture-content-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        max-width: 1300px;
        margin: 0 auto;
        gap: 60px;
    }

    /* Texto y Detalles */
    .v-title { font-size: 0.1rem; font-weight: 900; line-height: 1.1; margin-bottom: 20px; opacity: 0.01; }
    .v-title2 { font-size: 2.5rem; font-weight: 900; line-height: 1.1; margin-bottom: 20px;}
    .v-subtitle { font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; }
    .v-desc { font-size: 1.05rem; line-height: 1.8; margin-bottom: 40px; color: rgba(255,255,255,0.9); max-width: 550px; }
    .v-logo {width: 100%; max-width: 400px;}
    /* Lista de Servicios */
    .v-services-list {
        display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 40px;
    }
    .v-service-item {
        display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 0.7rem;
       
    }
    .v-service-item i { font-size: 0.9rem; }

    /* Métricas Destacadas */
    .v-metrics-row {
        display: flex; gap: 50px; margin-bottom: 40px;
    }
    .v-metric h3 { font-size: 2.5rem; font-weight: 900; margin: 0; line-height: 1; }
    .v-metric p { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; }

    /* Botón CTA */
    .v-cta-btn {
        display: inline-flex; align-items: center; gap: 10px; padding: 15px 40px;
        background: white; color: black; font-weight: 800; text-transform: uppercase;
        text-decoration: none; border-radius: 50px; transition: 0.3s;
    }
    .v-cta-btn:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }

    /* Imagen/Visual */
    .v-visual-box {
        position: relative;
    }
    .v-main-img {
        width: 100%; height: auto; border-radius: 20px; box-shadow: 0 30px 60px rgba(0,0,0,0.3);
        transform: perspective(1000px) rotateY(-10deg); transition: 0.5s;
    }
    .venture-content-grid:hover .v-main-img { transform: perspective(1000px) rotateY(0deg); }

    /* --- MARCA 1: ONE PULSE GO (Marketing - Magenta/Rosa) --- */
    .venture-pulse {
        /* Gradiente Magenta Vibrante inspirado en tu referencia */
        background: linear-gradient(135deg, #D81B60 0%, #FF4081 100%);
    }
    .venture-pulse .v-service-item i { color: #FF80AB; } /* Iconos Rosa Claro */
    .venture-pulse .v-cta-btn:hover { color: #D81B60; }

    /* --- MARCA 2: SKETCH SPORTS X (Deportes - Rojo/Naranja) --- */
    .venture-sports {
        background: linear-gradient(135deg, #30c9eb 0%, #41bbfc 100%);
    }
    .venture-sports .v-service-item i { color: #1136af; } /* Iconos Naranja Claro */
    .venture-sports .v-cta-btn:hover { color: #BF360C; }

    /* --- MARCA 3: SKETCH LAB (Tech - Morado/Violeta) --- */
    .venture-lab {
        background: linear-gradient(135deg, #4A148C 0%, #7B1FA2 100%);
    }
    .venture-lab .v-service-item i { color: #E1BEE7; } /* Iconos Violeta Claro */
    .venture-lab .v-cta-btn:hover { color: #4A148C; }

    /* RESPONSIVE */
    @media (max-width: 900px) {
        .venture-content-grid { grid-template-columns: 1fr; gap: 40px; }
        .v-visual-box { order: -1; }
        .v-main-img { transform: rotateY(0deg); }
        .v-metrics-row { flex-wrap: wrap; gap: 30px; }
        .v-info {
            width: 100%;
            text-align: center;
        }
        .v-metrics-row{
        width: 100%;
        text-align: center;
        display: block; 
        padding: 2rem 0;
        }
        .v-desc {
        max-width: 100%;
        }
          .v-services-list {
        display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 40px;
        width: 100%; max-width: 400px; margin: 0 auto 40px auto;
    }
    }
    