@charset "UTF-8";

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}



p{
    font-size: 19px;
    color:#38383b;
}

body{
    background: #f2f2f3;
}

/* Backgrounds Colors*/
.bg-blue-grandient{
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 22%, rgba(0,134,255,1) 100%);
}

.bg-blue-grandient-1{
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 22%, rgba(0,134,255,1) 100%);
}

.bg-info-gradient{
    background: rgb(63,94,251);
    background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(70,162,252,1) 100%);
}

.bg-green-gradient{
    background: rgb(6,170,39);
    background: radial-gradient(circle, rgba(6,170,39,1) 0%, rgba(20,217,43,1) 100%);
}

.bg-purple-gradiente{
    background: rgb(2,0,36);
background: linear-gradient(36deg, rgba(2,0,36,1) 0%, rgba(106,18,138,1) 35%, rgba(98,0,255,1) 100%);
}

.bg-whatsapp{
    background: #128c7e;
}

.bg-sky-gradient{
    background: rgb(34,86,195);
    background: linear-gradient(63deg, rgba(34,86,195,1) 15%, rgba(45,192,253,1) 100%);
}

.bg-whatsapp-dark{
    background: #075e54;
}

.bg-facebook{
    background: #1877f2;
}

.bg-youtube{
    background: #ff0000;
}

.bg-winplus{
    background: rgba(34,86,195,1)
}

.bg-dark-50{
    background: rgba(70,77,83,0.25) url("/images/smiley.png");
}

.bg-light-50{
    background: rgba(251,251,251,0.90);
}

.bg-nosotros-covagu{
    background: #fbfbfb;
}

/* Text Colors*/
.text-shadow{
    text-shadow: 2px 2px 2px #403F3E;
}


.text-whatsapp{
    color: #128c7e;
}

.text-whatsapp-dark{
    background: #075e54;
}

.text-facebook{
    color: #1877f2;
}

.text-youtube{
    color: #ff0000;
}

.text-winplus{
    color: #1da1f2;
}


/*Colors Effects*/
.zoom-1{
    transition: all 0.2s linear;
}
.zoom-1:hover{
    transform: scale(1.05);
}

.zoom-2{
    transition: all 0.2s linear;
}
.zoom-2:hover{
    transform: scale(1.10);
}


.zoom-3{
    transition: all 0.2s linear;
}
.zoom-3:hover{
    transform: scale(1.15);
}

.box-shadow{
    box-shadow: 0px 4px 5px 3px rgba(0,0,0,0.31);
    -webkit-box-shadow: 0px 4px 5px 3px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 4px 5px 3px rgba(0,0,0,0.31);
}

.orange-gradient{
    background: rgb(251,138,63);
background: radial-gradient(circle, rgba(251,138,63,1) 0%, rgba(209,71,33,1) 100%);
}

.btn-orange{
    background: #fba03f;
    color: #ffff;
    text-decoration: none;
    padding: 0.5rem;
    font-size: 1.1em;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    transition: all 0.2s ease;
}

.btn-orange:hover{
    background: #ffb81b;
    color: #ffff;
    transition: all 0.2s ease;

}

#img-servicio {
    filter: grayscale(40%);
    transition: all 0.2s ease;
}
#servicio-box:hover #img-servicio{
    filter: grayscale(0%);
}

#servicio-box{
    transition: all 0.2s ease;
}
#servicio-box:hover{
    transform: scale(1.05);
    transition: all 0.2s ease;
}

#servicio:hover ~ .btn-orange{
    background: #ffb81b;
    color: #ffff;
    transition: all 0.2s ease;
}

.nav-bg{
    transition: all 0.5s ease;
}


.nav-bg:hover{
    background: rgba(251,251,251,0.15);
    transition: all 0.5s ease;
    border-radius: 5px;
}

.bg-dark-covagu{
    background: #2c2c2e;
}
.bg-dark-covagu-2{
    background: #878787;
}

.bg-covagu-gold{
    background: #fbb602;
}


.text-covagu{
    color: #fbb602;
}

.text-covagu-dark{
    color:#38383b
}

.bg-covagu-agency{
    background: url(/img/agencia-covagu-innovacion-desarrollo-tecnologia2.jpg);
    background-size: cover;
    background-position: top;
    filter:brightness(45%);
    background-attachment: fixed;
}

.bg-office-covagu{
    background: url(/img/oficinas-desarrollo-empresarial-digital-covagu-marketing-ecuador-guayaquil-los-mejores-mejor-agencia2.jpg);
    background-size: cover;
    background-position: top;
    filter:brightness(50%);
    background-attachment: fixed;
}

.desarrollo-web{
    background: url(/img/servicios/desarrollo-web-covagu-agency.jpg);
    background-size: cover;
    background-position: center;
    filter:brightness(80%);
    background-repeat: no-repeat;
}

.automatizacion{
    background: url(/img/servicios/automatizacion-covagu-chatbot-autoservicio2.jpg);
    background-size: cover;
    background-position: center;
    filter:brightness(80%);
    background-repeat: no-repeat;
}


header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    transition: 0.5s;
    padding: 30px 20px;
    z-index: 1;
}
header.abajo{
    background:rgba(40, 40, 44, 0.95);
    padding: 15px 20px;
}

#menu.bg-menu{
    transition:all 0.7s ease;
    padding-bottom: 15px;
}