
.fadeInUp img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Asegura que la imagen se ajuste sin perder su proporción */
    border-top-left-radius: 15px; /* Redondeo del borde superior izquierdo */
    border-top-right-radius: 15px; /* Redondeo del borde superior derecho */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave alrededor de la imagen */
}
#intro {
    /* background: linear-gradient(45deg, rgba(29, 224, 153, 0.8), rgba(29, 200, 205, 0.8)), url(../img/arasaimg/intro-bg.jpg) center center no-repeat; */
    background: linear-gradient(45deg, rgba(43, 23, 5, 0.8) , rgba(1, 33, 24, 0.8)), url(../img/arasaimg/intro-bg.jpg) center center no-repeat;
}
#about .about-img {
    height: 610px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#about .about-img img {
    height: 610px; /* Ajusta la altura de la imagen a 610px */
    object-fit: cover; /* Asegura que la imagen se ajuste sin distorsionarse */
    width: 100%; /* Hace que la imagen ocupe todo el ancho disponible */
}
#advanced-features .advanced-feature-img-right {
    max-width: 555px; /* Máximo ancho de la imagen */
    width: 100%; /* Hace que la imagen sea responsive */
    height: auto; /* Mantiene la proporción de la imagen */
    float: right;
    padding: 0 0 30px 30px;
}

.section-description {
    font-family: "Poppins", sans-serif;
}

#header {
    height: 100px; /* Ajusta la altura del header */
    display: flex;
    justify-content: space-between;
    align-items: center; /* Centra los elementos verticalmente dentro del header */
}

#logo {
    height: 60%; /* El logo tomará el 90% de la altura del header */
    display: flex;
    align-items: center; /* Asegura que la imagen esté centrada verticalmente dentro de su contenedor */
}

.logo-img {
    height: 100%; /* La imagen tomará el 100% de la altura del contenedor del logo */
    max-height: 80px; /* Controla el tamaño máximo de la imagen */
    width: auto; /* Mantiene la proporción de la imagen */
}


#header.header-fixed {
    background: linear-gradient(45deg, #01231a, #066d34);
    padding: 60px 0;
}
#intro .intro-text {
    top: 100px;
}
.section-bg {
    background: #eff5f0;
}
.img-banderas {
    max-width: 20px !important;
}

/* #intro .product-screens img {
    box-shadow: 0px -2px 19px 4px rgba(0, 0, 0, 0.29);
} */