/*
Theme Name: Lucia
Theme URI: https://github.com/samuloop/lucia-wordpress-theme
Author: Samuele Palazzi
Author URI: https://samuloop.site
Description: A theme for the landing page for a vacancy apartment reservation
Version: 1.0.0
License: GNU Affero General Public License v3 or later
License URI: https://www.gnu.org/licenses/agpl-3.0.en.html
*/
@import url('includes/fonts/fonts.css');
@import url('includes/cursors/cursors.css');
@import url('includes/framework/framework.css');
@import url('includes/framework/framework-grids.css');
*{padding-inline-start: 0; box-sizing: border-box;}
/**,html,body{font-family: 'Source Sans 3', Arial;}*/
:root{
--colore1: #362D2B;
--colore2: #181516;
--colore3: #8B8481;
--colore4: #F2EFE8;
--colore5: #F9F9F7;
--colore11: #dde5b6;
  --colore10: #B4CFA4; /* Verde salvia, pastello tenue */
  --colore9: #A0BA8B; /* Verde oliva soft, ottimo per pulsanti */
  --colore8: #6E9B57; /* Verde medio naturale, più deciso */
  --colore7: #4E7740; /* Verde scuro, ideale per enfasi o titoli */
  --colore6: #98C379;
--primary: rgb(0, 120, 231);
--tagline: #C2B7AE;
--standard: #181516;
--link: #362D2B;
--sfondo: #F9F9F7;
--linkLight: #F9F9F7;
--grigio: #F9F9F7;
--grigio-scuro:#362D2B;
--font1:"Work Sans", 'Victor Mono';
--font2: "Victor Mono", "Work Sans";
--font3:system-ui, -apple-system, Helvetica, sans-serif;
--font4: "Roboto Condensed";
--font5: "Roboto";
}
body,html,*{margin:0;}
.wrapper{margin:0 auto; padding: 0 36px; }
* a:not(header a, .hero_content a, .hero-buttons a){color: var(--link) !important; font-weight:400 !important; text-decoration:underline !important;}
body{background-color:var(--colore5); padding:0; margin:0; overflow-x:hidden;}
.hero {
  position: relative;
  width: 100%;
  height: 100vh;
  background-image: url('/foto/dottoressa-nutrizionista-lucia-tarini-sfondo.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--standard);
  overflow: hidden;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(249, 249, 247, 0.85); /* semitrasparente chiaro */
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: auto;
  padding: 0 20px;
}

.hero-title {
  font-family: var(--font1);
  text-shadow: var(--colore5);
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--standard);
}

.hero-subtitle {
  font-family: var(--font3);
  font-size: 1.2rem;
  margin-bottom: 2rem;
  color: var(--standard);
}

.hero-buttons a {
  display: inline-block;
  margin: 0.4rem;
  padding: 0.6rem 1rem;
  background-color: var(--colore11);
  color: var(--standard);
  text-decoration: none !important;
  font-weight: 600;
  border-radius: 4px;
  transition: background 0.3s;
}

.hero-buttons a:hover {
  background-color: var(--colore3);
}

.hero-scroll {
  margin-top: 2rem;
  font-size: 2rem;
  color: var(--colore2);
}
.lucia{
  background-color: var(--colore4);
  }
  .consulenza{
  background-color: var(--colore11);
  }
  .primavisita{
  background-color: var(--colore4);
  }
  .controllo{
  background-color: var(--colore11);
  }
  .prenota{
  background-color: var(--colore4);
  }
  .contatti{
  background-color: var(--colore11);
  }
section {line-height: 1.75; text-align: left; padding: 55px 2rem; font-family: var(--font5);}
section h2{font-size: 38px;}
section p, section ul li, section p a, section ul{margin:5px 0; line-height: 1.75; font-size:1.200rem;}
section .wrapper{width:50vw;}
@media all and (max-width:1024px) {
  section .wrapper{width:96vw;}
  section {line-height: 1.75; text-align: left; padding: 25px 0.5rem;}
  section p, section ul li, section p a, section ul{font-size: 1.2rem;}
  
}
footer{background-color: var(--colore4);}