@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* colori */
:root {
    --white: #fff;
    --black: #4B4036;
    --grey: #606060;
    --brown: #9A8471;
    --brown-light: #B2A69B;
    --beige: #D9CFC6;
    --light: #F3F3F3;
    --light-pink: #F2E9EB;
    --pink: #E0C2D6;
    --light-green: #D9E5DC;
    --green: #C1D5C6;
}


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

html {
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  font-family: "Lato", sans-serif;
  font-style: normal;
  color: var(--black);
  background: var(--white);
  font-size: 1.6rem;
  line-height: 2;
}

hr {
  margin: 3rem auto;
}

ul, ol, nav {
  list-style: none;
}

h1, h2, h3, h4, h5 {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-style: normal;
  line-height: 1.1;
  font-weight: 400;
  margin: 0 0 1.5rem;
}

a {
  text-decoration: none;
  color: #191919;
  transition: all 0.3s;
  cursor: pointer;
}

button {
  border: none;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-style: normal;
  background: transparent;
  transition: all 0.4s;
  font-size: 1.6rem;
}

input {
  font-family: "Lato", sans-serif;
  font-style: normal;
}

textarea {
  font-family: "Lato", sans-serif;
  font-style: normal;
  resize: vertical;
}

.center {
  text-align: center;
}

.container {
  width: 100%;
  max-width: 142rem;
  padding: 0 2%;
  margin: 0 auto;
}

.hidden {
  opacity: 0;
}

.visible {
  opacity: 1;
}

.splide__arrow {
  position: absolute;
  z-index: 9;
  top: 50%;
}
.splide__arrow svg {
  fill: var(--white);
}

.splide__arrow--prev {
  left: 0;
  translate: 0 -7px;
  rotate: 180deg;
}

.splide__arrow--next {
  right: 0;
}

.splide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* PER ANIMAZIONI!!! mantenere in tutti i file insieme a reveal.js - selezionare le animazioni a mano e copiarle nel file animation.css con classe .active davanti*/
.reveal {
  position: relative;
  opacity: 0;
}
.reveal.active {
  opacity: 1;
}

/* form */
.form_bg {background-color: var(--black);}
form {
  padding: 5rem 3rem;
  margin: 0 auto 2rem;
  border-radius: 1rem;
  color: var(--white);
}
form a {color: var(--white);}
form .flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
form .flex div[class^=box-] {
  padding: 0;
  text-align: left;
  display: flex;
  align-items: center;
  margin: 0 0 1rem;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
form .flex .box-50 {
  width: 100%;
}
@media screen and (min-width: 581px) {
  form .flex .box-50 {
    width: 48%;
  }
}
form .flex .box-100 {
  width: 100%;
}
form label {
  width: 100%;
  font-size: 1.5rem;
  text-transform: uppercase;
  opacity: 0.8;
  display: block;
  margin: 0;
  font-weight: 400;
  color: var(--white);
}
form .input__text {
  width: 100%;
  border: none;
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1rem;
  color: var(--white);
  background-color: var(--black);
}
form .input__text:focus {
  outline: none;
}
form textarea.input__text {
  resize: vertical;
  min-height: 12rem;
}
@media screen and (min-width: 769px) {
  form {
    padding: 7rem;
  }
}

.txt-small {
  font-size: 1.2rem;
  margin: 1rem 0 0;
}

.privacy h2, .privacy h3, .privacy h4, .privacy h5 {
  margin: 2.5rem 0 1rem;
}
.privacy h2 {
  font-size: 3rem;
}
.privacy h3, .privacy h4, .privacy h5 {
  font-size: 2rem;
}

.input_privacy {display: flex;gap: 5px;align-items: flex-start;}
.input_privacy input {margin: 9px 0 0;}

form .btn {background-color: var(--light-pink);color: var(--black);}

/*SITEMAP*/
ul.sitemap {
  margin: 5rem auto 10rem;
}
ul.sitemap li {
  font-size: 1.8rem;
  text-transform: uppercase;
  padding: 5px 0;
}
ul.sitemap li a {
  color: var(--black);
}
ul.sitemap li a:hover {
  color: var(--grey);
}
ul.sitemap li.sublink {
  font-size: 1.6rem;
  /* padding: 0 0 0 3rem; */
  text-transform: none;
}

p.errore {
  font-size: 27vw;
  line-height: 1;
  margin: 0 auto 2rem;
}
@media screen and (min-width: 401px) {
  p.errore {
    font-size: 12rem;
  }
}

p.errore_p {
  font-size: 2.5rem;
  line-height: 1.4;
}

/* SITO */
.ico-down {
  width: 1.2rem;
  height: 1.2rem;
  object-fit: contain;
  transition: all 0.3s;
}

.dropdown {
  display: inline-block;
  margin: 0;
  position: relative;
}
.dropdown .dropdown-content {
  position: absolute;
  z-index: 99;
  left: 50%;
  width: auto;
  top: 100%;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  text-align: left;
  margin: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 2rem;
  background-color: #191919;
  border-radius: 5px;
  min-width: 25rem;
  translate: -50% 0;
  text-align: center;
}
.dropdown .dropdown-content a {
  line-height: 1.2;
}
.dropdown .dropdown-content a:hover {
  color: var(--white);
}
.dropdown:hover .dropdown-content {
  height: auto;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/* menu dropdown */
.menuresponsive {
  display: flex;
  width: calc(100% - 14rem - 4rem);
  justify-content: flex-end;
  align-items: center;
  padding: 0 2rem 0 0;
}
.menuresponsive img {
  width: 3rem;
  height: 3rem;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 1025px) {
  .menuresponsive {
    display: none;
  }
}

ul.accordion .inner {
  overflow: hidden;
  display: none;
  padding: 1rem 0;
}

.rotate {
  rotate: 180deg;
}

/* sidenav menu resp */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  overflow-x: hidden;
  transition: 0.5s;
  right: 0;
  overflow-y: scroll;
}
.sidenav .closebtn {
  position: absolute;
  top: 2rem;
  color: #191919;
  font-size: 2.6rem;
  background: var(--white);
  border-radius: 5px;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  right: 2rem;
  z-index: 9;
  background: transparent;
}
.sidenav .flexnav {
  display: flex;
  position: relative;
}
.sidenav .flexnav .bgcolor {
  position: fixed;
  background-color: rgba(242, 233, 235, 0.9);
  width: 20%;
  min-height: 100vh;
  transition-timing-function: cubic-bezier(1.28, 0.89, 0.32, 0.18);
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
}
.sidenav .flexnav .bgblack {
  background-color: var(--black);
  min-height: 100vh;
  height: 100%;
  padding: 10rem 2rem;
  margin-left: 20%;
  width: 80%;
  padding: 3rem;
}
.sidenav .flexnav .bgblack a {
  font-size: 2rem;
  color: var(--white);
  font-weight: 500;
  text-transform: uppercase;
}
.sidenav .logo-resp {
  margin: 0 0 2rem;
}
.sidenav .logo-resp img {
    width: 16rem;
    height: auto;
    object-fit: contain;
    aspect-ratio: 50 / 11;
}

#myBtn {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 99;
  transition: all 0.3s;
  background: #191919;
  border-radius: 10rem;
  height: 3.5rem;
  width: 3.5rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
#myBtn img {
  width: 2.5rem;
  height: 2.5rem;
}
#myBtn.arrow-visible {
  opacity: 1;
  visibility: visible;
}

.fascia_menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
  display: flex;
  max-width: 182rem;
  width: 100%;
  padding: 1.5rem 2%;
}
/* @media screen and (min-width: 1025px) {
  .fascia_menu {
    padding: 3rem 4rem 0 2rem;
  }
} */

.logo {
  width: 14rem;
  height: 100%;
  aspect-ratio: 60 / 13;
  object-fit: contain;
  max-width: 100%;
}

.cta {
    width: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--black);
    border-radius: 5px;
}
.cta span {display: none;}
.cta img {
    width: 1.5rem;
    height: auto;
    aspect-ratio: 5 / 7;
    object-fit: contain;
    filter: invert(1);
}

@media screen and (min-width: 1025px) {
    .cta {
        background-color: transparent;
        width: 14rem;
        justify-content: flex-end;
    }
    .cta span {display: block;}
    .cta img {filter: invert(0);}
}
@media screen and (min-width: 1281px) {
    .cta, .logo {
        width: 18rem;
    }
}




nav.menu {
  width: calc(100% - 28rem);
  margin: 0 auto;
  padding: 0 1.5rem;
  display: none;
}
@media screen and (min-width: 1281px) {
    nav.menu {
        width: calc(100% - 36rem);
    }
}

nav.menu ul {
  display: flex;
  align-items: center;
  gap: 3rem;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1281px) {
    nav.menu ul {
        gap: 4rem;
    }
}
@media screen and (min-width: 1421px) {
    nav.menu ul {
        gap: 6rem;
    }
}


nav.menu ul li a {
  text-transform: uppercase;
  color: var(--black);
  display: block;
  padding: 1rem 0;
  position: relative;
  letter-spacing: 1.5px;
}

nav.menu ul li a.active {
  font-weight: 600;
}

@media screen and (min-width: 1025px) {
  nav.menu {
    display: block;
  }
}


#slide-home .splide, #slide-home .splide__track, #slide-home .splide__list, #slide-home .splide__slide {height: auto;}
#slide-home .splide__track {background-color: var(--beige);}
#slide-home img {width: 100%; aspect-ratio: 4/3;height: auto;}
#slide-home .splide__pagination {position: absolute;top: 50%; right: 2%;translate: 0 -50%;flex-direction: column;gap: 2rem;}
#slide-home .splide__pagination button {width: 1rem;height: 1rem;background-color: var(--black);transition: all .3s;border-radius: 2rem;}
#slide-home .splide__pagination button.is-active {width: 1.5rem;height: 1.5rem;background-color: var(--white);}
#slide-home .box_slide {position: relative;width: 100%;padding: 4rem 4rem 4rem 2%;background-color: var(--beige);}
#slide-home .box_slide .box {max-width: 60rem;margin: 0 auto;}

@media screen and (min-width: 769px) {
#slide-home .splide, #slide-home .splide__track, #slide-home .splide__list, #slide-home .splide__slide {height: 90vh;}
  #slide-home img {width: 100%; object-position: center right;aspect-ratio: inherit;height: 100%;}
  #slide-home .box_slide {position: absolute;width: 50%;padding: 0 2%;top: 50%;right: 6rem;translate: 0 -50%;background-color:transparent}
  #slide-home .splide__pagination button.is-active {background-color: var(--brown-light);}
}
@media screen and (min-width: 1025px) {
  #slide-home img {width: 70%;}
}
@media screen and (min-width: 1421px) {
  #slide-home .splide__pagination {right: 5rem;}
}


h1 {font-size: clamp(4rem, 7vw, 7rem);}
h2 {font-size: clamp(3.5rem, 6vw, 6rem);}
h3 {font-size: clamp(3rem, 4vw, 4rem);}
h4 {font-size: clamp(2.8rem, 3vw, 3rem);}
h5 {font-size: clamp(2.4rem, 2.8vw, 2.8rem);}

h1 span, h2 span, h3 span, h4 span, h5 span {font-style: italic;}

.btn {display: inline-block;padding: 1.5rem 6rem;line-height: 1.1;background: var(--black);color: var(--white);text-transform: uppercase;letter-spacing: 1.5px;transition: all .3s;margin: 3.5rem 0 0;}
.btn:hover {translate: 0 -8px}

.farmestetica {background-color: var(--light-pink);padding: 8rem 0 9.5rem;position: relative;}
img[class^="fiori_"] {position: absolute;width: 34rem;height: auto;max-width: 100%;aspect-ratio: 34 / 75;bottom: 0;}
.fiori_sx {left: 0;}
.fiori_dx {right: 0;}
.logo_farm {width: 35.5rem;height: auto;max-width: 100%;aspect-ratio: 71/49;object-fit: contain;margin: 0 auto 2rem;}
.farmestetica h2 {font-weight: 400;font-size: clamp(3.5rem, 5vw, 5rem);}
.farmestetica .box_1 {position: relative;}
.farmestetica .btn {position: relative; z-index: 1;}
.fiorellini {width: 17.5rem;height: auto;aspect-ratio: 4/3;object-fit: contain;max-width: 100%;position: absolute;bottom: -10rem;left: 0;right: 0;margin: 0 auto;z-index: 0;}
.farmestetica .box_2 {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 10rem auto 0;}
.farmestetica .box_2 .bl {width: 100%;margin: 0 0 3rem;}
.farmestetica .logo_marchio {width: 16rem;height: auto;aspect-ratio: 2 / 1;object-fit: contain;max-width: 100%;}
.farmestetica .box_2 .bl p:not(.link) {margin: 0 0 2rem;}
.link {text-transform: uppercase;color: var(--black);text-decoration: underline;font-weight: 600;letter-spacing: 1.5px;}

@media screen and (min-width: 769px) {
  .farmestetica .box_2 .bl {width: 45%;}
  .farmestetica .box_2 .bl p:not(.link) {text-align: left;}
}

.fascia_trattamenti {background-color: var(--light);padding: 11rem 0 13rem;}
.title {text-align: center;position: relative;}
.title .fiorellini {top: -4rem;bottom: inherit;}
.title h2 {position: relative;z-index: 2;}

.stit {text-transform: uppercase;letter-spacing: 2px;margin: 0;font-size: 1.3rem;margin: 0 0 4rem; font-family: "Lato", sans-serif; font-style: normal;}
.txt_stretto {max-width:100rem; margin: 0 auto; font-size: 1.7rem;letter-spacing: 0.5px;line-height: 1.5;}

#slide-trattamenti {margin: 7rem 0 0; padding: 0 2%;}
#slide-trattamenti img {width: 100%;height: auto;object-fit: cover;aspect-ratio: 1 / 1;}
#slide-trattamenti .box_slide {margin: 3rem 0 0;padding: 0 2%;text-align: center;}
#slide-trattamenti .box_slide p {color: var(--grey);}
#slide-trattamenti .splide__slide {transition: all .3s;}
#slide-trattamenti .splide__slide:hover {translate: 0 -8px;}

#slide-trattamenti .splide__pagination {gap: 4rem; margin: 10rem auto 0;}
#slide-trattamenti .splide__pagination button {width: 6px;height: 6px;background-color: var(--black);transition: all .3s;border-radius: 2rem;}
#slide-trattamenti .splide__pagination button.is-active {width: 1.3rem;height: 1.3rem;background-color: var(--beige);}

@media screen and (min-width: 431px) {
  #slide-trattamenti {padding: 0;}
}


.fascia_servizi {padding: 9rem 0 14rem;}
.container_stretto {max-width:100rem;margin:0 auto; padding: 0 2%;}
.fascia_servizi .container_stretto {margin:6rem auto 8rem; display: flex;flex-wrap: wrap;gap: 5rem;}
.fascia_servizi .bl {width: 100%;text-align: center;}
.fascia_servizi .bl img {width: 100%;height: auto;aspect-ratio: 1/1;object-fit: cover;}
.fascia_servizi .bl .txt {padding: 2rem 2%;margin: -1rem 0 0;background-color: var(--light-green);}

@media screen and (min-width: 551px) {
  .fascia_servizi .bl {width: calc(50% - 2.5rem);}
}
@media screen and (min-width: 910px) {
  .fascia_servizi .container_stretto {gap: 6rem 9rem;}
  .fascia_servizi .bl {width: calc(50% - 4.5rem);}
}


.fascia_farmacia { display: flex;flex-wrap: wrap;}
.fascia_farmacia .bl.txt { width: 100%;background-color: var(--light-green);padding: 8rem 0;}
.fascia_farmacia .bl.img { width: 100%;}
.fascia_farmacia .bl.img img { width: 100%; height: auto;object-fit: cover;object-position: center;aspect-ratio: 4/3;}

@media screen and (min-width: 851px) {
  .fascia_farmacia .bl.img img {aspect-ratio: 16/9;}
}
@media screen and (min-width: 1280px) {
  .fascia_farmacia .bl.txt {width: 55%; display: flex;align-items: center;justify-content: center; min-height: 85vh;padding: 0;}
  .fascia_farmacia .bl.txt .title {text-align: left;max-width: 70rem;padding: 0 2%;}
  .fascia_farmacia .bl.img { width: 45%;}
  .fascia_farmacia .bl.img img { height: 100%;aspect-ratio: inherit;}
}


.fascia_plus {padding: 13rem 0 8rem;}
.fascia_plus .title {margin: 0 0 9rem;}
.fascia_plus .flex {display: flex;flex-wrap: wrap;gap: 7rem;justify-content: center;}
.fascia_plus .flex .bl {width: 100%;text-align: center;}
.fascia_plus .flex .bl p {color: var(--grey);}

@media screen and (min-width: 451px) {
  .fascia_plus .flex .bl {width: calc(50% - 3.5rem);}
}
@media screen and (min-width: 851px) {
  .fascia_plus .flex .bl {width: calc(33.3% - 4.66rem);}
}

.ico {width: 11rem;height: 11rem;margin: 0 0 3rem;}



.fascia_blog {padding: 8rem 0 13rem;}
.fascia_blog .flex {display: flex;flex-wrap: wrap;gap: 5rem;justify-content: center;}
.fascia_blog .flex .bl {width: 100%;transition: all .3s;}
.fascia_blog .flex .bl:hover {translate: 0 -8px;}
@media screen and (min-width: 581px) {
  .fascia_blog .flex .bl {width: calc(50% - 2.5rem);}
}
@media screen and (min-width: 851px) {
  .fascia_blog .flex .bl {width: calc(33.3% - 3.33rem);}
}

.img_blog {width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;}
.fascia_blog .flex .bl .txt {margin: 3rem 0 0;}
.data {font-size: 1.3rem;text-transform: uppercase;color: var(--beige);letter-spacing: 1.5px;}
.fascia_blog .flex .bl .txt h4 {display: -webkit-box;-webkit-box-orient: vertical;line-clamp: 2;-webkit-line-clamp: 2;overflow: hidden;}
.fascia_blog .flex .bl .txt p {margin: 0 0 3rem; color: var(--grey);display: -webkit-box;-webkit-box-orient: vertical;line-clamp: 2;-webkit-line-clamp: 2;overflow: hidden;}


#slide-marchi img { padding: 25%;border-right: 1px solid #ddd;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}


footer {padding: 10rem 0 8rem;background-color: var(--black);color: var(--white); font-size: 1.4rem;}
footer a {color: var(--white);}
.credits {margin: 10rem 0 0;padding: 4rem 0 0;border-top: 1px solid rgba(217, 207, 198, 0.3);}
.credits, .credits a {color: var(--beige);}
.credits a:hover {color: var(--white);}

footer .flex {display: flex;flex-wrap: wrap;gap: 3rem;}
footer .flex .bl {width: 100%; display: flex;flex-direction: column;justify-content: space-between;gap: 2rem;}
.logo_ft {width: 18rem;max-width: 100%;}
footer .bl ul {display: flex;flex-wrap: wrap;}
footer .bl ul div {width: 100%;}
.row_social {display: flex;flex-wrap: wrap;gap: 2rem;}
.row_social ul {width: 50%;display: flex;flex-wrap: wrap; gap: 1rem;}
.row_social img {width: 2.2rem;height: 2.2rem;}
footer .row span {display:block;}

@media screen and (min-width: 675px) {
  footer .row span {min-width: 12rem;display: inline-block;}
}

@media screen and (min-width: 675px) {
  footer .flex {gap: 7rem;}
  footer .flex .bl {width: calc(50% - 3.5rem);gap: 0;}
  footer .bl ul div {width: 50%;}
  .row_social {justify-content: space-between;gap: 0;}
}
@media screen and (min-width: 1050px) {
  footer .flex .bl {width: calc(33.3% - 4.66rem);gap: 0;}
}



/* CHI SIAMO */
#header_pag .fascia_menu {position: relative;}
.bg_top {width: 100%;height: 30rem;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;}
.first_pag {padding: 10rem 0;background-color: var(--light-green);}

@media screen and (min-width:769px) {
    .bg_top {height: 40rem;}
}


/* SERVIZI */
.servizi_pag {padding: 13rem 0 6rem;}
.fascia_farmacia#fascia_uno {margin: 6rem 0 0;}
.fascia_farmacia#fascia_uno .bl.txt {background-color: var(--light);}
.fascia_farmacia.reverse {flex-direction: row-reverse;}
.row.fascia_farmacia ul {margin: 5px 0;}
.row.fascia_farmacia ul, .row.fascia_farmacia ul li {list-style: inside disc;}
.row.fascia_farmacia ul li { line-height: 1.6; padding: 5px 0;}
.row.fascia_farmacia ul li::marker {color: var(--brown);}
.row.fascia_farmacia .bl.txt .title {text-align: left;padding: 0 2%;}
.row.fascia_farmacia .bl.txt {margin: -1rem 0 0;}

@media screen and (min-width:1280px) {
    .row.fascia_farmacia .bl.txt {margin: 0;}
    .row.fascia_farmacia .bl.txt .title {padding: 0 4rem;}
}

.servizi_pag .container_stretto {margin:6rem auto 8rem; display: flex;flex-wrap: wrap;gap: 5rem;max-width:142rem}
.servizi_pag .bl {width: 100%;text-align: center;}
.servizi_pag .bl img {width: 100%;height: auto;aspect-ratio: 1/1;object-fit: cover;}
.servizi_pag .bl .txt {padding: 2rem;margin: -1rem 0 0;background-color: var(--light);}
.servizi_pag .bl .txt p {margin: 0 0 1.5rem;}
.servizi_pag .bl .txt ul {text-align: left; list-style: inside disc; max-width: 40rem;margin: 0 auto 2rem;}

@media screen and (min-width: 551px) {
  .servizi_pag .bl {width: calc(50% - 2.5rem);}
}
@media screen and (min-width: 910px) {
  .servizi_pag .container_stretto {gap: 6rem 9rem;}
  .servizi_pag .bl {width: calc(50% - 4.5rem);}
}


/* DETTAGLIO SERVIZIO */
ul.breadcrumbs {display: flex;flex-wrap: wrap;gap: 5px;text-transform: uppercase;letter-spacing: 1px;font-size: 1.4rem;color: var(--grey);margin: 0 0 2rem;}
ul.breadcrumbs li a {color: var(--grey);}
.fascia_plus.quattro {padding: 3rem 0 15rem;}

@media screen and (min-width: 851px) {
  .fascia_plus.quattro .bl {width: calc(25% - 5.25rem);}
}

.fascia_contattaci {background-color: var(--beige);padding: 10rem 0;margin: 0;}


/* FARMESTETICA */
.bg_top img[class^="fiori_"] {max-height: 100%;object-fit: contain;}
.bg_top img.fiori_sx {object-position: left center; display: none;}
.bg_top img.fiori_dx {object-position: right center; display: none;}
.bg_top .logo_farm {width: 45rem;z-index: 2;}
.first_pag.farmest {background-color: var(--light-pink); padding: 5rem 0 10rem;}
.farmest .desc {max-width: inherit;}

@media screen and (min-width: 270px) {
  .bg_top img.fiori_sx {display: block;}
  .bg_top img.fiori_dx {display: block;}
}

.murad {padding: 10rem 0;}
.murad .container {display: flex;flex-wrap: wrap;gap: 10rem;}
.murad .container .title {width: 100%;}
.murad .container .title .logo_marchio {width: 20rem;height: auto;object-fit: contain;aspect-ratio: 1 / 1;max-width: 100%;}

@media screen and (min-width: 769px) {
  .murad .container .title {width: calc(50% - 5rem);text-align: left;}
}


/* CATEGORIA */
.wrap_boxes {padding: 5rem 0 8rem;}
.wrap_boxes .container {display: flex;flex-wrap: wrap;gap: 5rem;justify-content: center;}
.wrap_boxes .bl {width: 100%;text-align: center;}
.wrap_boxes .bl a {width: 100%;display: flex; flex-direction: column; height: 100%;}
.wrap_boxes .bl img {width: 100%;height: auto;aspect-ratio: 1/1;object-fit: cover;}
.wrap_boxes .bl .txt {padding: 2rem 2%;margin: -1rem 0 0;background-color: var(--light-green); flex-grow: 2;}

@media screen and (min-width: 551px) {
  .wrap_boxes .bl {width: calc(50% - 2.5rem);}
}
@media screen and (min-width: 910px) {
  .wrap_boxes .container {gap: 6rem 5rem;}
  .wrap_boxes .bl {width: calc(33.3% - 3.33rem);}
}


/* DETTAGLIO */
.img_dettaglio {width: 100%;
    max-width: 142rem;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    margin: -8rem auto 5rem;}

@media screen and (min-width: 1025px) {
  .img_dettaglio {aspect-ratio: 16 / 9;}
}

.desc {max-width: 100rem;margin: 0 auto;}
.desc ul, .desc ul li {list-style: inside disc;}
.desc ol, .desc ol li {list-style: inside decimal;}
.desc ul li::marker, .desc ol li::marker {color: var(--pink);}
.desc a {color: var(--pink); text-decoration: underline;}
.desc h2, .desc h3, .desc h4, .desc h5 {margin: 3rem 0 1.5rem;}
.desc ul, .desc ol {margin: 1rem 0;}

.gallery {margin: 8rem 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 2rem}
.gallery .thumb {width: 100%;aspect-ratio: 1/1;height: auto;}
.gallery .thumb img {width: 100%;height: 100%;object-fit: cover;}

@media screen and (min-width: 351px) {
  .gallery .thumb {width: calc(50% - 1rem);}
}
@media screen and (min-width: 581px) {
  .gallery .thumb {width: calc(33.3% - 1.33rem);}
}
@media screen and (min-width: 769px) {
  .gallery .thumb {width: calc(25% - 1.5rem);}
}
@media screen and (min-width: 1025px) {
  .gallery .thumb {width: calc(20% - 1.6rem);}
}




/* NEWS */
/* NEWS */
.news_wrap {padding: 8rem 0;}
.flex {display: flex;width: 100%;flex-wrap: wrap;}
.news_wrap .flex {margin: 4rem 0;}
.news_wrap .bl {width: 33.3%;box-sizing: border-box; padding: 0 1%; margin: 0 0 5rem;}
.news_wrap .bl a {display: flex; flex-direction: column; height: 100%;}
.news_wrap .box_img { width: 100%;}
.news_wrap .box_img img { width: 100%;aspect-ratio: 4/3; object-fit: cover; height: 100%;}
.news_wrap .box_txt { padding: 1rem 2rem; background: var(--light-pink); width: 100%; margin: 0 auto; position: relative; color: var(--black); transition: all .3s;flex-grow: 2;}
.news_wrap .bl:hover .box_txt {transform: translateY(-8px);}
.news_wrap .box_txt h3 { display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden;line-height: 1.2;}
p.data {font-size: 1.4rem; font-weight: 600;}
.news_wrap .box_txt p.data {margin: 0 0 5px;color: var(--black); opacity: .7;}

.news_wrap.dettaglio {padding: 0 0 8rem;}
.carica { color: #b2b2b2;position: relative;z-index: 9;margin: 0 auto 10rem;font-weight: 700;font-size: 1.5rem;text-transform: uppercase;display: inline-block;padding: 1rem 2rem;border: 2px solid #d9d9d9;border-radius: 4rem;background: transparent;transition: all .3s; cursor: pointer;}

.stretto {width: 100%;max-width: 110rem; margin: 0 auto;}
.stretto > h2 {margin: 0 0 5rem;}
.news_wrap .stretto .box_img {margin: 0 0 5rem;}

@media screen and (max-width: 1280px) {
  .news_wrap .bl {width: 50%;}
}
@media screen and (max-width: 768px) {
  .news_wrap .bl {width: 100%;}
}

.first_pag .data {color: var(--black);}




/* CONTATTI */
.mappa iframe {width: 100%;height: 40rem;border: none;margin: 0;}