.appWhatsapp {
    position: fixed;
    right: 26px;
    bottom: 100px;
    width: 60px;
    z-index:1000;
}

.appWhatsapp img{
    width: 150%;
    height: auto;
}

.maintitle{
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-img{
    width: 25em;
}
.invisible{
    background: rgba(0,0,0,0.1);
}

.top-nav-collapse{
    background: rgba(255,255,255,0.7);
}

.we-title{
    display: flex;
    justify-content: center;
}

.slider-1, .slider-2, .slider-3, .slider-4, .slider-5, .slider-6, .slider-7, .slider-8, .slider-9{
    height: 100vh;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

.con-tenedor1{
    width: 40%;
    background: rgba(0, 0, 0, 0.7);
    margin: 5em;
    padding: 3em;
    border-radius: 5%;
}

.image-slider1{
    margin: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider-1{
    background: url("../assets/images/wallpapers/Cajamarca2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.con-tenedor2{
    margin: 0px;
    margin-bottom: 5%;
    padding-right: 10%;
    height: 5em;
    width: 40em;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.data-base-title{
    margin: 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 150%;
}
.slider-2{
    background: url("../assets/images/wallpapers/database-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.con-tenedor3{
    margin: 0px;
    margin-bottom: 5%;
    padding-left: 10%;
    height: 5em;
    width: 40em;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.web-design-title{
    margin: 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 150%;
}
.slider-3{
    background: url("../assets/images/wallpapers/web-design-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.con-tenedor4{
    margin: 0px;
    margin-bottom: 5%;
    padding-right: 10%;
    height: 5em;
    width: 40em;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}

.bussines-title{
    margin: 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 150%;
}
.slider-4{
    background: url("../assets/images/wallpapers/business-intelligence-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.con-tenedor5{
    margin: 0px;
    margin-top: 5%;
    padding-left: 10%;
    height: 5em;
    width: 40em;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.cabling-title{
    margin: 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 150%;
}
.slider-5{
    background: url("../assets/images/wallpapers/cabling-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.con-tenedor6{
    margin: 0px;
    margin-top: 5%;
    padding-left: 10%;
    height: 5em;
    width: 40em;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.network-design-title{
    margin: 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 150%;
}
.slider-6{
    background: #ff7c38;
    background: url("../assets/images/wallpapers/netwrok-topology.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.con-tenedor7{
    margin: 0px;
    margin-bottom: 5%;
    padding-left: 10%;
    height: 5em;
    width: 40em;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-cameras-title{
    margin: 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 150%;
}
.slider-7{
    background: url("../assets/images/wallpapers/video-camera-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.con-tenedor8{
    margin: 0px;
    margin-bottom: 5%;
    padding-left: 10%;
    height: 5em;
    width: 40em;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.alarm-sistem-title{
    margin: 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 150%;
}
.slider-8{
    background: url("../assets/images/wallpapers/alarms-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.con-tenedor9{
    margin: 0px;
    margin-top: 5%;
    padding-left: 10%;
    height: 5em;
    width: 40em;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.remote-support-title{
    margin: 0px;
    font-family: 'Kanit', sans-serif;
    font-size: 150%;
}
.slider-9{
    background: url("../assets/images/wallpapers/remote-support.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}


.contact-content{
    background: white;
    height: 100vh;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.con-tenedor-contact{
    width: 100%;
    padding: 1%;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 75%;
    box-shadow: 2px 2px 2px 2px black;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.p1-contact, .p2-contact, .p3-contact, .p4-contact{
    margin: 0;
}

.map-container-5{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-container-5 iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*.row{*/
/*    width: 85%;*/
/*}*/

.form-contact{
    width: 85%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 1500px) {
    .con-tenedor1{
        width: 60%;
    }
}

@media (max-width: 1250px) {
    .con-tenedor1{
        width: 100%;
        font-size: 90%;
    }
    .data-base-title, .network-design-title, .web-design-title, .bussines-title, .cabling-title, .video-cameras-title, .alarm-sistem-title, .remote-support-title{
        font-size: 90%;
    }
}

@media (max-width: 1000px) {
    .con-tenedor1{
        width: 100%;
        font-size: 80%;
    }
    .data-base-title, .network-design-title, .web-design-title, .bussines-title, .cabling-title, .video-cameras-title, .alarm-sistem-title, .remote-support-title{
        font-size: 80%;
    }
}

@media (max-width: 750px) {
    .con-tenedor1{
        font-size: 60%;
    }

    .con-tenedor2, .con-tenedor3, .con-tenedor4, .con-tenedor5, .con-tenedor6, .con-tenedor6, .con-tenedor7, .con-tenedor8, .con-tenedor9{
        width: 60%;
        padding: 0;
    }
    .main-img{
        width: 30%;
    }
    .paragraph2-we{
        display: none;
    }
}

@media (max-width: 600px) {
    .con-tenedor1{
        margin: 0;
        font-size: 70%;
    }
    .data-base-title, .network-design-title, .web-design-title, .bussines-title, .cabling-title, .video-cameras-title, .alarm-sistem-title, .remote-support-title{
        font-size: 80%;
    }
    .con-tenedor2, .con-tenedor3, .con-tenedor4, .con-tenedor5, .con-tenedor6, .con-tenedor6, .con-tenedor7, .con-tenedor8, .con-tenedor9{
        width: 75%;
        padding: 0;
    }
}
/* Estilos específicos para mejorar el navbar */
.navbar {
    background-color: #333 !important; /* Fondo oscuro */
    padding: 10px 20px; /* Espaciado interno */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra para mayor profundidad */
}

.navbar-brand {
    font-family: 'Kanit', sans-serif;
    font-size: 1.5rem; /* Tamaño del texto */
    color: #FFD700 !important; /* Texto dorado */
}

.navbar-nav .nav-item .nav-link {
    color: #fff !important; /* Links en blanco */
    font-size: 1rem; /* Tamaño de fuente */
    padding: 10px 15px; /* Espaciado entre los links */
    transition: color 0.3s ease-in-out; /* Transición suave */
}

.navbar-nav .nav-item .nav-link:hover {
    color: #FFD700 !important; /* Hover dorado */
    text-decoration: underline;
}

.navbar-toggler {
    border: none;
    background-color: #FFD700 !important; /* Color del botón de menú */
    padding: 5px 10px;
}

.collapse {
    justify-content: flex-end; /* Alinear el menú al final */
}

/* Dropdown estilos */
.dropdown-menu {
    background-color: #444; /* Fondo oscuro del dropdown */
    border: none;
    border-radius: 4px;
}

.dropdown-item {
    color: #fff;
    padding: 10px; /* Espaciado dentro de cada item */
    transition: background-color 0.3s ease;
}

.dropdown-item:hover {
    background-color: #555; /* Fondo más claro cuando se pasa el mouse */
    color: #FFD700;
}