body{
font-family: Arial, Helvetica, sans-serif;
padding-top:70px;
font-family: 'Inter', sans-serif;
line-height: 1.6;
}
h1, h2, h3, h4 {
    font-weight: 700;
}

p {
    font-weight: 400;
    color: #ffffff;
}

#servicios,
#tecnologias,
#contacto{
scroll-margin-top:110px;
}

.logo-navbar{
height:90px;
margin-top:-20px;
margin-bottom:-20px;
}

/* HERO */

.hero{
position:relative;
height:600px;

background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
url("../img/hero.webp") center/cover no-repeat;

color:white;

display:flex;
align-items:center;
text-align:center;
}

.hero h1{
font-size:42px;
font-weight:bold;
}

.hero p{
font-size:18px;
}


/* SERVICIOS */

.service-card{

padding:30px;

border-radius:12px;
background:white;

box-shadow:0 5px 15px rgba(0,0,0,0.1);

transition: all 0.3s ease;

}

.service-card:hover{

transform:translateY(-8px);

box-shadow:0 10px 25px rgba(0,0,0,0.15);
cursor: pointer;
}

.service-card i{
font-size:60px;
}


/* TECNOLOGIAS */

.tech-logo{

height:50px;

margin:20px;

opacity:0.85;

transition:all 0.3s;

}

.tech-logo:hover{

opacity:1;

transform:scale(1.15);

}

/* CARDS */

.tech-card {
    background: white;
    border-radius: 15px;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.tech-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* CARRUSEL */

.tech-slider {
    overflow: hidden;
    position: relative;
}

.tech-track {
    display: flex;
    width: max-content;
    animation: scroll 25s linear infinite;
}

.tech-track img {
    height: 50px;
    margin: 0 40px;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: 0.3s;
}

.tech-track img:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.1);
}

/* ANIMACION */

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.tech-slider:hover .tech-track {
    animation-play-state: paused;
}


/* WHATSAPP */

.whatsapp{

position:fixed;

bottom:20px;
right:20px;

z-index:1000;

font-size:30px;

color:white;

background:#25D366;

width:60px;
height:60px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

text-decoration:none;

box-shadow:0 5px 10px rgba(0,0,0,0.3);

}

.whatsapp:hover{

background:#20b358;

}

section h3 {
  font-weight: 600;
}

.border {
  transition: all 0.3s ease;
}

.border:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}