/*==================================================
                ABOUT COMPANY
==================================================*/

.about-company{
    width:100%;
    padding:55px 0;
    background:linear-gradient(180deg,#071C35 0%, #0A2648 100%);
    position:relative;
    overflow:hidden;
}

.about-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    flex-wrap:wrap;
}

/*==========================
        TEXTO
==========================*/

.about-content{
    flex:1;
    min-width:320px;
    max-width:720px;
}

.about-subtitle{
    display:inline-block;
    color:#33C7FF;
    font-size:13px;
    letter-spacing:3px;
    font-weight:700;
    margin-bottom:12px;
    text-transform:uppercase;
}

.about-title{
    font-size:34px;
    line-height:1.2;
    color:#ffffff;
    margin-bottom:18px;
    font-weight:700;
}

.about-text{
    color:#DCE7F5;
    font-size:16px;
    line-height:1.65;
    text-align:justify;
    margin-bottom:15px;
}

.about-text strong{
    color:#ffffff;
}

.about-highlight{
    margin-top:20px;
    padding-left:18px;
    border-left:4px solid #00C2FF;

    color:#ffffff;
    font-size:18px;
    font-weight:600;
    line-height:1.5;
}

.about-highlight strong{
    color:#33C7FF;
}

/*==========================
        LOGO
==========================*/

.about-image{
    flex:0 0 330px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.about-image img{
    width:100%;
    max-width:280px;
    height:auto;
    transition:.35s ease;
    filter:drop-shadow(0 0 18px rgba(0,194,255,.30));
}

.about-image img:hover{
    transform:scale(1.04);
}

/*==========================
        DIVISOR
==========================*/

.about-divider{
    width:100%;
    height:1px;

    margin-top:40px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.20),
        transparent
    );
}

/*==========================
      RESPONSIVE TABLET
==========================*/

@media(max-width:992px){

.about-company{
    padding:50px 0;
}

.about-container{
    flex-direction:column-reverse;
    text-align:center;
    gap:30px;
}

.about-content{
    max-width:100%;
}

.about-subtitle{
    letter-spacing:2px;
}

.about-title{
    font-size:30px;
}

.about-text{
    text-align:center;
    font-size:15px;
}

.about-highlight{
    border-left:none;
    border-top:4px solid #00C2FF;
    padding:18px 0 0;
    margin-top:18px;
    text-align:center;
}

.about-image{
    flex:auto;
    justify-content:center;
}

.about-image img{
    max-width:230px;
}

.about-divider{
    margin-top:30px;
}

}

/*==========================
      RESPONSIVE MOBILE
==========================*/

@media(max-width:576px){

.about-company{
    padding:40px 0;
}

.about-title{
    font-size:26px;
}

.about-subtitle{
    font-size:12px;
    letter-spacing:1.5px;
}

.about-text{
    font-size:15px;
    line-height:1.6;
}

.about-highlight{
    font-size:17px;
}

.about-image img{
    max-width:180px;
}

}

        .contenedor {
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: space-between;
        }

        .texto {
            flex: 0 0 76%;
            padding: 20px;
            box-sizing: border-box;
        }

        .imagen {
            flex: 0 0 23%;
            box-sizing: border-box;
            text-align: right;
            margin-top: 20px;
            margin-left: 20px;
            /* Ajusta el margen izquierdo para centrar más la imagen hacia la derecha */
        }

        .imagen img {
            width: 100%;
            max-width: 100%;
            height: auto;
        }