/* ============================================
   HOME MINIMAL - BASE PARA PORTÁTIL
   (Tamaño reducido para que se vea proporcionado)
============================================ */

/* Hero simple */
.hero-simple {
    width: 100%;
    height: 55vh;              /* REDUCIDO: 70vh → 55vh */
    min-height: 320px;         /* REDUCIDO: 400px → 320px */
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
                url('https://images.unsplash.com/photo-1566073771259-6a8506099945?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80') 
                center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    margin: 0;
}

/* Centrado */
.hero-center {
    width: 100%;
    max-width: 640px;          /* REDUCIDO: 800px → 640px */
    padding: 0 1rem;
}

/* Contador - Tamaño reducido para portátil */
.counter-box {
    background: rgba(0, 0, 0, 0.5);
    padding: 2.5rem 3rem;      /* REDUCIDO: 3.8rem 4.56rem → 2.5rem 3rem */
    display: inline-block;
}

.counter-num {
    font-size: 4rem;           /* REDUCIDO: 6.08rem → 4rem */
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.5rem;     /* REDUCIDO: 0.76rem → 0.5rem */
}

.counter-text {
    font-size: 1.25rem;        /* REDUCIDO: 1.9rem → 1.25rem */
    opacity: 0.9;
    font-weight: 400;
    letter-spacing: 0.3px;     /* REDUCIDO: 0.456px → 0.3px */
}

/* Texto final - Tamaño reducido para portátil */
.final-message {
    text-align: center;
    padding: 2rem 1rem;        /* REDUCIDO: 3.04rem 1.52rem → 2rem 1rem */
    color: var(--color-gray);
    font-size: 1.1rem;         /* REDUCIDO: 1.67rem → 1.1rem */
    max-width: 500px;          /* REDUCIDO: 760px → 500px */
    margin: 0 auto;
    line-height: 1.5;
}

/* ============================================
   MÓVILES - Se mantiene el tamaño aumentado 52.09%
   (Aquí es donde se ve el cambio)
============================================ */
@media (max-width: 768px) {
    .hero-simple {
        height: 60vh;
        min-height: 300px;
    }
    
    .counter-box {
        padding: 3.04175rem 3.8021875rem;
    }
    
    .counter-num {
        font-size: 5.3230625rem;
    }
    
    .counter-text {
        font-size: 1.6733125rem;
    }
    
    .final-message {
        font-size: 1.520875rem;
        padding: 2.2813125rem 1.520875rem;
    }
}

@media (max-width: 480px) {
    .hero-simple {
        height: 50vh;
        min-height: 250px;
    }
    
    .counter-num {
        font-size: 4.562625rem;
    }
    
    .counter-text {
        font-size: 1.520875rem;
    }
    
    .final-message {
        font-size: 1.44483125rem;
        padding: 2.2813125rem 1.520875rem;
    }
}