body{

margin:0;

font-family:Arial, Helvetica, sans-serif;

background:#f4f4f4;

color:#333;

}


/* HERO */

.hero{

position:relative;

height:520px;

overflow:hidden;

}

.hero-image{

width:100%;

height:100%;

object-fit:cover;

}


/* CAIXA BLANCA */

.hero-box{

position:absolute;

top:50%;

left:80px;

transform:translateY(-50%);

background:white;

padding:28px;

border-radius:12px;

box-shadow:0 10px 35px rgba(0,0,0,0.25);

max-width:300px;

}


/* LOGO */

.logo{

max-width:200px;

height:auto;

margin-bottom:15px;

display:block;

}


/* TITOL */

h1{

color:#2f5d2f;

font-size:26px;

margin:8px 0 12px 0;

line-height:1.2;

}


/* SUBTEXT */

.subtitle{

color:#555;

margin-bottom:15px;

font-size:14px;

}


/* CONTACTES */

.contact-links a{

display:inline-block;

margin:5px 5px 5px 0;

padding:7px 10px;

background:#f1f1f1;

border-radius:6px;

text-decoration:none;

color:#2f5d2f;

font-weight:bold;

font-size:13px;

}

.contact-links a:hover{

background:#e3e3e3;

}


/* FORMULARI */

.contact-section{

padding:80px 20px;

text-align:center;

}

.contact-box{

background:white;

max-width:450px;

margin:auto;

padding:35px;

border-radius:14px;

box-shadow:0 10px 30px rgba(0,0,0,0.1);

}

.contact-box input,
.contact-box textarea{

width:100%;

padding:12px;

margin:10px 0;

border:1px solid #ddd;

border-radius:6px;

font-size:15px;

}

.contact-box textarea{

height:120px;

resize:none;

}

button{

background:#2f5d2f;

color:white;

border:none;

padding:14px 25px;

border-radius:6px;

font-size:16px;

cursor:pointer;

}

button:hover{

background:#3c7a3c;

}


/* FOOTER */

footer{

margin:40px;

text-align:center;

}

footer a{

text-decoration:none;

color:#666;

}

footer a:hover{

text-decoration:underline;

}