:root {
    --e-global-color-primary: #D1262E; /* rosso */
    --e-global-color-secondary: #1A171A; /* grigio scuro */
    --e-global-color-text: #565156; /* grigio chiaro */
}

body, html {
    height: 100%;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

/* Sfondo Hero */
.logo-orteco {max-width: 380px;margin-bottom: 60px!important;}
.hero-section {
    background-color: #D1262E;
    background-image: url("../img/img-slide-1920x768-1.webp")!important;
    background-size: contain;
    background-position: bottom;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-repeat: no-repeat;
}

.logo-container { padding-top: 50px; }
.main-text { color: #565156; }
.main-text h1, .main-text .lead {color: white;}
.main-text .lead {font-size: 20px;}
.main-text h1 {font-size: 50px;}
.info-bar h5 {font-size: 28px; text-transform: uppercase; color: white;}
.info-bar p {font-size: 16px;color: white;}


/* Footer Contatti */
.info-bar {
    background-color: white;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    box-shadow: 0px -5px 15px rgba(0,0,0,0.1);
    border-left: 15px solid white;
    border-top: 15px solid white;
    border-right: 15px solid white;
}
.info-bar a {text-decoration: none;}

.contact-box { padding: 30px; min-height: 200px; }
.bg-dark-grey { background-color: #1A171A; color: white; }
.bg-orteco-red { background-color: #D1262E; color: white; }
.bg-light-grey { background-color: #565156; color: #333; }

.map-container {
    width: 100%;
    height: 130px;
    border-radius: 15px;
    background: #eee; /* Placeholder per mappa */
}

/* media query */
@media only screen and (max-width: 991px){
    .hero-section {background-image:none;}
    .main-text {text-align: center!important;padding-bottom: 60px;}
}