/* Colores y básicos */
.text-teal {
    color: #00a99d;
}

/* Hero */
.hero {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    height: 700px;
    align-content: center;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    margin-top: -80px;
}

.img-hero-section {
    position: absolute;
    left: 0;
    top: 0;
    height: 700px;
    width: 100%;
    object-fit: cover;
}

.content-hero {
    position: relative;
    z-index: 9;
}

/* Formulario asesoría */
.form-asesoria {
    margin-top: -150px;
    padding: 1.5rem;
    border-radius: 20px;
    position: relative;
}

/* Casos de estudio */
.caso-estudio {
    height: 600px;
    border-radius: 20px;
    padding: 2rem;
    overflow: hidden;
    position: relative;
}

.img-bt-pack {
    width: 833px;
    height: 777px;
}

.img-caract-producto {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
    border-radius: 8px;
}

.bg-green {
    background-color: #90d832;
    color: #fff;
}

/* Responsivo */
@media (max-width: 1600px) {
    /* Para columnas que se apilan */
    .col-md-12.col-lg-6 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 2rem; 
    }

    /* Imagen en pantallas medianas y chicas */
    .img-producto-two {
        width: 100% !important;
        height: auto;
    }

    /* Ajuste para lista de características */
    .fs-6 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /* Footer */
    .border-r {
        border-right: 0 !important;
    }
}

@media (max-width: 768px) {
    .caso-estudio {
        height: 500px;
    }

    .img-bt-pack {
        width: 100%;
        height: auto;
    }

    .list-end {
        margin-left: 0 !important;
    }
}