*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, sans-serif;
    background:#f3f3f3;
}

/* HEADER */

.main-header{
    background:#000;
    min-height:120px;

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

    padding:10px 40px;
}

.logo img{
    height:80px;
    width:auto;
}

.menu{
    display:flex;
    gap:25px;
}

.menu a{
    color:white;
    text-decoration:none;
    font-size:13px;
    text-transform:uppercase;
}

.menu a:hover{
    color:#00c86f;
}

.social{
    display:flex;
    gap:15px;
}

.social a{
    color:white;
    font-size:18px;
    transition: .3s;
}

.social a:hover{
    color: #00c86f;
}

/* FOOTER */

.copyright{
    background:#111;
    color:white;

    text-align:center;

    padding:15px;
}

/* INICIO */

.hero-home{
    background:#000;
    color:white;

    min-height:550px;

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

    padding:60px;
}

.hero-text{
    width:50%;
}

.hero-text h1{
    color:#00c86f;
    font-size:60px;
    margin-bottom:20px;
}

.hero-text p{
    font-size:20px;
    margin-bottom:30px;
}

.hero-buttons{
    display:flex;
    gap:15px;
}

.btn-primary,
.btn-secondary{
    text-decoration:none;
    padding:12px 25px;
    border-radius:6px;
}

.btn-primary{
    background:#00c86f;
    color:white;
}

.btn-secondary{
    border:2px solid #00c86f;
    color:#00c86f;
}

.hero-image img{
    width:500px;
    border-radius:10px;
}

.info-cards{
    display:flex;
    justify-content:center;
    gap:30px;

    padding:50px;
}

.card{
    background:white;
    width:300px;
    padding:30px;

    border-radius:10px;

    box-shadow:0 0 10px rgba(0,0,0,.1);
}