/* VARIABILI EITCH */

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,200..500,0,0&icon_names=open_in_full,stat_minus_1');

:root{
  --eb-carta:#F2EDE3; --eb-bianco:#FFFFFF; --eb-vanilla:#D1BEA8; --eb-sand:#E7D8BE;
  --eb-espresso:#2B1E12; --eb-wenge:#65574E; --eb-matterhorn:#545454; --eb-slate:#556772;
  --eb-oro:#7E6738; --eb-oro-linea:rgba(126,103,56,.45); --eb-overlay:rgba(43,30,18,.55);
  --eb-serif:'Playfair Display',Georgia,serif;
  --eb-sans:'Montserrat',Arial,sans-serif;
  --eb-corsivo:'Lora',Georgia,serif;
}


/* GENERALE - STILI PREESISTENTI */

body {
    color: var(--color7);
    background-color: var(--col-bianco);
    font-family: var(--font-principale);
}

.button,
a {
    color: var(--col-bianco);
}

#header.pos_fixed {
    background-color: var(--color1);
    -webkit-box-shadow: 0px 8px 35px -18px rgba(66, 68, 90, 0.42);
    -moz-box-shadow: 0px 8px 35px -18px rgba(66, 68, 90, 0.42);
    box-shadow: 0px 8px 35px -18px rgba(66, 68, 90, 0.42);
    height: 100px;
}

.button {
    color: #FFF;
    transition: 1s;
    text-transform: uppercase;
    font-family: var(--eb-sans);
    font-size: 0.9rem;
    letter-spacing: 0.2em;
    border-radius: 0;
    font-weight: 600;
    height: auto;
    display: inline-block;
    padding: 1.4em;
}

#experience button {
    border: 2px solid;
}

#header>* {
    color: var(--col-bianco);
}

a:hover {
    color: var(--col-principale);
}

header li,
footer li,
a.menulingua {
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-family: var(--font-family-6);
    font-family: var(--font-family-2);
}

.anteprimacamera .blocco_dati p {
    color: var(--nero);
    text-transform: none;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center !important;
    font-weight: 500;
    letter-spacing: 0.2em;
    font-family: var(--font-family-2);
    font-size: 1rem;
}

#bottone_menu_header.bottone-fix,
#bottone_menu_footer.bottone-fix {
    display: flex;
}

#bottone_menu_header .buttonmenu .icon-bar {
    background: var(--color1);
}

#bottone_menu_header.bottone-fix,
#bottone_menu_footer.bottone-fix {
    flex-direction: column !important;
    align-items: flex-start !important;
}

button.multilingue a {
    text-transform: uppercase;
    color: var(--color1);
    font-family: var(--font-family-6);
    letter-spacing: 0.15em;
}

.pos_fixed button.multilingue a {
    text-transform: uppercase;
    color: var(--color2);
    font-family: var(--font-family-6);
}

h1 {
    font-size: 3rem;
    font-family: var(--font-family-1);
    color: var(--color3);
    margin-bottom: 0px;
    line-height: 0.9em;
}

h2 {
    font-size: 17px;
    line-height: 1.1em;
    font-family: var(--font-family-2);
    color: var(--color7);
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.03em;
    margin-top: 25px;
    font-weight: 600;
}

h3 {
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    font-size: 2rem;
    color: var(--color2);
    line-height: 1em;
    font-weight: 300;
    font-family: var(--eb-serif);
}

h5 {
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    font-size: 2.2rem;
    font-family: var(--font-family-4);
    color: var(--color6);
    line-height: 1em;
}

p {
    font-family: var(--font-family-2);
    color: var(--nero);
    line-height: 1.8em;
    font-size: 1.2rem;
    text-align: justify !important;
    font-weight: 300;
}

.sez-bckg {
    background-color: #f0dfb5;
    width: 100%;
    height: 165px;
}

.sez-home-introcamere h2 {
    font-weight: 300;
    word-wrap: break-word;
    white-space: pre-wrap;
    font-size: 2rem;
    font-family: var(--font-family-4);
    color: var(--color6);
    line-height: 1.2em;
}

body#home section#slideshow {
    height: 100vh;
}

.sez-home-camere .blocco_foto_camera img {
    max-width: unset;
    height: 500px;
}

.sez-home-camere .blocco_dati {
    flex-flow: column wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: column !important;
}

.menu-selezione-hover .navbar-elem-menu {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}

.menu-selezione-hover .navbar-elem-menu li {
    margin-bottom: 20px;
    opacity: 0.5;
}

.menu-selezione-hover .navbar-elem-menu>li a {
    color: #484848;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
}

.menu-selezione-hover .navbar-elem-menu li a p {
    display: none
}

.menu-selezione-hover .navbar-elem-menu li.sel {
    opacity: 1;
}

.menu-selezione-hover .navbar-elem-menu li.sel p {
    display: block
}

.buttonmenu label p {
    background-color: transparent;
    color: var(--color6);
}

#bottone_menu_header .label {
    text-transform: uppercase;
    background-color: transparent;
    color: var(--color6);
}

.bottone_aprimenu button.buttonmenu,
.bottone_aprimenu span.buttonmenu {
    margin-bottom: 5px;
}

#sezfooter1 .logosito {
    display: block;
    margin-bottom: 20px;
}

#sezfooter1 .label {
    text-align: justify;
    font-family: var(--font-family-2);
}

span.prefix {
    display: none;
}

.cbck_1 {
    background-color: rgb(0 0 0 / 20%);
    z-index: 1;
}

#camera #sez-camere h3 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    padding-bottom: 0;
}

#camera .anteprimacamera.visuale_separati .blocco_dati {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.spa-s p {
    color: var(--color1);
}

.spa-s h3 strong {
    color: var(--color1);
}

.cbck_51 {

    background: #52413C;
    background: linear-gradient(159deg, rgba(82, 65, 60, 1) 0%, rgba(82, 65, 60, 1) 37%, rgb(63 49 45) 67%, rgb(4 3 3) 88%, rgb(0 0 0) 100%) !important;
}

section#testo-intro.servizi-due .area {
    border-left: 5px;
    margin: 15px;
    width: calc(33% - 25px);
    background: #fff;
    box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 5%);
}

section#testo-intro.servizi-tre .area {

    border-left: 5px;
    margin: 15px;
    width: calc(33% - 25px);
    background: #fff;
    box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 5%);
}

section#testo-intro.servizi-due {
    background: #efe8e4;
    padding: 40px;
    padding-bottom: 0;
}

section#testo-intro.servizi-tre {
    background: #ede8e4;
    padding: 40px;

    padding-top: 0;
}

#testo-intro p {
    color: var(--nero);
}

.areabck {
    width: 100% !important;
}

#menu_header.grndm .areabck {
    position: absolute;
    width: 50%;
    background-repeat: no-repeat;
    background-position: bottom;

    -moz-background-size: cover;
    -o-background-size: cover;
    top: 0;
    z-index: -1;
}

#menu_header .navbar-nav-menu.liv1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 70%;
}

#menu_header .navbar-nav-menu.liv1>li {
    width: 100%;
}

#menu_header .navbar-nav-menu.liv1>li>a {
    display: block;
    width: fit-content;
}

.spa-home#sezione2 h3 strong {
    color: #fff !important;
}

.spa-home .primo p {
    color: #fff;
}

.spa-home .primo h3 {
    color: #fff;
}

.cbck_15 {

    background: #52413C;
    background: linear-gradient(159deg, rgba(82, 65, 60, 1) 0%, rgba(82, 65, 60, 1) 37%, rgb(63 49 45) 67%, rgb(4 3 3) 88%, rgb(0 0 0) 100%) !important;
}

div#sezfooter1 {
    background: #52413C;
}

div#sezfooter1 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.cbck_14 {

    background: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%, rgb(242 237 227 / 70%) 37%, rgb(242 237 227 / 90%) 83%, #F2EDE3 100%);
}

.cbck_108 {
    background: #D18975;
    background: linear-gradient(180deg, rgba(209, 137, 117, 1) 0%, rgba(209, 137, 117, 1) 37%, rgba(255, 255, 255, 1) 37%, rgba(255, 255, 255, 1) 83%, rgba(255, 255, 255, 1) 100%);
}

#experience .col-sm-12.col-md-6.area.sfondobckg.bckg_responsive.fisso {
    padding: 5%;
    border-right: 3px solid #FFF;
}

#experience .col-sm-12.col-md-3.area.sfondobckg.bckg_responsive.fisso {
    padding: 40px;
    border-right: 3px solid #fff;
}

.btn-chiudiFR i.zmdi.zmdi-close {
    color: var(--color2);
    font-size: 40px;
    font-weight: 300;
}

.contenitore-fr .button.button--standard,
.contenitore-fr button.button.button--standard:hover {
    background: var(--color1);
}

.menu-aperto .navbar-nav-menu li.nav-item .nav-link {
    padding: 5px 5px !important;
    font-size: 1.4rem;
    margin-bottom: 5px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: math-auto;
    background-color: transparent;
    font-weight: 400;
    color: var(--color1) !important;
    line-height: 1.5em;
    transition: .5s;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
    font-family: var(--eb-serif);
}

li.nav-item.liv1.azioneher.prenotazioni a:hover {
    background-color: #ebb2a3 !important;
}

#menu_header {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: block !important;
    height: auto !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    animation: none !important;
}

#menu_header {
    transform: translateY(100%) !important;
}

#menu_header.menu-aperto {
    transform: translateY(0) !important;
}

#menu_header {
    visibility: hidden !important;
}

#menu_header.menu-aperto {
    visibility: visible !important;
}

#menu_header {
    opacity: 0 !important;
    pointer-events: none !important;
    transition:
        opacity 1.4s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

#menu_header.menu-aperto {
    opacity: 1 !important;
    pointer-events: auto !important;
    transition:
        opacity 1.4s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

#menu_header .bg-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

#sezione3 .primo span img {
    width: 18px;
    height: auto;
    transform: none;
}

#sezione3 .primo p {
    text-align: left !important;
}

#sezione3 .primo span {
    padding: 0;
    margin: 0;
}

#sezione3 .primo h3 {
    text-align: left;
}

#sezione3 .primo .button.button {
    float: left;
}

#menu_header.grndm .areamenu {
    width: calc(100% - 50px) !important;
    height: calc(100vh - 100px) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: auto;
    -moz-background-size: cover;
    -o-background-size: cover;
    border-radius: 0;
    -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 1);

    width: calc(100% - 0px) !important;
    height: calc(100vh - 0px) !important;

}

.navbar-menu.menumobile.bottone-fix {
    position: fixed;
    overflow: hidden;
    transition: 0.3s ease;
    padding: 20px 20px;
    z-index: 15;
    backdrop-filter: blur(6px);
}

.navbar-menu.menumobile.bottone-fix {
    background-color: transparent !important;
}

#bottone_menu_header img {
    width: 48px;
    height: 48px;
    filter: brightness(10);
}

.pos_fixed #bottone_menu_header img {
    width: 48px;
    height: 48px;
    filter: none;
}

.colheader.ch4 {
    position: fixed;
    right: 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pos_absolute nav.navmenu-lingue ul.sottolingue-attivo {
    background: transparent;
}

nav.navmenu-lingue ul>li {
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.col-2.colheader.ch3 {
    position: fixed;
    right: 100px;
    top: 0;
    z-index: 10;
}

footer .logosito img {
    max-height: 70px;
    width: auto;
    filter: invert(1);
    margin-top: 25px;
}

header .logosito img {
    max-height: 200px;
    height: auto;

}

#foto-home .item {
    margin-right: 15px;
}

#header.pos_fixed .button.button--standard.button--size-l.button--text-thin.btn-apriFR,
#header.pos_fixed button.button.button--standard.button--size-l.button--text-thin.btn-apriFR {

    background: #D18874 !important;
}

#slideshow-interno h1 {
    color: #ffffff;
    font-family: var(--font-family-2);
    font-weight: 300;
    font-size: 1.6rem;
    text-transform: uppercase;
    line-height: 3rem;
    letter-spacing: 0.1em;
}

#slideshow-interno h1 strong {
    color: var(--color1);
    font-family: var(--font-family-1);
    font-weight: 800;
    font-size: 3.5rem;
    text-transform: uppercase;
    letter-spacing: 0;
}

.col-sm-12.col-md-6.area.camere-sx-1 {
    overflow: visible;
    z-index: 10;
}

.index-camere .elemento_sing.el-camera {
    margin-top: 25px;
}

#camere-1 .index-camere h3 {
    text-align: left !important;
    color: var(--color1);
    font-family: var(--font-family-2);
    margin: 0 !important;
    margin-bottom: 20px;
    padding: 0 !important;
    float: left !important;
    font-weight: 600;
    font-size: 2.5rem;
}

#camere-1 .index-camere p {
    margin: 0 !important;
    width: 100%;
    font-size: 1.1rem;
    margin-top: 20px !important;
    text-align: left !important;
}

#camere-1 .index-camere a.button p {
    margin: 0 !important;
    width: 100%;
    margin-top: 0px !important;
    text-transform: uppercase;
    font-family: var(--font-family-2);
    font-size: 0.9rem;
    letter-spacing: 0.2em;
    border-radius: 0;
    font-weight: 400;
}

.index-camere .blocco_dati {
    display: flex;
    align-items: flex-start !important;
}

.index-camere .testo_camera img {
    width: 15px !important;
    height: auto;
    display: flex !important;
    align-items: center;
    flex-direction: row;
    filter: invert(1);
}

.recensioni h5 {
    color: var(--color1);
    font-size: 1.1rem;
    font-family: var(--font-family-1);
}

.recensioni h5 {
    float: right;
    width: 100%;
    text-align: right;
    margin-right: 50px;
}

.recensioni h6 {
    float: right;
    color: #D18874;
    font-family: var(--font-family-2);
    width: 100%;
    text-align: right;
    margin-right: 50px;
    font-size: 1rem;
}

.recensioni .item {
    backdrop-filter: blur(4px);
    height: 300px;
    width: calc(100% - 30px);
    background: #00000061;
    border-radius: 5px;
    margin-left: 15px;
}

.recensioni p {
    color: var(--color1);
    padding: 9%;
    padding-top: 0;
    padding-bottom: 30px;
    font-family: var(--font-family-2);
    font-size: 1rem;
}

.recensioni h4 {
    padding: 80px;
    padding-top: 30px;
    padding-bottom: 15px;
    color: #D18874;
    font-family: var(--font-family-2);
    font-size: 1.8rem;
    font-weight: 600;
    padding-left: 9%;
}

.recensioni-titolo h4 {
    color: var(--color1);
    margin-top: 5%;
    text-align: center;
    width: 100%;
    font-family: var(--font-family-2);
    font-size: 2rem;
    font-weight: 300;
    display: block;
}

section#zoom {
    background-color: #52413c;
    padding-bottom: 15px;
}

.recensioni-titolo h4 strong {
    font-family: var(--font-family-2);
    font-size: 3rem;
    font-weight: 600;
}

.voti h4 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    font-family: var(--font-family-2);
    line-height: 1;
}

.voti h4 img {
    margin-top: 15px;
}

.voti .col-sm-12 {
    width: 33%;
    padding: 50px;
}

.row.voti {
    width: 98%;
    margin-left: 1% !important;
    border-radius: 4px;
}

.voti h4 strong {
    margin-left: 10px;
    font-weight: 800;
    color: #D18874;
}

.testo_camera span {
    display: inline-flex;
}

.testo_camera img {
    width: 22px !important;
    height: 22px;
    display: flex !important;
    align-items: center;
    flex-direction: row;
}

.owl-theme .owl-dots .owl-dot span {
    -webkit-backface-visibility: visible;
    background-color: #00000091;
    border-radius: 30px;
    display: block;
    height: 10px !important;
    margin: 2px 2px !important;
    transition: opacity .2s;
    width: 10px !important;
}

section#video-home {
    padding: 0;
}

#video-home .cbck_107 {
    z-index: 1;
}

#slideshow h3 {
    color: var(--color1);
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 3rem;
    line-height: 4rem;
    padding-bottom: 15%;
    font-family: var(--eb-serif);
}

#slideshow h3 strong {
    color: var(--color1);
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 3.5rem;
    letter-spacing: 0;
}

section#sez-camere {
    padding-right: 0;
    padding-left: 0;
    padding: 0;
}

h3.titolo_camera {
    display: none !important;
}

#sez-camere .blocco_foto_camera img.img-fluid {
    border-top: 2px solid #fff;
}

#sez-camere .item {
    margin-right: 10px;
    margin-left: 10px;
}

.row.testo-sezione-2 {
    position: absolute;
    overflow: visible;
    z-index: 10;
    margin-top: 200px;
    margin-left: 40px !important;
}

.sezione-2-1 {
    z-index: 10 !important;
    overflow: visible;
}

.sezione-2-2 {
    z-index: 9;
}

.testo-sezione-2 h3 {
    font-size: 2rem;
    color: var(--eb-carta);

    line-height: 4rem;
    margin-left: 40%;
}

.primo {
    padding: 70px !important;
}

.primo p {
    margin-bottom: 30px;
    margin-top: 0px;
}

.primo h1 {
    margin-bottom: 0;
    font-family: var(--font-family-2);
    font-size: 3rem;
    line-height: 1.1em;
    font-weight: 400;
    color: #7C726F;
    text-align: left;
    text-transform: uppercase;
}

.primo h2 {
    text-align: left;
}

.primo h1 strong {
    font-size: 4rem;
    font-weight: 600;
    color: var(--nero);
    font-family: var(--font-family-2);
    text-transform: uppercase;
}

.primo h3 {
    margin-bottom: 30px;
    font-family: var(--font-family-2);
    font-size: 2rem;
    line-height: 1.4em;
    font-weight: 300;
    color: #7C726F;
    line-height: 1;
}

.primo h3 strong,
#testo-intro h3 strong {
    font-size: 3rem;
    font-weight: 600;
    color: var(--nero);
}

#servizi #sezione4 .primo h3 strong {
    color: var(--color1);
}

.camere-sx-1 .primo h3 {
    margin-bottom: 30px;
    font-family: var(--font-family-2);
    font-size: 2rem;
    line-height: 1.4em;
    font-weight: 200;
    color: var(--color1);
}

.camere-sx-1 .primo h3 strong {
    font-size: 2.4rem;
    font-weight: 300;
    color: var(--color1);
    font-family: var(--font-family-4);
}

#titolo-camere h3 {
    margin-bottom: 30px;
    font-family: var(--font-family-2);
    font-size: 2rem;
    line-height: 1.4em;
    font-weight: 300;
    color: #7C726F;
    text-align: center;
    margin-top: 50px;
}

#titolo-camere h3 strong {
    font-size: 3rem;
    font-weight: 600;
    color: var(--nero);
    font-family: var(--font-family-2);
}

#titolo-camere p {
    margin-bottom: 80px;
    padding-left: 20%;
    padding-right: 20%;
}

section#titolo-camere {
    padding: 80px;
    padding-top: 120px;
    padding-bottom: 0;
}

#titolo-camere .home-c-1 {
    width: 60%;
    margin-left: 20%;
}

#experience .col-sm-12.col-md-4.area {
    width: calc(33.3% - 20px);
    margin-right: 10px;
    margin-left: 10px;
    padding: 50px;
}

#experience h3 {
    margin-bottom: 30px;
    font-family: var(--font-family-2);
    font-size: 1.7rem;
    line-height: 1.4em;
    font-weight: 200;
    color: var(--color1);
    text-align: center !important;
}

#experience h3 strong {
    font-size: 3rem;
    font-weight: 600;
    color: var(--color1);
    font-family: var(--font-family-2);
}

#experience p {
    color: var(--color1);

}

.col-sm-12.cont_sing {
    padding: 0px !important;
}

header#header {
    height: 100px;
}

#header.pos_fixed .button.button--standard.button--size-l.button--text-thin.btn-apriFR,
#header.pos_fixed button.button.button--standard.button--size-l.button--text-thin.btn-apriFR {
    height: 100px;
}

#header .button.button--standard.button--size-l.button--text-thin.btn-apriFR,
#header button.button.button--standard.button--size-l.button--text-thin.btn-apriFR {
    height: 100px;
    border-right: none;
    border-left: none;
}

#header .button.button--standard.button--size-l.button--text-thin.btn-apriFR:hover,
#header button.button.button--standard.button--size-l.button--text-thin.btn-apriFR:hover {
    height: 100px;
    width: 100%;
    background-color: #ebb2a3 !important;
    border-left: none;
    border-right: none;
}

#slideshow .row.centrale.ao_center {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

#slideshow .col-sm-12.col-md-12.area {
    z-index: inherit;
}

#camere-1 p {
    margin-left: 15%;
    margin-right: 15%;
    color: var(--color1);
    text-align: left;
    float: left;
    width: 60%;
}

#sez-1 p {
    width: 55%;
    margin-bottom: 35px;
}

#sez-camere h4 {
    font-family: var(--font-family-1);
    font-size: 5rem;
    color: var(--color1);
}

#sez-camere h3 {
    font-family: var(--font-family-2);
    font-size: 3rem;
    color: var(--nero);
    padding: 31px;
    margin-top: -160px;
    font-weight: 600;
    text-align: center;
}

#camere-1 h3 {
    text-align: left;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 25px;
}

#camere-1 h3 strong {
    font-size: 5rem;
    font-weight: 400;
}

#camere-1 h2 {
    text-align: left;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 25px;
    font-size: 3rem;
    font-family: var(--font-family-1);
    color: var(--color1);
    line-height: 1em;
}

#camere-1 h2 strong {
    font-size: 5rem;
    font-weight: 400;
}

#slideshow h2 {
    color: #fff;
    font-size: 1.8rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-family: var(--font-family-2);
    font-weight: 600;
}

#slideshow h2 strong {
    color: #fff;
    font-size: 4rem;
    font-weight: 400;
    font-family: var(--font-family-1);
    -webkit-transition: -webkit-filter 2s;
    transition: -webkit-filter 2s;
    transition: filter 2s;
    transition: filter 2s, -webkit-filter 2s;
    line-height: 1.2;
    text-transform: uppercase;
}

section#slideshow {
    overflow: hidden;
}

#bottone_menu_header p {
    font-family: var(--font-family-1);
    color: var(--color1);
    display: none;
}

#sez-1 h1 strong {
    font-weight: 400;
    font-size: 5rem;
    color: var(--color2);
    text-transform: uppercase;
    font-family: var(--font-family-1);
}

section#camere-1 {
    margin-bottom: 1px;
}

#camere-1 a.linkinterno {
    float: left;
    margin-left: 15%;
    margin-top: 30px;
    margin-right: 15%;
}

#servizi h3 {
    margin-bottom: 25px;
}

p strong {
    font-weight: 500;
}

#sez-8 p {
    margin-left: 15%;
    margin-right: 15%;
    color: var(--color1);
    width: 60%;
    float: right;
    text-align: right !important;
}

#sez-8 h3 {
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 25px;
}

#sez-8 h3 strong {
    font-size: 5rem;
    font-weight: 400;
}

.galleriapres img.img-responsive {
    padding: 8px;
}

section#foto-home {
    padding-top: 130px;
    padding-bottom: 100px;
}

#foto-home h3 {
    margin-bottom: 0;
    margin-top: 60px;
    font-size: 2rem;
}

#foto-home h3 strong {
    font-weight: 600;
    font-size: 3rem;
    color: var(--nero);
}

.owl-theme .owl-dots .owl-dot {
    background: none !important;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

#servizi .button.button--winona.button--size-l,
#servizi button.button.button--winona.button--size-l {
    margin-top: 35px;
}

.aneprimacamera a.button {
    margin-top: 35px;
}

.anteprimacamera a.button {
    margin-top: 20px;
    padding: 0;
    border: none;
    padding-top: 0;
    border-bottom: 1px solid var(--color2);
    height: auto;
    margin-left: 5px;
    color: #FFF;
    transition: 1s;
    text-transform: uppercase;
    font-family: var(--font-family-2);
    font-size: 0.9rem;
    letter-spacing: 0.2em;
    border-radius: 0;
    font-weight: 400;
    height: 75px;
    display: inline-block;
    background: var(--color2);
    padding-left: 15px;
    padding-right: 15px;
}

.index-camere .anteprimacamera a.button {
    margin-top: 20px;
    padding: 10px;
    border: none;
    height: auto;
    margin-left: 5px;
}

.anteprimacamera a.button p {
    font-weight: 300;
    font-size: 0.7rem;
    font-family: var(--font-family-5);
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 2;
    padding: 5px;
    color: var(--color1);
    color: #FFF;
    transition: 1s;
    text-transform: uppercase;
    font-family: var(--font-family-2);
    font-size: 0.9rem;
    letter-spacing: 0.2em;
    border-radius: 0;
    font-weight: 600;
}

.anteprimacamera a.button p:hover {
    color: var(--color2);
}

#sez-1 h3 {
    color: var(--color2);
    font-size: 1.5rem;
    width: 55%;
    margin-top: 0;
    line-height: 2rem;
    margin-bottom: 30px;
    font-family: var(--font-family-6);
}

.chiudi_menumobile {
    cursor: pointer;
    background: transparent;
}

div#headermenumobile\ bottone-fix {
    position: absolute;
    top: 5%;
    right: 5%;
    background: none;
    padding: 12px;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 9;
}

#menu_header .navbar-nav-menu>li {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin-bottom: 5px;
    justify-content: center;
}

.pos_fixed #bottone_menu_header .buttonmenu .icon-bar {
    background: #405666;
}

.pos_fixed #bottone_menu_header p {
    color: var(--color2);
    line-height: 1;
}

header.pos_fixed .logosito img {
    filter: none;
    width: auto;
    height: auto;
    width: 170px;
}

a.logosito.logodesktop.centrale {
    top: 0px !important;
    left: calc(50% - 100.5px) !important;
    top: 15px !important;
    left: calc(50% - 85px) !important;
    position: absolute;
    width: auto !important;
}

.pos_fixed a.logosito.logodesktop.centrale {
    top: 15px !important;
    left: calc(50% - 85px) !important;
    position: absolute;
    width: auto !important;
}

.button.button--winona.button--size-l.button--text-thick.button--round-s.btn-apriFR,
button.button.button--winona.button--size-l.button--text-thick.button--round-s.btn-apriFR {
    width: 70%;
    min-width: 225px;
    float: right;
    height: 75px;
}

button.ancorabtn-apriFR {
    background: #aaa69d;
    border: none;
}

#footer p {
    color: #9e847b;
    font-family: var(--font-family-2);
    font-weight: 600;
    letter-spacing: 0.1em;
}

#sezfooter3 .label a {
    color: var(--color1);
    font-family: 'Italiana';
    font-size: 1.3rem;
}

.navbar-menu.menumobile.bottone-fix.left.menu-aperto,
.navbar-menu.menumobile.bottone-fix.left {
    transition: 1s;
}

.prencanc_fr.component_fr span {
    font-family: var(--font-family-5);
    letter-spacing: .2rem;
}

.prencanc_fr.component_fr {
    margin-top: 15px !important;
}

#frHeader div.fastreservation.apertura-full {
    background-color: rgb(255 255 255) !important;
    font-family: var(--font-family-2);
    color: var(--color2) !important;
    z-index: 10;
}

#frHeader div.fastreservation .contenitore-fr {
    padding-left: 5%;
    padding-right: 5%;
}

.fastreservation .labelfastr {
    margin-top: 10px;
    margin-bottom: 10px;
    color: var(--nero);
    letter-spacing: 0.1em;
    font-family: var(--font-family-2);
    font-weight: 600;
    font-size: 0.9rem;
}

#frHeader div.fastreservation.apertura-full .btn-chiudiFR,
#frHeader div.fastreservation.apertura-standard .btn-chiudiFR {
    right: 50px;
}

#slideshow h1 {
    color: #fff;
    font-weight: 100;
    line-height: 1.2em;
    font-family: var(--font-family-2);
}

#slideshow h1 strong {
    font-size: 5rem;
    font-family: var(--font-family-1);
}

#slideshow h1 strong {
    line-height: 1;
}

#sez-1 h2 {
    font-size: 2.5rem;
    text-transform: inherit;
    color: var(--color7);
}

.anteprimacamera {
    position: relative;
    float: left;
    padding: 0px !important;
    width: -webkit-fill-available;
}

#sez-camere .anteprimacamera.visuale_sovrapposti .blocco_dati {

    background: #ffffffa1;

    left: 0 !important;

    right: 0 !important;

    padding: 50px !important;

    width: 30% !important;
}

#servizi p {
    margin-right: 45px;
}

#dotazioni h3,
#dotazioni p {
    color: var(--color2);
}

section#dotazioni {
    padding-top: 80px;
    padding-bottom: 80px;
}

#foto-home div#galleria-103,
#foto-home div#galleria-317,
#foto-home div#galleria-285,
#foto-home div#galleria-253 {
    margin-top: 60px;
    margin-bottom: 60px;
}

#testo-intro h2 {
    color: var(--color3);
    margin-bottom: 25px;
    font-size: 2.5rem
}

#testo-intro h2 strong {
    font-size: 4rem;
    font-weight: 400;
    color: var(--color2);
}

#testo-intro-2 h2 {
    color: var(--color3);
    margin-bottom: 25px;
    font-size: 2rem;
    margin-left: 30px;
    margin-right: 30px;
}

#testo-intro-2 h2 strong {
    font-size: 3rem;
    font-weight: 400;
    color: var(--color2);
}

#testo-intro-2 p {
    margin-left: 30px;
    margin-right: 30px;
}

#testo-intro-2 #mappa1 p {
    margin: 0;
}

.titolo-anteprima h3 {
    color: var(--color2);
    text-align: center;
    margin-bottom: 30px;
}

.testo-anteprima p {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.col-sm-12.col-md-6.ant-camera {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: none;
}

.bottone-anteprima a {
    background: #000;
    text-align: center;
    width: 200px;
}

section#listacamere {
    height: auto;
}

.bottone-anteprima a {
    background-color: var(--color2_hover);
    color: #FFF;
    transition: 1s;
    text-transform: uppercase;
    font-family: 'EB Garamond';
    font-size: 1rem;
    letter-spacing: 0.05em;
}

.bottone-anteprima {
    width: fit-content;
    background-color: var(--color3);
    padding: 20px 20px;
    border-radius: 0;
}

.bottone-anteprima p {
    color: var(--color1);
    font-size: 1rem;
    font-weight: 300;
    font-family: var(--font-family-5);
}

#menu_header .navbar-nav-menu>li {
    align-items: anchor-center !important;
}

.menumobile.bottone-fix .navbar-nav-menu ul.sottomenu li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.apri-sottomenu.sottomenu-attivo .sottomenu {
    max-height: 500px;
    opacity: 1;
}

.index-camere #camere-1 button {
    float: left;
    margin-left: 0%;
    margin-top: 0px;
    margin-right: 0%;
}

#sezfooter3 span.label {
    display: none;
}

span.elemsocial {
    color: var(--color1);
    float: left;
}

#sezfooter3 span.elem.selezunder a {
    margin-left: 5px;
    margin-right: 5px;
}

.bottone_aprimenu button.buttonmenu .icon-bar,
.bottone_aprimenu span.buttonmenu .icon-bar {
    height: 2px !important;
}

section#foto-home.galleria {
    padding-top: 50px;
    padding-bottom: 100px;
}

div#galleria-204 {
    padding: 0;
}

#blocco1 div#galleria-204 figure {
    padding: 0 !important;
}

div#galleria-226,
div#galleria-349 {
    padding: 0;
}

.spa #blocco1 div#galleria-226 figure,
div#galleria-349 figure {
    padding: 0 !important;
}

div#galleria-229 {
    padding: 0;
}

.spa #blocco2 div#galleria-229 figure {
    padding: 0 !important;
}

div#galleria-208 {
    padding: 0;
}

#blocco2 div#galleria-208 figure {
    padding: 0 !important;
}

#blocco1 .galleriapres img.img-responsive {
    padding: 0;
}

#blocco1 p {
    margin-left: 50px;
    margin-right: 50px;
}

#blocco1 h3 {
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 25px;
    color: var(--color2);
}

#blocco2 div#galleria-208 {
    padding: 0;
}

#blocco2 .galleriapres img.img-responsive {
    padding: 0;
}

#blocco2 p {
    margin-left: 50px;
    margin-right: 50px;
}

#blocco2 h3 {
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 25px;
    color: var(--color2);
}

#sez-1 .spa h3 {
    font-size: 3rem;
    font-family: var(--font-family-1);
    color: var(--color4);
    margin-bottom: 0px;
    line-height: 0.9em;
    margin-bottom: 20px;
}

#sez-1 .spa h3 strong {
    font-weight: 400;
    font-size: 4rem;
    color: var(--color2);
    text-transform: none;
}

#blocco2 .button.button--winona.button--size-l.button--text-thick.button--round-s #blocco2 button.button.button--winona.button--size-l.button--text-thick.button--round-s {
    margin-left: 50px;
    margin-top: 30px;
}

.galleria header .logosito img {
    display: none;
}

.galleria header.pos_fixed .logosito img {
    display: inline-block;
}

.spa section#foto-home {
    padding: 50px;
}

.sottomenu {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
}

.sottomenu.aperto {
    opacity: 1;
}

.material-symbols-rounded {
    color: #fff;
    font-size: 3rem !important;
}

li.nav-item.liv1.azioneher.prenotazioni a {
    background-color: var(--color2);
    padding: 18px 30px !important;
    border-radius: 0px;
    color: var(--color1) !important;
    font-weight: 600;
    border-radius: 0;
    line-height: 1;
}

.datepicker-dropdown .datepicker-picker {
    font-family: var(--font-family-6);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.datepicker-title {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div.fastreservation .area_input_notti .chiudi,
div.fastreservation .area_input_persone .chiudi,
div.fastreservation .area_input_listino .chiudi {
    font-family: var(--font-family-5);
    letter-spacing: .2rem;
    background-color: #cca951 !important;
}

header.pos_absolute .logosito img {
    display: block;
    width: auto;
}

#home header.pos_absolute .logosito img {
    display: block;
    width: auto;
}

#servizi-2 p {
    color: var(--color1);
    margin-left: 30px;
    margin-right: 30px;
}

#servizi-2 h3 {
    margin-left: 30px;
    margin-right: 30px;
}

.menu-aperto .navbar-nav-menu li.nav-item .sottomenu .nav-link {
    font-size: 1rem;
    color: var(--color1);
}

.menu-aperto .navbar-nav-menu li.nav-item .sottomenu .nav-link {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.menumobile.bottone-fix .navbar-nav-menu ul.sottomenu.aperto {
    margin-bottom: 15px;
}

i.zmdi.zmdi-close {
    font-size: 30px;
    color: var(--color1);
}

#servizi-3 h3 {
    text-align: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 25px;
    color: var(--color3);
    width: 67%;
}

#servizi-3 h3 strong {
    font-size: 5rem;
    font-weight: 400;
    color: var(--color2);
}

#servizi-3 p {
    margin-left: 10%;
    color: var(--color2);
    font-family: var(--font-family-2);
    text-align: left;
    float: left;
    width: 60%;
}

#servizi-3 .button,
#servizi-3 button.button {
    margin-left: 10%;
    margin-top: 40px;
}

#frHeader div.fastreservation .btn-chiudiFR {

    color: var(--color4) !important;
}

div#bottone_menu_header {
    margin-left: 15px;
}

#servizi .button.button--ujarak.button--size-l.button--text-thick.button--round-s.button--border-thin,
#servizi button.button.button--ujarak.button--size-l.button--text-thick.button--round-s.button--border-thin {
    margin-top: 30px;
}

#foto-home div#owlcarousel-89 {
    padding: 50px;
}

#servizi .button.button--ujarak.button--size-l.button--text-thin.button--round-s,
#servizi button.button.button--ujarak.button--size-l.button--text-thin.button--round-s {
    margin-top: 30px;
}

#blocco2 .button.button--ujarak.button--size-l.button--text-thick.button--round-s,
#blocco2 button.button.button--ujarak.button--size-l.button--text-thick.button--round-s {
    margin-left: 50px;
    margin-top: 30px;
}

#servizi-2 .col-sm-12.col-md-6.area.sfondobckg.bckg_responsive.fisso {
    border-right: 1px solid #fff;
}

#servizi .button.button--ujarak.button--size-l.button--text-thick.button--round-s,
#servizi button.button.button--ujarak.button--size-l.button--text-thick.button--round-s {
    margin-top: 30px;
}

.contenitore-fr .button.button--standard,
.contenitore-fr button.button.button--standard {
    background: var(--color2);
}

#menulingueheader span.material-symbols-rounded {
    font-size: 1.2rem !important;
    color: #fff;
    display: none;
}

#header.pos_fixed span.material-symbols-rounded {
    font-size: 1.2rem !important;
    color: #000000;
    display: none;
}

#testo-intro-2 div[class^="cbck_"],
#testo-intro-2 div[class^="acbck_"] {
    position: absolute;
    top: 0;
    width: inherit;
    height: 100%;
}

#sez-1 h1 {
    font-family: var(--font-family-6);
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.galleria #foto-home h3 {
    padding-bottom: 100px;
}

#dotazioni .col-sm-12 p {
    display: flex;
    flex-direction: row;
    text-align: center;
    flex-wrap: wrap;
    margin-top: 50px;
}

#dotazioni .col-sm-12 strong {
    width: 20%;
    margin-bottom: 20px;
    font-weight: 200;
}

#dotazioni span.material-symbols-rounded {
    font-size: 2.2rem !important;
}

.datepicker-header .datepicker-controls {
    background: #a9a69e !important;
}

.datepicker-controls .button {
    background: #a9a69e !important;
    color: #fff !important;
    letter-spacing: 0 !important;
}

.datepicker-cell {
    height: 40px !important;
}

.datepicker-cell:not(.disabled):hover {
    background: #a9a69e !important;
}

.checkin .datepicker.datepicker-dropdown.active {
    top: calc(50vh - 150px) !important;
}

.checkout .datepicker.datepicker-dropdown.active {
    top: calc(50vh - 50px) !important;
}

div.fastreservation .area_input_persone {
    margin-top: 60px !important;
    border-radius: 10px !important;
}

div.fastreservation .area_input_persone .cont_input_persone {
    display: flex !important;
    flex-direction: column !important;
}

.cont_input_persone input,
.cont_input_persone select {
    min-width: 100% !important;
    width: 100% !important;
}

#frHeader div.fastreservation.apertura-full.animate__fadeOut {
    z-index: -1;
}

section#tipologie {
    padding-bottom: 50px;
}

section#mappa-home {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 250px;
    background-color: #d1ccc0;
    margin-top: 0 !important;
}

#mappa-home .leaflet-popup-content p img,
.leaflet-popup-content p img {
    height: 80px;
    width: auto;
    min-height: 80px !important;
    max-width: fit-content !important;
}

#mappa-home .leaflet-popup-content p {
    margin: 0;
}

#sez44 {
    padding: 100px;
}

#sez44 h3 {
    color: var(--color2);
    font-size: 2rem;
    padding-left: 40px;
    padding-right: 40px;
}

#sez44 p {
    padding-left: 40px;
    padding-right: 40px
}

#sez44 .col-sm-12.col-md-3 {
    border-right: 1px solid #00000075;
}

#sez44 h3 strong {
    font-size: 3rem;
    font-weight: 300;
}

#mappa-home #div#mappa1,
#mappa-home div#map-canvas1 {
    height: 400px !important;
}

.pos_fixed a.menulingua span {
    color: var(--color2);
    font-family: var(--font-family-2);
}

.pos_fixed a.menulingua {
    color: var(--color2);
}

.navbar-nav-menu {
    align-items: flex-start !important;
    align-content: flex-start !important;
}

button.multilingue span {
    color: var(--color1);
    font-family: var(--font-family-2);
}

.pos_fixed button.multilingue span {
    color: var(--nero);
    font-family: var(--font-family-2);
}



#foto-home .owl-dots {
    padding-top: 40px;
}

img.logo-sito-menu {
    filter: invert(1) brightness(5);
    width: 140px;
    height: auto;
    margin-bottom: 25px;
}

.datepicker-title .s_c_picker {
    background: var(--color2);
}

.datepicker-grid .datepicker-cell.selected,
.datepicker-grid .datepicker-cell.selected:hover {
    background: var(--color2);
}

div.fastreservation .area_input_notti .chiudi,
div.fastreservation .area_input_persone .chiudi,
div.fastreservation .area_input_listino .chiudi {
    background: var(--color2) !important;
}

div.fastreservation.stile-custom input.datepicker {
    width: 100% !important;
}

html:has(#menu_header.menu-aperto) {
    overflow: hidden !important;
    height: 100% !important;
}

#menu_header {
    position: fixed;
    z-index: 9999;
}

.menumobile.bottone-fix.down .navbar-nav-menu,
.menumobile.bottone-fix.up .navbar-nav-menu {
    flex-flow: column;
    text-align: -webkit-center;
}

.btn-apriFR::before,
.btn-apriFR::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #ffffffb5;
}

.btn-apriFR::before {
    left: 0;
}

.btn-apriFR::after {
    right: 0;
}

#header .btn-apriFR:hover::before,
#header .btn-apriFR:hover::after {
    display: none;
}

#header.pos_fixed .btn-apriFR::before,
#header.pos_fixed .btn-apriFR::after,
#header .btn-apriFR:hover::before,
#header .btn-apriFR:hover::after {
    opacity: 0;
}

.blocco_dati h3 strong {
    font-size: 3rem;
    font-weight: 600;
    color: var(--color1);
}

.col-sm-12.col-md-6.area.spa {
    padding: 50px;
}

section#sezione2,
section#sezione3 {
    padding: 0;
}

#home #sezione2 .embed-responsive-16by9 video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#home #sezione2 .embed-responsive-16by9 {
    padding-top: 0 !important;
    aspect-ratio: 1 / 1;
    height: auto;
}

#home #sezione3 .embed-responsive-16by9 video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#home #sezione3 .embed-responsive-16by9 {
    padding-top: 0 !important;
    aspect-ratio: 1 / 1;
    height: auto;
}

#sezione3 .elemento_sing.el-video {
    padding: 0;
}

#sezione2 .spa .acbck_ {
    clip-path: polygon(14% 0, 100% 0, 100% 100%, 14% 100%);
}

#sezione3 .spa .acbck_ {
    clip-path: polygon(0% 0, 84% 0, 84% 100%, 0% 100%);
}

section#sezione3 {
    display: flex;
    flex-direction: row-reverse;
}

span.poi-testo {
    display: none;
}

.menu-aperto a {
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.menu-aperto a::before {
    content: "";
    position: absolute;

    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    transition: width 0.3s ease-in-out;
}

.menu-aperto a:hover {
    color: #ffffff !important;
    z-index: 1;
}

.menu-aperto a:hover::before {
    width: 100%;
}

#camera section#striscia,
#ristorante section#striscia {
    margin-top: -60px;
    z-index: 2;
}

#camera section#sezione2 {
    margin-top: -60px;
}

#camera #sezione2 p img {
    width: auto;
}

#slideshow-interno .full-slider {
    z-index: 1;
}

#slideshow-interno ul.p-slide-control {
    justify-content: right;
    padding-right: 45px;
    z-index: 4;
}

.blocco_dati h3 img {
    filter: invert(1);
    height: 100px;
}

#servizi section#sezione3 {
    display: flex;
    flex-direction: row;
}

#spa section#titolo-camere {
    padding-bottom: 120px;
    padding-left: inherit;
    padding-right: initial;
}

h4 {
    margin-bottom: 0px;
    font-family: var(--eb-serif);
    font-size: 1.2rem;
    margin-top: 20px;
    font-weight: 300;
    color: var(
    --nero);
    line-height: 1.2;
    display: flex;
    align-items: center;
}

h4 img {
    height: 35px;
    width: auto;
    margin-left: 5px;
}

#ristorante #sezione2 .primo .col-sm-12:nth-child(2),
#ristorante #sezione2 .primo .col-sm-12:nth-child(3) {
    width: auto;
    float: left;
}

#ristorante #sezione2 .row.centrale.ao_left.primo {
    text-align: left;
    float: left;
    display: flex;
    justify-content: flex-start;
}

#ristorante #sezione2 .embed-responsive-16by9 video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#ristorante #sezione2 .embed-responsive-16by9 {
    padding-top: 0 !important;
    aspect-ratio: 1 / 1;
    height: auto;
}

#ristorante section#striscia.bellevue {
    margin-top: 0;
}

#ristoranti .col-sm-12.col-md-4.area {
    padding: 40px;
    background: #f7f7f7;
}

#ristorante h3 {
    font-family: var(--font-family-2);
    font-size: 2rem;
    line-height: 1.4em;
    font-weight: 600;
    color: var(--nero);
    margin-bottom: 20px;
}

#ristoranti h4 {
    color: var(--color2);
    margin-bottom: 20px;
    font-weight: 500;
}

#ristoranti p {
    margin-bottom: 20px;
}

#ristorante #testo-intro h4 {
    display: block;
    color: var(--color2);
    font-weight: 500;
}

.elemento_sing.el-camera:empty {
    display: none;
}

#sezione3 h3 img {
    width: auto;
    margin-bottom: 30px;
}

#testo-intro h3 img {
    width: auto;
}

#ristorante section#testo-intro {
    border: 50px solid #d18874;
    margin: 50px;
}

#ristorante section#ristoranti {
    border: 50px solid #d18874;
    margin: 50px;
    margin-top: -100px;
    border-top: none;
}

#testo-intro h3 {
    margin-bottom: 20px;
    font-size: 2rem;
    font-weight: 600;
}

section#foto {
    padding: 40px;
    padding-top: 0;
}

#testo-intro.servizi h3 {
    line-height: 1.2;
}

section#testo-intro2 {
    padding: 70px;
    padding-top: 0;
}

#mappa section#testo-intro .primo {
    padding-bottom: 0 !important;
}

#mappa #testo-intro h3:last-child {
    margin-bottom: 0;
}

#prima h2 {
    margin-bottom: 20px;
    margin-top: 5px;
}

section#testo-intro.servizi.due .primo {
    padding-bottom: 0 !important;
}

#villa section#foto {
    padding: 40px;
}

#footer span.elem,
#footer span.elem {
    font-family: var(--font-family-1);
    font-weight: 300;
}

#home #sezione2 h3 strong {
    color: var(--eb-carta);
    text-transform: math-auto;
    font-family: var(
    --eb-serif) !important;
    font-size: 5rem !important;
    font-weight: 400 !important;
    line-height: 1.04 !important;
    letter-spacing: -.025em !important;
}

a.button:hover {
    background-color: #ebb2a3 !important;
    color: var(--color1) !important;
}

#page-loader {
    position: fixed;
    inset: 0;
    background: #f3efea;
    z-index: 99999999;

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

    transition: opacity .25s ease, visibility .25s ease;
}

#page-loader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#page-loader .spinner {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(255, 255, 255, 0.35);
    border-top-color: #000;
    border-radius: 50%;
    animation: loader-spin 1s linear infinite;
}

@keyframes loader-spin {
    to {
        transform: rotate(360deg);
    }
}

#page-loader .loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

#page-loader .loader-logo {
    max-width: auto;
    height: 100px;
    display: block;
}

.scrolling img {
    filter: invert(1);
    height: 45px;
    width: auto;
}

.scrolling {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    width: 100%;
    z-index: 9999;
    top: inherit;
}

#home .scrolling img.img-fluid {
    transform: none;
    height: 40px;
    cursor: pointer;
    animation: bounceSoft 3s infinite ease-in-out;
    margin-top: 15px;
}

@keyframes bounceSoft {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

#zoom .owl-theme .owl-dots .owl-dot.active span {
    background-color: #ffffff3d;
}

#zoom .owl-theme .owl-dots .owl-dot span {
    background: #ffffff;
}

#slideshow-interno div[class^="cbck_"] {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

#slideshow-interno div[class^="cbck_"] {
    z-index: 2 !important;
}

#slideshow-interno .col-sm-12.col-md-12.area {
    z-index: 3 !important;
}

#home #sez-camere .blocco_foto_camera img.img-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#frHeader div.fastreservation .contenitore-fr .datepicker,
.datepicker-title .s_c_picker,
.datepicker-controls .view-switch,
.datepicker span {
    font-family: var(--font-family-2) !important;
    font-weight: 400 !important;
}

#camera section#sez-camere {
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 70px;
}

#camera section#titolo-camere {
    padding-top: 0;
    padding-top: 70px;
}

#servizi .servizi-due p {
    margin-right: 0;
    margin-bottom: 0;
}

#servizi #sezione4 p {
    margin-right: 0;
}

#spa #testo-intro .col-sm-12.col-md-6.area.camere-sx-1 {
    z-index: 1;
}

#spa #titolo-camere p {
    margin-bottom: 30px;
    text-align: center !important;
}

#spa #titolo-camere h3 {
    margin-top: 0;
}

nav.navmenu-lingue ul.sottolingue-attivo {
    width: 100px;
    background: #fff;
}

.accessibility-policy p,
.accessibility-policy li {
    line-height: 1.8em;
    font-size: 1.1rem;
    font-family: var(--font-family-2);
}

.accessibility-policy h3 {
    margin-top: 20px;
    margin-bottom: 15px;
}

.accessibility-policy h1 {
    margin-top: 30px;
    margin-bottom: 30px;
    color: var(--color2);
    line-height: 1.2;
}

.btn-apriFR::before {
    display: none;
}

body.menu-open {
    overflow: hidden;
    height: 100dvh;
}

#home .row.end.ao_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

#home .row.end.ao_center h3 {
    padding-bottom: 0 !important;
    text-transform: uppercase !important;
}

#slideshow .metropole-fade-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    pointer-events: none;
    z-index: 20;
    font-size: 0;
    color: transparent;
    line-height: 0;
}

#slideshow .mft-word {
    display: block;
    position: absolute;
    top: 50%;
    left: 15%;

    font-family: var(--font-family-1);
    font-size: clamp(28px, 4vw, 58px);
    line-height: 1.2;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    filter: blur(14px);
    transition: opacity 2s ease, filter 2s ease;
    pointer-events: none;
}

#slideshow .mft-word.mft-in {
    opacity: 1;
    filter: blur(0px);
}

#slideshow-interno .metropole-fade-text.mft-static {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    pointer-events: none;
    z-index: 20;
    font-size: 0;
    color: transparent;
    line-height: 0;
}

#slideshow-interno .metropole-fade-text.mft-static .mft-word {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--font-family-1);
    color: #ffffff;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    filter: blur(14px);
    transition: opacity 2s ease, filter 2s ease;
    pointer-events: none;
}

#slideshow-interno .metropole-fade-text.mft-static .mft-word.mft-title {
    top: calc(50% - 1.4em);
    font-size: clamp(21px, 3.3vw, 48px);
    font-weight: 600;
    line-height: 1.2;
}

#slideshow-interno .metropole-fade-text.mft-static .mft-word.mft-subtitle {
    top: calc(50% + 0.2em);
    font-size: clamp(13px, 2vw, 28px);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.18em;
}

#slideshow-interno .metropole-fade-text.mft-static .mft-word.mft-in {
    opacity: 1;
    filter: blur(0px);
}


/* TRANSIZIONE PAGINE */

@view-transition {
    navigation: auto;
}

::view-transition-group(root) {

    animation-duration: 1.15s;

    animation-timing-function:
        cubic-bezier(.76, 0, .24, 1);
}

::view-transition-image-pair(root) {

    isolation: isolate;
}

::view-transition-old(root) {

    animation:
        eb-page-old
        1.05s
        cubic-bezier(.76, 0, .24, 1)
        both;

    z-index: 1;
}

::view-transition-new(root) {

    animation:
        eb-page-new
        1.15s
        cubic-bezier(.76, 0, .24, 1)
        both;

    z-index: 2;
}

@keyframes eb-page-old {

    0% {

        opacity: 1;

        transform:
            scale(1);

        filter:
            brightness(1);
    }

    55% {

        opacity: .55;

        transform:
            scale(1.012);

        filter:
            brightness(.72);
    }

    100% {

        opacity: 0;

        transform:
            scale(1.018);

        filter:
            brightness(.45);
    }
}

@keyframes eb-page-new {

    0% {

        opacity: 0;

        transform:
            translateY(18px)
            scale(.995);

        filter:
            brightness(.65);
    }

    35% {

        opacity: 0;
    }

    100% {

        opacity: 1;

        transform:
            translateY(0)
            scale(1);

        filter:
            brightness(1);
    }
}


/* TENDINA TRANSIZIONE */

html.eb-page-leaving::before,
html.eb-page-entering::before {

    content: "";

    position: fixed;

    inset: 0;

    z-index: 2147483645;

    display: block;

    width: 100vw;
    height: 100vh;

    background:
        #21201f;

    pointer-events: none;
}


/* LOGO */

html.eb-page-leaving::after,
html.eb-page-entering::after {

    content: "";

    position: fixed;

    left: 50%;
    top: 50%;

    z-index: 2147483646;

    display: block;

    width: 135px;
    height: 80px;

    background-image:
        url("../../../data/loghi/logo-colori.webp");

    background-repeat:
        no-repeat;

    background-position:
        center center;

    background-size:
        contain;

    filter:
        brightness(0)
        invert(1);

    pointer-events: none;

    opacity: 0;

    transform:
        translate(-50%, -44%);

    animation:
        eb-logo-in
        .65s
        cubic-bezier(.22, 1, .36, 1)
        forwards;
}

@keyframes eb-logo-in {

    from {

        opacity: 0;

        transform:
            translate(-50%, -42%);
    }

    to {

        opacity: .94;

        transform:
            translate(-50%, -50%);
    }
}


/* USCITA */

html.eb-page-leaving::before {

    transform:
        translateY(100%);

    animation:
        eb-curtain-cover
        .72s
        cubic-bezier(.76,0,.24,1)
        forwards;
}

@keyframes eb-curtain-cover {

    from {

        transform:
            translateY(100%);
    }

    to {

        transform:
            translateY(0);
    }
}


/* INGRESSO */

html.eb-page-entering::before {

    transform:
        translateY(0);

    animation:
        eb-curtain-reveal
        .92s
        .16s
        cubic-bezier(.76,0,.24,1)
        forwards;
}

html.eb-page-entering::after {

    animation:
        eb-logo-out
        .48s
        .18s
        ease
        forwards;
}

@keyframes eb-curtain-reveal {

    from {

        transform:
            translateY(0);
    }

    to {

        transform:
            translateY(-101%);
    }
}

@keyframes eb-logo-out {

    0% {

        opacity: .94;

        transform:
            translate(-50%, -50%);
    }

    100% {

        opacity: 0;

        transform:
            translate(-50%, -58%);
    }
}


/* DURANTE CLICK */

html.eb-page-leaving {

    overflow:
        hidden;
}


/* ACCESSIBILITÀ */

@media (prefers-reduced-motion: reduce) {

    ::view-transition-old(root),
    ::view-transition-new(root),

    html.eb-page-leaving::before,
    html.eb-page-entering::before,

    html.eb-page-leaving::after,
    html.eb-page-entering::after {

        animation-duration:
            .15s !important;

        animation-delay:
            0s !important;
    }
}


/* HEADER */

#header .sezheader{
  display:flex !important;
  align-items:center !important;
  height:100px;
  padding: 0 10px !important;
  position:relative;
  gap:clamp(14px,1.6vw,28px);

}
#header .sezheader > *{
  position:static !important;
  transform:none !important;
  float:none !important;
}
#header .colheader{
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
}
#header .logosito{ margin:0 !important; text-align:left; }

.eb-menu, .eb-menu-voci{
  display:flex !important;
  align-items:center;
  flex-wrap:nowrap;
  gap:clamp(16px,1.7vw,36px);
  background:transparent;
}
.eb-menu a{ text-decoration:none; transition:color .3s, border-color .3s; }
.eb-menu-brand, .eb-menu-voce{
  font-family:var(--eb-serif);
  font-weight:400;
  font-size:clamp(14px,.95vw,17px);
  letter-spacing:.04em;
  color:var(--eb-carta);
  white-space:nowrap;
  padding-bottom:6px;
  border-bottom:1px solid transparent;
}
.eb-menu-brand{ border-bottom-color:var(--eb-oro); }
.eb-menu-voce:hover, .eb-menu-brand:hover{ color:var(--eb-bianco); border-bottom-color:var(--eb-oro); }

#header .colheader button[class*="apriFR"],
#header .colheader a[class*="apriFR"],
#header [id*="frHeader"] button,
#header [id*="fr_header"] button{
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  font-family:var(--eb-sans) !important;
  font-weight:500 !important;
  font-size:12px !important;
  letter-spacing:.26em !important;
  text-transform:uppercase !important;
  color:var(--eb-bianco) !important;
  background:var(--eb-oro) !important;
  border:1px solid var(--eb-oro) !important;
  border-radius:0 !important;
  padding:15px 30px !important;
  margin:0 !important;
  white-space:nowrap;
  box-shadow:none !important;
  transition:background .3s, color .3s, border-color .3s;
}
#header .colheader button[class*="apriFR"]:hover,
#header .colheader a[class*="apriFR"]:hover,
#header [id*="frHeader"] button:hover,
#header [id*="fr_header"] button:hover{
  background:var(--eb-carta) !important;
  border-color:var(--eb-carta) !important;
  color:var(--eb-espresso) !important;
}

#header .colheader button[class*="apriFR"] img,
#header .colheader button[class*="apriFR"] svg,
#header .colheader button[class*="apriFR"] i{ display:none !important; }

#header .fastreservation,
#header [class*="pannelloFR"],
#header [id*="pannelloFR"]{
  position:absolute !important;
  top:100px !important;
  right:20px !important;
  left:auto !important;
  z-index:1200;
}

#header #bottone_menu_header{ margin:0 !important; position:static !important; }
#header nav.navmenu-lingue{ display:flex !important; align-items:center; position:static !important; }
#header nav.navmenu-lingue button.multilingue{
  display:flex; align-items:center;
  font-family:var(--eb-sans); letter-spacing:.12em;
}
nav.navmenu-lingue ul.sottolingue-attivo{ top:100px; right:20px; }

#header.pos_fixed .eb-menu-brand,
#header.pos_fixed .eb-menu-voce{ color:var(--eb-espresso); }
#header.pos_fixed .eb-menu-voce:hover,
#header.pos_fixed .eb-menu-brand:hover{ color:var(--eb-oro); }

#home section#slideshow{ position:relative; }
#home #slideshow .bck_video{ position:absolute; inset:0; display:block; }
#home #slideshow .bck_video video{
  width:100%; height:100% !important;
  object-fit:cover; object-position:center;
}
#home #slideshow .row.end.ao_center h3{
  margin-left:clamp(24px,7vw,120px);
  border-left:1px solid rgba(242,237,227,.55);
  padding-left:clamp(18px,2.4vw,40px);
}
#home #slideshow .mft-word{
  letter-spacing:.02em !important;
  font-size: clamp(2rem,4.4vw,6rem) !important;
  line-height:1.15 !important;
  color:var(--eb-bianco);
}
#home .scrolling img.img-fluid{
  filter:invert(78%) sepia(28%) saturate(600%) hue-rotate(2deg) brightness(95%);
}

@media(max-width:1180px){
  .eb-menu{ display:none !important; }
  #header .sezheader{ padding:0 18px !important; gap:12px; }
  #header .colheader button[class*="apriFR"],
  #header .colheader a[class*="apriFR"]{ padding:12px 20px !important; }
}

#header .colheader.ch1,
#header .colheader.ch1 *,
#header .logosito,
#header .logosito a,
#header .logosito img{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  transform:none !important;
  float:none !important;
  margin:0 !important;
  text-align:left !important;
}
#header .colheader.ch1{
  order:-1 !important;
  margin-right:auto !important;
  display:flex !important;
  align-items:center !important;
}
#header .logosito img{max-height: 100px;width:auto;display:block;}


/* PRENOTAZIONI */

#frHeader .fastreservation{
  background:rgba(43,30,18,.92) !important;
  font-family:var(--eb-sans);
}

#frHeader .laterale-fr{
  background:var(--eb-espresso) !important;
  border-right:1px solid rgba(126,103,56,.45);
}

#frHeader .contenitore-fr{
  background:var(--eb-carta) !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(14px, 1.6vw, 28px);
  padding:clamp(24px, 4vw, 60px);
}
#frHeader .contenitore-fr form{
  display:flex;
  align-items:stretch;
  justify-content:center;
  flex-wrap:wrap;
  gap:clamp(14px, 1.6vw, 28px);
}

#frHeader .btn-chiudiFR{
  position:absolute;
  top:28px;
  right:32px;
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent !important;
  border:1px solid var(--eb-oro) !important;
  border-radius:50%;
  color:var(--eb-espresso) !important;
  font-size:20px;
  cursor:pointer;
  transition:all .25s ease;
}
#frHeader .btn-chiudiFR:hover{
  background:var(--eb-oro) !important;
  color:var(--eb-bianco) !important;
}

#frHeader .component_fr.data_fr,
#frHeader .component_fr.input_persone,
#frHeader .component_fr.input_listino{
  background:var(--eb-bianco);
  border:1px solid rgba(126,103,56,.45);
  padding:18px 22px;
  min-width:170px;
  cursor:pointer;
  transition:border-color .25s ease, box-shadow .25s ease;
}
#frHeader .component_fr.data_fr:hover,
#frHeader .component_fr.input_persone:hover,
#frHeader .component_fr.input_listino:hover{
  border-color:var(--eb-oro);
  box-shadow:0 6px 24px rgba(43,30,18,.08);
}

#frHeader .labelfastr{
  display:block;
  font-family:var(--eb-sans) !important;
  font-size:12px !important;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--eb-wenge) !important;
  margin-bottom:8px;
}

#frHeader .elem-grande{
  font-family:var(--eb-serif) !important;
  font-weight:500 !important;
  font-size:clamp(2rem, 2.6vw, 2.8rem) !important;
  line-height:1 !important;
  color:var(--eb-espresso) !important;
}

#frHeader .elem-piccolo{
  font-family:var(--eb-lora) !important;
  font-style:italic;
  font-size:14px !important;
  color:var(--eb-wenge) !important;
}

#frHeader .area_input_persone,
#frHeader .area_input_listino{
  background:var(--eb-bianco) !important;
  border:1px solid var(--eb-oro) !important;
  box-shadow:0 12px 40px rgba(43,30,18,.18);
  padding:20px;
}
#frHeader .area_input_persone .elemfr,
#frHeader .area_input_listino .elemfr{
  font-family:var(--eb-sans) !important;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--eb-wenge);
}
#frHeader select.elemfr,
#frHeader input.listinoinput{
  font-family:var(--eb-serif) !important;
  font-size:1.15rem !important;
  color:var(--eb-espresso) !important;
  background:var(--eb-bianco);
  border:1px solid rgba(126,103,56,.45) !important;
  border-radius:0 !important;
  padding:8px 12px;
}
#frHeader select.elemfr:focus,
#frHeader input.listinoinput:focus{
  outline:none;
  border-color:var(--eb-oro) !important;
}

#frHeader .button.btn.chiudi{
  background:transparent !important;
  border:1px solid var(--eb-oro) !important;
  border-radius:0 !important;
  color:var(--eb-espresso) !important;
  font-family:var(--eb-sans) !important;
  font-size:12px !important;
  letter-spacing:.18em;
  text-transform:uppercase;
  padding:10px 26px;
  cursor:pointer;
  transition:all .25s ease;
}
#frHeader .button.btn.chiudi:hover{
  background:var(--eb-oro) !important;
  color:var(--eb-bianco) !important;
}

#frHeader .btn_fastres{
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--eb-espresso) !important;
  border:1px solid var(--eb-espresso) !important;
  border-radius:0 !important;
  color:var(--eb-bianco) !important;
  font-family:var(--eb-sans) !important;
  font-size:13px !important;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  padding:0 34px;
  min-height:64px;
  align-self:center;
  transition:all .25s ease;
}
#frHeader .btn_fastres:hover{
  background:var(--eb-oro) !important;
  border-color:var(--eb-oro) !important;
  color:var(--eb-bianco) !important;
}

#frHeader .datepicker-dropdown .datepicker-picker{
  background:var(--eb-bianco);
  border:1px solid var(--eb-oro);
  border-radius:0;
  box-shadow:0 12px 40px rgba(43,30,18,.18);
  font-family:var(--eb-sans);
}
#frHeader .datepicker-header{
  background:var(--eb-espresso);
  color:var(--eb-vaniglia);
}
#frHeader .datepicker-title .d_c_picker .g_p{
  font-family:var(--eb-serif);
  color:var(--eb-bianco);
}
#frHeader .datepicker-controls .button{
  background:transparent;
  border:none;
  border-radius:0;
  color:var(--eb-vaniglia);
  font-family:var(--eb-sans);
  letter-spacing:.1em;
}
#frHeader .datepicker-controls .view-switch{ text-transform:uppercase; font-size:13px; }
#frHeader .datepicker-main{ background:var(--eb-bianco); }
#frHeader .dow{
  color:var(--eb-wenge);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#frHeader .datepicker-cell.day{
  color:var(--eb-espresso);
  border-radius:0;
}
#frHeader .datepicker-cell.day:hover{ background:var(--eb-sand); }
#frHeader .datepicker-cell.day.selected,
#frHeader .datepicker-cell.day.selected:hover{
  background:var(--eb-oro) !important;
  color:var(--eb-bianco) !important;
}
#frHeader .datepicker-cell.day.today:not(.selected){
  box-shadow:inset 0 0 0 1px var(--eb-oro);
}
#frHeader .datepicker-cell.day.disabled,
#frHeader .datepicker-cell.day.prev,
#frHeader .datepicker-cell.day.next{
  color:rgba(84,84,84,.35);
}

@media(max-width:1100px){
  #frHeader .laterale-fr{ display:none; }
  #frHeader .contenitore-fr form{ flex-direction:column; align-items:stretch; }
  #frHeader .component_fr.data_fr,
  #frHeader .component_fr.input_persone,
  #frHeader .component_fr.input_listino{ min-width:0; }
  #frHeader .btn_fastres{ min-height:56px; width:100%; }
}


/* MENU */

#menu_header.navbar-menu.menumobile.bottone-fix.down {

    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;

    width: 33.333333vw !important;
    max-width: 33.333333vw !important;

    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #ffffff !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    border-left: 1px solid rgba(126, 103, 56, .35);

    box-shadow:
        -22px 0 50px rgba(0, 0, 0, .08),
        -3px 0 12px rgba(126, 103, 56, .05);

    z-index: 99999 !important;

    transform: translate3d(100%, 0, 0) !important;

    opacity: 0 !important;

    visibility: hidden !important;
    pointer-events: none !important;

    will-change: transform, opacity;

    transition:
        transform .90s cubic-bezier(.76, 0, .24, 1),
        opacity .55s ease,
        visibility 0s linear .90s !important;
}

#menu_header.navbar-menu.menumobile.bottone-fix.down.menu-aperto {

    transform: translate3d(0, 0, 0) !important;

    opacity: 1 !important;

    visibility: visible !important;
    pointer-events: auto !important;

    transition:
        transform .90s cubic-bezier(.76, 0, .24, 1),
        opacity .55s ease,
        visibility 0s linear 0s !important;
}

#menu_header.grndm .areamenu,
#menu_header .areamenu {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;

    box-sizing: border-box;

    padding:
        clamp(90px, 9vh, 130px)
        clamp(40px, 4vw, 70px)
        70px !important;

    background-color: transparent !important;

    overflow-x: hidden;
    overflow-y: auto;

    z-index: 2;
}

#menu_header.grndm .areabck,
#menu_header .areabck {

    position: absolute !important;

    right: 0 !important;
    bottom: 35px !important;

    top: auto !important;
    left: auto !important;

    width: 30% !important;
    height: 30% !important;

    background-color: transparent !important;

    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-size: contain !important;

    z-index: 0 !important;

    pointer-events: none;

    opacity: .22;
}

#menu_header .navbar-nav-menu,
#menu_header .navbar-nav-menu.liv1 {

    display: flex !important;

    flex-direction: column !important;
    flex-wrap: nowrap !important;

    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

#menu_header .navbar-nav-menu > li,
#menu_header .navbar-nav-menu.liv1 > li {

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;

    margin: 0 0 5px 0 !important;
    padding: 0 !important;

    cursor: pointer;

    opacity: 0;

    filter: blur(16px);

    transform: scale(.975);

    transition:
        opacity 1.15s cubic-bezier(.22, 1, .36, 1),
        filter 1.35s cubic-bezier(.22, 1, .36, 1),
        transform 1.35s cubic-bezier(.22, 1, .36, 1);
}

#menu_header.menu-aperto .navbar-nav-menu > li {

    opacity: 1;

    filter: blur(0);

    transform: scale(1);
}

#menu_header.menu-aperto .navbar-nav-menu > li:nth-child(1) {
    transition-delay: .20s;
}

#menu_header.menu-aperto .navbar-nav-menu > li:nth-child(2) {
    transition-delay: .34s;
}

#menu_header.menu-aperto .navbar-nav-menu > li:nth-child(3) {
    transition-delay: .48s;
}

#menu_header.menu-aperto .navbar-nav-menu > li:nth-child(4) {
    transition-delay: .62s;
}

#menu_header.menu-aperto .navbar-nav-menu > li:nth-child(5) {
    transition-delay: .76s;
}

#menu_header.menu-aperto .navbar-nav-menu > li:nth-child(6) {
    transition-delay: .90s;
}

#menu_header.menu-aperto .navbar-nav-menu > li:nth-child(7) {
    transition-delay: 1.04s;
}

#menu_header.menu-aperto .navbar-nav-menu > li:nth-child(8) {
    transition-delay: 1.18s;
}

#menu_header.menu-aperto .navbar-nav-menu > li:nth-child(9) {
    transition-delay: 1.32s;
}

#menu_header.menu-aperto .navbar-nav-menu > li:nth-child(10) {
    transition-delay: 1.46s;
}

#menu_header.menu-aperto .navbar-nav-menu > li:nth-child(11) {
    transition-delay: 1.60s;
}

#menu_header:not(.menu-aperto) .navbar-nav-menu > li {

    transition-delay: 0s !important;

    opacity: 0;

    filter: blur(12px);

    transform: scale(.985);
}

#menu_header .navbar-nav-menu li.nav-item > .nav-link,
#menu_header.menu-aperto .navbar-nav-menu li.nav-item > .nav-link {

    position: relative;

    display: inline-block !important;

    width: auto !important;

    margin: 0 auto !important;

    padding: 8px 14px !important;

    background: transparent !important;

    color: #111111 !important;

    font-family: var(--eb-serif) !important;

    font-size: 1.4rem;

    font-weight: 400;

    line-height: 1.3em;

    letter-spacing: .01em;

    text-align: center !important;

    text-transform: none !important;

    transition:
        color .40s ease,
        transform .45s cubic-bezier(.22, 1, .36, 1);
}

#menu_header .navbar-nav-menu li.nav-item > .nav-link::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 2px;

    width: 0;
    height: 1px;

    transform: translateX(-50%);

    background-color: #7e6738;

    transition:
        width .50s cubic-bezier(.22, 1, .36, 1);
}

#menu_header.menu-aperto
.navbar-nav-menu
li.nav-item > .nav-link:hover {

    color: #7e6738 !important;

    transform: scale(1.025);
}

#menu_header.menu-aperto
.navbar-nav-menu
li.nav-item > .nav-link:hover::after {

    width: 34px;
}

#menu_header.menu-aperto
.navbar-nav-menu
li.nav-item.azioneher.prenotazioni > .nav-link {

    margin-top: 12px !important;

    padding: 12px 24px !important;

    color: #111111 !important;

    background: transparent !important;

    border: 1px solid #7e6738 !important;

    box-shadow: none !important;

    opacity: 1;

    transition:
        color .4s ease,
        background-color .4s ease,
        transform .4s cubic-bezier(.22, 1, .36, 1);
}

#menu_header.menu-aperto
.navbar-nav-menu
li.nav-item.azioneher.prenotazioni > .nav-link::after {

    display: none;
}

#menu_header.menu-aperto
.navbar-nav-menu
li.nav-item.azioneher.prenotazioni > .nav-link:hover {

    background-color: #7e6738 !important;

    color: #111111 !important;

    transform: scale(1.025);
}

#menu_header.menu-aperto
.navbar-nav-menu
li.nav-item
.sottomenu
.nav-link {

    color: #111111 !important;

    font-size: 1rem;

    background: transparent !important;

    text-align: center !important;
}

#menu_header.menu-aperto
.navbar-nav-menu
li.nav-item
.sottomenu
.nav-link:hover {

    color: #7e6738 !important;
}

#menu_header .chiudi_menumobile {

    position: absolute !important;

    top: 30px !important;
    right: 32px !important;

    width: 42px !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(126, 103, 56, .45) !important;

    border-radius: 50% !important;

    background: transparent !important;

    color: #111111 !important;

    cursor: pointer;

    z-index: 20;

    transition:
        border-color .4s ease,
        transform .45s cubic-bezier(.22, 1, .36, 1);
}

#menu_header .chiudi_menumobile i,
#menu_header i.zmdi.zmdi-close {

    color: #111111 !important;

    font-size: 22px !important;

    font-weight: 200 !important;

    transition:
        color .4s ease,
        transform .60s cubic-bezier(.22, 1, .36, 1);
}

#menu_header .chiudi_menumobile:hover {

    border-color: #7e6738 !important;

    transform: scale(1.05);
}

#menu_header .chiudi_menumobile:hover i {

    color: #7e6738 !important;

    transform: rotate(90deg);
}

@media (max-width: 1024px) {

    #menu_header.navbar-menu.menumobile.bottone-fix.down {

        width: 100vw !important;
        max-width: 100vw !important;
    }

    #menu_header.grndm .areamenu,
    #menu_header .areamenu {

        padding:
            90px
            30px
            50px !important;
    }

    #menu_header .navbar-nav-menu li.nav-item > .nav-link,
    #menu_header.menu-aperto .navbar-nav-menu li.nav-item > .nav-link {

        font-size: 1.25rem;
    }

    #menu_header.grndm .areabck,
    #menu_header .areabck {

        width: 30% !important;
        height: 25% !important;

        right: 10px !important;
        bottom: 20px !important;
    }

}

@media (prefers-reduced-motion: reduce) {

    #menu_header.navbar-menu.menumobile.bottone-fix.down,
    #menu_header .navbar-nav-menu > li,
    #menu_header .navbar-nav-menu li.nav-item > .nav-link,
    #menu_header .chiudi_menumobile,
    #menu_header .chiudi_menumobile i {

        transition-duration: .01ms !important;

        filter: none !important;
    }

}

.pos_absolute #bottone_menu_header svg {
    filter: brightness(100);
}


/* HOME - STORIA */

#historic {

    position: relative;

    width: 100%;

    margin: 0 !important;

    padding:
        clamp(55px, 6vw, 90px)
        30px
        clamp(48px, 5vw, 75px) !important;

    background: #fbfaf7;

    overflow: hidden;
}

#historic > .area,
#historic .colonnaarea,
#historic .row,
#historic .col-sm-12 {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#historic h3 {

position: relative;

width: 100%;

max-width: 1050px;

margin: 0 auto !important;

padding: 0 !important;

font-family: var(--eb-serif, 'Playfair Display', Georgia, serif) !important;

font-size: clamp(2.5rem, 3vw, 4.9rem) !important;

font-weight: 300 !important;

line-height: 1.08 !important;

letter-spacing: -0.025em !important;

text-align: center !important;

text-transform: none !important;

color: #1b1815 !important;

white-space: normal !important;

text-wrap: balance;
}

#historic h3 strong {

font-family: inherit !important;

font-size: inherit !important;

font-weight: 300 !important;

font-style: italic;

color: #1b1815 !important;

letter-spacing: inherit !important;
}

#historic h3::after {

    content: "";

    display: block;

    width: 92px;
    height: 1px;

    margin: 30px auto 0;

    background:
        linear-gradient(
            to right,
            #7e6738 0,
            #7e6738 43%,
            transparent 43%,
            transparent 57%,
            #7e6738 57%,
            #7e6738 100%
        );

    opacity: .72;
}

#historic::after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: clamp(47px, 5vw, 74px);

    width: 6px;
    height: 6px;

    background: #7e6738;

    transform:
        translate(-50%, 2px)
        rotate(45deg);

    opacity: .82;
}

#historic::before {

    content: "";

    position: absolute;

    left: 15%;
    right: 15%;
    top: 0;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(126, 103, 56, .10),
        transparent
    );

    pointer-events: none;
}


/* HOME - RATINGS */

#eb-ratings {
    position: relative;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: #f5f2ec;
    border-top: 1px solid rgba(126, 103, 56, 0.14);
    border-bottom: 1px solid rgba(126, 103, 56, 0.14);
    overflow: hidden;
}

#eb-ratings .eb-ratings-inner {
    width: 100%;
    max-width: 1200px;
    min-height: 150px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
}

#eb-ratings .eb-rating {
    position: relative;
    min-height: 150px;
    padding: 26px 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #1f1a17;
    opacity: 0;
    filter: blur(8px);
    transform: translateY(8px);
    transition:
        opacity 1.2s cubic-bezier(.22,1,.36,1),
        filter 1.2s cubic-bezier(.22,1,.36,1),
        transform 1.2s cubic-bezier(.22,1,.36,1);
}

#eb-ratings .eb-rating.eb-rating-ready {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

#eb-ratings .eb-rating:nth-child(1) { transition-delay: .08s; }
#eb-ratings .eb-rating:nth-child(2) { transition-delay: .22s; }
#eb-ratings .eb-rating:nth-child(3) { transition-delay: .36s; }
#eb-ratings .eb-rating:nth-child(4) { transition-delay: .50s; }

#eb-ratings .eb-rating:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 26%;
    right: 0;
    width: 1px;
    height: 48%;
    background: rgba(126, 103, 56, 0.22);
}

#eb-ratings .eb-rating-source {
    display: block;
    margin: 0 0 8px;
    font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.2;
    color: #443b34;
}

#eb-ratings .eb-rating-score {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin: 0;
    line-height: 1;
}

#eb-ratings .eb-rating-score [data-rating-score] {
    font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important;
    font-size: 2.15rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.03em;
    color: #231d19;
}

#eb-ratings .eb-rating-score small {
    margin-left: 4px;
    font-family: var(--eb-sans, Montserrat, Arial, sans-serif) !important;
    font-size: 0.80rem;
    font-weight: 500;
    color: #6f6259;
}

#eb-ratings .eb-rating-stars {
    position: relative;
    display: inline-block;
    margin: 8px 0 5px;
    line-height: 1;
    font-size: 0.86rem;
    letter-spacing: 2px;
}

#eb-ratings .eb-rating-stars .stars-base {
    color: rgba(126, 103, 56, 0.22);
}

#eb-ratings .eb-rating-stars .stars-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    width: 0%;
    color: #7e6738;
}

#eb-ratings .eb-rating-decoration {
    display: block;
    margin: 4px 0 7px;
    font-size: 0.38rem;
    line-height: 1;
    color: #8f7743;
    opacity: 0.85;
}

#eb-ratings .eb-rating-reviews {
    display: block;
    min-height: 18px;
    margin: 0;
    font-family: var(--eb-sans, Montserrat, Arial, sans-serif) !important;
    font-size: 0.92rem;
    font-weight: 400;
    line-height: 1.35;
    color: #75685f;
}


/* HOME - INTRO */

#primo-blocco-hp {

    position: relative;

    width: 100%;

    margin: 0 !important;

    padding: 105px 7% 115px !important;

    background: #ffffff;

    overflow: hidden;
}

#primo-blocco-hp > .area,
#primo-blocco-hp .colonnaarea,
#primo-blocco-hp .row,
#primo-blocco-hp .col-sm-12 {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}

#primo-blocco-hp .colonnaarea {

    max-width: 1100px !important;

    margin: 0 auto !important;
}

#primo-blocco-hp .colonnaarea::before {

    content: "◆";

    display: block;

    margin: 0 auto 34px;

    font-family: Georgia, serif;

    font-size: .48rem;

    line-height: 1;

    color: #7e6738;

    text-align: center;

    opacity: .85;
}

#primo-blocco-hp p {

width: 100%;

max-width: 1020px;

margin: 0 auto !important;

padding: 0 !important;

font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

font-size: 1.3rem !important;

font-weight: 400 !important;

line-height: 1.72 !important;

letter-spacing: .005em !important;

text-align: center !important;

color: #4c443e !important;
}

#primo-blocco-hp p strong {

    font-family: inherit !important;

    font-size: inherit !important;

    font-weight: 500 !important;

    color: #211c18 !important;
}

#primo-blocco-hp p strong:not(:first-child) {

    color: #2b241f !important;
}

#primo-blocco-hp p strong:last-of-type {

    font-weight: 400 !important;

    font-style: italic;

    color: #7e6738 !important;
}

#primo-blocco-hp::after {

    content: "";

    display: block;

    width: 72px;
    height: 1px;

    margin: 42px auto 0;

    background: #7e6738;

    opacity: .45;
}


/* HOME - PRIMA SEZIONE DOPPIA */

#prima-hp-doppia {

position: relative;

display: flex !important;

flex-wrap: nowrap !important;

width: 100%;

min-height: 911px !important;

margin: 0 !important;

padding: 0 !important;

background: #fbfaf7;

overflow: hidden;
}

#prima-hp-doppia > .cbck_13 {

    display: none !important;
}

#prima-hp-doppia > .area {

    position: relative;

    margin: 0 !important;

    box-sizing: border-box;
}

#prima-hp-doppia > .area.lato-sx {

    width: 58.333333% !important;
    max-width: 58.333333% !important;

    padding: 72px 0 72px 72px !important;

    display: flex;

    align-items: stretch;
}

#prima-hp-doppia
.lato-sx
.colonnaarea {

    position: relative;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

#prima-hp-doppia
.lato-sx
.colonnaarea > .row {

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#prima-hp-doppia
.lato-sx
.cont_sing {

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: transparent !important;
}

#prima-hp-doppia
.lato-sx
figure {

    position: relative;

    width: 100%;
    height: 100%;

    min-height: 760px;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden;
}

#prima-hp-doppia
.lato-sx
figure::after {

    content: "";

    position: absolute;

    top: 26px;
    right: 26px;

    width: 54px;
    height: 54px;

    border-top: 1px solid rgba(126,103,56,.65);
    border-right: 1px solid rgba(126,103,56,.65);

    z-index: 3;

    pointer-events: none;
}

#prima-hp-doppia
.lato-sx
figure picture {

    display: block;

    width: 100%;
    height: 100%;
}

#prima-hp-doppia
.lato-sx
figure img {

    display: block;

    width: 100% !important;
    height: 100% !important;

    min-height: 760px;

    object-fit: cover;
    object-position: center;

    margin: 0 !important;

    filter:
        saturate(.90)
        contrast(.98);

    transition:
        filter 1.2s ease;
}

#prima-hp-doppia > .area:not(.lato-sx) {

width: 41.666667% !important;

max-width: 41.666667% !important;

padding:
        95px
        clamp(70px, 6vw, 120px)
        95px
        clamp(65px, 5vw, 105px) !important;

display: flex;

align-items: center;

background: #fbfaf7;
}

#prima-hp-doppia
> .area:not(.lato-sx)
.colonnaarea {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#prima-hp-doppia
> .area:not(.lato-sx)
.row {

    position: relative;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#prima-hp-doppia
> .area:not(.lato-sx)
.row > div {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#prima-hp-doppia
> .area:not(.lato-sx)
.row::before {

    content: "";

    display: block;

    width: 52px;
    height: 1px;

    margin: 0 0 32px;

    background: #7e6738;

    opacity: .72;
}

#prima-hp-doppia h3 {

max-width: 620px;

margin: 0 0 35px !important;

padding: 0 !important;

font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

font-size: clamp(3.1rem, 3.6vw, 4rem) !important;

font-weight: 400 !important;

line-height: 1.02 !important;

letter-spacing: -.03em !important;

text-align: left !important;

text-transform: none !important;

color: #1e1916 !important;
}

#prima-hp-doppia h3 strong {

    font-family: inherit !important;

    font-size: inherit !important;

    font-weight: 400 !important;

    font-style: italic;

    color: #7e6738 !important;
}

#prima-hp-doppia p {

    max-width: 590px;

    margin: 0 !important;

    padding: 0 !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size: 1.04rem !important;

    font-weight: 400 !important;

    line-height: 1.9 !important;

    letter-spacing: .005em !important;

    text-align: left !important;

    color: #655b54 !important;
}

#prima-hp-doppia p strong {

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size: 1.14em !important;

    font-weight: 400 !important;

    font-style: italic;

    color: #211c18 !important;
}

#prima-hp-doppia
> .area:not(.lato-sx)
.row > div:last-child {

    position: relative;

    display: inline-block !important;

    width: auto !important;

    margin-top: 42px !important;

    padding:
        0
        0
        9px !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size: .76rem;

    font-weight: 500;

    line-height: 1.2;

    letter-spacing: .18em;

    text-transform: uppercase;

    color: #1f1a17;

    cursor: default;
}

#prima-hp-doppia
> .area:not(.lato-sx)
.row > div:last-child::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 4px;

    width: 100%;
    height: 1px;

    background: #7e6738;

    opacity: .8;
}

#prima-hp-doppia
> .area:not(.lato-sx)
.row > div:last-child::before {

    content: "◆";

    position: absolute;

    left: 50%;
    bottom: 4px;
    z-index: 1;

    transform: translate(-50%, 50%);

    padding: 0 6px;

    font-size: 8px;
    line-height: 1;

    color: #7e6738;

    background: #fbfaf7;
}


/* HOME - PUNTI DI FORZA */

#punti-di-forza {

    position: relative;

    display: flex !important;
    flex-wrap: nowrap !important;

    width: calc(100% - 140px);
    max-width: 1500px;

    margin: 110px auto 100px !important;
    padding: 0 !important;

    background: #fbfaf7;

    border:
        1px solid rgba(126, 103, 56, .18);

    box-sizing: border-box;

    overflow: visible;
}

#punti-di-forza::before {

    content: "";

    position: absolute;

    top: -48px;
    left: 50%;

    width: 120px;
    height: 1px;

    transform: translateX(-50%);

    background:
        rgba(126, 103, 56, .55);
}

#punti-di-forza::after {

    content: "";

    position: absolute;

    top: -51px;
    left: 50%;

    width: 7px;
    height: 7px;

    background: #7e6738;

    transform:
        translateX(-50%)
        rotate(45deg);

    opacity: .85;
}

#punti-di-forza > .area {

    position: relative;

    flex: 0 0 50% !important;

    width: 50% !important;
    max-width: 50% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}

#punti-di-forza > .area:first-of-type {

    border-right:
        1px solid rgba(126, 103, 56, .18);
}

#punti-di-forza .colonnaarea {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#punti-di-forza
.colonnaarea > .row {

    position: relative;

    display: grid !important;

    grid-template-columns:
        40% 60%;

    grid-template-rows:
        auto auto;

    column-gap: 36px;

    align-items: center;

    width: 100% !important;
    min-height: 220px;

    margin: 0 !important;

    padding: 24px 38px 24px 24px !important;

    box-sizing: border-box;

    background: transparent;
}

#punti-di-forza
.colonnaarea > .row:not(:last-child) {

    border-bottom:
        1px solid rgba(126, 103, 56, .16);
}

#punti-di-forza
.cont_sing {

    grid-column: 1;
    grid-row: 1 / span 2;

    align-self: stretch;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

#punti-di-forza
.cont_sing figure {

    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;
}

#punti-di-forza
.cont_sing picture {

    display: block;

    width: 100%;
    height: 100%;
}

#punti-di-forza
.cont_sing img {

    display: block;

    width: 100% !important;
    height: 100% !important;

    min-height: 165px;

    object-fit: cover;
    object-position: center;

    margin: 0 !important;
}

#punti-di-forza
.colonnaarea > .row > div:nth-child(2) {

    position: relative;

    grid-column: 2;
    grid-row: 1;

    align-self: end;

    width: 100% !important;

    margin: 0 !important;

    padding:
        39px
        0
        0
        0 !important;

    box-sizing: border-box;
}

#punti-di-forza
.colonnaarea > .row > div:nth-child(2)::before {

    position: absolute;

    top: 0;
    left: 0;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        );

    font-size: 1rem;

    font-weight: 400;

    line-height: 1;

    color: #7e6738;
}

#punti-di-forza
.colonnaarea > .row > div:nth-child(2)::after {

    content: "";

    position: absolute;

    top: 7px;
    left: 34px;

    width: 30px;
    height: 1px;

    background: #7e6738;

    opacity: .55;
}

#punti-di-forza
.punti-1 > div:nth-child(2)::before {
    content: "01";
}

#punti-di-forza
.punti-2 > div:nth-child(2)::before {
    content: "03";
}

#punti-di-forza
.punti-3 > div:nth-child(2)::before {
    content: "05";
}

#punti-di-forza
.punti-4 > div:nth-child(2)::before {
    content: "02";
}

#punti-di-forza
.punti-5 > div:nth-child(2)::before {
    content: "04";
}

#punti-di-forza
.punti-6 > div:nth-child(2)::before {
    content: "06";
}

#punti-di-forza h3 {

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size: 2rem !important;

    font-weight: 400 !important;

    line-height: 1.04 !important;

    letter-spacing: -.025em !important;

    text-align: left !important;

    text-transform: none !important;

    color: #211c18 !important;
}

#punti-di-forza h3 strong {

    font-family: inherit !important;

    font-size: inherit !important;

    font-weight: 400 !important;

    font-style: normal !important;

    color: inherit !important;
}

#punti-di-forza
.colonnaarea > .row > div:nth-child(3) {

    grid-column: 2;
    grid-row: 2;

    align-self: start;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#punti-di-forza h4 {

max-width: 310px;

margin: 12px 0 0 !important;

padding: 0 !important;

font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

font-size: 1rem !important;

font-weight: 400 !important;

line-height: 1.55 !important;

letter-spacing: 0 !important;

text-align: left !important;

text-transform: none !important;

color: #655b54 !important;
}


/* HOME - PUNTI DI FORZA FOTO */

#punti-di-forza .cont_sing figure {

    position: relative;

    overflow: hidden;

    background: #e9e4dc;
}

#punti-di-forza .cont_sing img {

    filter:
        grayscale(1)
        saturate(0)
        contrast(1.06)
        brightness(.82) !important;

    transform: scale(1.045);

    transform-origin: center center;

    will-change:
        filter,
        transform;

    transition:
        filter 1.8s cubic-bezier(.22, 1, .36, 1),
        transform 2.2s cubic-bezier(.22, 1, .36, 1);
}

#punti-di-forza .cont_sing figure::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            110deg,
            rgba(43, 30, 18, .16) 0%,
            rgba(126, 103, 56, .10) 45%,
            rgba(255, 255, 255, .06) 100%
        );

    opacity: .68;

    transition:
        opacity 1.7s cubic-bezier(.22, 1, .36, 1);
}

#punti-di-forza .cont_sing figure::before {

    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: -35%;

    width: 22%;

    z-index: 3;

    pointer-events: none;

    opacity: 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, .28),
            rgba(126, 103, 56, .12),
            transparent
        );

    transform: skewX(-10deg);
}

#punti-di-forza .cont_sing.foto-colore img {

    filter:
        grayscale(0)
        saturate(.92)
        contrast(.99)
        brightness(1) !important;

    transform: scale(1);
}

#punti-di-forza .cont_sing.foto-colore figure::after {

    opacity: 0;
}

#punti-di-forza .cont_sing.foto-colore figure::before {

    animation:
        eb-photo-light
        1.45s
        cubic-bezier(.22, 1, .36, 1)
        forwards;
}

@keyframes eb-photo-light {

    0% {

        left: -35%;

        opacity: 0;
    }

    18% {

        opacity: .75;
    }

    65% {

        opacity: .45;
    }

    100% {

        left: 125%;

        opacity: 0;
    }
}


/* HOME - BRAND */

#primo-blocco-hp .titolo-h1 {

    position: relative;

    width: 100% !important;

    margin: 0 0 72px !important;
    padding: 0 !important;

    text-align: center;
}

#primo-blocco-hp .titolo-h1 > div {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#primo-blocco-hp h1 img {
    height: 200px;
    width: auto;
}

#primo-blocco-hp .titolo-h1 h1 {

position: relative;

display: inline-block;

margin: 0 !important;

padding: 0px 0 0 !important;

font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

font-size: 1.05rem !important;

font-weight: 800 !important;

line-height: 1.75 !important;

letter-spacing: .28em !important;

text-indent: .48em;

text-align: center !important;

text-transform: uppercase !important;

color: #363636 !important;
}

#primo-blocco-hp .titolo-h1 h1 strong {

display: block;

margin: 0 !important;

padding: 0 !important;

font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

font-size: 1.12rem !important;

font-weight: 600 !important;

line-height: 1.4 !important;

letter-spacing: .58em !important;

text-indent: .58em;

text-transform: uppercase;

color: #363636 !important;
}

#primo-blocco-hp .titolo-h1 h1 br {

    display: block;
}

#primo-blocco-hp .titolo-h1 h2 {

    position: relative;

    margin: 17px 0 0 !important;

    padding: 23px 0 0 !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size: .92rem !important;

    font-weight: 400 !important;

    line-height: 1.3 !important;

    letter-spacing: .24em !important;

    text-transform: uppercase !important;

    text-align: center !important;

    color: #7e6738 !important;
}

#primo-blocco-hp .titolo-h1 h2::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 112px;
    height: 1px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            #7e6738 0%,
            #7e6738 44%,
            transparent 44%,
            transparent 56%,
            #7e6738 56%,
            #7e6738 100%
        );

    opacity: .60;
}

#primo-blocco-hp .titolo-h1 h2::after {

    content: "";

    position: absolute;

    top: -3px;
    left: 50%;

    width: 6px;
    height: 6px;

    background: #7e6738;

    transform:
        translateX(-50%)
        rotate(45deg);

    opacity: .85;
}

#sezione2 h4 {
    color: var(--eb-carta) !important;
    font-family: var(--eb-sans) !important;
    font-weight: 400;
    margin-left: 40%;
}

#sezione2 button.button.button--standard {
    background: transparent !important;
    border: 1px solid #E7D8BE;
    margin-left: 40%;
    margin-top: 30px;
}


/* HOME - SEZIONE 2 */

#sezione2 .sezione-2-2 figure {

    position: relative;

    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

#sezione2 .sezione-2-2 figure picture {

    display: block;

    width: 100%;
    height: 100%;
}

#sezione2 .sezione-2-2 figure img {

    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;

    margin: 0 !important;
}

#sezione2 .sezione-2-2 figure::after {

content: "";

position: absolute;

inset: 0;

z-index: 2;

pointer-events: none;

background: linear-gradient(90deg, rgba(43, 30, 18, 0.80) 0%, rgba(43, 30, 18, .75) 18%, rgba(43, 30, 18, .65) 34%, rgb(43 30 18 / 6%) 50%, rgb(43 30 18 / 0%) 66%, rgb(43 30 18 / 0%) 84%);
}


/* HOME - INTRO PUNTI DI FORZA */

#more {

position: relative;

display: flex !important;

align-items: center;

justify-content: center;

width: 100%;

height: 300px !important;

margin: 0 !important;

padding: 0 7% !important;

box-sizing: border-box;

overflow: hidden;
}

#more > .area,
#more .colonnaarea,
#more .row,
#more .col-sm-12 {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}

#more h3 {

margin: 0 auto !important;

padding: 0 !important;

font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

font-size: clamp(2.9rem, 2.8vw, 4.7rem) !important;

font-weight: 400 !important;

line-height: 1.08 !important;

letter-spacing: -.025em !important;

text-align: center !important;

text-transform: none !important;

color: #211c18 !important;

padding-top: 30px !important;

padding-bottom: 30px !important;
}

#more h3 strong {

    font-family: inherit !important;

    font-size: inherit !important;

    font-weight: 400 !important;

    font-style: italic !important;

    color: #7e6738 !important;
}


/* HOME - CAMERE E SUITES */

#nuove-tipologie {

    position: relative;

    width: 100%;

    min-height: 820px !important;

    margin: 0 !important;

    padding:
        70px
        0
        55px !important;

    box-sizing: border-box;

    background: #fbfaf7;

    overflow: hidden !important;
}

#nuove-tipologie > .area,
#nuove-tipologie .colonnaarea,
#nuove-tipologie .colonnaarea > .row {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}

#nuove-tipologie #owlcarousel-1292 {

    position: relative;

    width: calc(100% - 120px) !important;
    max-width: 1560px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    overflow: visible !important;
}

#nuove-tipologie .owl-stage-outer {

    overflow: hidden !important;

    cursor: grab;
}

#nuove-tipologie .owl-stage-outer:active {

    cursor: grabbing;
}

#nuove-tipologie .owl-stage {

    display: flex;

    align-items: flex-start;
}

#nuove-tipologie .owl-item {

    position: relative;

    box-sizing: border-box;

    overflow: visible;

    opacity: .68;

    transition:
        opacity 1s cubic-bezier(.22,1,.36,1);
}

#nuove-tipologie .owl-item > .item {

    position: relative;

    width: 100%;

    padding:
        0
        18px !important;

    box-sizing: border-box;
}

#nuove-tipologie .anteprimacamera {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    transform:
        translateY(22px)
        scale(.94);

    transform-origin:
        center top;

    opacity: .68;

    transition:
        transform 1.1s cubic-bezier(.22,1,.36,1),
        opacity 1s ease;
}

#nuove-tipologie
.owl-item.eb-room-side
.anteprimacamera {

    transform:
        translateY(24px)
        scale(.94);

    opacity: .68;
}

#nuove-tipologie
.owl-item.eb-room-focus {

    opacity: 1;
}

#nuove-tipologie
.owl-item.eb-room-focus
.anteprimacamera {

    transform:
        translateY(0)
        scale(.985);

    opacity: 1;

    z-index: 4;
}

#nuove-tipologie .blocco_foto_camera {

    position: relative;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

#nuove-tipologie
.blocco_foto_camera figure {

    position: relative;

    width: 100%;

    aspect-ratio: 1 / 1;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #e9e5de;
}

#nuove-tipologie
.blocco_foto_camera picture {

    display: block;

    width: 100%;
    height: 100%;
}

#nuove-tipologie
.blocco_foto_camera img {

    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    object-fit: cover;
    object-position: center;

    filter:
        grayscale(1)
        saturate(0)
        brightness(.87)
        contrast(1.03);

    transform: scale(1.025);

    transform-origin: center center;

    transition:
        filter 1.25s cubic-bezier(.22,1,.36,1),
        transform 1.5s cubic-bezier(.22,1,.36,1);
}

#nuove-tipologie
.owl-item.eb-room-side
.blocco_foto_camera img {

    filter:
        grayscale(1)
        saturate(0)
        brightness(.86)
        contrast(1.03);

    transform: scale(1.025);
}

#nuove-tipologie
.owl-item.eb-room-focus
.blocco_foto_camera img {

    filter:
        grayscale(0)
        saturate(.94)
        brightness(1)
        contrast(.99);

    transform: scale(1);
}

#nuove-tipologie
.blocco_foto_camera figure::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        rgba(255,255,255,.12);

    opacity: 1;

    transition:
        opacity 1s cubic-bezier(.22,1,.36,1);
}

#nuove-tipologie
.owl-item.eb-room-focus
.blocco_foto_camera figure::after {

    opacity: 0;
}

#nuove-tipologie
.owl-item.eb-room-focus
.blocco_foto_camera figure::before {

    content: "";

    position: absolute;

    top: 20px;
    right: 20px;

    width: 42px;
    height: 42px;

    z-index: 4;

    pointer-events: none;

    border-top:
        1px solid rgba(126,103,56,.65);

    border-right:
        1px solid rgba(126,103,56,.65);
}

#nuove-tipologie .blocco_dati {

    width: 100% !important;

    margin: 0 !important;

    padding:
        18px
        8px
        0 !important;

    box-sizing: border-box;

    text-align: left;
}

#nuove-tipologie
.blocco_dati::before {

    content: "";

    display: block;

    width: 24px;
    height: 1px;

    margin:
        0
        0
        11px;

    background: #7e6738;

    opacity: .30;

    transition:
        width .9s cubic-bezier(.22,1,.36,1),
        opacity .9s ease;
}

#nuove-tipologie
.owl-item.eb-room-focus
.blocco_dati::before {

    width: 48px;

    opacity: .68;
}

#nuove-tipologie
h3.titolo_camera:empty {

    display: none !important;
}

#nuove-tipologie
.blocco_dati > h3:not(.titolo_camera) {

width: 100%;

margin: 0
        0
        0px !important;

padding: 0 !important;

font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

font-size: 1.75rem !important;

font-weight: 400 !important;

line-height: 1.05 !important;

letter-spacing: -.02em !important;

text-align: left !important;

text-transform: none !important;

color: #29231f !important;

opacity: .48;

transition:
        color .9s ease,
        opacity .9s ease;
}

#nuove-tipologie
.owl-item.eb-room-focus
.blocco_dati > h3:not(.titolo_camera) {

    color: #211c18 !important;

    opacity: 1;
}

#nuove-tipologie
.blocco_dati > h3 br {

    line-height: .25 !important;
}

#nuove-tipologie
.testo_camera {

    display: block;

    width: 100%;
    max-width: 470px;

    margin: 0 !important;
    padding: 0 !important;

    opacity: .24;

    transition:
        opacity .9s ease;
}

#nuove-tipologie
.testo_camera p {

margin: 0 !important;

padding: 0 !important;

font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

font-size: .92rem !important;

font-weight: 400 !important;

line-height: 1.55 !important;

letter-spacing: 0 !important;

text-align: left !important;

color: #655b54 !important;
}

#nuove-tipologie
.testo_camera strong {

    display: inline;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size: 1.10em !important;

    font-weight: 400 !important;

    font-style: italic;

    line-height: 1.35;

    color: #332b25 !important;
}

#nuove-tipologie
.owl-item.eb-room-focus
.testo_camera {

    opacity: 1;
}

#nuove-tipologie
.owl-item.eb-room-focus
.testo_camera strong {

    color: #7e6738 !important;
}

#nuove-tipologie
.owl-dots {

    position: relative;

    display: flex !important;

    align-items: center;
    justify-content: center;

    gap: 9px;

    width: 100%;

    margin:
        32px
        0
        0 !important;

    padding: 0 !important;

    text-align: center !important;
}

#nuove-tipologie
.owl-dots::before {

    content: "SCORRI";

    display: inline-block;

    margin-right: 9px;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        );

    font-size: .58rem;

    font-weight: 500;

    line-height: 1;

    letter-spacing: .20em;

    color: #65574e;
}

#nuove-tipologie
.owl-dots
.owl-dot {

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 7px 0 !important;

    background: transparent !important;

    border: 0 !important;
}

#nuove-tipologie
.owl-dots
.owl-dot span {

    display: block !important;

    width: 24px !important;
    height: 1px !important;

    margin: 0 !important;

    border-radius: 0 !important;

    background:
        rgba(126,103,56,.26) !important;

    transition:
        width .55s cubic-bezier(.22,1,.36,1),
        background-color .55s ease !important;
}

#nuove-tipologie
.owl-dots
.owl-dot.active span {

    width: 52px !important;

    background:
        #7e6738 !important;
}

#nuove-tipologie .anteprimacamera {

    position: relative !important;

    cursor: pointer;
}

#nuove-tipologie .blocco_dati {

    position: static !important;
}

#nuove-tipologie
.anteprimacamera
a.tab-post-img {

    position: absolute !important;

    inset: 0 !important;

    z-index: 20 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: 0 !important;

    color: transparent !important;

    text-indent: -9999px;

    overflow: hidden;

    cursor: pointer;
}

#nuove-tipologie
.anteprimacamera
a.tab-post-img::before,

#nuove-tipologie
.anteprimacamera
a.tab-post-img::after {

    display: none !important;

    content: none !important;
}

#nuove-tipologie
.anteprimacamera
a.tab-post-img p {

    display: none !important;
}

#nuove-tipologie
.owl-item
.anteprimacamera {

    transition:
        transform 1.1s cubic-bezier(.22,1,.36,1),
        opacity 1s ease;
}

#nuove-tipologie
.anteprimacamera:hover
.blocco_foto_camera img {

    transform: scale(1.018);
}

#nuove-tipologie
.owl-item.eb-room-focus
.anteprimacamera:hover
.blocco_foto_camera img {

    transform: scale(1.012);
}

#nuove-tipologie
.owl-item.eb-room-focus
.anteprimacamera:hover
.blocco_dati > h3:not(.titolo_camera) {

    color: #7e6738 !important;
}

#nuove-tipologie
.colonnaarea > .row {

    position: relative !important;
}

#nuove-tipologie .owlbtns {

    position: absolute !important;

    top: 315px !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

    width: calc(100% - 30px) !important;
    max-width: 1680px !important;

    height: 1px;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 50;

    pointer-events: none;
}

#nuove-tipologie .owlPrev,
#nuove-tipologie .owlNext {

    position: absolute;

    top: 50%;

    width: 54px;
    height: 70px;

    margin: 0;
    padding: 0;

    transform: translateY(-50%);

    display: flex;

    align-items: center;
    justify-content: center;

    font-size: 0;

    color: transparent;

    background: transparent !important;

    border: 0 !important;

    cursor: pointer;

    pointer-events: auto;

    opacity: .85;

    transition:
        opacity .35s ease,
        transform .45s cubic-bezier(.22,1,.36,1);
}

#nuove-tipologie .owlPrev {

    left: 0;
}

#nuove-tipologie .owlNext {

    right: 0;
}

#nuove-tipologie .owlPrev::before,
#nuove-tipologie .owlNext::before {

    content: "";

    display: block;

    width: 18px;
    height: 18px;

    border-top: 1px solid #bbb7b1;
    border-right: 1px solid #bbb7b1;

    transition:
        border-color .35s ease,
        transform .45s cubic-bezier(.22,1,.36,1);
}

#nuove-tipologie .owlPrev::before {

    transform: rotate(-135deg);
}

#nuove-tipologie .owlNext::before {

    transform: rotate(45deg);
}

#nuove-tipologie .owlPrev:hover,
#nuove-tipologie .owlNext:hover {

    opacity: 1;
}

#nuove-tipologie .owlPrev:hover::before,
#nuove-tipologie .owlNext:hover::before {

    border-color: #7e6738;
}

#nuove-tipologie .owlPrev:hover::before {

    transform:
        translateX(-4px)
        rotate(-135deg);
}

#nuove-tipologie .owlNext:hover::before {

    transform:
        translateX(4px)
        rotate(45deg);
}

#nuove-tipologie .owl-nav {

    display: none !important;
}


/* HOME - TERRAZZA BORROMINI */

#sezione3 {

    position: relative;

    display: flex !important;
    flex-wrap: nowrap !important;

    width: 100%;

    min-height: 780px;

    margin: 0 !important;
    padding: 0 !important;

    background: #2B1E12;

    overflow: hidden;
}

#sezione3 > .area {

    position: relative;

    width: 50% !important;
    max-width: 50% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}

#sezione3 > .area:first-of-type {background: #21170f;}

#sezione3 > .area:first-of-type .colonnaarea,
#sezione3 > .area:first-of-type .row,
#sezione3 > .area:first-of-type .cont_sing {

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#sezione3 figure {

    position: relative;

    width: 100%;
    height: 100%;

    min-height: 780px;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #21170f;
}

#sezione3 figure picture {

    display: block;

    width: 100%;
    height: 100%;
}

#sezione3 figure img {display: block;width: 100% !important;height: 100% !important;min-height: 780px;margin: 0 !important;object-fit: cover;object-position: center;transform: scale(1.025);transition:
        filter 1.4s cubic-bezier(.22,1,.36,1),
        transform 1.8s cubic-bezier(.22,1,.36,1);}

#sezione3 figure::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        pointer-events: none;
        background:
        linear-gradient(
            90deg,
            rgba(43,30,18,.08) 0%,
            rgba(43,30,18,.10) 55%,
            rgba(43,30,18,.40) 82%,
            rgba(43,30,18,.92) 100%
        );
        }

#sezione3 figure::before {

    content: "";

    position: absolute;

    top: 34px;
    left: 34px;

    width: 62px;
    height: 62px;

    z-index: 3;

    pointer-events: none;

    border-top:
        1px solid rgba(126,103,56,.72);

    border-left:
        1px solid rgba(126,103,56,.72);
}

#sezione3 .el-video:empty {

    display: none !important;
}

#sezione3 > .area:last-of-type {

position: relative;

display: flex;

align-items: center;

padding:
        90px
        clamp(75px, 6vw, 130px)
        90px
        clamp(70px, 5vw, 115px) !important;

background: #21201f;
}

#sezione3 > .area:last-of-type .colonnaarea,
#sezione3 > .area:last-of-type .row {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#sezione3 > .area:last-of-type .row > div {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

#sezione3 > .area:last-of-type .row::before {
        content: "PIAZZA NAVONA";
        display: block;
        margin: 0 0 30px;
        font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        );
        font-size: .68rem;
        font-weight: 500;
        line-height: 1.3;
        letter-spacing: .24em;
        text-transform: uppercase;
        color: #a3a098;
        }

#sezione3 > .area:last-of-type .row::after {

    content: "";

    position: absolute;

    top: 24px;
    left: 0;

    width: 78px;
    height: 1px;

    background: #7e6738;

    opacity: .58;
}

#sezione3 h2 {

width: 100%;

margin:
        0
        0
        34px !important;

padding: 0 !important;

font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

font-size: clamp(4rem, 3.4vw, 7rem) !important;

font-weight: 300 !important;

line-height: .93 !important;

letter-spacing: -.045em !important;

text-align: left !important;

text-transform: none !important;

color: #F2EDE3 !important;
}

#sezione3 h2 strong {

display: block;

margin-left: 12%;

font-family: inherit !important;

font-size: inherit !important;

font-weight: 400 !important;

font-style: italic !important;

line-height: 1 !important;

letter-spacing: inherit !important;

color: #7e6738 !important;

font-size: clamp(4rem, 5.4vw, 7rem) !important;
}

#sezione3 p {

    width: 100%;
    max-width: 610px;

    margin:
        0
        0
        42px !important;

    padding: 0 !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size: .98rem !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;

    letter-spacing: .005em !important;

    text-align: left !important;

    color: rgba(242,237,227,.70) !important;
}

#sezione3 p strong {

    display: block;

    margin-bottom: 9px;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size: 1.42rem !important;

    font-weight: 400 !important;

    font-style: italic;

    line-height: 1.35 !important;

    color: #F2EDE3 !important;
}

#sezione3
> .area:last-of-type
.row > div:nth-last-child(2),

#sezione3
> .area:last-of-type
.row > div:last-child {

    display: inline-block !important;

    width: auto !important;

    vertical-align: top;
}

#sezione3 .button {

    position: relative;

    min-width: 190px;

    margin:
        0
        12px
        0
        0 !important;

    padding:
        15px
        24px !important;

    box-sizing: border-box;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size: .70rem !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;

    letter-spacing: .15em !important;

    text-transform: uppercase;

    box-shadow: none !important;

    border-radius: 0 !important;

    transition:
        color .45s ease,
        background-color .45s ease,
        border-color .45s ease,
        transform .45s cubic-bezier(.22,1,.36,1);
}

#sezione3
> .area:last-of-type
.row > div:nth-last-child(2)
.button {

    background: #7e6738 !important;

    border:
        1px solid #7e6738 !important;

    color: #F2EDE3 !important;
}

#sezione3
> .area:last-of-type
.row > div:last-child
.button {

    background:
        transparent !important;

    border:
        1px solid rgba(126,103,56,.85) !important;

    color: #F2EDE3 !important;
}

#sezione3
> .area:last-of-type
.row > div:nth-last-child(2)
.button:hover {

    background: #F2EDE3 !important;

    border-color: #F2EDE3 !important;

    color: #2B1E12 !important;

    transform: translateY(-2px);
}

#sezione3
> .area:last-of-type
.row > div:last-child
.button:hover {

    background: #7e6738 !important;

    border-color: #7e6738 !important;

    color: #F2EDE3 !important;

    transform: translateY(-2px);
}

#sezione3 > .area:last-of-type::after {

    content: "";

    position: absolute;

    right: 55px;
    bottom: 48px;

    width: 88px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(126,103,56,.55) 0%,
            rgba(126,103,56,.55) 44%,
            transparent 44%,
            transparent 56%,
            rgba(126,103,56,.55) 56%,
            rgba(126,103,56,.55) 100%
        );
}

#sezione3 > .area:last-of-type::before {

    content: "";

    position: absolute;

    right: 96px;
    bottom: 45px;

    width: 6px;
    height: 6px;

    background: #7e6738;

    transform: rotate(45deg);

    z-index: 2;
}


/* HOME - GALLERY */

#foto-home .colonnaarea,
#foto-home .colonnaarea > .row {

    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box;
}

#foto-home h3 {

width: 100%;

max-width: 1100px;

margin:
        0
        auto
        62px !important;

padding: 0 !important;

font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

font-size: clamp(3rem, 2.8vw, 5.1rem) !important;

font-weight: 400 !important;

line-height: 1.06 !important;

letter-spacing: -.03em !important;

text-align: center !important;

text-transform: none !important;

color: #211c18 !important;
}

#foto-home #galleria-89 {

position: relative;

display: grid !important;

grid-template-columns:
        repeat(6, minmax(0, 1fr));

grid-template-rows:
        repeat(4, minmax(0, 1fr));

gap: 4px;

width: 100%;

max-width: 1540px;

aspect-ratio: 16 / 9;

margin: 0 auto !important;

padding: 0px !important;

box-sizing: border-box;

border:
        1px solid rgba(126,103,56,.24);

overflow: hidden;
}

#foto-home
#galleria-89
> div {

    position: relative;

    float: none !important;

    width: auto !important;
    max-width: none !important;

    min-width: 0;
    min-height: 0;

    margin: 0 !important;
    padding: 0 !important;

    flex: none !important;

    overflow: hidden;
}

#foto-home
#galleria-89
> div:nth-child(1) {

    grid-column: 1 / 3;
    grid-row: 1 / 3;
}

#foto-home
#galleria-89
> div:nth-child(2) {

    grid-column: 3 / 4;
    grid-row: 1 / 3;
}

#foto-home
#galleria-89
> div:nth-child(3) {

    grid-column: 4 / 6;
    grid-row: 1 / 2;
}

#foto-home
#galleria-89
> div:nth-child(4) {

    grid-column: 6 / 7;
    grid-row: 1 / 2;
}

#foto-home
#galleria-89
> div:nth-child(5) {

    grid-column: 4 / 5;
    grid-row: 2 / 3;
}

#foto-home
#galleria-89
> div:nth-child(6) {

    grid-column: 5 / 7;
    grid-row: 2 / 3;
}

#foto-home
#galleria-89
> div:nth-child(7) {

    grid-column: 1 / 2;
    grid-row: 3 / 4;
}

#foto-home
#galleria-89
> div:nth-child(8) {

    grid-column: 2 / 4;
    grid-row: 3 / 4;
}

#foto-home
#galleria-89
> div:nth-child(9) {

    grid-column: 4 / 5;
    grid-row: 3 / 4;
}

#foto-home
#galleria-89
> div:nth-child(10) {

    grid-column: 5 / 6;
    grid-row: 3 / 4;
}

#foto-home
#galleria-89
> div:nth-child(11) {

    grid-column: 6 / 7;
    grid-row: 3 / 5;
}

#foto-home
#galleria-89
> div:nth-child(12) {

    grid-column: 1 / 2;
    grid-row: 4 / 5;
}

#foto-home
#galleria-89
> div:nth-child(13) {

    grid-column: 2 / 3;
    grid-row: 4 / 5;
}

#foto-home
#galleria-89
> div:nth-child(14) {

    grid-column: 3 / 4;
    grid-row: 4 / 5;
}

#foto-home
#galleria-89
> div:nth-child(15) {

    grid-column: 4 / 5;
    grid-row: 4 / 5;
}

#foto-home
#galleria-89
> div:nth-child(16) {

    grid-column: 5 / 6;
    grid-row: 4 / 5;
}

#foto-home .foto-gallery {

    position: relative;

    display: block;

    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #21170f;

    cursor: pointer;
}

#foto-home .foto-gallery figure,
#foto-home .foto-gallery picture {

    display: block;

    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

#foto-home .foto-gallery img {

    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    object-fit: cover;
    object-position: center;

    filter:
        saturate(.90)
        contrast(.99)
        brightness(.96);

    transform: scale(1.001);

    transform-origin: center center;

    will-change:
        transform,
        filter;

    transition:
        transform 1.45s cubic-bezier(.22,1,.36,1),
        filter 1.25s cubic-bezier(.22,1,.36,1);
}

#foto-home
.foto-gallery:hover
img {

    transform: scale(1.045);

    filter:
        saturate(1)
        contrast(1)
        brightness(.80);
}

#foto-home .mask-gallery {

    position: absolute !important;

    inset: 0 !important;

    z-index: 5;

    display: flex !important;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 20px !important;

    box-sizing: border-box;

    background:
        linear-gradient(
            180deg,
            rgba(43,30,18,.05) 0%,
            rgba(43,30,18,.42) 100%
        ) !important;

    opacity: 0;

    pointer-events: none;

    transition:
        opacity .7s cubic-bezier(.22,1,.36,1);
}

#foto-home
.foto-gallery:hover
.mask-gallery {

    opacity: 1;
}

#foto-home
.mask-gallery
.material-symbols-rounded {

    display: none !important;
}

#foto-home
.mask-gallery::before {

    content: "EITCH";

    display: block;

    margin: 0 0 6px;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        );

    font-size: .72rem;

    font-weight: 500;

    line-height: 1;

    letter-spacing: .42em;

    text-indent: .42em;

    text-transform: uppercase;

    color: #ffffff;

    opacity: 0;

    transform: translateY(8px);

    transition:
        opacity .65s ease .08s,
        transform .75s cubic-bezier(.22,1,.36,1) .08s;
}

#foto-home
.mask-gallery::after {

    content: "BORROMINI";

    display: block;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        );

    font-size: 1.05rem;

    font-weight: 400;

    line-height: 1;

    letter-spacing: .22em;

    text-indent: .22em;

    text-transform: uppercase;

    color: #ffffff;

    opacity: 0;

    transform: translateY(8px);

    transition:
        opacity .65s ease .16s,
        transform .75s cubic-bezier(.22,1,.36,1) .16s;
}

#foto-home
.foto-gallery:hover
.mask-gallery::before,

#foto-home
.foto-gallery:hover
.mask-gallery::after {

    opacity: 1;

    transform: translateY(0);
}

#foto-home .foto-gallery::after {

    content: "";

    position: absolute;

    inset: 12px;

    z-index: 6;

    pointer-events: none;

    border:
        1px solid rgba(255,255,255,.24);

    opacity: 0;

    transform: scale(.98);

    transition:
        opacity .65s ease,
        transform .8s cubic-bezier(.22,1,.36,1);
}

#foto-home
.foto-gallery:hover::after {

    opacity: 1;

    transform: scale(1);
}

#foto-home {

    position: relative;

    width: 100%;

    min-height: auto !important;

    margin: 0 !important;

    padding:
        165px
        70px
        175px !important;

    box-sizing: border-box;

    background: #fbfaf7;

    overflow: hidden;
}

#foto-home::before {

    content: "";

    position: absolute;

    top: 18px;
    right: 18px;
    bottom: 18px;
    left: 18px;

    z-index: 1;

    pointer-events: none;

    border:
        1px solid rgba(126,103,56,.48);
}

#foto-home > .area {

    position: relative;

    z-index: 2;
}


/* HOME - MAGAZINE */

#blog-home {

    display: flex !important;
    flex-wrap: nowrap !important;

    width: 100%;

    min-height: 820px !important;

    margin: 0 !important;
    padding: 0 !important;
}

#blog-home > .cbck_108 {

    display: none !important;
}

#blog-home > .area {

    margin: 0 !important;

    box-sizing: border-box;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#blog-home > .area:nth-of-type(1) {

    width: 31% !important;
    max-width: 31% !important;
}

#blog-home > .area:nth-of-type(2) {

    z-index: 3;
}

#blog-home > .area:nth-of-type(1)::after,
#blog-home > .area:nth-of-type(2)::after {

    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 1px;
    height: 100%;

    z-index: 20;

    pointer-events: none;

    background:
        rgba(126,103,56,.50);
}

#blog-home .acbck_ {

    position: absolute !important;

    inset: 0 !important;

    z-index: 2 !important;

    width: 100%;
    height: 100%;

    pointer-events: none;

    transition:
        background-color 1.1s cubic-bezier(.22,1,.36,1);
}

#blog-home > .area:nth-of-type(1),
#blog-home > .area:nth-of-type(3) {

    filter:
        grayscale(1)
        saturate(0)
        contrast(1.06)
        brightness(.78);

    transform: scale(1.001);

    transition:
        filter 1.4s cubic-bezier(.22,1,.36,1),
        transform 1.8s cubic-bezier(.22,1,.36,1);
}

#blog-home > .area:nth-of-type(1):hover,
#blog-home > .area:nth-of-type(3):hover {

    filter:
        grayscale(0)
        saturate(.90)
        contrast(1)
        brightness(.90);

    transform: scale(1.015);
}

#blog-home > .area:nth-of-type(2) {

    filter:
        saturate(.92)
        contrast(1.02)
        brightness(.92);
}

#blog-home
> .area:nth-of-type(1)
.acbck_,

#blog-home
> .area:nth-of-type(3)
.acbck_ {

    background:
        rgba(43,30,18,.34) !important;
}

#blog-home
> .area:nth-of-type(1):hover
.acbck_,

#blog-home
> .area:nth-of-type(3):hover
.acbck_ {

    background:
        rgba(43,30,18,.16) !important;
}

#blog-home
> .area:nth-of-type(2)
.acbck_ {

    background:
        linear-gradient(
            180deg,
            rgba(43,30,18,.24) 0%,
            rgba(43,30,18,.42) 55%,
            rgba(43,30,18,.58) 100%
        ) !important;
}

#blog-home
> .area:nth-of-type(2)
.colonnaarea {

    position: relative;

    z-index: 5;

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

    width: 100%;
    height: 100%;

    min-height: 820px;

    margin: 0 !important;

    padding:
        80px
        65px !important;

    box-sizing: border-box;
}

#blog-home
> .area:nth-of-type(2)
.row {

    position: relative;

    display: flex !important;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center;
}

/* occhiello del Magazine nella lingua della pagina */
:root { --eb-occhiello-magazine: "ROMA  ·  STORIE  ·  CULTURA"; }
html:lang(en) { --eb-occhiello-magazine: "ROME  ·  STORIES  ·  CULTURE"; }
html:lang(es) { --eb-occhiello-magazine: "ROMA  ·  HISTORIAS  ·  CULTURA"; }
html:lang(ru) { --eb-occhiello-magazine: "РИМ  ·  ИСТОРИИ  ·  КУЛЬТУРА"; }

#blog-home
> .area:nth-of-type(2)
.row::before {

    content: var(--eb-occhiello-magazine);

    display: block;

    margin:
        0
        0
        34px;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        );

    font-size: .62rem;

    font-weight: 500;

    line-height: 1.2;

    letter-spacing: .28em;

    text-indent: .28em;

    text-transform: uppercase;

    color: #D1BEA8;
}

#blog-home h3 {

    font-size:
        clamp(3rem, 3.7vw, 5rem) !important;
}

#blog-home h3 strong {

    letter-spacing: -.015em !important;
}

#blog-home h3::after {

    content: "";

    display: block;

    width: 108px;
    height: 1px;

    margin:
        34px
        auto
        0;

    background:
        linear-gradient(
            90deg,
            rgba(209,190,168,.72) 0%,
            rgba(209,190,168,.72) 44%,
            transparent 44%,
            transparent 56%,
            rgba(209,190,168,.72) 56%,
            rgba(209,190,168,.72) 100%
        );
}

#blog-home h3::before {

    content: "";

    position: absolute;

    left: 50%;

    width: 6px;
    height: 6px;

    margin-top: calc(100% + 0px);

    background: transparent;
}

#blog-home
> .area:nth-of-type(2)
.row > div:last-child {

    width: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

#blog-home .button {

    position: relative;

    min-width: 215px;

    margin: 0 !important;

    padding:
        16px
        28px !important;

    background:
        transparent !important;

    border:
        1px solid rgba(242,237,227,.72) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size: .68rem !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;

    letter-spacing: .17em !important;

    text-transform: uppercase;

    color: #F2EDE3 !important;

    transition:
        background-color .45s ease,
        border-color .45s ease,
        color .45s ease,
        transform .45s cubic-bezier(.22,1,.36,1);
}

#blog-home .button::after {

    content: "→";

    display: inline-block;

    margin-left: 14px;

    font-size: .95rem;

    font-weight: 300;

    letter-spacing: 0;

    transition:
        transform .45s cubic-bezier(.22,1,.36,1);
}

#blog-home .button:hover {

    background: #7E6738 !important;

    border-color: #7E6738 !important;

    color: #F2EDE3 !important;

    transform: translateY(-2px);
}

#blog-home .button:hover::after {

    transform: translateX(5px);
}

#blog-home
> .area:nth-of-type(2)::before {
    right: 22px;
    bottom: 22px;

    border:
        1px solid rgba(209,190,168,.20);
}

#blog-home
> .area:nth-of-type(2)
.colonnaarea::before {

    content: "";

    position: absolute;

    top: 58px;
    left: 50%;

    width: 52px;
    height: 1px;

    transform:
        translateX(-50%);

    background: #7E6738;

    opacity: .65;
}

#blog-home {
    position: relative;
    overflow: hidden;
    background: #f7f4ef;
}

#blog-home > .area {
    position: relative;
    min-height: 820px;
    padding: 0 !important;
    overflow: hidden;
}

#blog-home > .area:nth-of-type(2) {
    width: 31% !important;
    max-width: 31% !important;
}

#blog-home > .area:nth-of-type(3) {
    width: 38% !important;
    max-width: 38% !important;
    z-index: 3;
}

#blog-home > .area:nth-of-type(4) {
    width: 31% !important;
    max-width: 31% !important;
}

#blog-home > .area.sfondobckg {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#blog-home > .area .acbck_ {
    position: absolute;
    inset: 0;
    z-index: 1;
}

#blog-home > .area:nth-of-type(2) .acbck_,
#blog-home > .area:nth-of-type(4) .acbck_ {
    background: rgba(20, 16, 12, 0.42) !important;
}

#blog-home > .area:nth-of-type(2)::after,
#blog-home > .area:nth-of-type(3)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,.55);
    z-index: 30;
    pointer-events: none;
}

#blog-home > .area:nth-of-type(3) .colonnaarea {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 820px;
    padding: 80px 60px !important;
    box-sizing: border-box;
}

#blog-home > .area:nth-of-type(3) .row {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    position: relative;
}

#blog-home > .area:nth-of-type(2)::before {
    content: var(--eb-occhiello-magazine);
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    z-index: 20;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .34em;
    text-transform: uppercase;
    color: rgba(255,255,255,.72);
    white-space: nowrap;
    pointer-events: none;
}

#blog-home h3 {
    width: 100%;
    max-width: 640px;
    margin: 0 auto 28px !important;
    padding: 0 !important;
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: clamp(3rem, 3.3vw, 4.7rem) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
    text-align: center !important;
    color: #f4efe7 !important;
    text-transform: none !important;
    text-shadow: 0 1px 18px rgba(0,0,0,.22);
}

#blog-home h3 strong {
    display: block;
    margin-top: 14px;
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: .66em !important;
    font-weight: 400 !important;
    font-style: italic !important;
    line-height: 1 !important;
    color: #d8c3a0 !important;
}

#blog-home > .area:nth-of-type(3)::before {
    content: "";
    position: absolute;
    top: 24px;
    right: 24px;
    bottom: 24px;
    left: 24px;
    border: 1px solid rgba(255,255,255,.16);
    z-index: 4;
    pointer-events: none;
}

#blog-home > .area:nth-of-type(3) .row > div:last-child {
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

#blog-home > .area:nth-of-type(3) .button,
#blog-home > .area:nth-of-type(3) .button.button--standard {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    height: 52px;
    padding: 0 28px !important;
    border: 1px solid rgba(255,255,255,.38) !important;
    background: transparent !important;
    color: #f4efe7 !important;
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: all .35s ease;
}

#blog-home > .area:nth-of-type(3) .button:hover,
#blog-home > .area:nth-of-type(3) .button.button--standard:hover {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(209,190,168,.78) !important;
    color: #ffffff !important;
}

#blog-home > .area:nth-of-type(3) .button::before,
#blog-home > .area:nth-of-type(3) .button::after,
#blog-home > .area:nth-of-type(3) .button.button--standard::before,
#blog-home > .area:nth-of-type(3) .button.button--standard::after,
#blog-home > .area:nth-of-type(3) .button span::before,
#blog-home > .area:nth-of-type(3) .button span::after {
    content: none !important;
    display: none !important;
}

#blog-home > .area:nth-of-type(2)::before,
#blog-home > .area:nth-of-type(4)::before {
    content: none !important;
    display: none !important;
}

#blog-home > .area:nth-of-type(2),
#blog-home > .area:nth-of-type(4) {
    filter: grayscale(1) saturate(0) contrast(1.03) brightness(.78) !important;
    transform: none !important;
    transition: none !important;
}

#blog-home > .area:nth-of-type(2):hover,
#blog-home > .area:nth-of-type(4):hover {
    filter: grayscale(1) saturate(0) contrast(1.03) brightness(.78) !important;
    transform: none !important;
}

#blog-home > .area:nth-of-type(3) {
    filter: none !important;
}

#blog-home > .area:nth-of-type(3) .acbck_ {
    background:
        linear-gradient(
            180deg,
            rgba(20,16,12,.48) 0%,
            rgba(20,16,12,.40) 30%,
            rgba(20,16,12,.46) 65%,
            rgba(20,16,12,.58) 100%
        ) !important;
}

#blog-home > .area:nth-of-type(3) .row::before {
    content: var(--eb-occhiello-magazine);
    display: block;
    margin: 0 0 28px 0;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .34em;
    text-transform: uppercase;
    color: rgba(255,255,255,.82);
}

#blog-home > .area:nth-of-type(2) .row::before,
#blog-home > .area:nth-of-type(4) .row::before {
    content: none !important;
    display: none !important;
}


/* HOME - MAPPA */

#mappa-home {
    position: relative;

    padding: 120px 5vw;
    min-height: 720px !important;
    background: var(--eb-panna, #F2EDE3) !important;
    overflow: hidden;
    padding-top: 80px !important;
    padding-bottom: 80px;
}

#mappa-home > .area {
    padding-top: 0;
    padding-bottom: 0;
}

#mappa-home .centrale {
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 40px 40px 40px;
}

#mappa-home h3 {
    margin: 0;
    max-width: 430px;
    font-weight: 300;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: #000;
    font-family: var(--eb-serif) !important;
    font-size: clamp(3rem, 2.8vw, 5.1rem) !important;
}

#mappa-home h3 strong {
    display: inline-block;

    position: relative;

    color: var(--eb-oro, #7E6738);
    font-weight: inherit;
}

#mappa-home h3 strong::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -5px;

    width: 100%;
    height: 1px;

    background: var(--eb-oro, #7E6738);

    opacity: .45;
}

#mappa-home .el-mappa,
#mappa-home .mappa-container {
    position: relative;

    min-height: 540px;

    overflow: hidden;

    background: var(--eb-panna, #F2EDE3) !important;
}

#mappa-home .leaflet-container {
    height: 540px !important;
    background: var(--eb-panna, #F2EDE3) !important;
}

#mappa-home .mappa-container::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 500;

    pointer-events: none;

    box-shadow:

        inset 150px 0 120px -85px
        var(--eb-panna, #F2EDE3),

        inset -150px 0 120px -85px
        var(--eb-panna, #F2EDE3),

        inset 0 135px 110px -80px
        var(--eb-panna, #F2EDE3),

        inset 0 -135px 110px -80px
        var(--eb-panna, #F2EDE3);
}

#mappa-home .mappa-container::before {
    content: "";

    position: absolute;

    z-index: 501;

    pointer-events: none;

    left: 0;
    top: 0;
    bottom: 0;

    width: 190px;

    background: linear-gradient(
        90deg,
        var(--eb-panna, #F2EDE3) 0%,
        rgba(242, 237, 227, .94) 15%,
        rgba(242, 237, 227, .70) 35%,
        rgba(242, 237, 227, .30) 65%,
        rgba(242, 237, 227, 0) 100%
    );
}

#mappa-home .leaflet-control-zoom {
    border: 0 !important;

    box-shadow: none !important;
}

#mappa-home .leaflet-control-zoom a {
    width: 36px;
    height: 36px;

    line-height: 34px;

    background:
        rgba(242, 237, 227, .88) !important;

    color:
        var(--eb-oro, #7E6738) !important;

    border: 0 !important;

    border-bottom:
        1px solid rgba(126, 103, 56, .16) !important;

    font-weight: 300;

    backdrop-filter: blur(6px);
}

#mappa-home .leaflet-control-zoom a:last-child {
    border-bottom: 0 !important;
}

#mappa-home .leaflet-control-attribution {
    background:
        rgba(242, 237, 227, .70) !important;

    color:
        rgba(43, 30, 18, .50);

    font-size: 9px;
}

#mappa-home .leaflet-control-attribution a {
    color:
        rgba(43, 30, 18, .55);
}

#mappa-home .leaflet-popup-content-wrapper {
    background:
        rgba(242, 237, 227, .96);

    border-radius: 0;

    box-shadow:
        0 10px 35px
        rgba(43, 30, 18, .10);
}

#mappa-home .leaflet-popup-tip {
    background:
        var(--eb-panna, #F2EDE3);
}

#mappa-home .leaflet-popup-close-button {
    color:
        var(--eb-oro, #7E6738) !important;
}

@media (max-width: 1199px) {

    #mappa-home {
        padding:
            100px 4vw;

        min-height: 660px;
    }

    #mappa-home .centrale {
        min-height: 500px;

        padding:
            60px 30px;
    }

    #mappa-home .el-mappa,
    #mappa-home .mappa-container {
        min-height: 500px;
    }

    #mappa-home .leaflet-container {
        height: 500px !important;
    }

}

@media (max-width: 767px) {

    #mappa-home {
        padding:
            75px 22px;

        min-height: auto;
    }

    #mappa-home .centrale {
        min-height: auto;

        justify-content: flex-start;

        padding:
            10px 8px 60px;
    }

    #mappa-home h3 {
        max-width: 520px;
    }

    #mappa-home .el-mappa,
    #mappa-home .mappa-container {
        min-height: 430px;
    }

    #mappa-home .leaflet-container {
        height: 430px !important;
    }

    #mappa-home .mappa-container::before {
        display: none;
    }

    #mappa-home .mappa-container::after {

        box-shadow:

            inset 70px 0 65px -55px
            var(--eb-panna, #F2EDE3),

            inset -70px 0 65px -55px
            var(--eb-panna, #F2EDE3),

            inset 0 105px 80px -65px
            var(--eb-panna, #F2EDE3),

            inset 0 -105px 80px -65px
            var(--eb-panna, #F2EDE3);
    }

}

#mappa-home .leaflet-tile-pane {
    opacity: .82;
}

#mappa-home .leaflet-tile {
    filter:
        grayscale(1)
        sepia(.30)
        saturate(1)
        hue-rotate(-8deg)
        brightness(1)
        contrast(.84);

    mix-blend-mode: multiply;
}

#mappa-home .leaflet-map-pane::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 220;

    background:
        linear-gradient(
            0deg,
            rgba(226, 214, 193, .16),
            rgba(226, 214, 193, .16)
        );
}

#mappa-home .leaflet-marker-icon {
    filter:
        sepia(1)
        saturate(1.3)
        hue-rotate(2deg)
        brightness(0.97)
        contrast(0.92)
        drop-shadow(0 4px 10px rgba(126, 103, 56, .18));
}


/* FAQ */

#faq {
    position: relative;
    width: 100%;
    margin: 0 !important;
    padding: 145px 7vw 165px !important;
    background: #FFFFFF !important;
    box-sizing: border-box;
    overflow: hidden;
}

#faq > [class^="cbck_"] {
    background: #FFFFFF !important;
}

#faq > .area,
#faq > .area > .colonnaarea {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

#faq .centrale {
    display: grid !important;
    grid-template-columns:
        minmax(300px, .72fr)
        minmax(620px, 1.35fr);
    column-gap: clamp(90px, 9vw, 170px);
    align-items: start !important;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: left !important;
}

#faq .centrale > div:first-child {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#faq h3 {
    position: relative;
    width: 100%;
    max-width: 470px;
    margin: 0 !important;
    padding: 40px 0 0 !important;
    font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important;
    font-size: clamp(3.2rem, 3vw, 5.2rem) !important;
    font-weight: 300 !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    text-align: left !important;
    text-transform: none !important;
    color: var(--eb-espresso, #2B1E12) !important;
}

#faq h3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 1px;
    background: var(--eb-oro, #7E6738);
    opacity: .65;
}

#faq h3 strong {
    display: block;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 300 !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: none !important;
    color: var(--eb-oro, #7E6738) !important;
}

#faq .faq-container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    counter-reset: eb-faq;
}

#faq .faq-item {
    position: relative;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(126,103,56,.24) !important;
    box-sizing: border-box;
    counter-increment: eb-faq;
    transition: border-color .35s ease;
}

#faq .faq-item:last-child {
    border-bottom: 1px solid rgba(126,103,56,.24) !important;
}

#faq .faq-item:hover {
    border-top-color: rgba(126,103,56,.48) !important;
}

#faq .faq-item::before {
    content: counter(eb-faq, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 3;
    font-family: var(--eb-sans, Montserrat, Arial, sans-serif);
    font-size: .62rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .18em;
    color: rgba(126,103,56,.72);
    pointer-events: none;
}

#faq .faq-item .faq-question {
    position: relative;
    display: block !important;
    width: 100% !important;
    min-height: 104px;
    margin: 0 !important;
    padding: 32px 70px 32px 58px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none;
    font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important;
    font-size: clamp(1.45rem, 1.65vw, 1.9rem) !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
    letter-spacing: -.018em !important;
    text-align: left !important;
    text-transform: none !important;
    color: var(--eb-espresso, #2B1E12) !important;
    cursor: pointer;
    transition:
        opacity 1.4s cubic-bezier(.22,.61,.36,1),
        filter 1.4s cubic-bezier(.22,.61,.36,1),
        transform 1.4s cubic-bezier(.22,.61,.36,1),
        color .35s ease !important;
}

#faq .faq-item .faq-question:hover,
#faq .faq-item .faq-question[aria-expanded="true"] {
    background: transparent !important;
    color: var(--eb-oro, #7E6738) !important;
}

#faq .faq-arrow {
    display: none !important;
}

#faq .faq-question::before,
#faq .faq-question::after {
    content: "";
    position: absolute;
    right: 7px;
    top: 50%;
    width: 22px;
    height: 1px;
    background: var(--eb-oro, #7E6738);
    opacity: .72;
    transform-origin: center;
    transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        opacity .30s ease;
}

#faq .faq-question::before {
    transform: translateY(-50%);
}

#faq .faq-question::after {
    transform: translateY(-50%) rotate(90deg);
}

#faq .faq-question[aria-expanded="true"]::after {
    transform: translateY(-50%) rotate(0deg);
    opacity: 0;
}

/* La risposta si apre con l'altezza inline del plugin: niente padding verticale, a height 0 si chiude del tutto */
#faq .faq-item .faq-answer {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 82px 0 58px !important;
    box-sizing: border-box;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-size: 1.4rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    letter-spacing: .005em !important;
    text-align: left !important;
    text-transform: none !important;
    color: rgba(43,30,18,.70) !important;

    /* Risposta: niente effetto fx-text, l'altezza resta al plugin */
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    will-change: height;
    transition: height .48s cubic-bezier(.22,.61,.36,1) !important;
}

/* Filetto interno, dentro l'altezza animata */
#faq .faq-item .faq-answer::before {
    content: "";
    display: block;
    width: 38px;
    height: 1px;
    margin: 0 0 20px;
    background: var(--eb-oro, #7E6738);
    opacity: .42;
}

/* Spazio inferiore, dentro l'altezza animata */
#faq .faq-item .faq-answer::after {
    content: "";
    display: block;
    width: 100%;
    height: 34px;
}

/* Se il CMS genera un <p> */
#faq .faq-item .faq-answer > *,
#faq .faq-item .faq-answer p {
    margin: 0 !important;
    padding: 0 !important;
}

#faq .faq-item .faq-answer p {
    width: 100%;
    max-width: 760px;
    font: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-align: inherit !important;
    text-transform: inherit !important;
    color: inherit !important;
    background: transparent !important;
}

#faq > .area {
    background-size: 240px auto !important;
    background-position: 4.5vw calc(100% - 28px) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

#historic {
    background-size: 220px auto !important;
    background-position: calc(100% - 5vw) calc(100% + 25px) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

#primo-blocco-hp {
    background-size: 500px auto !important;
    background-position: center 35px !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

#primo-blocco-hp .cbck_272 {
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,.76) 0%,
        rgba(255,255,255,.82) 30%,
        rgba(255,255,255,.94) 58%,
        #ffffff 78%
    ) !important;
}


/* FOOTER */

footer#footer {
    position: relative;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    background:
        var(--eb-carta, #F2EDE3) !important;

    overflow: hidden;
}

#footer #sezfooter1 {
    position: relative;

    display: grid !important;

    grid-template-columns:
        1.15fr
        1fr
        .85fr
        1.15fr;

    column-gap:
        clamp(55px, 6vw, 120px);

    align-items: start;

    width: 100%;

    margin: 0 !important;

    padding:
        105px
        7vw
        95px !important;

    box-sizing: border-box;

    background:
        #fbfaf7 !important;

    border: 0 !important;

    overflow: hidden;
}

#footer #sezfooter1::before {
    content: "";

    position: absolute;

    top: 0;
    left: 7vw;
    right: 7vw;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(126,103,56,.38) 12%,
            rgba(126,103,56,.52) 50%,
            rgba(126,103,56,.38) 88%,
            transparent 100%
        );

    pointer-events: none;
}

#footer #sezfooter1::after {
    content: "";

    position: absolute;

    right: 3.5vw;
    bottom: -42px;

    width: 210px;
    height: 210px;

    background-image:
        url("../../../data/2560/simbolo-pamphili.webp");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    opacity: .055;

    mix-blend-mode: multiply;

    pointer-events: none;

    z-index: 0;
}

#footer #sezfooter1 .colfooter {
    position: relative;

    z-index: 2;

    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

#footer #sezfooter1 .logosito {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

#footer #sezfooter1 .logosito img {
    display: block;

    width: auto !important;
    height: auto !important;

    max-width: 105px !important;
    max-height: none !important;

    margin: 0 !important;

    filter: none !important;

    opacity: .94;
}

#footer #sezfooter1 .label {
    display: block !important;

    width: auto !important;

    margin: 0 0 21px !important;
    padding: 0 !important;

    background:
        transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    text-align: left !important;
}

#footer #sezfooter1 .label p {
    margin: 0 !important;
    padding: 0 !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size: .67rem !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    letter-spacing: .27em !important;

    text-transform: uppercase !important;

    text-align: left !important;

    color:
        var(--eb-oro, #7E6738) !important;
}

#footer #sezfooter1 .elem {
    display: block !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size: 1.02rem !important;

    font-weight: 400 !important;

    line-height: 1.55 !important;

    letter-spacing: 0 !important;

    text-transform: none !important;

    color:
        rgba(43,30,18,.72) !important;
}

#footer #sezfooter1 .elem a {
    font-family: inherit !important;

    font-size: inherit !important;

    font-weight: inherit !important;

    line-height: inherit !important;

    letter-spacing: inherit !important;

    color:
        rgba(43,30,18,.82) !important;

    text-decoration: none !important;

    transition:
        color .35s ease;
}

#footer #sezfooter1 .elem a:hover {
    color:
        var(--eb-oro, #7E6738) !important;
}

#footer #sezfooter1 .prefix {
    display: none !important;
}

/* Telefoni con etichetta: Reception, Cellulare e WhatsApp */
#footer #sezfooter1 .elem .eb-tel {
    display: block;
    margin: 0 0 14px;
}

#footer #sezfooter1 .elem .eb-tel:last-child {
    margin-bottom: 0;
}

#footer #sezfooter1 .elem .eb-tel-nome {
    display: block;
    margin: 0 0 3px;
    font-family: var(--eb-sans, "Montserrat", Arial, sans-serif);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(43,30,18,.55);
}

#footer #sezfooter1 .elem a.eb-tel-wa {
    display: inline-block;
    margin-left: 12px;
    padding-bottom: 1px;
    font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase;
    color: var(--eb-oro, #7E6738) !important;
    border-bottom: 1px solid rgba(126,103,56,.45);
    transition: color .35s ease, border-color .35s ease;
}

#footer #sezfooter1 .elem a.eb-tel-wa:hover {
    color: #2B1E12 !important;
    border-color: #2B1E12;
}

#footer #sezfooter1 .elemsocial {
    display: inline-flex !important;

    float: none !important;

    margin:
        6px
        14px
        0
        0 !important;

    padding: 0 !important;
}

#footer #sezfooter1 .linksocial {
    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 39px;
    height: 39px;

    margin: 0 !important;

    border:
        1px solid
        rgba(126,103,56,.32);

    border-radius: 50%;

    background:
        transparent !important;

    color:
        var(--eb-espresso, #2B1E12) !important;

    text-decoration:
        none !important;

    transition:
        border-color .35s ease,
        color .35s ease,
        transform .35s ease,
        background-color .35s ease;
}

#footer #sezfooter1 .linksocial:hover {
    border-color:
        var(--eb-oro, #7E6738);

    background:
        rgba(126,103,56,.05) !important;

    color:
        var(--eb-oro, #7E6738) !important;

    transform:
        translateY(-2px);
}

#footer #sezfooter1 .linksocial i {
    font-size: 1.05rem;

    line-height: 1;
}

#footer #sezfooter1 .colfooter:last-child .label:nth-of-type(2) {
    margin-top: 34px !important;
}

#footer #sezfooter3 {
    position: relative;

    display: flex !important;

    align-items: center;

    justify-content:
        space-between;

    flex-wrap: wrap;

    gap:
        17px
        32px;

    width: 100%;

    margin: 0 !important;

    padding:
        28px
        7vw
        30px !important;

    box-sizing: border-box;

    background:
        var(--eb-espresso, #2B1E12) !important;

    border-top:
        1px solid
        rgba(126,103,56,.35) !important;
}

#footer #sezfooter3 > .label {
    display: none !important;
}

#footer #sezfooter3 .datiaziendali {
    display: flex !important;

    align-items: center;

    flex-wrap: wrap;

    gap: 22px;
}

#footer #sezfooter3 .dat-aziend,
#footer #sezfooter3 .dat-circin {
    display: flex !important;

    align-items: center;

    flex-wrap: wrap;

    gap: 15px;
}

#footer #sezfooter3 .elem {
    display: inline-block;

    margin: 0 !important;
    padding: 0 !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size: .66rem !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

    letter-spacing: .065em !important;

    text-transform: none !important;

    color:
        rgba(255,255,255,.50) !important;
}

#footer #sezfooter3 .prefix {
    display: inline !important;

    margin-right: 3px;

    font-family:
        inherit !important;

    color:
        rgba(209,190,168,.60) !important;
}

#footer #sezfooter3 .selezunder {
    display: inline-flex !important;

    align-items: center;

    gap: 17px;

    margin: 0 !important;
}

#footer #sezfooter3 .selezunder a {
    margin: 0 !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size: .65rem !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

    letter-spacing: .075em !important;

    color:
        rgba(255,255,255,.58) !important;

    text-decoration: none !important;

    transition:
        color .3s ease;
}

#footer #sezfooter3 .selezunder a:hover {
    color:
        var(--eb-vanilla, #D1BEA8) !important;
}

#footer #sezfooter3 .easyc {
    margin-left: auto !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size: .63rem !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

    letter-spacing: .06em !important;

    color:
        rgba(255,255,255,.38) !important;
}

#footer #sezfooter3 .easyc a {
    font-family: inherit !important;

    color:
        rgba(255,255,255,.62) !important;

    text-decoration:
        none !important;

    transition:
        color .3s ease;
}

#footer #sezfooter3 .easyc a:hover {
    color:
        var(--eb-vanilla, #D1BEA8) !important;
}

#footer .cbck_,
#footer [class^="cbck_"],
#footer [class*=" cbck_"] {
    background:
        transparent !important;
}


/* CAMERE - HERO */

body.index-camere #slideshow-interno {

position: relative;

width: 100%;

margin: 0 !important;

padding: 0 !important;

background-size: cover !important;

background-position: center 45% !important;

background-repeat: no-repeat !important;

background-attachment: scroll !important;

overflow: hidden;
}

body.index-camere #slideshow-interno .cbck_97 {

    z-index: 2 !important;

    background:

        linear-gradient(
            180deg,
            rgba(43,30,18,.30) 0%,
            rgba(43,30,18,.05) 37%,
            rgba(43,30,18,.18) 100%
        ),

        linear-gradient(
            90deg,
            rgba(43,30,18,.78) 0%,
            rgba(43,30,18,.62) 24%,
            rgba(43,30,18,.34) 48%,
            rgba(43,30,18,.10) 72%,
            rgba(43,30,18,.04) 100%
        ) !important;
}

body.index-camere #slideshow-interno > .area {

    position: relative;

    z-index: 3 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.index-camere #slideshow-interno .colonnaarea {

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.index-camere
#slideshow-interno
.row.slideshow-interno {

    display: flex !important;

    align-items: flex-end !important;
    justify-content: flex-start !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    padding:
        0
        7vw
        95px !important;

    box-sizing: border-box;
}

body.index-camere
#slideshow-interno
.row.slideshow-interno > .col-sm-12 {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.index-camere
#slideshow-interno
h1.eb-rooms-hero {

    position: relative !important;

    top: auto !important;
    left: auto !important;

    transform: none !important;

    display: block !important;

    width: min(980px, 80vw) !important;

    margin: 0 !important;

    padding:
        0
        0
        0
        34px !important;

    border-left:
        1px solid
        rgba(209,190,168,.58);

    text-align: left !important;

    font-size: inherit !important;
    line-height: normal !important;

    letter-spacing: normal !important;

    text-transform: none !important;

    color: #ffffff !important;

    pointer-events: none;
}

body.index-camere
#slideshow-interno
.eb-rooms-hero .mft-word {

    position: static !important;

    display: block !important;

    left: auto !important;
    top: auto !important;

    opacity: 0;

    filter: blur(10px);

    transform:
        translateY(14px) !important;

    transition:
        opacity 1.35s cubic-bezier(.22,1,.36,1),
        filter 1.35s cubic-bezier(.22,1,.36,1),
        transform 1.35s cubic-bezier(.22,1,.36,1);

    white-space: normal !important;

    pointer-events: none;
}

body.index-camere
#slideshow-interno
.eb-rooms-hero .mft-word.mft-in {

    opacity: 1;

    filter: blur(0);

    transform:
        translateY(0) !important;
}

body.index-camere
#slideshow-interno
.eb-rooms-kicker {

    display: flex !important;

    align-items: center;

    gap: 15px;

    margin:
        0
        0
        21px !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size: .70rem !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    letter-spacing: .28em !important;

    text-transform: uppercase !important;

    color:
        rgba(242,237,227,.82) !important;
}

body.index-camere
#slideshow-interno
.eb-rooms-kicker::before {

    content: "";

    display: block;

    width: 42px;
    height: 1px;

    flex: 0 0 42px;

    background:
        var(--eb-oro, #7E6738);

    opacity: .90;
}

body.index-camere
#slideshow-interno
.eb-rooms-title {

    margin:
        0
        0
        8px !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        clamp(
            3.8rem,
            5.3vw,
            6.6rem
        ) !important;

    font-weight: 400 !important;

    line-height: .98 !important;

    letter-spacing: -.035em !important;

    text-transform: none !important;

    color:
        #ffffff !important;
}

body.index-camere
#slideshow-interno
.eb-rooms-subtitle {

    margin: 0 !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        clamp(
            1.8rem,
            2.35vw,
            2.9rem
        ) !important;

    font-weight: 300 !important;

    font-style: italic;

    line-height: 1.12 !important;

    letter-spacing: -.015em !important;

    text-transform: none !important;

    color:
        rgba(242,237,227,.88) !important;
}

body.index-camere
#slideshow-interno
.eb-rooms-subtitle em {

    font-family: inherit !important;

    font-size: inherit !important;

    font-weight: inherit !important;

    font-style: inherit !important;

    color:
        var(--eb-vanilla, #D1BEA8) !important;
}


/* CAMERE - INTRO */

body.index-camere #intro-camere {

position: relative;

width: 100%;

margin: 0 !important;

padding:
        135px
        7vw
        145px !important;

box-sizing: border-box;

background:
        #fbfaf7 !important;

overflow: hidden;
}

body.index-camere #intro-camere .cbck_98 {

    background:
        transparent !important;
}

body.index-camere #intro-camere > .area,
body.index-camere #intro-camere .colonnaarea {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.index-camere #intro-camere .colonnaarea {

    max-width: 1380px !important;

    margin:
        0 auto !important;
}

body.index-camere
#intro-camere
.row.centrale.ao_center {

    display: grid !important;

    grid-template-columns:
        minmax(0,  .90fr)
        minmax(0, 1.10fr);

    column-gap:
        clamp(80px, 8vw, 145px);

    align-items: start;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}

body.index-camere
#intro-camere
.row.centrale.ao_center > .col-sm-12 {

    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.index-camere
#intro-camere
.row.centrale.ao_center > .col-sm-12:first-child {

position: relative;

padding-right: clamp(35px, 2vw, 70px) !important;
}

body.index-camere #intro-camere h2 {

width: 100%;

margin: 0 !important;

padding: 0 !important;

font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

font-size: clamp(
            3.1rem,
            3.3vw,
            5.7rem
        ) !important;

font-weight: 300 !important;

line-height: 1.1 !important;

letter-spacing:
        -.035em !important;

text-align:
        left !important;

text-transform:
        none !important;
}

body.index-camere #intro-camere h2 strong {

    display: inline;

    font-family:
        inherit !important;

    font-size:
        inherit !important;

    font-weight:
        400 !important;

    line-height:
        inherit !important;
}

body.index-camere #intro-camere h2 br {

    display: block;

    content: "";

    margin-bottom:
        12px;
}

body.index-camere #intro-camere h2 {

    color:
        var(--eb-oro, #7E6738) !important;
}

body.index-camere #intro-camere h2 strong {

    color:
        var(--eb-espresso, #2B1E12) !important;
}

body.index-camere
#intro-camere
.row.centrale.ao_center > .col-sm-12:nth-child(2) {

    position: relative;

    padding-left:
        clamp(45px, 4vw, 75px) !important;

    border-left:
        1px solid
        rgba(126,103,56,.24);
}

body.index-camere #intro-camere p {

    width: 100%;

    max-width: 690px;

    margin: 0 !important;
    padding: 0 !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        1.22rem !important;

    font-weight:
        400 !important;

    line-height:
        1.72 !important;

    letter-spacing:
        .002em !important;

    text-align:
        left !important;

    color:
        #574d46 !important;
}

body.index-camere #intro-camere p strong {

    font-family:
        inherit !important;

    font-size:
        inherit !important;

    font-weight:
        500 !important;

    color:
        #2b241f !important;
}

body.index-camere
#intro-camere
.eb-intro-camere-finale {

    position: relative;

    margin:
        46px
        0
        0 !important;

    padding:
        29px
        0
        0 !important;

    font-size:
        1.35rem !important;

    line-height:
        1.55 !important;

    color:
        #514740 !important;
}

body.index-camere
#intro-camere
.eb-intro-camere-finale::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 72px;
    height: 1px;

    background:
        var(
            --eb-oro,
            #7E6738
        );

    opacity: .65;
}

body.index-camere
#intro-camere
.eb-intro-camere-finale strong {

    font-size:
        1.08em !important;

    font-weight:
        400 !important;

    font-style:
        italic;

    color:
        var(
            --eb-oro,
            #7E6738
        ) !important;
}


/* CAMERE - LISTA TIPOLOGIE */

body.index-camere #camere-1 {

    position: relative;

    width: 100%;

    margin: 0 !important;

    padding:
        40px
        7vw
        160px !important;

    box-sizing: border-box;

    background:
        #ffffff;

    overflow: hidden;
}

body.index-camere #camere-1 > .area,
body.index-camere #camere-1 .colonnaarea {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.index-camere #camere-1 .colonnaarea {

    max-width: 1450px !important;

    margin: 0 auto !important;
}

body.index-camere
#camere-1
.row.index-camere {

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap:
        clamp(70px, 8vw, 145px);

    row-gap:
        120px;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.index-camere
#camere-1
.elemento_sing.el-camera {

    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.index-camere
#camere-1
.anteprimacamera {

    display: flex !important;

    flex-direction: column;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    overflow: visible !important;
}

body.index-camere
#camere-1
.blocco_foto_camera {

    position: relative;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

body.index-camere
#camere-1
.blocco_foto_camera figure {

    position: relative;

    width: 100%;
    aspect-ratio: 4 / 5;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background:
        #f3f0eb;
}

body.index-camere
#camere-1
.blocco_foto_camera picture {

    display: block;

    width: 100%;
    height: 100%;
}

body.index-camere
#camere-1
.blocco_foto_camera img {

    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    object-fit: cover;

    object-position: center;

    transform:
        scale(1);

    transition:
        transform
        1.4s
        cubic-bezier(.22,1,.36,1);
}

body.index-camere
#camere-1
.elemento_sing:hover
.blocco_foto_camera img {

    transform:
        scale(1.025);
}

body.index-camere
#camere-1
.blocco_dati {

    position: relative;

    display: block !important;

    width: 100%;

    margin: 0 !important;

    padding:
        31px
        0
        0 !important;

    box-sizing: border-box;

    text-align: left !important;
}

body.index-camere #camere-1 .elemento_sing:nth-child(1) .blocco_dati::before {
    content: "01";
}

body.index-camere #camere-1 .elemento_sing:nth-child(2) .blocco_dati::before {
    content: "02";
}

body.index-camere #camere-1 .elemento_sing:nth-child(3) .blocco_dati::before {
    content: "03";
}

body.index-camere #camere-1 .elemento_sing:nth-child(4) .blocco_dati::before {
    content: "04";
}

body.index-camere #camere-1 .elemento_sing:nth-child(5) .blocco_dati::before {
    content: "05";
}

body.index-camere #camere-1 .elemento_sing:nth-child(6) .blocco_dati::before {
    content: "06";
}

body.index-camere #camere-1 .elemento_sing:nth-child(7) .blocco_dati::before {
    content: "07";
}

body.index-camere
#camere-1
.blocco_dati h3 {

    float: none !important;

    width: 100% !important;

    margin:
        0
        0
        18px !important;

    padding: 0 !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        clamp(
            2.1rem,
            2.7vw,
            3.3rem
        ) !important;

    font-weight:
        400 !important;

    line-height:
        1.04 !important;

    letter-spacing:
        -.025em !important;

    text-transform:
        none !important;

    text-align:
        left !important;

    color:
        var(
            --eb-espresso,
            #2B1E12
        ) !important;
}

body.index-camere
#camere-1
.blocco_dati h3 br {

    display: none;
}

body.index-camere
#camere-1
.testo_camera p {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size:
        .91rem !important;

    font-weight:
        400 !important;

    line-height:
        1.72 !important;

    letter-spacing:
        .005em !important;

    text-align:
        left !important;

    color:
        #70655e !important;
}

body.index-camere
#camere-1
.testo_camera strong {

    display: block;

    margin:
        0
        0
        8px;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        1.12rem !important;

    font-weight:
        400 !important;

    font-style:
        italic;

    line-height:
        1.4 !important;

    color:
        var(
            --eb-oro,
            #7E6738
        ) !important;
}

body.index-camere
#camere-1
.blocco_dati > a.button {

    display: inline-block !important;

    width: auto !important;

    margin:
        27px
        0
        0 !important;

    padding:
        0
        0
        8px !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-bottom:
        1px solid
        rgba(126,103,56,.45) !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    text-decoration:
        none !important;
}

body.index-camere
#camere-1
.blocco_dati > a.button p {

    margin: 0 !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size:
        .65rem !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    letter-spacing:
        .20em !important;

    text-transform:
        uppercase !important;

    color:
        var(
            --eb-espresso,
            #2B1E12
        ) !important;
}

body.index-camere
#camere-1
.elemento_sing:nth-child(3),

body.index-camere
#camere-1
.elemento_sing:nth-child(5),

body.index-camere
#camere-1
.elemento_sing:nth-child(7) {

    transform:
        translateY(95px);
}

body.index-camere
#camere-1
.elemento_sing:first-child {

    grid-column:
        1 / -1;

    margin:
        10px
        0
        65px !important;

    transform:
        none !important;
}

body.index-camere
#camere-1
.elemento_sing:first-child
.anteprimacamera {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(330px, .65fr);

    column-gap:
        clamp(65px, 7vw, 125px);

    align-items:
        center;
}

body.index-camere
#camere-1
.elemento_sing:first-child
.blocco_foto_camera figure {

    aspect-ratio:
        16 / 10;
}

body.index-camere
#camere-1
.elemento_sing:first-child
.blocco_dati {

    padding:
        0 !important;
}

body.index-camere
#camere-1
.elemento_sing:first-child
.blocco_dati h3 {

    max-width:
        480px;

    font-size:
        clamp(
            3.1rem,
            4.2vw,
            5.2rem
        ) !important;

    line-height:
        .98 !important;
}

body.index-camere
#camere-1
.elemento_sing:first-child
.testo_camera strong {

    font-size:
        1.32rem !important;
}

body.index-camere
#camere-1
.elemento_sing:first-child
.testo_camera p {

    max-width:
        460px;
}

body.index-camere
#camere-1
.elemento_sing:first-child
.blocco_dati::after {

    content: "";

    position: absolute;

    left: -42px;
    top: 0;

    width: 1px;
    height: 100%;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(126,103,56,.40),
            transparent
        );
}


/* CAMERE - LABEL E CTA */

body.index-camere
#camere-1
.elemento_sing
.blocco_dati::before {

    content: "EITCH BORROMINI" !important;

    display: block;

    width: 100%;

    margin:
        0
        0
        17px !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size:
        .62rem !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    letter-spacing:
        .27em !important;

    text-transform:
        uppercase !important;

    color:
        var(
            --eb-oro,
            #7E6738
        ) !important;
}

body.index-camere
#camere-1
.testo_camera {

    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 520px;

    margin: 0 !important;
    padding: 0 !important;
}

body.index-camere
#camere-1
.blocco_dati > a.button,
body.index-camere
#camere-1
.blocco_dati > a.button.button--standard {

position: relative !important;

display: inline-flex !important;

float: none !important;

clear: both !important;

align-items: center !important;

justify-content: center !important;

width: auto !important;

min-width: 220px !important;

height: 56px !important;

margin:
        30px
        0
        0 !important;

padding: 5px
        28px !important;

box-sizing: border-box;

background:
        transparent !important;

border:
        1px solid
        rgba(126,103,56,.55) !important;

border-radius:
        0 !important;

box-shadow:
        none !important;

color:
        var(
            --eb-espresso,
            #2B1E12
        ) !important;

text-decoration:
        none !important;

transition:
        background-color .35s ease,
        border-color .35s ease,
        color .35s ease;
}

body.index-camere
#camere-1
.blocco_dati > a.button p,
body.index-camere
#camere-1
.blocco_dati > a.button.button--standard p {

display: block !important;

float: none !important;

width: auto !important;

margin: 0 !important;

padding: 0px !important;

font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

font-size: 0.68rem !important;

font-weight:
        500 !important;

line-height:
        1 !important;

letter-spacing:
        .18em !important;

text-transform:
        uppercase !important;

text-align:
        center !important;

color:
        inherit !important;
}

body.index-camere
#camere-1
.blocco_dati > a.button:hover,
body.index-camere
#camere-1
.blocco_dati > a.button.button--standard:hover {

    background:
        var(
            --eb-oro,
            #7E6738
        ) !important;

    border-color:
        var(
            --eb-oro,
            #7E6738
        ) !important;

    color:
        #ffffff !important;
}

body.index-camere
#camere-1
.blocco_dati > a.button::before,

body.index-camere
#camere-1
.blocco_dati > a.button::after {

    content: none !important;
    display: none !important;
}


/* PAGINE INTERNE - HERO */

.sez-slideshow-interno {

    position: relative;

    width: 100%;

    height: 100vh !important;
    min-height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden;
}

.sez-slideshow-interno > [class^="cbck_"],
.sez-slideshow-interno > [class*=" cbck_"] {

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background:
        linear-gradient(
            90deg,
            rgba(43,30,18,.70) 0%,
            rgba(43,30,18,.43) 36%,
            rgba(43,30,18,.16) 66%,
            rgba(43,30,18,.04) 100%
        ),
        linear-gradient(
            0deg,
            rgba(43,30,18,.52) 0%,
            rgba(43,30,18,.10) 46%,
            rgba(43,30,18,0) 72%
        ) !important;

    z-index: 1;

    pointer-events: none;
}

.sez-slideshow-interno > .area {

    position: relative;

    z-index: 2;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.sez-slideshow-interno .colonnaarea {

    position: relative;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.sez-slideshow-interno .row.centrale.ao_center {

position: absolute !important;

left: 7vw !important;

right: auto !important;

bottom: 0 !important;

top: auto !important;

display: block !important;

width: auto !important;

max-width: 78vw !important;

margin: 0 !important;

padding: 0 !important;

transform: none !important;

text-align: left !important;
}

.sez-slideshow-interno
.row.centrale.ao_center
> .col-sm-12 {

    float: none !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.sez-slideshow-interno
.eb-internal-hero-title {

    position: relative;

    display: block;

    width: auto;

    max-width: 1100px;

    margin: 0 !important;

    padding:
        0 0 0 37px !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-weight: 300 !important;

    line-height: 1 !important;

    letter-spacing: normal !important;

    text-align: left !important;

    text-transform: none !important;

    color: #ffffff !important;
}

.sez-slideshow-interno
.eb-internal-hero-title::before {

    content: "";

    position: absolute;

    left: 0;
    top: 3px;
    bottom: 3px;

    width: 1px;

    background:
        var(--eb-vanilla,#D1BEA8);

    opacity: .78;
}

.sez-slideshow-interno
.eb-internal-kicker {

    display: flex !important;

    align-items: center;

    gap: 17px;

    width: max-content;

    margin:
        0 0 27px !important;

    padding: 0 !important;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size:
        .65rem !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    letter-spacing:
        .27em !important;

    text-transform:
        uppercase !important;

    color:
        var(--eb-vanilla,#D1BEA8) !important;
}

.sez-slideshow-interno
.eb-internal-kicker::after {

    content: "";

    display: block;

    width: 68px;
    height: 1px;

    background:
        var(--eb-vanilla,#D1BEA8);

    opacity: .72;
}

.sez-slideshow-interno
.eb-internal-title {

    display: block !important;

    width: auto;

    margin: 0 !important;
    padding: 0 !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        clamp(
            4.6rem,
            6.8vw,
            8.4rem
        ) !important;

    font-weight:
        300 !important;

    line-height:
        .92 !important;

    letter-spacing:
        -.045em !important;

    text-transform:
        none !important;

    color:
        #ffffff !important;
}

.sez-slideshow-interno
.eb-internal-subtitle {

    display: block !important;

    width: auto;

    margin:
        23px 0 0 !important;

    padding: 0 !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        clamp(
            1.55rem,
            2.2vw,
            2.75rem
        ) !important;

    font-weight:
        300 !important;

    line-height:
        1.12 !important;

    letter-spacing:
        -.018em !important;

    text-transform:
        none !important;

    color:
        rgba(
            255,
            255,
            255,
            .84
        ) !important;
}

.sez-slideshow-interno
.eb-internal-subtitle em {

    font-family: inherit !important;

    font-size: inherit !important;

    font-weight: inherit !important;

    font-style: italic !important;

    color:
        var(--eb-vanilla,#D1BEA8) !important;
}


/* PAGINE INTERNE - INTRO */

.intro-pagina-gen {
    position: relative;
    width: 100%;

    margin: 0 !important;
    padding: 135px 7vw 145px !important;
    box-sizing: border-box;
    overflow: hidden;

    background-color: #fbfaf7 !important;

    background-repeat: no-repeat !important;
    background-size: 380px auto !important;
    background-position: left -100px bottom -100px !important;
    background-attachment: scroll !important;
}

.intro-pagina-gen > [class^="cbck_"],
.intro-pagina-gen > [class*=" cbck_"] {
    background-color: rgba(255, 255, 255, 0.82) !important;
}

.intro-pagina-gen > .area,
.intro-pagina-gen .colonnaarea {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.intro-pagina-gen .colonnaarea {
    max-width: 1380px !important;
    margin: 0 auto !important;
    position: relative;
    z-index: 2;
}

.intro-pagina-gen .row.centrale.ao_center {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.intro-pagina-gen .row.centrale.ao_center > .col-sm-12 {
    float: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, .60fr) minmax(0, 1.100fr);
    column-gap: clamp(80px, 8vw, 145px);
    align-items: start;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.intro-pagina-gen h2 {
    position: relative;
    width: 100%;
    margin: 0 !important;

    font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important;
    font-size: clamp(3.1rem, 4.3vw, 5.7rem) !important;
    font-weight: 300 !important;
    line-height: 1.03 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
    text-transform: none !important;
    color: var(--eb-oro, #7E6738) !important;
}

.intro-pagina-gen h2 strong {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: inherit !important;
    color: var(--eb-espresso, #2B1E12) !important;
}

.intro-pagina-gen h2 br {
    display: block;
    content: "";
    margin-bottom: 12px;
}

.intro-pagina-gen .row.centrale.ao_center > .col-sm-12 > p {
    position: relative;
    width: 100%;

    margin: 0 !important;
    padding: 0 0 0 clamp(45px, 4vw, 75px) !important;
    box-sizing: border-box;
    border-left: 1px solid rgba(126, 103, 56, .24);
    font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important;
    font-size: 1.22rem !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;
    letter-spacing: .002em !important;
    text-align: left !important;
    color: #574d46 !important;
}

.intro-pagina-gen .row.centrale.ao_center > .col-sm-12 > p strong {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 500 !important;
    color: #2b241f !important;
}


/* PAGINE INTERNE - GALLERY */

.foto-interne {

position: relative !important;

width: 100% !important;

height: auto !important;

min-height: 0 !important;

margin: 0 !important;

padding:
        105px 7vw 115px !important;

box-sizing: border-box !important;

background:
        #fbfaf7 !important;

overflow: hidden !important;

padding-left: 50px !important;

padding-right: 50px !important;
}

.foto-interne > .area,
.foto-interne .colonnaarea {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.foto-interne .colonnaarea {

margin:
        0 auto !important;
}

.foto-interne
.row.centrale.ao_center {

    position: relative !important;

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding:
        0 72px !important;

    box-sizing:
        border-box !important;
}

.foto-interne
.owl-carousel {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.foto-interne
.owl-stage-outer {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

.foto-interne
.owl-stage {

    display: flex !important;

    align-items: stretch !important;
}

.foto-interne
.owl-item {

    position: relative !important;

    height: auto !important;

    padding:
        0 11px !important;

    box-sizing:
        border-box !important;
}

.foto-interne
.owl-item
.item,

.foto-interne
.owl-item
.cont_sing {

    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.foto-interne
.owl-item
figure {

    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio:
        1 / 1 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        #eee9e1 !important;
}

.foto-interne
.owl-item
figure
picture {

    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.foto-interne
.owl-item
figure
picture
img {

position: absolute !important;

top: 0 !important;

left: 0 !important;

display: block !important;

width: 100% !important;

max-width: none !important;

height: 100% !important;

max-height: none !important;

margin: 0 !important;

padding: 0 !important;

object-fit:
        cover !important;

object-position:
        center center !important;

transform:
        scale(1);

transition:
        transform
        1.25s
        cubic-bezier(.22,1,.36,1) !important;

top: 0%;

transform: translateY(0%) !important;
}

.foto-interne
.owl-item
.item:hover
figure
img {

    transform:
        scale(1.025);
}

.foto-interne
.owl-item
figure::before {

    content: "";

    position: absolute;

    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px;

    z-index: 5;

    border:
        1px solid
        rgba(126,103,56,.78);

    box-sizing:
        border-box;

    pointer-events:
        none;
}

.foto-interne
.owl-item
figure::after {

    content:
        "EB";

    position:
        absolute;

    left:
        50%;

    bottom:
        31px;

    z-index:
        6;

    transform:
        translateX(-50%);

    margin:
        0;

    padding:
        0;

    background:
        transparent;

    border:
        0;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        );

    font-size:
        .78rem;

    font-weight:
        500;

    line-height:
        1;

    letter-spacing:
        .27em;

    text-indent:
        .27em;

    color:
        #f1e4ca;

    text-shadow:
        0 1px 5px
        rgba(43,30,18,.55);

    pointer-events:
        none;
}

.foto-interne
.owl-nav,

.foto-interne
.owl-dots {

    display:
        none !important;
}

.foto-interne
.owlbtns {

    position:
        absolute !important;

    top:
        50% !important;

    left:
        0 !important;

    right:
        0 !important;

    width:
        100% !important;

    height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    transform:
        translateY(-50%);

    z-index:
        20;

    pointer-events:
        none;
}

.foto-interne
.owlbtns
.owlPrev,

.foto-interne
.owlbtns
.owlNext {

    position:
        absolute !important;

    top:
        50% !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        46px !important;

    height:
        46px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        1px solid
        rgba(126,103,56,.45) !important;

    border-radius:
        50% !important;

    background:
        rgba(251,250,247,.94) !important;

    box-shadow:
        none !important;

    color:
        transparent !important;

    font-size:
        0 !important;

    cursor:
        pointer;

    pointer-events:
        auto;

    transform:
        translateY(-50%) !important;

    transition:
        background-color .3s ease,
        border-color .3s ease,
        transform .3s ease !important;
}

.foto-interne
.owlbtns
.owlPrev {

    left:
        5px !important;
}

.foto-interne
.owlbtns
.owlNext {

    right:
        5px !important;
}

.foto-interne
.owlbtns
.owlPrev::before,

.foto-interne
.owlbtns
.owlNext::before {

    display:
        block;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        );

    font-size:
        1rem;

    font-weight:
        300;

    line-height:
        1;

    color:
        var(--eb-oro,#7E6738);
}

.foto-interne
.owlbtns
.owlPrev::before {

    content:
        "←";
}

.foto-interne
.owlbtns
.owlNext::before {

    content:
        "→";
}

.foto-interne
.owlbtns
.owlPrev:hover,

.foto-interne
.owlbtns
.owlNext:hover {

    background:
        var(--eb-oro,#7E6738) !important;

    border-color:
        var(--eb-oro,#7E6738) !important;

    transform:
        translateY(-50%)
        scale(1.04) !important;
}

.foto-interne
.owlbtns
.owlPrev:hover::before,

.foto-interne
.owlbtns
.owlNext:hover::before {

    color:
        #ffffff;
}


/* PAGINE INTERNE - SCOPRI DI PIU */

#slideshow-interno
.eb-scroll-next {

    position: relative;

    display: flex;

    flex-direction: column;
    align-items: flex-start;

    width: auto;

    margin:
        30px 0 0 0;

    padding:
        0;

    border:
        0;

    background:
        transparent;

    cursor:
        pointer;

    appearance:
        none;

    -webkit-appearance:
        none;
}

#slideshow-interno
.eb-scroll-next-label {

    display: block;

    margin: 0;

    padding: 0;

    font-family:
        var(--eb-sans, Montserrat, Arial, sans-serif);

    font-size:
        .61rem;

    font-weight:
        500;

    line-height:
        1;

    letter-spacing:
        .25em;

    text-transform:
        uppercase;

    color:
        rgba(255,255,255,.88);

    transition:
        color .35s ease,
        transform .35s ease;
}

#slideshow-interno
.eb-scroll-next-line {

    position: relative;

    display: block;

    width:
        18px;

    height:
        54px;

    margin-top:
        14px;

    overflow:
        visible;
}

#slideshow-interno
.eb-scroll-next-line::after {

    content: "";

    position: absolute;

    left:
        5px;

    top:
        0;

    width:
        1px;

    height:
        46px;

    background:
        rgba(255,255,255,.30);
}

#slideshow-interno
.eb-scroll-next-line::before {

    content: "";

    position: absolute;

    left:
        5px;

    top:
        0;

    z-index:
        2;

    width:
        1px;

    height:
        22px;

    background:
        var(--eb-vanilla, #D1BEA8);

    animation:
        ebScrollNextLine
        2.4s
        cubic-bezier(.65,0,.35,1)
        infinite;
}

#slideshow-interno
.eb-scroll-next-arrow {

    position: absolute;

    left:
        2px;

    bottom:
        5px;

    width:
        7px;

    height:
        7px;

    border-right:
        1px solid
        var(--eb-vanilla, #D1BEA8);

    border-bottom:
        1px solid
        var(--eb-vanilla, #D1BEA8);

    transform:
        rotate(45deg);
}

#slideshow-interno
.eb-scroll-next:hover
.eb-scroll-next-label {

    color:
        var(--eb-vanilla, #D1BEA8);

    transform:
        translateX(3px);
}

@keyframes ebScrollNextLine {

    0% {

        transform:
            translateY(-4px);

        opacity:
            0;
    }

    15% {

        opacity:
            1;
    }

    65% {

        opacity:
            1;
    }

    100% {

        transform:
            translateY(27px);

        opacity:
            0;
    }
}


/* PALAZZO PAMPHILJ - CLAIM E FOTO */

#foto-sfondo-interno {

position: relative !important;

width: 100% !important;

height: auto !important;

min-height: 0 !important;

margin: 0 !important;

box-sizing: border-box !important;

background:
        #393735 !important;

overflow: hidden !important;
}

#foto-sfondo-interno::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(255,255,255,.035),
            transparent 38%
        );

    pointer-events: none;
}

#foto-sfondo-interno > .area,
#foto-sfondo-interno .colonnaarea {

    position: relative;

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;

    z-index: 2;
}

#foto-sfondo-interno .colonnaarea {

margin:
        0 auto !important;
}

#foto-sfondo-interno
.row {

display: grid !important;

grid-template-columns:
        minmax(300px,.82fr)
        minmax(0,1fr)
        minmax(0,1fr);

align-items:
        center;

width: 100% !important;

margin: 0 !important;

padding: 0 !important;
}

#foto-sfondo-interno
.row
> .col-sm-12 {

    float: none !important;

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;
}

#foto-sfondo-interno
.row
> .col-sm-12:first-child {

display: flex !important;

align-items: center;

min-height: 100%;

}

#foto-sfondo-interno h3 {

    position: relative;

    width: 100%;

    max-width: 440px;

    margin: 0 !important;

    padding:
        38px 0 38px 36px !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        clamp(2.8rem,3.6vw,4.8rem) !important;

    font-weight:
        300 !important;

    line-height:
        1.03 !important;

    letter-spacing:
        -.035em !important;

    text-align:
        left !important;

    text-transform:
        none !important;

    color:
        rgba(255,255,255,.92) !important;
}

#foto-sfondo-interno h3::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 1px;

    background:
        var(--eb-oro,#7E6738);

    opacity: .75;
}

#foto-sfondo-interno h3::after {

    content: "";

    position: absolute;

    left: 36px;
    top: 0;

    width: 58px;
    height: 1px;

    background:
        var(--eb-oro,#7E6738);

    opacity: .6;
}

#foto-sfondo-interno h3 strong {

font-family:
        inherit !important;

font-size:
        inherit !important;

font-weight:
        400 !important;

color:
        var(--eb-vanilla,#D1BEA8) !important;

}

#foto-sfondo-interno
.cont_sing {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;
}

#foto-sfondo-interno
.cont_sing
figure {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    aspect-ratio:
        1 / 1 !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    background:
        #2d2c2a;
}

#foto-sfondo-interno
.cont_sing
picture {

    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;
}

#foto-sfondo-interno
.cont_sing
img {

    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    max-height: none !important;

    margin: 0 !important;

    object-fit:
        cover !important;

    object-position:
        center center !important;

    transform:
        scale(1);

    transition:
        transform
        1.35s
        cubic-bezier(.22,1,.36,1) !important;
}

#foto-sfondo-interno
.cont_sing
figure::after {

    content: "";

    position: absolute;

    inset: 17px;

    z-index: 3;

    border:
        1px solid
        rgba(209,190,168,.58);

    pointer-events: none;
}

#foto-sfondo-interno
.cont_sing:hover
img {

    transform:
        scale(1.025);
}

#foto-sfondo-interno
.row
> .cont_sing:nth-child(2)::before {

    content: "";

    position: absolute;

    left: -33px;
    top: 50%;

    width: 1px;
    height: 115px;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(126,103,56,.55),
            transparent
        );

    pointer-events: none;
}


/* RISTORANTE - GASTRONOMIA */

#sezione-2-ristorante {

    position: relative;

    display: grid !important;

    grid-template-columns:
        minmax(0, .88fr)
        minmax(0, 1.12fr);

    align-items: stretch;

    width: 100%;

    margin: 0 !important;

    padding:
        125px 7vw 135px !important;

    box-sizing: border-box;

    background:
        #fbfaf7;

    overflow: hidden;
}

#sezione-2-ristorante
> .area {

    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

#sezione-2-ristorante
> .area:first-child {

    display: flex;

    align-items: center;

    padding-right:
        clamp(65px, 7vw, 125px) !important;
}

#sezione-2-ristorante
> .area:last-child {

    display: flex;

    align-items: center;

    justify-content: flex-end;
}

#sezione-2-ristorante
.colonnaarea,

#sezione-2-ristorante
.colonnaarea > .row,

#sezione-2-ristorante
.colonnaarea > .row > .col-sm-12 {

    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

#sezione-2-ristorante
.colonnaarea {

    height: 100%;
}

#sezione-2-ristorante
> .area:first-child
.colonnaarea,

#sezione-2-ristorante
> .area:first-child
.colonnaarea > .row,

#sezione-2-ristorante
> .area:first-child
.colonnaarea > .row > .col-sm-12 {

    display: flex;

    flex-direction: column;

    justify-content: center;
}

#sezione-2-ristorante
> .area:first-child
.colonnaarea > .row > .col-sm-12 {

    position: relative;

    max-width:
        610px !important;

    padding-left:
        38px !important;
}

#sezione-2-ristorante
> .area:first-child
.colonnaarea > .row > .col-sm-12::before {

    content: "";

    position: absolute;

    left: 0;
    top: 4px;
    bottom: 4px;

    width: 1px;

    background:
        rgba(126,103,56,.48);
}

#sezione-2-ristorante h3 {

margin:
        0 0 42px 0 !important;

padding:
        0 !important;

font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

font-size: clamp(2.8rem, 3vw, 4.6rem) !important;

font-weight:
        300 !important;

line-height:
        1.04 !important;

letter-spacing:
        -.035em !important;

text-align:
        left !important;

text-transform:
        none !important;

color:
        var(--eb-espresso, #2B1E12) !important;
}

#sezione-2-ristorante h3 strong {

    font-family:
        inherit !important;

    font-size:
        inherit !important;

    font-weight:
        400 !important;

    color:
        var(--eb-oro, #7E6738) !important;
}

#sezione-2-ristorante p {

margin:
        0 !important;

padding:
        0 !important;

font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

font-size:
        1.08rem !important;

font-weight:
        400 !important;

line-height:
        1.78 !important;

letter-spacing:
        0 !important;

text-align:
        left !important;

color:
        rgba(43,30,18,.78) !important;
}

#sezione-2-ristorante
.cont_sing {

    position: relative;

    width: 100% !important;

    max-width:
        690px !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

#sezione-2-ristorante
.cont_sing figure {

    position: relative;

    display: block;

    width: 100%;

    aspect-ratio:
        1 / 1;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden;

    background:
        #eee9e1;
}

#sezione-2-ristorante
.cont_sing picture {

    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;
}

#sezione-2-ristorante
.cont_sing img {

    position: absolute;

    inset: 0;

    display: block;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit:
        cover;

    object-position:
        center center;

    transform:
        scale(1);

    transition:
        transform
        1.3s
        cubic-bezier(.22,1,.36,1);
}

#sezione-2-ristorante
.cont_sing figure::after {

    content: "";

    position: absolute;

    inset:
        18px;

    z-index:
        3;

    border:
        1px solid
        rgba(126,103,56,.68);

    box-sizing:
        border-box;

    pointer-events:
        none;
}

#sezione-2-ristorante
.cont_sing::before {

    content: "";

    position: absolute;

    left:
        -34px;

    top:
        50%;

    width:
        68px;

    height:
        1px;

    z-index:
        5;

    background:
        var(--eb-oro, #7E6738);

    opacity:
        .55;

    pointer-events:
        none;
}

#sezione-2-ristorante
.cont_sing:hover img {

    transform:
        scale(1.025);
}


/* RISTORANTE E ROOFTOP - CONTATTI */

#contatti-interno {

    position: relative;

    width: 100%;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding:
        105px 7vw 115px !important;

    box-sizing: border-box;

    background:
        #ffffff !important;

    overflow: hidden;
}

#contatti-interno
> .area,

#contatti-interno
.colonnaarea,

#contatti-interno
.row.centrale.ao_center {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

#contatti-interno
.colonnaarea {

    max-width:
        1380px !important;

    margin:
        0 auto !important;
}

#contatti-interno
.row.centrale.ao_center
> .col-sm-12 {

    float: none !important;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    column-gap: 0;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* quattro voci (es. Ristorante con la colazione): quattro colonne */
#contatti-interno
.row.centrale.ao_center
> .col-sm-12:has(> p:nth-of-type(4)) {

    grid-template-columns:
        repeat(4, minmax(0, 1fr));
}

#contatti-interno
.row.centrale.ao_center
> .col-sm-12:has(> p:nth-of-type(4)) > p {

    padding-left: 24px !important;
    padding-right: 24px !important;
}

#contatti-interno
.row.centrale.ao_center
> .col-sm-12:has(> p:nth-of-type(4)) > p a {

    overflow-wrap: anywhere;
}

#contatti-interno h3 {

    grid-column:
        1 / -1;

    width: 100%;

    margin:
        0 0 72px 0 !important;

    padding:
        0 !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        clamp(2.9rem, 3.8vw, 4.8rem) !important;

    font-weight:
        300 !important;

    line-height:
        1.04 !important;

    letter-spacing:
        -.035em !important;

    text-align:
        center !important;

    text-transform:
        none !important;

    color:
        var(--eb-espresso, #2B1E12) !important;
}

#contatti-interno h3::after {

    content: "";

    display: block;

    width: 64px;
    height: 1px;

    margin:
        30px auto 0;

    background:
        var(--eb-oro, #7E6738);

    opacity: .65;
}

#contatti-interno p {

    position: relative;

    width: 100%;

    margin:
        0 !important;

    padding:
        12px 50px 10px !important;

    box-sizing:
        border-box;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        1.15rem !important;

    font-weight:
        400 !important;

    line-height:
        1.75 !important;

    letter-spacing:
        0 !important;

    text-align:
        center !important;

    color:
        rgba(43,30,18,.80) !important;
}

#contatti-interno p + p {

    border-left:
        1px solid
        rgba(126,103,56,.25);
}

#contatti-interno p strong {

    display: inline-block;

    margin:
        0 0 17px 0;

    font-family:
        var(
            --eb-sans,
            Montserrat,
            Arial,
            sans-serif
        ) !important;

    font-size:
        .68rem !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    letter-spacing:
        .22em !important;

    text-transform:
        uppercase !important;

    color:
        var(--eb-oro, #7E6738) !important;
}

#contatti-interno p a {

    position: relative;

    display: inline-block;

    color:
        var(--eb-espresso, #2B1E12) !important;

    text-decoration:
        none !important;

    transition:
        color .25s ease;
}

#contatti-interno p a::after {

    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 2px;

    height: 1px;

    background:
        var(--eb-oro, #7E6738);

    transform:
        scaleX(0);

    transform-origin:
        right center;

    transition:
        transform .35s ease;
}

#contatti-interno p a:hover {

    color:
        var(--eb-oro, #7E6738) !important;
}

#contatti-interno p a:hover::after {

    transform:
        scaleX(1);

    transform-origin:
        left center;
}


/* ROOFTOP - LA GRANDE BELLEZZA */

body#rooftop.roof-nero {

    background:
        var(--eb-espresso, #2B1E12);

    color:
        var(--eb-carta, #F2EDE3);
}

body#rooftop.roof-nero
.sez-slideshow-interno
> [class^="cbck_"] {

    background:
        rgba(43,30,18,.52) !important;
}

body#rooftop.roof-nero
.intro-pagina-gen {

    background-color:
        var(--eb-espresso, #2B1E12) !important;

    color:
        var(--eb-carta, #F2EDE3);
}

body#rooftop.roof-nero
.intro-pagina-gen
> [class^="cbck_"] {

background: #21201f !important;
}

body#rooftop.roof-nero
.intro-pagina-gen h2 {

    color:
        var(--eb-carta, #F2EDE3) !important;
}

body#rooftop.roof-nero
.intro-pagina-gen h2 strong {

    color:
        var(--eb-vanilla, #D1BEA8) !important;

    font-weight:
        400 !important;
}

body#rooftop.roof-nero
.intro-pagina-gen p {

    color:
        rgba(242,237,227,.82) !important;
}

body#rooftop.roof-nero
.intro-pagina-gen p strong {

    color:
        var(--eb-carta, #F2EDE3) !important;

    font-weight:
        500 !important;
}

body#rooftop.roof-nero
.intro-pagina-gen p {

    border-left-color:
        rgba(209,190,168,.36) !important;
}

body#rooftop.roof-nero
.foto-interne {

background: #21201f !important;
}

body#rooftop.roof-nero
.foto-interne figure img {

    filter:
        saturate(.88)
        brightness(.86)
        contrast(1.05);

    transition:
        transform 1.25s cubic-bezier(.22,1,.36,1),
        filter .8s ease !important;
}

body#rooftop.roof-nero
.foto-interne .owl-item:hover figure img {

    filter:
        saturate(.94)
        brightness(.92)
        contrast(1.04);
}

body#rooftop.roof-nero
.foto-interne figure::before {

    border-color:
        rgba(209,190,168,.72) !important;
}

body#rooftop.roof-nero
.foto-interne figure::after {

    color:
        var(--eb-vanilla, #D1BEA8) !important;
}

body#rooftop.roof-nero
.foto-interne .owlbtns .owlPrev,

body#rooftop.roof-nero
.foto-interne .owlbtns .owlNext {

    background:
        rgba(43,30,18,.78) !important;

    border-color:
        rgba(209,190,168,.45) !important;
}

body#rooftop.roof-nero
.foto-interne .owlbtns .owlPrev::before,

body#rooftop.roof-nero
.foto-interne .owlbtns .owlNext::before {

    color:
        var(--eb-vanilla, #D1BEA8);
}

body#rooftop.roof-nero
.foto-interne .owlbtns .owlPrev:hover,

body#rooftop.roof-nero
.foto-interne .owlbtns .owlNext:hover {

    background:
        var(--eb-oro, #7E6738) !important;

    border-color:
        var(--eb-oro, #7E6738) !important;
}

body#rooftop.roof-nero
#foto-sfondo-interno {

    background:
        #fbfaf7 !important;
}

body#rooftop.roof-nero
#foto-sfondo-interno::before {

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(126,103,56,.045),
            transparent 40%
        ) !important;
}

body#rooftop.roof-nero
#foto-sfondo-interno h3 {

    color:
        var(--eb-espresso, #2B1E12) !important;
}

body#rooftop.roof-nero
#foto-sfondo-interno h3 strong {

    color:
        var(--eb-oro, #7E6738) !important;
}

body#rooftop.roof-nero
#foto-sfondo-interno h3::before {

    background:
        var(--eb-oro, #7E6738) !important;

    opacity:
        .60;
}

body#rooftop.roof-nero
#foto-sfondo-interno h3::after {

    background:
        var(--eb-oro, #7E6738) !important;

    opacity:
        .45;
}

body#rooftop.roof-nero
#foto-sfondo-interno
.cont_sing
figure::after {

    border-color:
        rgba(126,103,56,.60) !important;
}

body#rooftop.roof-nero
#sezione-2-ristorante {

background: #21201f !important;
}

body#rooftop.roof-nero
#sezione-2-ristorante h3 {

    color:
        var(--eb-carta, #F2EDE3) !important;
}

body#rooftop.roof-nero
#sezione-2-ristorante h3 strong {

    color:
        var(--eb-vanilla, #D1BEA8) !important;
}

body#rooftop.roof-nero
#sezione-2-ristorante p {

    color:
        rgba(242,237,227,.80) !important;
}

body#rooftop.roof-nero
#sezione-2-ristorante p strong {

    color:
        var(--eb-carta, #F2EDE3) !important;
}

body#rooftop.roof-nero
#sezione-2-ristorante
> .area:first-child
.colonnaarea
> .row
> .col-sm-12::before {

    background:
        rgba(209,190,168,.42) !important;
}

body#rooftop.roof-nero
#sezione-2-ristorante
.cont_sing::before {

    background:
        var(--eb-vanilla, #D1BEA8) !important;

    opacity:
        .42;
}

body#rooftop.roof-nero
#sezione-2-ristorante
.cont_sing img {

    filter:
        saturate(.88)
        brightness(.84)
        contrast(1.05);

    transition:
        transform 1.3s cubic-bezier(.22,1,.36,1),
        filter .8s ease;
}

body#rooftop.roof-nero
#sezione-2-ristorante
.cont_sing:hover img {

    transform:
        scale(1.025);

    filter:
        saturate(.94)
        brightness(.91)
        contrast(1.04);
}

body#rooftop.roof-nero
#sezione-2-ristorante
.cont_sing figure::after {

    border-color:
        rgba(209,190,168,.62) !important;
}

body#rooftop.roof-nero
#contatti-interno {

    background:
        #34312f !important;
}

body#rooftop.roof-nero
#contatti-interno h3 {

    color:
        var(--eb-carta, #F2EDE3) !important;
}

body#rooftop.roof-nero
#contatti-interno h3::after {

    background:
        var(--eb-oro, #7E6738) !important;

    opacity:
        .85;
}

body#rooftop.roof-nero
#contatti-interno p {

    color:
        rgba(242,237,227,.82) !important;
}

body#rooftop.roof-nero
#contatti-interno p strong {

    color:
        var(--eb-vanilla, #D1BEA8) !important;
}

body#rooftop.roof-nero
#contatti-interno p + p {

    border-left-color:
        rgba(209,190,168,.22) !important;
}

body#rooftop.roof-nero
#contatti-interno p a {

    color:
        var(--eb-carta, #F2EDE3) !important;
}

body#rooftop.roof-nero
#contatti-interno p a::after {

    background:
        var(--eb-vanilla, #D1BEA8) !important;
}

body#rooftop.roof-nero
#contatti-interno p a:hover {

    color:
        var(--eb-vanilla, #D1BEA8) !important;
}





/* GALLERIA FOTOGRAFICA - INDICE */

body#galleria-fotografica-generale {
    background: #fbfaf7;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia {
    position: relative;
    width: 100%;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
    background: #fbfaf7;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia > .area {
    position: relative;
    width: 50% !important;
    max-width: 50% !important;
    min-height: 0 !important;
    margin: 0;
    float: none;
    box-sizing: border-box;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia > .area > .colonnaarea {
    position: relative;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0;
    padding: 0;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia > .area > .colonnaarea > .row {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia .cont_sing {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0;
    padding: 0 !important;
    overflow: visible;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia figure {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #ece8e1;

    transform: scale(1);

    transition:
        transform 1s cubic-bezier(.22,.61,.36,1);
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia picture {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia img {
    position: absolute;
    inset: 0;

    display: block;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    filter:
        grayscale(0)
        saturate(1);

    transform:
        scale(1);

    transition:
        transform 1.2s cubic-bezier(.22,.61,.36,1),
        filter 1.1s cubic-bezier(.22,.61,.36,1);

    will-change:
        transform,
        filter;
}


/* GALLERIA FOTOGRAFICA - HOVER IMMAGINI */

body#galleria-fotografica-generale:has(
    .gallery-generale-sezione-doppia .cont_sing:hover
)
.gallery-generale-sezione-doppia
.cont_sing:not(:hover) img {
    filter:
        grayscale(1)
        saturate(0);
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
.cont_sing:hover {
    z-index: 5;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
.cont_sing:hover figure {
    transform:
        scale(1.045);
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
.cont_sing:hover img {
    filter:
        grayscale(0)
        saturate(1.04);

    transform:
        scale(1.055);
}


/* GALLERIA FOTOGRAFICA - TITOLI */

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
.colonnaarea > .row > .col-sm-12:not(.cont_sing) {

    width: 100%;

    margin: 0;

    padding:
        0 !important;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia h2 {

    position: relative;

    display: block;

    width: 100%;

    margin:
        34px
        0
        0
        0 !important;

    padding:
        28px
        0
        0
        0 !important;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        clamp(
            1.15rem,
            1.3vw,
            1.55rem
        ) !important;

    font-weight:
        300 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        -.015em !important;

    text-transform:
        none !important;

    text-align:
        left !important;

    color:
        rgba(
            43,
            30,
            18,
            .66
        ) !important;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia h2 br {

    display:
        none;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia h2 strong {

    display:
        block;

    margin:
        0
        0
        9px
        0;

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-size:
        clamp(
            2.7rem,
            3.25vw,
            4.35rem
        ) !important;

    font-weight:
        300 !important;

    line-height:
        .98 !important;

    letter-spacing:
        -.04em !important;

    text-transform:
        none !important;

    color:
        var(
            --eb-espresso,
            #2B1E12
        ) !important;

    transition:
        transform
        .65s
        cubic-bezier(.22,.61,.36,1),
        color
        .45s
        ease;
}


/* GALLERIA FOTOGRAFICA - FILETTO */

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia h2::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        3px;

    display:
        block;

    width:
        64px;

    height:
        1px;

    background:
        var(
            --eb-oro-linea,
            rgba(126,103,56,.45)
        );

    transform-origin:
        left center;

    transition:
        width
        .7s
        cubic-bezier(.22,.61,.36,1);
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
.area:hover h2::before {

    width:
        92px;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
.area:hover h2 strong {

    transform:
        translateX(5px);
}


/* GALLERIA FOTOGRAFICA - SEZIONE 1 */

body#galleria-fotografica-generale
#gallery-generale-sezione-1 {

    display:
        flex;

    align-items:
        flex-start;

    width:
        100%;

    padding:
        155px
        7vw
        115px !important;
}

body#galleria-fotografica-generale
#gallery-generale-sezione-1 > .area:first-child {

    display:
        flex;

    justify-content:
        flex-start;

    padding-right:
        clamp(
            45px,
            5vw,
            100px
        );
}

body#galleria-fotografica-generale
#gallery-generale-sezione-1 > .area:nth-child(2) {

    display:
        flex;

    justify-content:
        flex-end;

    padding-left:
        clamp(
            45px,
            5vw,
            100px
        );
}


/* GALLERIA FOTOGRAFICA - SEZIONE 2 */

body#galleria-fotografica-generale
#gallery-generale-sezione-2 > .area:first-child {

    padding-right:
        clamp(
            45px,
            5vw,
            100px
        );
}

body#galleria-fotografica-generale
#gallery-generale-sezione-2 > .area:nth-child(2) {

    padding-left:
        clamp(
            45px,
            5vw,
            100px
        );
}


/* GALLERIA FOTOGRAFICA - BOTTONI */

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
.colonnaarea > .row > .col-sm-12:has(> button.button.button--standard) {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
button.button.button--standard {
    position: relative;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 205px !important;
    height: 56px !important;

    margin: 30px 0 0 0 !important;
    padding: 0 28px !important;

    box-sizing: border-box;

    background: transparent !important;

    border:
        1px solid
        rgba(126,103,56,.55) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    font-family:
        var(--eb-sans, Montserrat, Arial, sans-serif) !important;

    font-size: .68rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    letter-spacing: .18em !important;
    text-transform: uppercase !important;

    color:
        var(--eb-espresso, #2B1E12) !important;

    cursor: pointer;

    overflow: hidden;

    transition:
        background-color .4s ease,
        border-color .4s ease,
        color .4s ease,
        transform .4s cubic-bezier(.22,.61,.36,1) !important;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
button.button.button--standard::before,
body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
button.button.button--standard::after {
    content: none !important;
    display: none !important;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
button.button.button--standard:hover {
    background:
        var(--eb-oro, #7E6738) !important;

    border-color:
        var(--eb-oro, #7E6738) !important;

    color: #ffffff !important;

    transform:
        translateY(-2px);
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
button.button.button--standard:focus {
    outline:
        1px solid
        var(--eb-oro, #7E6738);

    outline-offset: 4px;
}

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
.area:hover
button.button.button--standard {
    border-color:
        rgba(126,103,56,.85) !important;
}


/* GALLERIA FOTOGRAFICA - SEZIONE 1 COMPATTA */

body#galleria-fotografica-generale
#gallery-generale-sezione-1 > .area:first-child {
    padding-right:
        clamp(20px, 2.2vw, 42px);
}

body#galleria-fotografica-generale
#gallery-generale-sezione-1 > .area:first-child > .colonnaarea {
    width:
        90% !important;
}

body#galleria-fotografica-generale
#gallery-generale-sezione-1 > .area:nth-child(2) {
    padding-left:
        clamp(20px, 2.2vw, 42px);

    padding-top:
        110px;
}

body#galleria-fotografica-generale
#gallery-generale-sezione-1 > .area:nth-child(2) > .colonnaarea {
    width:
        79% !important;
}

body#galleria-fotografica-generale
#gallery-generale-sezione-1
button.button.button--standard {
    margin-top:
        24px !important;
}


/* GALLERIA FOTOGRAFICA - SEZIONE 2 */

body#galleria-fotografica-generale
#gallery-generale-sezione-2 {
    display: flex;
    align-items: flex-start;
    width: 100%;

    padding:
        70px
        7vw
        190px !important;
}

body#galleria-fotografica-generale
#gallery-generale-sezione-2 > .area:first-child {
    display: flex;
    justify-content: flex-start;

    padding-right:
        clamp(20px, 2.2vw, 42px);

    padding-top:
        70px;
}

body#galleria-fotografica-generale
#gallery-generale-sezione-2 > .area:first-child > .colonnaarea {
    width:
        79% !important;

    margin-left:
        8% !important;
}

body#galleria-fotografica-generale
#gallery-generale-sezione-2 > .area:nth-child(2) {
    display: flex;
    justify-content: flex-end;

    padding-left:
        clamp(20px, 2.2vw, 42px);

    padding-top:
        0;
}

body#galleria-fotografica-generale
#gallery-generale-sezione-2 > .area:nth-child(2) > .colonnaarea {
    width:
        90% !important;
}

body#galleria-fotografica-generale
#gallery-generale-sezione-2
button.button.button--standard {
    margin-top:
        24px !important;
}


/* GALLERY INTERNE - BASE */

.gallery-interna-editoriale {
    position: relative;
    width: 100%;
    min-height: 0 !important;
    margin: 0 !important;
    padding:
        150px
        7vw
        210px !important;
    box-sizing: border-box;
    background:
        #fbfaf7;
    overflow:
        visible !important;
    padding-bottom: 50px !important;
    padding-top: 50px !important;
}


.gallery-interna-editoriale > .area,
.gallery-interna-editoriale .colonnaarea,
.gallery-interna-editoriale .colonnaarea > .row {

    width: 100% !important;

    max-width: none !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box;

    overflow:
        visible !important;
}


.gallery-interna-editoriale
.galleriapres {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        1560px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}



/* GALLERY INTERNE - CAPITOLI */

.gallery-interna-editoriale
.ebg-chapter {

position: relative;

display:
        grid;

width:
        100%;

gap:
        clamp(24px, 2vw, 38px);

margin: 0
        0
        clamp(100px, 7vw, 150px)
        0;

padding:
        0;

box-sizing:
        border-box;

overflow:
        visible;
}


.gallery-interna-editoriale
.ebg-chapter--odd {

    grid-template-columns:
        minmax(0, 2fr)
        minmax(0, 1fr);
}


.gallery-interna-editoriale
.ebg-chapter--even {

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 2fr);
}



/* GALLERY INTERNE - CAPITOLI SINISTRA */

.gallery-interna-editoriale
.ebg-chapter--odd
.ebg-main {

    grid-column:
        1;

    grid-row:
        1 / span 2;
}


.gallery-interna-editoriale
.ebg-chapter--odd
.ebg-small-a {

    grid-column:
        2;

    grid-row:
        1;
}


.gallery-interna-editoriale
.ebg-chapter--odd
.ebg-small-b {

    grid-column:
        2;

    grid-row:
        2;
}


.gallery-interna-editoriale
.ebg-chapter--odd
.ebg-wide {

    grid-column:
        1 / 3;

    grid-row:
        3;

    justify-self:
        end;

    width:
        72% !important;

    margin-top:
        clamp(35px, 4vw, 75px) !important;
}



/* GALLERY INTERNE - CAPITOLI DESTRA */

.gallery-interna-editoriale
.ebg-chapter--even
.ebg-main {

    grid-column:
        2;

    grid-row:
        1 / span 2;
}


.gallery-interna-editoriale
.ebg-chapter--even
.ebg-small-a {

    grid-column:
        1;

    grid-row:
        1;
}


.gallery-interna-editoriale
.ebg-chapter--even
.ebg-small-b {

    grid-column:
        1;

    grid-row:
        2;
}


.gallery-interna-editoriale
.ebg-chapter--even
.ebg-wide {

    grid-column:
        1 / 3;

    grid-row:
        3;

    justify-self:
        start;

    width:
        72% !important;

    margin-top:
        clamp(35px, 4vw, 75px) !important;
}



/* GALLERY INTERNE - ELEMENTI */

.gallery-interna-editoriale
.ebg-chapter > div,

.gallery-interna-editoriale
.ebg-tail > div,

.gallery-interna-editoriale
.ebg-finale {

    position:
        relative;

    float:
        none !important;

    width:
        auto !important;

    max-width:
        none !important;

    min-height:
        0 !important;

    margin-left:
        0;

    margin-right:
        0;

    padding:
        0 !important;

    flex:
        none !important;

    z-index:
        1;

    overflow:
        visible !important;
}



/* GALLERY INTERNE - PROPORZIONI */

.gallery-interna-editoriale
.ebg-small-a,

.gallery-interna-editoriale
.ebg-small-b {

    aspect-ratio:
        1 / 1;
}


.gallery-interna-editoriale
.ebg-wide {

    aspect-ratio:
        2 / 1;
}



/* GALLERY INTERNE - CODA 3 FOTO */

.gallery-interna-editoriale
.ebg-tail {

position:
        relative;

display:
        grid;

width:
        100%;

gap:
        clamp(24px, 2vw, 38px);

margin:
        0
        0
        clamp(150px, 11vw, 220px)
        0;

padding:
        0;

overflow:
        visible;

margin-bottom: 50px !important;
}


.gallery-interna-editoriale
.ebg-tail--3.ebg-tail--odd {

    grid-template-columns:
        minmax(0, 2fr)
        minmax(0, 1fr);
}


.gallery-interna-editoriale
.ebg-tail--3.ebg-tail--even {

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 2fr);
}


.gallery-interna-editoriale
.ebg-tail--3.ebg-tail--odd
.ebg-tail-main {

    grid-column:
        1;

    grid-row:
        1 / span 2;
}


.gallery-interna-editoriale
.ebg-tail--3.ebg-tail--odd
.ebg-tail-small-a {

    grid-column:
        2;

    grid-row:
        1;
}


.gallery-interna-editoriale
.ebg-tail--3.ebg-tail--odd
.ebg-tail-small-b {

    grid-column:
        2;

    grid-row:
        2;
}


.gallery-interna-editoriale
.ebg-tail--3.ebg-tail--even
.ebg-tail-main {

    grid-column:
        2;

    grid-row:
        1 / span 2;
}


.gallery-interna-editoriale
.ebg-tail--3.ebg-tail--even
.ebg-tail-small-a {

    grid-column:
        1;

    grid-row:
        1;
}


.gallery-interna-editoriale
.ebg-tail--3.ebg-tail--even
.ebg-tail-small-b {

    grid-column:
        1;

    grid-row:
        2;
}


.gallery-interna-editoriale
.ebg-tail--3
.ebg-tail-small-a,

.gallery-interna-editoriale
.ebg-tail--3
.ebg-tail-small-b {

    aspect-ratio:
        1 / 1;
}



/* GALLERY INTERNE - CODA 2 FOTO */

.gallery-interna-editoriale
.ebg-tail--2 {

    grid-template-columns:
        repeat(12, minmax(0, 1fr));
}


.gallery-interna-editoriale
.ebg-tail--2.ebg-tail--odd
> div:first-child {

    grid-column:
        1 / span 7;
}


.gallery-interna-editoriale
.ebg-tail--2.ebg-tail--odd
> div:nth-child(2) {

    grid-column:
        9 / span 4;

    margin-top:
        120px !important;
}


.gallery-interna-editoriale
.ebg-tail--2.ebg-tail--even
> div:first-child {

    grid-column:
        6 / span 7;
}


.gallery-interna-editoriale
.ebg-tail--2.ebg-tail--even
> div:nth-child(2) {

    grid-column:
        1 / span 4;

    grid-row:
        1;

    margin-top:
        120px !important;
}



/* GALLERY INTERNE - FOTO FINALE */

.gallery-interna-editoriale
.ebg-finale {

    width:
        min(68vw, 1080px) !important;

    aspect-ratio:
        1 / 1;

    margin:
        clamp(30px, 4vw, 70px)
        auto
        0 !important;
}



/* GALLERY INTERNE - LINK */

.gallery-interna-editoriale
.foto-gallery {

    position:
        relative;

    display:
        block;

    width:
        100%;

    height:
        100%;

    margin:
        0;

    padding:
        0;

    text-decoration:
        none !important;

    overflow:
        visible;
}



/* GALLERY INTERNE - FIGURE */

.gallery-interna-editoriale
.foto-gallery figure {

    position:
        relative;

    display:
        block;

    width:
        100%;

    height:
        100%;

    min-height:
        100%;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden;

    background:
        #ebe7e0;

    transform:
        scale(1);

    transform-origin:
        center center;

    transition:
        transform
        1s
        cubic-bezier(.22,.61,.36,1);

    will-change:
        transform;
}


.gallery-interna-editoriale
.ebg-wide
figure {

    aspect-ratio:
        2 / 1;
}


.gallery-interna-editoriale
.ebg-finale
figure {

    aspect-ratio:
        1 / 1;
}



/* GALLERY INTERNE - PICTURE */

.gallery-interna-editoriale
.foto-gallery picture {

    position:
        absolute;

    inset:
        0;

    display:
        block;

    width:
        100%;

    height:
        100%;
}



/* GALLERY INTERNE - IMMAGINI */

.gallery-interna-editoriale
.foto-gallery img {

    position:
        absolute;

    inset:
        0;

    display:
        block;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    object-fit:
        cover;

    object-position:
        center;

    opacity:
        1;

    filter:
        grayscale(0)
        saturate(1)
        brightness(1);

    transform:
        scale(1);

    transition:
        transform
        1.15s
        cubic-bezier(.22,.61,.36,1),

        filter
        .9s
        cubic-bezier(.22,.61,.36,1),

        opacity
        .9s
        ease;

    will-change:
        transform,
        filter,
        opacity;
}



/* GALLERY INTERNE - HOVER */

.gallery-interna-editoriale:has(
    .foto-gallery:hover
)
.foto-gallery:not(:hover)
img {

    filter:
        grayscale(1)
        saturate(0)
        brightness(.88);

    opacity:
        .68;
}


.gallery-interna-editoriale
.ebg-chapter > div:has(
    .foto-gallery:hover
),

.gallery-interna-editoriale
.ebg-tail > div:has(
    .foto-gallery:hover
),

.gallery-interna-editoriale
.ebg-finale:has(
    .foto-gallery:hover
) {

    z-index:
        30;
}


.gallery-interna-editoriale
.foto-gallery:hover
figure {

    transform:
        scale(1.055);
}


.gallery-interna-editoriale
.foto-gallery:hover
img {

    filter:
        grayscale(0)
        saturate(1.03)
        brightness(1);

    opacity:
        1;

    transform:
        scale(1.035);
}



/* GALLERY INTERNE - FILETTO */

.gallery-interna-editoriale
.foto-gallery
figure::after {

    content:
        "";

    position:
        absolute;

    inset:
        17px;

    z-index:
        3;

    border:
        1px solid
        rgba(209,190,168,.55);

    opacity:
        0;

    pointer-events:
        none;

    transform:
        scale(.985);

    transition:
        opacity .5s ease,
        transform .7s cubic-bezier(.22,.61,.36,1);
}


.gallery-interna-editoriale
.foto-gallery:hover
figure::after {

    opacity:
        1;

    transform:
        scale(1);
}



/* GALLERY INTERNE - ICONA */

.gallery-interna-editoriale
.mask-gallery {

    position:
        absolute !important;

    inset:
        0 !important;

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    opacity:
        1 !important;

    pointer-events:
        none;

    z-index:
        5;
}


.gallery-interna-editoriale
.mask-gallery
.material-symbols-rounded {

    position:
        absolute;

    right:
        21px;

    bottom:
        21px;

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;

    width:
        42px;

    height:
        42px;

    margin:
        0;

    padding:
        0;

    border:
        1px solid
        rgba(255,255,255,.58);

    border-radius:
        50%;

    background:
        rgba(33,32,31,.18);

    backdrop-filter:
        blur(5px);

    -webkit-backdrop-filter:
        blur(5px);

    color:
        #ffffff !important;

    font-size:
        17px !important;

    font-weight:
        300 !important;

    line-height:
        1 !important;

    opacity:
        0;

    transform:
        translateY(7px);

    transition:
        opacity .4s ease,
        transform .5s cubic-bezier(.22,.61,.36,1);
}


.gallery-interna-editoriale
.foto-gallery:hover
.mask-gallery
.material-symbols-rounded {

    opacity:
        1;

    transform:
        translateY(0);
}



/* GALLERY INTERNE - APERTURA */

.gallery-interna-editoriale
.foto-gallery.ebg-origin-hidden
figure {

    visibility:
        hidden;
}



/* GALLERY INTERNE - VIEWER */

body.ebg-viewer-open {

    overflow:
        hidden !important;
}


#ebg-viewer {

    position:
        fixed;

    inset:
        0;

    z-index:
        2147483600;

    width:
        100vw;

    height:
        100vh;

    overflow:
        hidden;

    background:
        rgba(33,32,31,0);

    pointer-events:
        none;

    transition:
        background-color
        .7s
        ease;
}


#ebg-viewer.ebg-visible {

    background:
        rgba(33,32,31,1);

    pointer-events:
        auto;
}



/* GALLERY INTERNE - VIEWER FOTO */

#ebg-viewer-image {

    position:
        fixed;

    display:
        block;

    margin:
        0;

    padding:
        0;

    object-fit:
        contain;

    object-position:
        center;

    background:
        transparent;

    z-index:
        2;

    transition:
        left
        .92s
        cubic-bezier(.76,0,.24,1),

        top
        .92s
        cubic-bezier(.76,0,.24,1),

        width
        .92s
        cubic-bezier(.76,0,.24,1),

        height
        .92s
        cubic-bezier(.76,0,.24,1),

        opacity
        .32s
        ease,

        transform
        .38s
        cubic-bezier(.22,.61,.36,1);

    will-change:
        left,
        top,
        width,
        height,
        opacity,
        transform;
}


#ebg-viewer-image.ebg-switching {

    opacity:
        .10;

    transform:
        scale(.985);
}



/* GALLERY INTERNE - VIEWER INTERFACCIA */

#ebg-viewer-ui {

    position:
        absolute;

    inset:
        0;

    z-index:
        4;

    opacity:
        0;

    pointer-events:
        none;

    transition:
        opacity
        .45s
        ease;
}


#ebg-viewer.ebg-open
#ebg-viewer-ui {

    opacity:
        1;

    pointer-events:
        auto;
}



/* GALLERY INTERNE - CONTATORE */

#ebg-viewer-counter {

    position:
        absolute;

    left:
        42px;

    bottom:
        34px;

    margin:
        0;

    font-family:
        var(--eb-sans, Montserrat, Arial, sans-serif);

    font-size:
        .62rem;

    font-weight:
        500;

    line-height:
        1;

    letter-spacing:
        .22em;

    color:
        rgba(242,237,227,.72);
}



/* GALLERY INTERNE - CHIUDI */

#ebg-viewer-close {

    position:
        absolute;

    top:
        32px;

    right:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        48px;

    height:
        48px;

    margin:
        0;

    padding:
        0;

    border:
        1px solid
        rgba(209,190,168,.48);

    border-radius:
        50%;

    background:
        transparent;

    color:
        #ffffff;

    font-family:
        var(--eb-sans, Montserrat, Arial, sans-serif);

    font-size:
        22px;

    font-weight:
        200;

    line-height:
        1;

    cursor:
        pointer;

    transition:
        background-color .35s ease,
        border-color .35s ease,
        transform .35s ease;
}


#ebg-viewer-close:hover {

    background:
        var(--eb-oro, #7E6738);

    border-color:
        var(--eb-oro, #7E6738);

    transform:
        rotate(90deg);
}



/* GALLERY INTERNE - FRECCE */

.ebg-viewer-nav {

    position:
        absolute;

    top:
        50%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        54px;

    height:
        54px;

    margin:
        0;

    padding:
        0;

    border:
        1px solid
        rgba(209,190,168,.35);

    border-radius:
        50%;

    background:
        transparent;

    color:
        #ffffff;

    font-family:
        var(--eb-sans, Montserrat, Arial, sans-serif);

    font-size:
        19px;

    font-weight:
        300;

    line-height:
        1;

    cursor:
        pointer;

    transform:
        translateY(-50%);

    transition:
        background-color .35s ease,
        border-color .35s ease;
}


#ebg-viewer-prev {

    left:
        34px;
}


#ebg-viewer-next {

    right:
        34px;
}


.ebg-viewer-nav:hover {

    background:
        var(--eb-oro, #7E6738);

    border-color:
        var(--eb-oro, #7E6738);
}



/* GALLERY CAMERE - TITOLO TIPOLOGIA */

.gallery-interna-editoriale
.tipologie-titolo {
    position: relative;

    display: block !important;

    width: 100% !important;
    max-width: 1560px !important;

    margin:
        0
        auto
        95px !important;

    padding:
        0
        0
        38px !important;

    box-sizing: border-box;

    border-bottom:
        1px solid
        rgba(126,103,56,.20);
}


.gallery-interna-editoriale
.tipologie-titolo > .col-sm-12 {
    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* GALLERY CAMERE - FILETTO */

.gallery-interna-editoriale
.tipologie-titolo h3::before {
    content: "";

    display: block;

    width: 58px;
    height: 1px;

    margin:
        0
        0
        27px;

    background:
        var(--eb-oro, #7E6738);
}


/* GALLERY CAMERE - NOME CAMERA */

.gallery-interna-editoriale
.tipologie-titolo h3 {
    display: block;
    width: 100%;
    max-width: 1100px;
    margin: 0 !important;
    margin-bottom: 50px !important;
    margin-left: 50px !important;
    padding: 0 !important;
    font-family:
        var(--eb-serif, 'Playfair Display', Georgia, serif) !important;
    font-size: clamp(2.2rem, 3.7vw, 3.5rem) !important;
    font-weight:
        300 !important;
    line-height:
        .98 !important;
    letter-spacing:
        -.045em !important;
    color:
        var(--eb-espresso, #2B1E12) !important;
}



/* GALLERY INTERNE - MORPH FOTO */

#ebg-viewer-frame {
    position: fixed;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background:
        #21201f;

    z-index:
        2;

    pointer-events:
        none;

    transition:
        left .92s cubic-bezier(.76,0,.24,1),
        top .92s cubic-bezier(.76,0,.24,1),
        width .92s cubic-bezier(.76,0,.24,1),
        height .92s cubic-bezier(.76,0,.24,1);

    will-change:
        left,
        top,
        width,
        height;
}


#ebg-viewer
#ebg-viewer-image {
    position: absolute !important;

    display: block !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: fill !important;

    background:
        transparent !important;

    z-index:
        1;

    transform:
        none !important;

    transition:
        left .92s cubic-bezier(.76,0,.24,1),
        top .92s cubic-bezier(.76,0,.24,1),
        width .92s cubic-bezier(.76,0,.24,1),
        height .92s cubic-bezier(.76,0,.24,1),
        opacity .32s ease !important;

    will-change:
        left,
        top,
        width,
        height,
        opacity;
}


#ebg-viewer
#ebg-viewer-image.ebg-switching {
    opacity:
        .08 !important;

    transform:
        none !important;
}


/* GALLERIA FOTOGRAFICA - BOTTONI LINK */

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
.colonnaarea > .row > .col-sm-12:has(> a.linkinterno.button.button--standard) {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}


body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
a.linkinterno.button.button--standard {
    position: relative;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    float: none !important;

    width: auto !important;
    min-width: 205px !important;
    height: 56px !important;

    margin:
        24px
        0
        0
        0 !important;

    padding:
        0
        28px !important;

    box-sizing: border-box;

    background:
        transparent !important;

    border:
        1px solid
        rgba(126,103,56,.55) !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    font-family:
        var(--eb-sans, Montserrat, Arial, sans-serif) !important;

    font-size:
        .68rem !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    letter-spacing:
        .18em !important;

    text-transform:
        uppercase !important;

    text-align:
        center !important;

    text-decoration:
        none !important;

    color:
        var(--eb-espresso, #2B1E12) !important;

    cursor:
        pointer;

    overflow:
        hidden;

    transition:
        background-color .4s ease,
        border-color .4s ease,
        color .4s ease,
        transform .4s cubic-bezier(.22,.61,.36,1) !important;
}


body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
a.linkinterno.button.button--standard::before,

body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
a.linkinterno.button.button--standard::after {
    content:
        none !important;

    display:
        none !important;
}


body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
a.linkinterno.button.button--standard:hover {
    background:
        var(--eb-oro, #7E6738) !important;

    border-color:
        var(--eb-oro, #7E6738) !important;

    color:
        #ffffff !important;

    transform:
        translateY(-2px);
}


body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
a.linkinterno.button.button--standard:focus {
    outline:
        1px solid
        var(--eb-oro, #7E6738);

    outline-offset:
        4px;
}


body#galleria-fotografica-generale
.gallery-generale-sezione-doppia
.area:hover
a.linkinterno.button.button--standard {
    border-color:
        rgba(126,103,56,.85) !important;
}


/* KEN BURNS SFONDO SEZIONE */
.eb-kb {
  position: relative !important;
  overflow: hidden !important;
  background-image: none !important;
}
.eb-kb .eb-kb-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  backface-visibility: hidden;
  pointer-events: none;
  animation: ebKenBurns 24s ease-in-out infinite alternate;
}
@keyframes ebKenBurns {
  0%   { transform: translate3d(2%, 1.5%, 0) scale(1.06); }
  100% { transform: translate3d(-5%, -3.5%, 0) scale(1.18); }

}
@media (prefers-reduced-motion: reduce) {
  .eb-kb .eb-kb-layer {
    animation: none;
    transform: none;
  }
}




/* LOCATION - MAPPA */

#mappa-pagina {
    position: relative;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;

    box-sizing: border-box;

    overflow: visible;
    height: 100%;
}


/* CONTENITORE CMS */

#mappa-pagina > .elemento_sing {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* CONTENITORE MAPPA */

#mappa-pagina .mappa-container {
    position: relative;
    display: block;
    width: 88vw;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    height: 600px !important;
}


/* LINEA ORO */

#mappa-pagina .mappa-container::before {
    content: "";
    position: absolute;
    left: 0;
    top: -48px;
    width: 58px;
    height: 1px;

    z-index: 5;
}


/* MAPPA */

#mappa-pagina .leaflet-container {
    position: relative;
    width: 100% !important;

    /* Leaflet si inizializza a 400px: non cambiare questa altezza */
    height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #e7e3dc !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
}


/* CARTOGRAFIA */

#mappa-pagina .leaflet-tile-pane {
    filter:
        grayscale(.55)
        saturate(.5)
        sepia(.12)
        brightness(1)
        contrast(1.06) !important;

    transition: none !important;
}


/* NESSUN CAMBIO COLORE SU HOVER */

#mappa-pagina .mappa-container:hover .leaflet-tile-pane,
#mappa-pagina .leaflet-container:hover .leaflet-tile-pane {
    filter:
        grayscale(.55)
        saturate(.5)
        sepia(.12)
        brightness(1)
        contrast(1.06) !important;
}


/* MARKER */

#mappa-pagina .leaflet-marker-pane {
    filter: none !important;
}


/* Marker monocromatico */

#mappa-pagina .leaflet-marker-icon {
    filter:
        grayscale(1)
        sepia(.18)
        saturate(.45)
        brightness(.52)
        contrast(1.25) !important;

    opacity: .92;

    transition: none !important;
}


/* POPUP */

#mappa-pagina .leaflet-popup {
    margin: 0 !important;
}


#mappa-pagina .leaflet-popup-content-wrapper {
    padding: 0 !important;

    background:
        rgba(242,237,227,.98) !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow:
        0 10px 30px rgba(43,30,18,.12) !important;

    overflow: visible !important;
}


/* EVITA IL BOX TAGLIATO */

#mappa-pagina .leaflet-popup-content {
    width: auto !important;
    min-width: 105px !important;
    margin: 0 !important;
    padding: 18px 20px !important;
    box-sizing: border-box;
    overflow: visible !important;
    text-align: center;
    font-family:
        var(--eb-sans, Montserrat, Arial, sans-serif) !important;
    color:
        var(--eb-espresso, #2B1E12) !important;
}


/* LOGO POPUP */

#mappa-pagina .poi-immagine {
    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


#mappa-pagina .poi-immagine img {
    display: block !important;
    width: 82px !important;
    max-width: 82px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain;
    transform: translateY(0%);
}


/* TESTO POPUP */

#mappa-pagina .poi-testo {
    display: block;
    margin: 0;
    padding: 0;
}


/* PUNTA POPUP */

#mappa-pagina .leaflet-popup-tip-container {
    width: 30px !important;
    height: 15px !important;
}


#mappa-pagina .leaflet-popup-tip {
    background:
        rgba(242,237,227,.98) !important;

    box-shadow: none !important;
}


/* CHIUSURA POPUP */

#mappa-pagina .leaflet-popup-close-button {
    top: 3px !important;
    right: 4px !important;

    width: 22px !important;
    height: 22px !important;

    font-family:
        var(--eb-sans, Montserrat, Arial, sans-serif) !important;

    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;

    color:
        rgba(43,30,18,.48) !important;

    background: transparent !important;
}


/* ZOOM */

#mappa-pagina .leaflet-control-zoom {
    margin-top: 18px !important;
    margin-left: 18px !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    background: transparent !important;
}


#mappa-pagina .leaflet-control-zoom a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 42px !important;

    margin: 0 0 1px !important;

    background:
        rgba(242,237,227,.92) !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family:
        var(--eb-sans, Montserrat, Arial, sans-serif) !important;

    font-size: 17px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    color:
        var(--eb-espresso, #2B1E12) !important;

    transition:
        background-color .3s ease,
        color .3s ease;
}


#mappa-pagina .leaflet-control-zoom a:hover {
    background:
        var(--eb-oro, #7E6738) !important;

    color: #FFFFFF !important;
}


/* ATTRIBUZIONE */

#mappa-pagina .leaflet-control-attribution {
    padding: 3px 7px !important;

    background:
        rgba(242,237,227,.88) !important;

    font-family:
        var(--eb-sans, Montserrat, Arial, sans-serif) !important;

    font-size: 9px !important;

    color:
        var(--eb-matterhorn, #545454) !important;
}


#mappa-pagina .leaflet-control-attribution a {
    color:
        var(--eb-wenge, #65574E) !important;
}


/* LOCATION E CONTATTI - CORNICE MAPPA */

#mappa-pagina .elemento_sing.el-mappa .mappa-container {
    position: relative;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}


/* BORDO ORO A 30PX DALLA MAPPA */

#mappa-pagina .elemento_sing.el-mappa .mappa-container::after {
    content: "";

    position: absolute;

    top: -30px;
    right: -30px;
    bottom: -30px;
    left: -30px;

    border: 1px solid var(--eb-sand, #fff);

    box-sizing: border-box;

    pointer-events: none;

    z-index: 20;
}


/* LOCATION E CONTATTI - COME ARRIVARE */

#come-arrivare {

display: flex !important;

align-items: center;

width: 100%;

margin: 0 !important;

padding:
        150px
        7vw
        165px !important;

box-sizing: border-box;


}


/* FONDO CMS */


/* DUE COLONNE */

#come-arrivare > .area {

    float: none !important;

    width: 50% !important;
    max-width: 50% !important;

    margin: 0 !important;

    box-sizing: border-box;
}


/* COLONNA TESTO */

#come-arrivare > .area:first-of-type {

    padding:
        0
        clamp(70px, 6vw, 120px)
        0
        0 !important;
}


/* RESET STRUTTURA TESTO */

#come-arrivare > .area:first-of-type .colonnaarea,
#come-arrivare > .area:first-of-type .row,
#come-arrivare > .area:first-of-type .row > div {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}


/* TITOLO */

#come-arrivare h3 {

position: relative;



margin:
        0
        0
        48px !important;

padding:
        32px
        0
        0 !important;

font-family:
        var(--eb-serif, "Playfair Display", Georgia, serif) !important;

font-size:
        clamp(3.4rem, 4vw, 5.4rem) !important;

font-weight:
        300 !important;

line-height:
        .98 !important;

letter-spacing:
        -.04em !important;

text-transform:
        none !important;

color:
        var(--eb-espresso, #2B1E12) !important;
}


/* FILETTO ORO */

#come-arrivare h3::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 58px;
    height: 1px;

    background:
        var(--eb-oro, #7E6738);
}


/* TESTO */

#come-arrivare p {

max-width: 800px;

margin: 0 !important;

padding: 0 !important;

font-family: var(--eb-serif) !important;

font-size: 1.22rem !important;

font-weight: 400 !important;

line-height: 1.72 !important;

letter-spacing: .002em !important;

text-align: left !important;

color: #574d46 !important;
}


/* PUNTI DI PARTENZA */

#come-arrivare p strong {



font-size: 1.2rem !important;

font-weight:
        600 !important;

line-height:
        1.5 !important;

letter-spacing:
        .08em !important;

color:
        var(--eb-oro, #7E6738) !important;
}


/* COLONNA FOTO */

#come-arrivare > .img-come-arrivare {

    display: flex !important;
    align-items: center;
    justify-content: flex-end;

    padding:
        0
        0
        0
        clamp(35px, 4vw, 80px) !important;
}


/* RESET FOTO */

#come-arrivare > .img-come-arrivare .colonnaarea,
#come-arrivare > .img-come-arrivare .row,
#come-arrivare > .img-come-arrivare .cont_sing {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}


/* CONTENITORE IMMAGINE */

#come-arrivare > .img-come-arrivare .cont_sing {

    position: relative;

    width:
        min(100%, 610px) !important;

    margin-left:
        auto !important;
}


/* FOTO */

#come-arrivare > .img-come-arrivare figure {

    position: relative;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background:
        #f2ede3;
}


/* CORNICE ORO DISCRETA */

#come-arrivare > .img-come-arrivare figure::before {

    content: "";

    position: absolute;

    top: 22px;
    right: -22px;
    bottom: -22px;
    left: 22px;

    z-index: 0;

    border:
        1px solid rgba(126,103,56,.48);

    pointer-events: none;
}


/* PICTURE */

#come-arrivare > .img-come-arrivare picture {

    position: relative;

    z-index: 1;

    display: block;

    width: 100%;
}


/* IMMAGINE */

#come-arrivare > .img-come-arrivare img {

    position: relative;

    z-index: 1;

    display: block;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    object-fit: cover;

    filter:
        saturate(.90)
        contrast(.98)
        brightness(.99);
}


/* LOCATION E CONTATTI - COME ARRIVARE - SFUMATURA */

#come-arrivare > [class^="cbck_"] {

position: absolute;

inset: 0;

width: 100%;

height: 100%;

z-index: 1;

background: linear-gradient(90deg, rgb(255 255 255) 0%, rgba(255, 255, 255, .98) 50%, rgba(255, 255, 255, .95) 60%, rgba(255, 255, 255, .80) 70%, rgba(255, 255, 255, .50) 80%, rgb(255 255 255 / 64%) 90%, rgb(255 255 255 / 69%) 100%) !important;

pointer-events: none;

backdrop-filter: grayscale(1);
}


/* CONTENUTI SOPRA LA SFUMATURA */

#come-arrivare > .area {

    position: relative;

    z-index: 2;
}


/* COME ARRIVARE - BACKGROUND INVERTITO */

#come-arrivare {
    position: relative;
    background-image: none !important;
    overflow: hidden;
}

#come-arrivare::before {
    content: "";

    position: absolute;
    inset: 0;

    background-image: url("../../../data/2560/eitch--borromini--best--pics--hi-res--copia--di--dreamstime--xxl--33384153--desktop.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transform: scaleX(-1);

    z-index: 0;
    pointer-events: none;
}

#come-arrivare > * {
    position: relative;
    z-index: 2;
}


/* HOME - HERO TESTO */

#home #slideshow .cbck_1 {

    z-index: 2 !important;

    background:
        linear-gradient(
            180deg,
            rgba(43,30,18,.28) 0%,
            rgba(43,30,18,.05) 37%,
            rgba(43,30,18,.18) 100%
        ),

        linear-gradient(
            90deg,
            rgba(43,30,18,.82) 0%,
            rgba(43,30,18,.68) 24%,
            rgba(43,30,18,.36) 48%,
            rgba(43,30,18,.10) 72%,
            rgba(43,30,18,.03) 100%
        ) !important;
}


#home #slideshow > .area {

    position: relative;

    z-index: 3 !important;
}


#home #slideshow .row.end.ao_center {

    position: absolute;

    top: 50%;
    left: 50%;

    width: 100%;

    transform:
        translate(-50%, -50%);

    justify-content:
        flex-start !important;
}


#home #slideshow .row.end.ao_center h3 {

    position: relative;

    width:
        43vw !important;

    max-width:
        43vw !important;

    height:
        280px;

    margin:
        0
        0
        0
        7vw !important;

    padding:
        0 !important;

    border:
        0 !important;

    text-align:
        left !important;

    text-transform:
        none !important;

    box-sizing:
        border-box;
}


#home #slideshow .mft-word {

    position:
        absolute !important;

    top:
        50% !important;

    left:
        0 !important;

    width:
        100% !important;

    transform:
        translateY(-50%);

    font-family:
        var(
            --eb-serif,
            "Playfair Display",
            Georgia,
            serif
        ) !important;

    font-weight:
        300 !important;

    text-align:
        left !important;

    text-transform:
        none !important;

    white-space:
        normal !important;

    text-shadow:
        0 3px 15px rgba(0,0,0,.20);
}


/* NOT A HOTEL */

#home #slideshow
.mft-word:first-child {

    font-size:
        clamp(
            4.6rem,
            6.8vw,
            8.4rem
        ) !important;

    line-height:
        .92 !important;

    letter-spacing:
        -.045em !important;

    color:
        #ffffff !important;
}


/* CLAIM */

#home #slideshow
.mft-word:nth-child(2) {

    font-size:
        clamp(
            1.55rem,
            6.2vw,
            4.75rem
        ) !important;

    line-height:
        1.12 !important;

    letter-spacing:
        -.018em !important;

    color:
        rgba(255,255,255,.84) !important;
}


/* PIAZZA NAVONA */

#home #slideshow
.mft-word:nth-child(2) b {

    display:
        inline-block;

    font-family:
        inherit !important;

    font-size:
        1.22em !important;

    font-weight:
        300 !important;

    font-style:
        italic !important;

    line-height:
        .95 !important;

    letter-spacing:
        -.035em !important;

    color:
        var(--eb-vanilla, #D1BEA8) !important;

    white-space:
        nowrap;
}



/* PRENOTAZIONE RAPIDA - DESKTOP */

@media (min-width:1101px) {

    /* FOTO LATERALE */

    #frHeader .laterale-fr {
        background-image:
            url("../../../data/2560/eitch--borromini--foto-reel--zaccaro--eitch--aprile--062--square.webp")
            !important;

        background-color:
            var(--eb-espresso, #2B1E12) !important;

        background-size:
            cover !important;

        background-position:
            center center !important;

        background-repeat:
            no-repeat !important;

        border-right:
            1px solid rgba(126,103,56,.22) !important;

        filter:
            none !important;
    }


    /* CONTENITORE */

    #frHeader .contenitore-fr {
        display:
            block !important;

        align-items:
            initial !important;

        justify-content:
            initial !important;

        gap:
            0 !important;

        padding:
            5% !important;

        background:
            var(--eb-carta, #F2EDE3) !important;

        color:
            var(--eb-espresso, #2B1E12) !important;
    }


    /* FORM */

    #frHeader .contenitore-fr form {
        display:
            block !important;

        align-items:
            initial !important;

        justify-content:
            initial !important;

        flex-wrap:
            initial !important;

        gap:
            0 !important;

        width:
            100% !important;
    }


    /* CHECK-IN / CHECK-OUT / PERSONE / PROMOCODE */

    #frHeader .component_fr.data_fr,
    #frHeader .component_fr.input_persone,
    #frHeader .component_fr.input_listino {
        width:
            100% !important;

        min-width:
            0 !important;

        box-sizing:
            border-box !important;

        margin:
            0 0 18px 0 !important;

        padding:
            22px 24px !important;

        background:
            rgba(255,255,255,.94) !important;

        border:
            1px solid rgba(126,103,56,.20) !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;

        transform:
            none !important;

        color:
            var(--eb-espresso, #2B1E12) !important;

        transition:
            background-color .25s ease !important;
    }


    /* Senza bordo oro, spostamento e ombra */

    #frHeader .component_fr.data_fr:hover,
    #frHeader .component_fr.input_persone:hover,
    #frHeader .component_fr.input_listino:hover {
        background:
            #FFFFFF !important;

        border-color:
            rgba(126,103,56,.20) !important;

        box-shadow:
            none !important;

        transform:
            none !important;
    }


    /* LABEL */

    #frHeader .labelfastr {
        font-family:
            var(--eb-sans, "Montserrat", Arial, sans-serif) !important;

        font-size:
            10px !important;

        font-weight:
            500 !important;

        line-height:
            1 !important;

        letter-spacing:
            .20em !important;

        text-transform:
            uppercase !important;

        color:
            var(--eb-oro, #7E6738) !important;

        margin-top:
            0 !important;

        margin-bottom:
            13px !important;
    }


    /* NUMERI */

    #frHeader .elem-grande {
        font-family:
            var(--eb-serif, "Playfair Display", Georgia, serif) !important;

        font-size:
            clamp(2.3rem,2.7vw,3.4rem) !important;

        font-weight:
            300 !important;

        font-style:
            normal !important;

        line-height:
            .92 !important;

        letter-spacing:
            -.04em !important;

        color:
            var(--eb-espresso, #2B1E12) !important;
    }


    /* TESTI SECONDARI */

    #frHeader .elem-piccolo {
        font-family:
            var(--eb-sans, "Montserrat", Arial, sans-serif) !important;

        font-size:
            11px !important;

        font-weight:
            400 !important;

        line-height:
            1.4 !important;

        letter-spacing:
            .02em !important;

        color:
            var(--eb-wenge, #65574E) !important;
    }


    #frHeader .mese {
        text-transform:
            uppercase !important;

        letter-spacing:
            .07em !important;
    }


    #frHeader .settimana,
    #frHeader .ncamere {
        font-family:
            var(--eb-serif, "Playfair Display", Georgia, serif) !important;

        font-style:
            italic !important;

        color:
            var(--eb-wenge, #65574E) !important;
    }


    /* CHIUSURA */

    #frHeader .btn-chiudiFR {
        background:
            var(--eb-oro, #7E6738) !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;

        color:
            #FFFFFF !important;

        transform:
            none !important;
    }


    #frHeader .btn-chiudiFR i,
    #frHeader .btn-chiudiFR i.zmdi.zmdi-close {
        color:
            #FFFFFF !important;
    }


    #frHeader .btn-chiudiFR:hover {
        background:
            var(--eb-espresso, #2B1E12) !important;

        color:
            #FFFFFF !important;

        transform:
            none !important;
    }


    /* PERSONE / PROMOCODE APERTI */

    #frHeader .area_input_persone,
    #frHeader .area_input_listino {
        background:
            #FFFFFF !important;

        border:
            1px solid rgba(126,103,56,.25) !important;

        border-radius:
            0 !important;

        box-shadow:
            0 14px 35px rgba(43,30,18,.10) !important;

        color:
            var(--eb-espresso, #2B1E12) !important;
    }


    #frHeader select.elemfr,
    #frHeader input.listinoinput {
        font-family:
            var(--eb-sans, "Montserrat", Arial, sans-serif) !important;

        color:
            var(--eb-espresso, #2B1E12) !important;

        background:
            #FFFFFF !important;

        border:
            0 !important;

        border-bottom:
            1px solid rgba(126,103,56,.38) !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;
    }


    /* OK */

    #frHeader .button.btn.chiudi {
        background:
            var(--eb-oro, #7E6738) !important;

        border:
            1px solid var(--eb-oro, #7E6738) !important;

        border-radius:
            0 !important;

        color:
            #FFFFFF !important;

        font-family:
            var(--eb-sans, "Montserrat", Arial, sans-serif) !important;

        box-shadow:
            none !important;
    }


    /* PRENOTA ORA */

    #frHeader .prencanc_fr {
        margin-top:
            24px !important;
    }


    #frHeader .btn_fastres {
        background:
            var(--eb-oro, #7E6738) !important;

        border-color:
            var(--eb-oro, #7E6738) !important;

        border-radius:
            0 !important;

        color:
            #FFFFFF !important;

        font-family:
            var(--eb-sans, "Montserrat", Arial, sans-serif) !important;

        font-size:
            11px !important;

        font-weight:
            600 !important;

        letter-spacing:
            .22em !important;

        text-transform:
            uppercase !important;

        box-shadow:
            none !important;

        transform:
            none !important;
    }


    #frHeader .btn_fastres span {
        font-family:
            inherit !important;

        color:
            inherit !important;
    }


    #frHeader .btn_fastres:hover {
        background:
            var(--eb-espresso, #2B1E12) !important;

        border-color:
            var(--eb-espresso, #2B1E12) !important;

        color:
            #FFFFFF !important;
    }


    /* DATEPICKER: solo aspetto, la posizione resta al plugin */

    #frHeader .datepicker-dropdown.active {
        z-index:
            99999 !important;
    }


    #frHeader .datepicker-dropdown .datepicker-picker {
        background:
            #FFFFFF !important;

        border:
            1px solid rgba(126,103,56,.30) !important;

        border-radius:
            0 !important;

        box-shadow:
            0 18px 45px rgba(43,30,18,.14) !important;

        font-family:
            var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
    }


    #frHeader .datepicker-header {
        background:
            var(--eb-carta, #F2EDE3) !important;

        color:
            var(--eb-espresso, #2B1E12) !important;

        border-bottom:
            1px solid rgba(126,103,56,.16) !important;
    }


    #frHeader .datepicker-title,
    #frHeader .datepicker-title .s_c_picker {
        background:
            transparent !important;

        border-radius:
            0 !important;
    }


    #frHeader .datepicker-title .s_c_picker {
        color:
            var(--eb-oro, #7E6738) !important;

        font-family:
            var(--eb-sans, "Montserrat", Arial, sans-serif) !important;

        letter-spacing:
            .16em !important;

        text-transform:
            uppercase !important;
    }


    #frHeader .datepicker-title .d_c_picker .g_p {
        font-family:
            var(--eb-serif, "Playfair Display", Georgia, serif) !important;

        color:
            var(--eb-espresso, #2B1E12) !important;
    }


    #frHeader .datepicker-title .d_c_picker .m_p,
    #frHeader .datepicker-title .d_c_picker .a_p {
        font-family:
            var(--eb-sans, "Montserrat", Arial, sans-serif) !important;

        color:
            var(--eb-wenge, #65574E) !important;
    }


    #frHeader .datepicker-header .datepicker-controls,
    #frHeader .datepicker-controls .button {
        background:
            transparent !important;
    }


    #frHeader .datepicker-controls .button {
        border:
            0 !important;

        border-radius:
            0 !important;

        color:
            var(--eb-espresso, #2B1E12) !important;

        box-shadow:
            none !important;
    }


    #frHeader .datepicker-main {
        background:
            #FFFFFF !important;
    }


    #frHeader .dow {
        font-family:
            var(--eb-sans, "Montserrat", Arial, sans-serif) !important;

        color:
            var(--eb-oro, #7E6738) !important;

        font-size:
            10px !important;

        letter-spacing:
            .10em !important;
    }


    #frHeader .datepicker-cell.day {
        font-family:
            var(--eb-sans, "Montserrat", Arial, sans-serif) !important;

        color:
            var(--eb-espresso, #2B1E12) !important;

        border-radius:
            0 !important;
    }


    #frHeader .datepicker-cell.day:not(.disabled):hover {
        background:
            var(--eb-sand, #E7D8BE) !important;
    }


    #frHeader .datepicker-cell.day.selected,
    #frHeader .datepicker-cell.day.selected:hover {
        background:
            var(--eb-oro, #7E6738) !important;

        color:
            #FFFFFF !important;
    }


    #frHeader .datepicker-cell.day.today:not(.selected) {
        background:
            transparent !important;

        color:
            var(--eb-oro, #7E6738) !important;

        box-shadow:
            inset 0 0 0 1px var(--eb-oro, #7E6738) !important;
    }
}



/* PRENOTAZIONE RAPIDA - PANNELLO, CAMPI, CALENDARIO */

/* PANNELLO */
body #fr_0_1.fastreservation.apertura-full.stile-custom {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--eb-carta, #F2EDE3) !important;
  color: var(--eb-espresso, #2B1E12) !important;
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  z-index: 99990;
}
body #fr_0_1.fastreservation.animate__fadeOut {
  z-index: -1;
  pointer-events: none;
}

/* FOTO LATERALE */
#fr_0_1 > .laterale-fr {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 44% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: var(--eb-espresso, #2B1E12) !important;
  background-image: url("../../../data/2560/eitch--borromini--foto-reel--zaccaro--eitch--aprile--062--square.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  filter: none !important;
  overflow: hidden;
}
#fr_0_1 > .laterale-fr::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(43,30,18,.10) 0%, rgba(43,30,18,.05) 45%, rgba(43,30,18,.62) 100%);
  pointer-events: none;
}
#fr_0_1 > .laterale-fr::after {
  content: "";
  position: absolute;
  inset: 26px;
  border: 1px solid rgba(209,190,168,.55);
  pointer-events: none;
}

/* CONTENITORE FORM */
#fr_0_1 .contenitore-fr.content_laterale {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 56% !important;
  height: auto !important;
  margin: 0 !important;
  padding: clamp(80px, 9vh, 120px) clamp(32px, 6vw, 110px) 60px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  background: var(--eb-carta, #F2EDE3) !important;
  color: var(--eb-espresso, #2B1E12) !important;
  overflow: visible;
}

#fr_0_1 .contenitore-fr form {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  width: min(560px, 100%) !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: start !important;
}
#fr_0_1 .contenitore-fr form::before {
  content: "" !important;
  position: static !important;
  top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
  transform: none !important;
  grid-column: 1 / -1;
  display: block !important;
  width: 46px !important;
  height: 58px !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: url("../../../data/loghi/logo-colori.webp") no-repeat left center / contain !important;
}
#fr_0_1 .contenitore-fr form::after { content: none !important; display: none !important; }

/* CHIUSURA */
#fr_0_1 form button.btn-chiudiFR {
  position: fixed !important;
  top: 26px !important;
  right: 30px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 5;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--eb-espresso, #2B1E12) !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: none !important;
}
#fr_0_1 form button.btn-chiudiFR i,
#fr_0_1 form button.btn-chiudiFR i.zmdi.zmdi-close {
  color: var(--eb-espresso, #2B1E12) !important;
  font-size: 28px !important;
  font-weight: 200 !important;
  line-height: 1 !important;
  transition: color .35s ease, transform .6s cubic-bezier(.22,1,.36,1);
}
#fr_0_1 form button.btn-chiudiFR:hover,
#fr_0_1 form button.btn-chiudiFR:focus,
#fr_0_1 form button.btn-chiudiFR:active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
}
#fr_0_1 form button.btn-chiudiFR:hover i,
#fr_0_1 form button.btn-chiudiFR:focus-visible i {
  color: var(--eb-oro, #7E6738) !important;
  transform: rotate(90deg);
}


#fr_0_1 .contenitore-fr .component_fr.data_fr,
#fr_0_1 .contenitore-fr .component_fr.input_persone,
#fr_0_1 .contenitore-fr .component_fr.input_listino {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-areas: "label label" "big meta" !important;
  column-gap: 16px !important;
  row-gap: 0 !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 112px !important;
  margin: 0 !important;
  padding: 18px 22px 20px !important;
  box-sizing: border-box !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(126,103,56,.22) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--eb-espresso, #2B1E12) !important;
  cursor: pointer;
  transform: none !important;
  position: relative !important;
  transition: border-color .3s ease !important;
}
#fr_0_1 .contenitore-fr .component_fr.data_fr { z-index: 4; }
#fr_0_1 .contenitore-fr .component_fr.input_persone { grid-column: 1 / -1 !important; z-index: 3; }
#fr_0_1 .contenitore-fr .component_fr.input_listino { grid-column: 1 / -1 !important; z-index: 2; }
#fr_0_1 .contenitore-fr .component_fr.data_fr:hover,
#fr_0_1 .contenitore-fr .component_fr.input_persone:hover,
#fr_0_1 .contenitore-fr .component_fr.input_listino:hover,
#fr_0_1 .contenitore-fr .component_fr.data_fr:focus-visible,
#fr_0_1 .contenitore-fr .component_fr.input_persone:focus-visible,
#fr_0_1 .contenitore-fr .component_fr.input_listino:focus-visible {
  border-color: var(--eb-oro, #7E6738) !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none;
}

#fr_0_1 .contenitore-fr .labelfastr {
  grid-area: label;
  display: block !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--eb-oro, #7E6738) !important;
  cursor: inherit;
}
#fr_0_1 .contenitore-fr .blckelem { margin: 0 !important; padding: 0 !important; min-width: 0; }
#fr_0_1 .contenitore-fr .blckelem:first-of-type { grid-area: big; }
#fr_0_1 .contenitore-fr .blckelem:nth-of-type(2) { grid-area: meta; padding-bottom: 4px !important; }

#fr_0_1 .contenitore-fr .elem-grande {
  display: block !important;
  font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important;
  font-size: clamp(2.4rem, 3vw, 3.2rem) !important;
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: .9 !important;
  letter-spacing: -.04em !important;
  color: var(--eb-espresso, #2B1E12) !important;
}
#fr_0_1 .contenitore-fr .box_data,
#fr_0_1 .contenitore-fr .boc_persone {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 .45em !important;
  margin: 0 !important;
}
#fr_0_1 .contenitore-fr .elem-piccolo {
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--eb-wenge, #65574E) !important;
}
#fr_0_1 .contenitore-fr .settimana,
#fr_0_1 .contenitore-fr .ncamere {
  display: block !important;
  font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--eb-wenge, #65574E) !important;
}


#fr_0_1 .contenitore-fr .input_listino .listino.import {
  font-size: 1.35rem !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
  min-height: 1.2em;
}
#fr_0_1 .contenitore-fr .input_listino .listino.import:empty::before {
  content: "\2014";
  color: rgba(101,87,78,.5);
}

/* Input date reali: invisibili sopra tutta la card, al tocco aprono il calendario */
#fr_0_1 .contenitore-fr input.datepicker.elemfr {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 16px !important;
  opacity: 0 !important;
  cursor: pointer !important;
  caret-color: transparent !important;
}

/* PERSONE / PROMOCODE APERTI */
#fr_0_1 .area_input_persone,
#fr_0_1 .area_input_listino {
  position: static !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 20px 0 0 !important;
  transform: none !important;
  padding: 20px 0 0 !important;
  box-sizing: border-box !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-top: 1px solid rgba(126,103,56,.22) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--eb-espresso, #2B1E12) !important;
  cursor: default;
}
#fr_0_1 .cont_input_persone {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  flex-direction: unset !important;
  gap: 18px !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
#fr_0_1 .area_input_listino { position: relative !important; }
#fr_0_1 .cont_input_listino {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 130px 0 0 !important;
  text-align: left !important;
}
#fr_0_1 .cont_input_listino .listino_fr,
#fr_0_1 .cont_input_listino .listino_fr.component_fr {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#fr_0_1 .area_input_listino .button.btn.chiudi {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
}
#fr_0_1 .cont_input_persone > .component_fr,
#fr_0_1 .cont_input_listino > .component_fr {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
#fr_0_1 .cont_input_persone label.elemfr,
#fr_0_1 .cont_input_listino div.elemfr {
  display: block !important;
  margin: 0 !important;
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: var(--eb-oro, #7E6738) !important;
}
#fr_0_1 select.elemfr,
#fr_0_1 input.listinoinput {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 34px 0 0 !important;
  box-sizing: border-box !important;
  font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important;
  font-size: 1.35rem !important;
  font-weight: 400 !important;
  line-height: 48px !important;
  color: var(--eb-espresso, #2B1E12) !important;
  background-color: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(126,103,56,.40) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer;
  transition: border-color .3s ease;
}
#fr_0_1 select.elemfr {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M2 5l5 5 5-5' fill='none' stroke='%237E6738' stroke-width='1.2'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 4px center !important;
}
#fr_0_1 input.listinoinput {
  max-width: none !important;
  padding-right: 0 !important;
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 15px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  cursor: text;
}
#fr_0_1 select.elemfr option {
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: .06em !important;
  line-height: 1.6 !important;
  padding: 8px 12px !important;
  color: var(--eb-espresso, #2B1E12) !important;
  background: #FFFFFF !important;
}
#fr_0_1 select.elemfr option:checked {
  background: var(--eb-sand, #E7D8BE) !important;
  color: var(--eb-espresso, #2B1E12) !important;
}
#fr_0_1 select.elemfr option:hover {
  background: var(--eb-carta, #F2EDE3) !important;
}
#fr_0_1 select.elemfr:focus,
#fr_0_1 input.listinoinput:focus {
  border-bottom-color: var(--eb-oro, #7E6738) !important;
}

/* Etichetta interna del promocode nascosta */
#fr_0_1 .cont_input_listino div.elemfr { display: none !important; }
#fr_0_1 .cont_input_listino input.listinoinput { height: 44px !important; line-height: 44px !important; }

/* TENDINE CUSTOM CAMERE / PERSONE */
#fr_0_1 select.elemfr[data-eb-sel] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
#fr_0_1 .eb-sel { position: relative; width: 100%; }
#fr_0_1 .eb-sel .eb-sel-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 4px 0 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(126,103,56,.40) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important;
  font-size: 1.35rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  color: var(--eb-espresso, #2B1E12) !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  outline: none !important;
  transition: border-color .3s ease !important;
}
#fr_0_1 .eb-sel .eb-sel-btn::after {
  content: "";
  width: 8px;
  height: 8px;
  margin: -5px 4px 0 0;
  border-right: 1px solid var(--eb-oro, #7E6738);
  border-bottom: 1px solid var(--eb-oro, #7E6738);
  transform: rotate(45deg);
  transition: transform .4s cubic-bezier(.22,1,.36,1);
}
#fr_0_1 .eb-sel.is-open .eb-sel-btn,
#fr_0_1 .eb-sel .eb-sel-btn:focus-visible { border-bottom-color: var(--eb-oro, #7E6738) !important; }
#fr_0_1 .eb-sel.is-open .eb-sel-btn::after { transform: rotate(225deg); margin-top: 3px; }
#fr_0_1 .eb-sel-list {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 30;
  max-height: 236px;
  margin: 0 !important;
  padding: 6px 0 !important;
  list-style: none !important;
  overflow-y: auto;
  background: #FFFFFF;
  border: 1px solid rgba(126,103,56,.35);
  box-shadow: 0 18px 45px rgba(43,30,18,.14);
  animation: ebFrFade .35s cubic-bezier(.22,1,.36,1) both;
}
#fr_0_1 .eb-sel-list[hidden] { display: none !important; }
#fr_0_1 .eb-sel-opt {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  margin: 0 !important;
  padding: 10px 16px !important;
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: .06em !important;
  color: var(--eb-espresso, #2B1E12) !important;
  background: transparent;
  cursor: pointer;
  transition: background-color .15s ease;
}
#fr_0_1 .eb-sel-opt.is-active { background: var(--eb-carta, #F2EDE3); }
#fr_0_1 .eb-sel-opt.is-selected { background: var(--eb-sand, #E7D8BE); }
#fr_0_1 .eb-sel-opt.is-selected::after {
  content: "";
  width: 5px;
  height: 5px;
  background: var(--eb-oro, #7E6738);
  transform: rotate(45deg);
}

/* OK */
#fr_0_1 .button.btn.chiudi {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 44px !important;
  margin: 18px 0 0 !important;
  padding: 0 30px !important;
  background: var(--eb-oro, #7E6738) !important;
  border: 1px solid var(--eb-oro, #7E6738) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  cursor: pointer;
  transition: background-color .3s ease, border-color .3s ease, color .3s ease !important;
}
#fr_0_1 .button.btn.chiudi:hover {
  background: var(--eb-carta, #F2EDE3) !important;
  border-color: var(--eb-carta, #F2EDE3) !important;
  color: var(--eb-espresso, #2B1E12) !important;
}

/* PRENOTA ORA */
#fr_0_1 .contenitore-fr .prencanc_fr.component_fr {
  grid-column: 1 / -1;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
#fr_0_1 .contenitore-fr a.btn_fastres,
#fr_0_1 .contenitore-fr a.btn_fastres.button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 64px !important;
  height: 64px !important;
  margin: 0 !important;
  padding: 0 34px !important;
  box-sizing: border-box !important;
  background: var(--eb-oro, #7E6738) !important;
  border: 1px solid var(--eb-oro, #7E6738) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  transform: none !important;
  transition: background-color .35s ease, border-color .35s ease, color .35s ease !important;
}
#fr_0_1 .contenitore-fr a.btn_fastres span {
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
  color: inherit !important;
}
#fr_0_1 .contenitore-fr a.btn_fastres:hover,
#fr_0_1 .contenitore-fr a.btn_fastres.button:hover {
  background: var(--eb-espresso, #2B1E12) !important;
  border-color: var(--eb-espresso, #2B1E12) !important;
  color: #FFFFFF !important;
}
#fr_0_1 .contenitore-fr a.btn_fastres::before,
#fr_0_1 .contenitore-fr a.btn_fastres::after { content: none !important; display: none !important; }

/* DATEPICKER: solo aspetto, la posizione resta al plugin */
#fr_0_1 .datepicker-dropdown { position: absolute !important; }
#fr_0_1 .datepicker-dropdown:not(.active) { pointer-events: none !important; left: -99999px !important; }
#fr_0_1 .eb-ovl-hidden {
  position: absolute !important;
  top: 0 !important;
  left: -99999px !important;
  right: auto !important;
  width: 320px !important;
  margin: 0 !important;
  pointer-events: none !important;
}
#fr_0_1 .data_fr .datepicker-dropdown.active {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 99999 !important;
}
#fr_0_1 .data_fr.checkout .datepicker-dropdown.active { left: auto !important; right: 0 !important; }
#fr_0_1 .datepicker-dropdown .datepicker-picker {
  width: 322px !important;
  max-width: calc(100vw - 32px) !important;
  padding: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(126,103,56,.35) !important;
  border-radius: 0 !important;
  box-shadow: 0 20px 50px rgba(43,30,18,.18) !important;
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  color: var(--eb-espresso, #2B1E12) !important;
  overflow: hidden;
}
#fr_0_1 .datepicker-header {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--eb-espresso, #2B1E12) !important;
  border: 0 !important;
  border-radius: 0 !important;
}
#fr_0_1 .datepicker-title {
  display: block !important;
  margin: 0 !important;
  padding: 18px 22px 14px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left !important;
}
#fr_0_1 .datepicker-title .s_c_picker {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  color: var(--eb-vanilla, #D1BEA8) !important;
}
#fr_0_1 .datepicker-title .d_c_picker {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#fr_0_1 .datepicker-title .d_c_picker span {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}
#fr_0_1 .datepicker-title .d_c_picker .g_p {
  order: 1;
  font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important;
  font-size: 2.6rem !important;
  font-weight: 300 !important;
  line-height: .9 !important;
  letter-spacing: -.04em !important;
  color: #FFFFFF !important;
}
#fr_0_1 .datepicker-title .d_c_picker .m_p { order: 2; }
#fr_0_1 .datepicker-title .d_c_picker .a_p { order: 3; }
#fr_0_1 .datepicker-title .d_c_picker .m_p,
#fr_0_1 .datepicker-title .d_c_picker .a_p {
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--eb-vanilla, #D1BEA8) !important;
}
#fr_0_1 .datepicker-header .datepicker-controls {
  display: flex !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(255,255,255,.06) !important;
  border-top: 1px solid rgba(209,190,168,.22) !important;
}
#fr_0_1 .datepicker-controls .button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--eb-carta, #F2EDE3) !important;
  cursor: pointer;
  transition: background-color .25s ease, color .25s ease !important;
}
#fr_0_1 .datepicker-controls .button:hover:not(:disabled) {
  background: rgba(126,103,56,.35) !important;
  color: #FFFFFF !important;
}
#fr_0_1 .datepicker-controls .button:disabled { opacity: .3 !important; cursor: default; }
#fr_0_1 .datepicker-controls .view-switch { flex: 1 1 auto !important; }
#fr_0_1 .datepicker-controls .prev-button,
#fr_0_1 .datepicker-controls .next-button {
  flex: 0 0 48px !important;
  font-family: Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
}
#fr_0_1 .datepicker-controls .prev-button { border-right: 1px solid rgba(209,190,168,.22) !important; }
#fr_0_1 .datepicker-controls .next-button { border-left: 1px solid rgba(209,190,168,.22) !important; }

#fr_0_1 .datepicker-main {
  margin: 0 !important;
  padding: 14px 16px 16px !important;
  background: #FFFFFF !important;
}
#fr_0_1 .days-of-week { margin: 0 0 6px !important; }
#fr_0_1 .dow {
  height: 26px !important;
  line-height: 26px !important;
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--eb-oro, #7E6738) !important;
}
#fr_0_1 .datepicker-cell.day {
  height: 40px !important;
  line-height: 40px !important;
  font-family: var(--eb-sans, "Montserrat", Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--eb-espresso, #2B1E12) !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease;
}
#fr_0_1 .datepicker-cell.day:not(.disabled):hover {
  background: var(--eb-sand, #E7D8BE) !important;
  color: var(--eb-espresso, #2B1E12) !important;
}
#fr_0_1 .datepicker-cell.day.selected,
#fr_0_1 .datepicker-cell.day.selected:hover,
#fr_0_1 .datepicker-cell.day.selected.focused {
  background: var(--eb-oro, #7E6738) !important;
  color: #FFFFFF !important;
  font-weight: 500 !important;
}
#fr_0_1 .datepicker-cell.day.focused:not(.selected) {
  background: transparent !important;
}
#fr_0_1 .datepicker-cell.day.today:not(.selected) {
  background: transparent !important;
  color: var(--eb-oro, #7E6738) !important;
  box-shadow: inset 0 0 0 1px var(--eb-oro, #7E6738) !important;
}
#fr_0_1 .datepicker-cell.day.disabled,
#fr_0_1 .datepicker-cell.day.disabled:hover {
  background: transparent !important;
  color: rgba(84,84,84,.30) !important;
  cursor: default;
}
#fr_0_1 .datepicker-cell.day.prev,
#fr_0_1 .datepicker-cell.day.next { color: rgba(84,84,84,.38) !important; }
#fr_0_1 .datepicker-footer { display: none !important; }


#fr_0_1 .contenitore-fr .component_fr.data_fr,
#fr_0_1 .contenitore-fr .component_fr.input_persone,
#fr_0_1 .contenitore-fr .component_fr.input_listino,
#fr_0_1 .contenitore-fr .prencanc_fr.component_fr {
  transition: border-color .35s ease, opacity .5s cubic-bezier(.22,1,.36,1) !important;
}
#fr_0_1 .contenitore-fr form:has(> .component_fr:hover) > .component_fr:not(:hover):not(:has(.datepicker-dropdown.active)),
#fr_0_1 .contenitore-fr form:has(> .component_fr:focus-within) > .component_fr:not(:focus-within):not(:hover):not(:has(.datepicker-dropdown.active)) {
  opacity: .38;
}
#fr_0_1 .contenitore-fr .component_fr:hover .labelfastr,
#fr_0_1 .contenitore-fr .component_fr:focus-within .labelfastr {
  color: var(--eb-espresso, #2B1E12) !important;
}

/* INGRESSO A CASCATA */
@keyframes ebFrIn {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: none; }
}
@keyframes ebFrFade {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}
#fr_0_1 .datepicker-dropdown.active,
#fr_0_1 .area_input_persone:not(.eb-ovl-hidden):not([class*="Out"]),
#fr_0_1 .area_input_listino:not(.eb-ovl-hidden):not([class*="Out"]) {
  animation: ebFrFade .55s cubic-bezier(.22,1,.36,1) both !important;
}
@keyframes ebFrPhoto {
  from { transform: scale(1.06); }
  to   { transform: none; }
}
body.eb-fr-open #fr_0_1 > .laterale-fr { animation: ebFrPhoto 14s cubic-bezier(.22,1,.36,1) both; }
body.eb-fr-open #fr_0_1 .contenitore-fr form > .component_fr { animation: ebFrIn .85s cubic-bezier(.22,1,.36,1) backwards; }
body.eb-fr-open #fr_0_1 .contenitore-fr .component_fr.checkin { animation-delay: .12s; }
body.eb-fr-open #fr_0_1 .contenitore-fr .component_fr.checkout { animation-delay: .22s; }
body.eb-fr-open #fr_0_1 .contenitore-fr .component_fr.input_persone { animation-delay: .32s; }
body.eb-fr-open #fr_0_1 .contenitore-fr .component_fr.input_listino { animation-delay: .42s; }
body.eb-fr-open #fr_0_1 .contenitore-fr .prencanc_fr.component_fr { animation-delay: .54s; }
body:not(.eb-fr-open) #fr_0_1 .contenitore-fr form > .component_fr { animation: none; }

/* STATO APERTO (body.eb-fr-open) */
body.eb-fr-open #header { z-index: 2147483000 !important; }
body.eb-fr-open #bottone_menu_header,
body.eb-fr-open #menulingueheader,
body.eb-fr-open #ai,
body.eb-fr-open #ai_popup,
body.eb-fr-open #hoteliher,
body.eb-fr-open #min_hotelier { visibility: hidden !important; pointer-events: none !important; }
body.eb-fr-open { overflow: hidden !important; }

/* MOBILE / TABLET */
@media (max-width: 1100px) {
  #fr_0_1 > .laterale-fr { display: none !important; }
  #fr_0_1 .contenitore-fr.content_laterale {
    left: 0 !important;
    width: 100% !important;
    padding: 84px 18px 32px !important;
    justify-content: flex-start !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  #fr_0_1 .contenitore-fr form { width: 100% !important; gap: 10px !important; }
  #fr_0_1 .contenitore-fr .component_fr.data_fr,
  #fr_0_1 .contenitore-fr .component_fr.input_persone,
  #fr_0_1 .contenitore-fr .component_fr.input_listino {
    min-height: 0 !important;
    padding: 16px 18px 18px !important;
  }
  #fr_0_1 .contenitore-fr .elem-grande { font-size: 2.2rem !important; }
  #fr_0_1 form button.btn-chiudiFR { top: 12px !important; right: 12px !important; width: 44px !important; height: 44px !important; }
  #fr_0_1 .contenitore-fr a.btn_fastres,
  #fr_0_1 .contenitore-fr a.btn_fastres.button { height: 56px !important; min-height: 56px !important; }
}
@media (max-width: 560px) {
  #fr_0_1 .contenitore-fr form { grid-template-columns: 1fr !important; }
  #fr_0_1 .data_fr.checkout .datepicker-dropdown.active { left: 0 !important; right: auto !important; }
  #fr_0_1 .cont_input_persone { grid-template-columns: 1fr !important; }
  #fr_0_1 .cont_input_listino { padding-right: 0 !important; }
  #fr_0_1 .area_input_listino .button.btn.chiudi { position: static !important; margin-top: 14px !important; }
}

@media (prefers-reduced-motion: reduce) {
  #fr_0_1 *, #fr_0_1 *::before, #fr_0_1 *::after { transition-duration: .01ms !important; animation: none !important; }
}




/* ROMANTIC SUITE - SERVIZI CAMERA */

.eb-room-features{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:48px;
    row-gap:22px;
    margin-top:32px;
}

.eb-room-feature{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(126,103,56,.16);
}

.eb-room-feature .material-symbols-rounded{
    flex:0 0 auto;
    margin-top:1px;

    font-size:22px !important;
    font-weight:300 !important;
    line-height:1 !important;

    color:var(--eb-oro,#7E6738) !important;

    font-variation-settings:
        'FILL' 0,
        'wght' 300,
        'GRAD' 0,
        'opsz' 24;
}

.eb-room-feature > span:last-child{
    font-family:var(--eb-sans,"Montserrat",Arial,sans-serif);
    font-size:.92rem;
    font-weight:400;
    line-height:1.55;
    letter-spacing:.01em;

    color:var(--eb-espresso,#2B1E12);
}

.eb-room-feature:hover .material-symbols-rounded{
    color:var(--eb-espresso,#2B1E12) !important;
}






/* PAGINE CAMERA - SEZIONE EDITORIALE, GALLERY E FOTO FINALE */

@media (min-width:1101px) {

    /* SEZIONE */

    #testo-interno-camera {
        position: relative;
        min-height: 0 !important;
        margin: 0 !important;
        padding: clamp(120px, 9vw, 175px)
            0
            clamp(05px, 5vw, 100px) !important;
        background:
            var(--eb-bianco, #FFFFFF);
        overflow: hidden;
    }


    /* decorazione verticale iniziale */

    #testo-interno-camera::before {
        content: "";

        position: absolute;

        top: 0;
        left: clamp(35px, 4vw, 75px);

        width: 1px;
        height: clamp(75px, 7vw, 125px);

        background:
            linear-gradient(
                to bottom,
                rgba(126,103,56,0),
                rgba(126,103,56,.55)
            );

        pointer-events: none;
    }


    #testo-interno-camera::after {
        content: "";

        position: absolute;

        top: clamp(75px, 7vw, 125px);
        left: calc(clamp(35px, 4vw, 75px) - 3px);

        width: 7px;
        height: 7px;

        background:
            var(--eb-oro, #7E6738);

        transform: rotate(45deg);

        pointer-events: none;
    }


    /* RESET CONTENITORI CMS */

    #testo-interno-camera > .area,
    #testo-interno-camera > .area > .colonnaarea {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* TESTO INTRODUTTIVO */

    #testo-interno-camera
    .row.centrale.ao_left.primo {
        position: relative;

        display: block !important;

        width: min(100%, 1500px);

        margin:
            0
            auto !important;

        padding:
            0
            clamp(90px, 10vw, 185px)
            clamp(90px, 7vw, 130px) !important;
    }


    #testo-interno-camera
    .row.centrale.ao_left.primo::before {
        content: "";

        display: block;

        width: 64px;
        height: 1px;

        margin:
            0
            0
            34px;

        background:
            var(--eb-oro, #7E6738);
    }


    #testo-interno-camera
    .row.centrale.ao_left.primo > div {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    #testo-interno-camera
    .row.centrale.ao_left.primo p {
        width: min(100%, 960px);

        margin: 0 !important;
        padding: 0 !important;

        font-family:
            var(
                --eb-serif,
                "Playfair Display",
                Georgia,
                serif
            ) !important;

        font-size:
            clamp(1.12rem, 1.22vw, 1.42rem) !important;

        font-weight:
            300 !important;

        line-height:
            1.72 !important;

        letter-spacing:
            -.01em;

        text-align:
            left !important;

        color:
            var(--eb-espresso, #2B1E12) !important;
    }


    /* GALLERY */

    #testo-interno-camera
    .galleriapres {
        display: grid !important;

        grid-template-columns:
            repeat(12, minmax(0, 1fr));

        grid-auto-rows:
            clamp(125px, 10vw, 185px);

        /* spazio ridotto tra le fotografie */
        gap:
            clamp(6px, .55vw, 10px);

        width:
            calc(100% - clamp(70px, 8vw, 150px));

        max-width:
            1680px;

        margin:
            0
            auto !important;

        padding:
            0 !important;

        float:
            none !important;

        overflow:
            visible;
    }


    #testo-interno-camera
    .galleriapres > div {
        position: relative;

        width:
            auto !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        float:
            none !important;

        overflow:
            visible;
    }


    /* GALLERY - COMPOSIZIONE 8 FOTO */

    #testo-interno-camera
    .galleriapres > div:nth-child(1) {
        grid-column:
            1 / 8;

        grid-row:
            1 / span 3;
    }


    #testo-interno-camera
    .galleriapres > div:nth-child(2) {
        grid-column:
            8 / 13;

        grid-row:
            1 / span 2;
    }


    #testo-interno-camera
    .galleriapres > div:nth-child(3) {
        grid-column:
            8 / 13;

        grid-row:
            3 / span 1;
    }


    #testo-interno-camera
    .galleriapres > div:nth-child(4) {
        grid-column:
            1 / 5;

        grid-row:
            4 / span 2;
    }


    #testo-interno-camera
    .galleriapres > div:nth-child(5) {
        grid-column:
            5 / 9;

        grid-row:
            4 / span 2;
    }


    #testo-interno-camera
    .galleriapres > div:nth-child(6) {
        grid-column:
            9 / 13;

        grid-row:
            4 / span 2;
    }


    #testo-interno-camera
    .galleriapres > div:nth-child(7) {
        grid-column:
            1 / 7;

        grid-row:
            6 / span 2;
    }


    #testo-interno-camera
    .galleriapres > div:nth-child(8) {
        grid-column:
            7 / 13;

        grid-row:
            6 / span 2;
    }


    #testo-interno-camera
    .galleriapres > div:nth-child(n+9) {
        grid-column:
            span 4;

        grid-row:
            span 2;
    }


    /* LINK FOTO */

    #testo-interno-camera
    .galleriapres
    .foto-gallery {
        position:
            relative;

        display:
            block;

        width:
            100%;

        height:
            100%;

        margin:
            0 !important;

        padding:
            0 !important;

        overflow:
            hidden;

        background:
            #21170f;

        cursor:
            pointer;

        text-decoration:
            none !important;
    }


    /* FIGURE / PICTURE */

    #testo-interno-camera
    .galleriapres
    .foto-gallery figure,

    #testo-interno-camera
    .galleriapres
    .foto-gallery picture {
        display:
            block;

        width:
            100%;

        height:
            100%;

        margin:
            0 !important;

        padding:
            0 !important;

        overflow:
            hidden;
    }


    /* FOTO */

    #testo-interno-camera
    .galleriapres
    .foto-gallery img {
        display:
            block;

        width:
            100% !important;

        max-width:
            none !important;

        height:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        object-fit:
            cover;

        object-position:
            center;

        filter:
            saturate(.90)
            contrast(.99)
            brightness(.96);

        transform:
            scale(1.001);

        transform-origin:
            center center;

        will-change:
            transform,
            filter;

        transition:
            transform
            1.45s
            cubic-bezier(.22,1,.36,1),

            filter
            1.25s
            cubic-bezier(.22,1,.36,1);
    }


    /* HOVER FOTO */

    #testo-interno-camera
    .galleriapres
    .foto-gallery:hover img {
        transform:
            scale(1.045);

        filter:
            saturate(1)
            contrast(1)
            brightness(.80);
    }


    /* MASK */

    #testo-interno-camera
    .galleriapres
    .mask-gallery {
        position:
            absolute !important;

        inset:
            0 !important;

        z-index:
            5;

        display:
            flex !important;

        flex-direction:
            column;

        align-items:
            center;

        justify-content:
            center;

        width:
            100% !important;

        height:
            100% !important;

        margin:
            0 !important;

        padding:
            20px !important;

        box-sizing:
            border-box;

        background:
            linear-gradient(
                180deg,
                rgba(43,30,18,.04) 0%,
                rgba(43,30,18,.46) 100%
            ) !important;

        opacity:
            0;

        pointer-events:
            none;

        transition:
            opacity
            .7s
            cubic-bezier(.22,1,.36,1);
    }


    #testo-interno-camera
    .galleriapres
    .foto-gallery:hover
    .mask-gallery {
        opacity:
            1;
    }


    /* NASCONDE ICONA OPEN_IN_FULL */

    #testo-interno-camera
    .galleriapres
    .mask-gallery
    .material-symbols-rounded {
        display:
            none !important;
    }


    /* WORDMARK - EITCH */

    #testo-interno-camera
    .galleriapres
    .mask-gallery::before {
        content:
            "EITCH";

        display:
            block;

        margin:
            0
            0
            7px;

        font-family:
            var(
                --eb-sans,
                "Montserrat",
                Arial,
                sans-serif
            );

        font-size:
            .70rem;

        font-weight:
            500;

        line-height:
            1;

        letter-spacing:
            .42em;

        text-indent:
            .42em;

        text-transform:
            uppercase;

        color:
            #FFFFFF;

        opacity:
            0;

        transform:
            translateY(8px);

        transition:
            opacity .65s ease .08s,
            transform .75s cubic-bezier(.22,1,.36,1) .08s;
    }


    /* WORDMARK - BORROMINI */

    #testo-interno-camera
    .galleriapres
    .mask-gallery::after {
        content:
            "BORROMINI";

        display:
            block;

        font-family:
            var(
                --eb-serif,
                "Playfair Display",
                Georgia,
                serif
            );

        font-size:
            clamp(.95rem, 1vw, 1.15rem);

        font-weight:
            400;

        line-height:
            1;

        letter-spacing:
            .22em;

        text-indent:
            .22em;

        color:
            #FFFFFF;

        opacity:
            0;

        transform:
            translateY(8px);

        transition:
            opacity .65s ease .16s,
            transform .75s cubic-bezier(.22,1,.36,1) .16s;
    }


    #testo-interno-camera
    .galleriapres
    .foto-gallery:hover
    .mask-gallery::before,

    #testo-interno-camera
    .galleriapres
    .foto-gallery:hover
    .mask-gallery::after {
        opacity:
            1;

        transform:
            translateY(0);
    }


    /* FILETTO INTERNO FOTO */

    #testo-interno-camera
    .galleriapres
    .foto-gallery::after {
        content:
            "";

        position:
            absolute;

        inset:
            14px;

        z-index:
            6;

        pointer-events:
            none;

        border:
            1px solid rgba(255,255,255,.28);

        opacity:
            0;

        transform:
            scale(.985);

        transition:
            opacity .5s ease,
            transform .8s cubic-bezier(.22,1,.36,1);
    }


    #testo-interno-camera
    .galleriapres
    .foto-gallery:hover::after {
        opacity:
            1;

        transform:
            scale(1);
    }


    /* BLOCCO FINALE FOTO STEAM SHOWER + TESTO */

    #testo-interno-camera
    .colonnaarea > .row:last-child {
        position:
            relative;

        display:
            grid !important;

        grid-template-columns:
            minmax(0,1.02fr)
            minmax(0,.98fr);

        align-items:
            center;

        column-gap:
            clamp(65px,7vw,135px);

        width:
            min(calc(100% - 120px),1480px);

        margin:
            clamp(120px,9vw,175px)
            auto
            0 !important;

        padding:
            0 !important;
    }


    /* FOTO DOCCIA */

    #testo-interno-camera
    .colonnaarea > .row:last-child
    > .cont_sing {
        position:
            relative;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        float:
            none !important;
    }


    /* cornice oro sfalsata */

    #testo-interno-camera
    .colonnaarea > .row:last-child
    > .cont_sing::before {
        content:
            "";

        position:
            absolute;

        top:
            24px;

        left:
            24px;

        right:
            -24px;

        bottom:
            -24px;

        z-index:
            0;

        border:
            1px solid rgba(126,103,56,.42);

        pointer-events:
            none;
    }


    #testo-interno-camera
    .colonnaarea > .row:last-child
    > .cont_sing figure {
        position:
            relative;

        z-index:
            1;

        display:
            block;

        width:
            100%;

        aspect-ratio:
            1 / 1;

        margin:
            0 !important;

        padding:
            0 !important;

        overflow:
            hidden;

        background:
            var(--eb-carta,#F2EDE3);
    }


    #testo-interno-camera
    .colonnaarea > .row:last-child
    > .cont_sing picture {
        display:
            block;

        width:
            100%;

        height:
            100%;
    }


    #testo-interno-camera
    .colonnaarea > .row:last-child
    > .cont_sing img {
        display:
            block;

        width:
            100% !important;

        max-width:
            none !important;

        height:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        object-fit:
            cover;

        object-position:
            center;

        filter:
            saturate(.94)
            contrast(.99);

        transform:
            scale(1.001);

        transform-origin:
            center center;

        transition:
            transform
            1.4s
            cubic-bezier(.22,1,.36,1),

            filter
            1.2s
            cubic-bezier(.22,1,.36,1);
    }


    #testo-interno-camera
    .colonnaarea > .row:last-child
    > .cont_sing:hover img {
        transform:
            scale(1.025);

        filter:
            saturate(1)
            contrast(1);
    }


    /* TESTO STEAM SHOWER */

    #testo-interno-camera
    .colonnaarea > .row:last-child
    > div:last-child {
        position:
            relative;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0
            clamp(25px,2.5vw,48px)
            0
            clamp(38px,4vw,72px) !important;
    }


    /* linea verticale */

    #testo-interno-camera
    .colonnaarea > .row:last-child
    > div:last-child::before {
        content:
            "";

        position:
            absolute;

        top:
            5px;

        left:
            0;

        width:
            1px;

        height:
            82px;

        background:
            linear-gradient(
                to bottom,
                var(--eb-oro,#7E6738),
                rgba(126,103,56,0)
            );
    }


    /* punto oro */

    #testo-interno-camera
    .colonnaarea > .row:last-child
    > div:last-child::after {
        content:
            "";

        position:
            absolute;

        top:
            2px;

        left:
            -3px;

        width:
            7px;

        height:
            7px;

        background:
            var(--eb-oro,#7E6738);

        transform:
            rotate(45deg);
    }


    #testo-interno-camera
    .colonnaarea > .row:last-child h4 {
        width:
            min(100%,560px);

        margin:
            0 !important;

        padding:
            0 !important;

        font-family:
            var(
                --eb-serif,
                "Playfair Display",
                Georgia,
                serif
            ) !important;

        font-size:
            clamp(1.08rem,1.18vw,1.38rem) !important;

        font-weight:
            300 !important;

        line-height:
            1.72 !important;

        letter-spacing:
            -.008em;

        text-align:
            left !important;

        color:
            var(--eb-wenge,#65574E) !important;
    }


    #testo-interno-camera
    .colonnaarea > .row:last-child
    h4::after {
        display:
            none !important;
    }

}


/* PAGINE CAMERA - SERVIZI */

#secondo-blocco-testo-camera {
    padding:
        clamp(90px, 7vw, 135px)
        clamp(55px, 7vw, 130px) !important;
}


/* GRIGLIA */

#secondo-blocco-testo-camera .eb-room-features {

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap:
        clamp(55px, 6vw, 110px);

    width:
        min(100%, 1380px);
}


/* SINGOLO SERVIZIO */

#secondo-blocco-testo-camera .eb-room-feature {

    grid-template-columns:
        32px
        minmax(0, 1fr);
}


/* MATERIAL SYMBOL */

#secondo-blocco-testo-camera
.eb-room-feature
.material-symbols-rounded {
    display: block !important;

    width: 32px !important;
    height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    font-family:
        "Material Symbols Rounded" !important;

    font-size:
        23px !important;

    font-style:
        normal !important;

    font-weight:
        normal !important;

    line-height:
        32px !important;

    letter-spacing:
        normal !important;

    text-transform:
        none !important;

    white-space:
        nowrap !important;

    word-wrap:
        normal !important;

    direction:
        ltr;

    -webkit-font-feature-settings:
        "liga" !important;

    font-feature-settings:
        "liga" !important;

    -webkit-font-smoothing:
        antialiased;

    -moz-osx-font-smoothing:
        grayscale;

    font-variation-settings:
        "FILL" 0,
        "wght" 300,
        "GRAD" 0,
        "opsz" 24;

    color:
        var(--eb-oro, #7E6738) !important;

    transition:
        color .35s ease,
        transform .35s cubic-bezier(.22,1,.36,1);
}


/* TESTO */


/* HOVER */

#secondo-blocco-testo-camera
.eb-room-feature:hover
.material-symbols-rounded {
    color:
        var(--eb-espresso, #2B1E12) !important;

    transform:
        translateY(-2px);
}


/* PAGINE CAMERA - DOTAZIONI SVG */

#secondo-blocco-testo-camera {
    padding: clamp(86px, 6vw, 118px) clamp(55px, 7vw, 130px) !important;
    background: var(--eb-bianco, #FFFFFF);
}

#secondo-blocco-testo-camera .area,
#secondo-blocco-testo-camera .colonnaarea {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#secondo-blocco-testo-camera .eb-room-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(58px, 6vw, 108px);
    row-gap: 0;

    width: min(100%, 1380px);
    margin: 0 auto;

    border-top: 1px solid rgba(126,103,56,.22);
}

#secondo-blocco-testo-camera .eb-room-feature {
    position: relative;

    display: grid;
    grid-template-columns: 42px minmax(0,1fr);

    align-items: center;
    column-gap: 18px;

    min-height: 74px;

    padding: 16px 0;

    border-bottom: 1px solid rgba(126,103,56,.14);
}


/* ICONE SVG */

#secondo-blocco-testo-camera .eb-room-icon {
    display: block;

    width: 27px;
    height: 27px;

    margin-left: 2px;

    background-color: var(--eb-oro, #7E6738);

    -webkit-mask-image: var(--eb-room-icon);
    mask-image: var(--eb-room-icon);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        background-color .35s ease;
}


/* URL SVG ASSOLUTI */

#secondo-blocco-testo-camera .eb-room-icon--size {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-size.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--guests {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-guests.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--bed {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-bed.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--desk {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-desk.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--phone {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-phone.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--minibar {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-minibar.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--kettle {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-kettle.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--coffee {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-coffee.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--hottub {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-hottub.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--safe {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-safe.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--water {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-water.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--hairdryer {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-hairdryer.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--robe {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-robe.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--soap {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-soap.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--usb {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-usb.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--tv {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-tv.svg");
}

#secondo-blocco-testo-camera .eb-room-icon--wifi {
    --eb-room-icon:
        url("../../../data/file/eitch-room-icons/eb-room-wifi.svg");
}


/* TESTO */

#secondo-blocco-testo-camera
.eb-room-feature > span:last-child {
    font-family:
        var(--eb-sans, "Montserrat", Arial, sans-serif) !important;

    font-size: .91rem !important;
    font-weight: 400 !important;
    line-height: 1.48 !important;

    letter-spacing: .002em;

    color:
        var(--eb-espresso, #2B1E12) !important;
}


/* HOVER */

#secondo-blocco-testo-camera
.eb-room-feature::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 0;
    height: 1px;

    background:
        var(--eb-oro, #7E6738);

    transition:
        width .55s cubic-bezier(.22,1,.36,1);
}

#secondo-blocco-testo-camera
.eb-room-feature:hover::after {
    width: 58px;
}

#secondo-blocco-testo-camera
.eb-room-feature:hover
.eb-room-icon {
    background-color:
        var(--eb-espresso, #2B1E12);

    transform:
        translateY(-2px);
}



/* PAGINE CAMERA - CAROSELLO ALTRE CAMERE (DESKTOP) */

@media (min-width:1101px) {

    /* SEZIONE */

    #tipologie {
        position: relative;

        width: 100%;

        margin: 0 !important;

        padding:
            clamp(105px, 7vw, 145px)
            0
            clamp(90px, 6vw, 125px) !important;

        box-sizing: border-box;

        background:
            #fbfaf7;

        overflow: hidden;
    }


    /* piccolo asse decorativo */

    #tipologie::before {
        content: "";

        position: absolute;

        top: 0;
        left: 50%;

        width: 1px;
        height: 68px;

        background:
            linear-gradient(
                to bottom,
                rgba(126,103,56,0),
                rgba(126,103,56,.48)
            );

        transform:
            translateX(-50%);

        pointer-events:
            none;
    }


    /* RESET CMS */

    #tipologie > .area,
    #tipologie .colonnaarea,
    #tipologie .colonnaarea > .row {
        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        box-sizing:
            border-box;
    }


    /* CAROUSEL */

    #tipologie .owl-carousel {
        position:
            relative;

        width:
            calc(100% - clamp(70px, 7vw, 140px)) !important;

        max-width:
            1500px !important;

        margin:
            0 auto !important;

        padding:
            0 !important;

        overflow:
            visible !important;
    }


    #tipologie .owl-stage-outer {
        overflow:
            hidden !important;

        cursor:
            grab;
    }


    #tipologie .owl-stage-outer:active {
        cursor:
            grabbing;
    }


    #tipologie .owl-stage {
        display:
            flex;

        align-items:
            flex-start;
    }


    /* ITEM OWL */

    #tipologie .owl-item {
        position:
            relative;

        box-sizing:
            border-box;

        overflow:
            visible;

        opacity:
            .72;

        transition:
            opacity .8s cubic-bezier(.22,1,.36,1);
    }


    #tipologie .owl-item.active {
        opacity:
            1;
    }


    #tipologie .owl-item > .item {
        position:
            relative;

        width:
            100%;

        padding:
            0 clamp(10px,1vw,18px) !important;

        box-sizing:
            border-box;
    }


    /* CARD */

    #tipologie .anteprimacamera {
        position:
            relative !important;

        display:
            block !important;

        width:
            100% !important;

        max-width:
            690px;

        margin:
            0 auto !important;

        padding:
            0 !important;

        background:
            transparent !important;

        transform:
            none !important;

        cursor:
            pointer;
    }


    /* FOTO */

    #tipologie .blocco_foto_camera {
        position:
            relative;

        display:
            block !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        overflow:
            hidden;
    }


    #tipologie .blocco_foto_camera figure {
        position:
            relative;

        display:
            block;

        width:
            100% !important;

        height:
            auto !important;

        aspect-ratio:
            1 / 1;

        margin:
            0 !important;

        padding:
            0 !important;

        overflow:
            hidden;

        background:
            #e9e5de;
    }


    #tipologie .blocco_foto_camera picture {
        display:
            block;

        width:
            100%;

        height:
            100%;
    }


    #tipologie .blocco_foto_camera img {
        display:
            block;

        width:
            100% !important;

        max-width:
            none !important;

        height:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        object-fit:
            cover;

        object-position:
            center;

        filter:
            grayscale(.55)
            saturate(.65)
            brightness(.94)
            contrast(1.02);

        transform:
            scale(1.015);

        transform-origin:
            center;

        transition:
            transform
            1.35s
            cubic-bezier(.22,1,.36,1),

            filter
            1.15s
            cubic-bezier(.22,1,.36,1);
    }


    /* velo fotografico */

    #tipologie .blocco_foto_camera figure::after {
        content:
            "";

        position:
            absolute;

        inset:
            0;

        z-index:
            2;

        pointer-events:
            none;

        background:
            linear-gradient(
                180deg,
                rgba(43,30,18,0) 58%,
                rgba(43,30,18,.16) 100%
            );

        opacity:
            .8;

        transition:
            opacity .7s ease;
    }


    /* dettaglio oro */

    #tipologie .blocco_foto_camera figure::before {
        content:
            "";

        position:
            absolute;

        top:
            18px;

        right:
            18px;

        z-index:
            4;

        width:
            36px;

        height:
            36px;

        border-top:
            1px solid rgba(209,190,168,.70);

        border-right:
            1px solid rgba(209,190,168,.70);

        opacity:
            0;

        transform:
            translate(-5px,5px);

        transition:
            opacity .45s ease,
            transform .7s cubic-bezier(.22,1,.36,1);

        pointer-events:
            none;
    }


    /* hover foto */

    #tipologie
    .anteprimacamera:hover
    .blocco_foto_camera img {
        filter:
            grayscale(0)
            saturate(.96)
            brightness(.92)
            contrast(1);

        transform:
            scale(1.035);
    }


    #tipologie
    .anteprimacamera:hover
    .blocco_foto_camera figure::after {
        opacity:
            .25;
    }


    #tipologie
    .anteprimacamera:hover
    .blocco_foto_camera figure::before {
        opacity:
            1;

        transform:
            translate(0,0);
    }


    /* RESET FONDAMENTALE BLOCCO DATI */

    #tipologie .blocco_dati {
        position:
            relative !important;

        top:
            auto !important;

        right:
            auto !important;

        bottom:
            auto !important;

        left:
            auto !important;

        display:
            block !important;

        flex:
            none !important;

        flex-direction:
            initial !important;

        align-items:
            initial !important;

        justify-content:
            initial !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding:
            24px 4px 0 !important;

        box-sizing:
            border-box;

        transform:
            none !important;

        text-align:
            left !important;

        background:
            transparent !important;
    }


    /* filetto sopra titolo */

    #tipologie .blocco_dati::before {
        content:
            "";

        display:
            block;

        width:
            32px;

        height:
            1px;

        margin:
            0 0 15px;

        background:
            var(--eb-oro,#7E6738);

        opacity:
            .48;

        transition:
            width .6s cubic-bezier(.22,1,.36,1),
            opacity .5s ease;
    }


    #tipologie
    .anteprimacamera:hover
    .blocco_dati::before {
        width:
            58px;

        opacity:
            1;
    }


    /* H3 VUOTO CMS */

    #tipologie h3.titolo_camera:empty {
        display:
            none !important;
    }


    /* TITOLO CAMERA */

    #tipologie
    .blocco_dati > h3:not(.titolo_camera) {
        position:
            static !important;

        display:
            block !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 0 15px !important;

        padding:
            0 !important;

        float:
            none !important;

        font-family:
            var(--eb-serif,"Playfair Display",Georgia,serif) !important;

        font-size:
            clamp(1.75rem,1.9vw,2.35rem) !important;

        font-weight:
            400 !important;

        line-height:
            1.04 !important;

        letter-spacing:
            -.025em !important;

        text-align:
            left !important;

        text-transform:
            none !important;

        color:
            var(--eb-espresso,#2B1E12) !important;

        transition:
            color .4s ease;
    }


    #tipologie
    .blocco_dati > h3 br {
        display:
            none !important;
    }


    #tipologie
    .anteprimacamera:hover
    .blocco_dati > h3:not(.titolo_camera) {
        color:
            var(--eb-oro,#7E6738) !important;
    }


    /* TESTO */

    #tipologie .testo_camera {
        position:
            static !important;

        display:
            block !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        float:
            none !important;

        text-align:
            left !important;
    }


    #tipologie .testo_camera p {
        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        font-family:
            var(--eb-sans,"Montserrat",Arial,sans-serif) !important;

        font-size:
            .86rem !important;

        font-weight:
            400 !important;

        line-height:
            1.62 !important;

        letter-spacing:
            0 !important;

        text-align:
            left !important;

        color:
            var(--eb-wenge,#65574E) !important;
    }


    #tipologie .testo_camera strong {
        font-family:
            var(--eb-serif,"Playfair Display",Georgia,serif) !important;

        font-size:
            1.08em !important;

        font-weight:
            400 !important;

        font-style:
            italic;

        line-height:
            1.4;

        color:
            var(--eb-espresso,#2B1E12) !important;
    }


    /* CTA */

    #tipologie
    .blocco_dati > a.button {
        position:
            relative !important;

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            flex-start !important;

        width:
            auto !important;

        height:
            auto !important;

        min-width:
            0 !important;

        margin:
            24px 0 0 !important;

        padding:
            0 0 8px !important;

        float:
            none !important;

        background:
            transparent !important;

        border:
            0 !important;

        border-bottom:
            1px solid rgba(126,103,56,.45) !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;

        transform:
            none !important;

        text-decoration:
            none !important;
    }


    #tipologie
    .blocco_dati > a.button p {
        display:
            block !important;

        width:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        font-family:
            var(--eb-sans,"Montserrat",Arial,sans-serif) !important;

        font-size:
            .61rem !important;

        font-weight:
            500 !important;

        line-height:
            1 !important;

        letter-spacing:
            .20em !important;

        text-align:
            left !important;

        text-transform:
            uppercase !important;

        color:
            var(--eb-espresso,#2B1E12) !important;
    }


    #tipologie
    .blocco_dati > a.button::after {
        content:
            "↗";

        display:
            inline-block;

        margin-left:
            13px;

        font-family:
            Arial,sans-serif;

        font-size:
            11px;

        color:
            var(--eb-oro,#7E6738);

        transition:
            transform .35s cubic-bezier(.22,1,.36,1);
    }


    #tipologie
    .blocco_dati > a.button:hover::after {
        transform:
            translate(3px,-3px);
    }


    /* DOTS */

    #tipologie .owl-dots {
        display:
            flex !important;

        align-items:
            center;

        justify-content:
            center;

        gap:
            8px;

        width:
            100%;

        margin:
            clamp(42px,4vw,62px)
            0
            0 !important;

        padding:
            0 !important;
    }


    #tipologie .owl-dots::before {
        content:
            "SCORRI";

        display:
            inline-block;

        margin-right:
            9px;

        font-family:
            var(--eb-sans,"Montserrat",Arial,sans-serif);

        font-size:
            .56rem;

        font-weight:
            500;

        line-height:
            1;

        letter-spacing:
            .20em;

        color:
            var(--eb-wenge,#65574E);
    }


    #tipologie
    .owl-dots
    .owl-dot {
        width:
            auto !important;

        height:
            auto !important;

        margin:
            0 !important;

        padding:
            7px 0 !important;

        background:
            transparent !important;

        border:
            0 !important;
    }


    #tipologie
    .owl-dots
    .owl-dot span {
        display:
            block !important;

        width:
            22px !important;

        height:
            1px !important;

        margin:
            0 !important;

        border-radius:
            0 !important;

        background:
            rgba(126,103,56,.25) !important;

        transition:
            width .5s cubic-bezier(.22,1,.36,1),
            background-color .5s ease !important;
    }


    #tipologie
    .owl-dots
    .owl-dot.active span {
        width:
            48px !important;

        background:
            var(--eb-oro,#7E6738) !important;
    }


    /* NAV NATIVO */

    #tipologie .owl-nav {
        display:
            none !important;
    }

}


/* TIPOLOGIE - PULSANTI */

@media (min-width:1101px) {

    #tipologie
    .blocco_dati > a.button,
    #tipologie
    .blocco_dati > a.button.button--standard {

        position: relative !important;

        display: inline-flex !important;

        float: none !important;
        clear: both !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 220px !important;

        height: 56px !important;

        margin:
            30px
            0
            0 !important;

        padding:
            5px
            28px !important;

        box-sizing:
            border-box;

        background:
            transparent !important;

        border:
            1px solid rgba(126,103,56,.55) !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;

        color:
            var(--eb-espresso,#2B1E12) !important;

        text-decoration:
            none !important;

        transition:
            background-color .35s ease,
            border-color .35s ease,
            color .35s ease;
    }


    #tipologie
    .blocco_dati > a.button p,
    #tipologie
    .blocco_dati > a.button.button--standard p {

        display:
            block !important;

        float:
            none !important;

        width:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        font-family:
            var(--eb-sans,"Montserrat",Arial,sans-serif) !important;

        font-size:
            .68rem !important;

        font-weight:
            500 !important;

        line-height:
            1 !important;

        letter-spacing:
            .18em !important;

        text-transform:
            uppercase !important;

        text-align:
            center !important;

        color:
            inherit !important;
    }


    #tipologie
    .blocco_dati > a.button:hover,
    #tipologie
    .blocco_dati > a.button.button--standard:hover {

        background:
            var(--eb-oro,#7E6738) !important;

        border-color:
            var(--eb-oro,#7E6738) !important;

        color:
            #FFFFFF !important;
    }


    /* Senza la freccia ↗ */

    #tipologie
    .blocco_dati > a.button::before,
    #tipologie
    .blocco_dati > a.button::after {

        content:
            none !important;

        display:
            none !important;
    }

}




/* PAGINE CAMERA - DOTAZIONI SVG IN LINEA (DESKTOP) */

@media (min-width:1101px) {

    #secondo-blocco-testo-camera {

        min-height: 0 !important;
    }


    /* Senza lo spazio della classe distanza */

    #secondo-blocco-testo-camera.distanza-3 {

        padding-top:
            78px !important;
    }


    #secondo-blocco-testo-camera > .area {
        width:
            min(calc(100% - 120px),1380px) !important;
    }


    /* linea superiore */

    #secondo-blocco-testo-camera
    .eb-room-features {

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        column-gap:
            clamp(65px,7vw,115px);

        padding:
            0;
    }


    /* SINGOLO ELEMENTO */

    #secondo-blocco-testo-camera
    .eb-room-feature {

        grid-template-columns:
            40px
            minmax(0,1fr);
    }


    /* filetto hover */


    /* ICONA */

    #secondo-blocco-testo-camera
    .eb-room-feature-icon {

        opacity:
            .88;
    }


    #secondo-blocco-testo-camera
    .eb-room-feature:hover
    .eb-room-feature-icon {

        opacity:
            1;
    }


    /* TESTO */

}


/* PAGINE CAMERA - DOTAZIONI, RIFINITURE (DESKTOP) */

@media (min-width:1101px) {

    /* SEZIONE */

    #secondo-blocco-testo-camera {
        position: relative;
        width: 100%;

        margin: 0 !important;
        padding:
            95px
            0
            105px !important;
        background:
            var(--eb-bianco,#FFFFFF);
        box-sizing: border-box;
        height: 100vh !important;
    }


    #secondo-blocco-testo-camera.distanza-3 {
        margin-top: 0 !important;
    }


    /* CONTENITORE CENTRALE */

    #secondo-blocco-testo-camera > .area {
        width:
            min(calc(100% - 160px),1360px) !important;

        padding:
            0 !important;

        float:
            none !important;
    }


    #secondo-blocco-testo-camera .colonnaarea,
    #secondo-blocco-testo-camera .row,
    #secondo-blocco-testo-camera .col-sm-12 {
        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        float:
            none !important;
    }


    /* GRIGLIA */

    #secondo-blocco-testo-camera
    .eb-room-features {
        position: relative;
        display: grid;
        grid-template-columns:
            repeat(2,minmax(0,1fr));
        column-gap:
            clamp(70px,6vw,105px);
        row-gap:
            0;
        width:
            100%;
        margin:
            0 auto;

        border-top:
            1px solid rgba(126,103,56,.28);
    }


    /* piccolo dettaglio centrale superiore */

    #secondo-blocco-testo-camera
    .eb-room-features::before {
        content: "";

        position: absolute;

        top: -4px;
        left: 50%;

        width: 7px;
        height: 7px;

        background:
            var(--eb-oro,#7E6738);

        transform:
            translateX(-50%)
            rotate(45deg);

        opacity:
            .75;
    }


    /* SINGOLA DOTAZIONE */

    #secondo-blocco-testo-camera
    .eb-room-feature {
        position: relative;

        display: grid;

        grid-template-columns:
            46px
            minmax(0,1fr);

        align-items:
            center;

        column-gap:
            20px;

        min-height:
            82px;

        margin:
            0;

        padding:
            17px
            0;

        box-sizing:
            border-box;

        border-bottom:
            1px solid rgba(126,103,56,.13);

        transition:
            padding-left .5s cubic-bezier(.22,1,.36,1);
    }


    /* linea oro animata */

    #secondo-blocco-testo-camera
    .eb-room-feature::after {
        content: "";

        position: absolute;

        left: 0;
        bottom: -1px;

        width: 0;
        height: 1px;

        background:
            var(--eb-oro,#7E6738);

        transition:
            width .6s cubic-bezier(.22,1,.36,1);
    }


    #secondo-blocco-testo-camera
    .eb-room-feature:hover::after {
        width:
            72px;
    }


    /* CONTENITORE ICONA */

    #secondo-blocco-testo-camera
    .eb-room-feature-icon {
        position: relative;

        display: flex !important;

        align-items:
            center;

        justify-content:
            center;

        width:
            42px;

        height:
            42px;

        margin:
            0 !important;

        padding:
            0 !important;

        box-sizing:
            border-box;

        color:
            var(--eb-oro,#7E6738);

        border:
            1px solid rgba(126,103,56,.32);

        background:
            transparent;

        transition:
            color .4s ease,
            border-color .4s ease,
            background-color .4s ease,
            transform .55s cubic-bezier(.22,1,.36,1);
    }


    /* piccolo angolo decorativo */

    #secondo-blocco-testo-camera
    .eb-room-feature-icon::after {
        content: "";

        position: absolute;

        top: -1px;
        right: -1px;

        width: 9px;
        height: 9px;

        border-top:
            1px solid var(--eb-oro,#7E6738);

        border-right:
            1px solid var(--eb-oro,#7E6738);

        opacity:
            .65;
    }


    /* SVG */

    #secondo-blocco-testo-camera
    .eb-room-feature-icon svg {
        display:
            block;

        width:
            21px;

        height:
            21px;

        margin:
            0;

        padding:
            0;

        overflow:
            visible;

        fill:
            none;

        stroke:
            currentColor;

        stroke-width:
            1.35;

        stroke-linecap:
            round;

        stroke-linejoin:
            round;
    }


    /* HOVER ICONA */

    #secondo-blocco-testo-camera
    .eb-room-feature:hover
    .eb-room-feature-icon {
        color:
            var(--eb-bianco,#FFFFFF);

        background:
            var(--eb-oro,#7E6738);

        border-color:
            var(--eb-oro,#7E6738);

        transform:
            translateY(-3px);
    }


    #secondo-blocco-testo-camera
    .eb-room-feature:hover
    .eb-room-feature-icon::after {
        border-color:
            rgba(255,255,255,.65);
    }


    /* TESTO */

    #secondo-blocco-testo-camera
    .eb-room-feature-text {
        display:
            block;

        width:
            100%;

        margin:
            0 !important;

        padding:
            0 !important;

        font-family:
            var(--eb-sans,"Montserrat",Arial,sans-serif) !important;

        font-size:
            .88rem !important;

        font-weight:
            400 !important;

        line-height:
            1.48 !important;

        letter-spacing:
            .003em;

        text-align:
            left !important;

        color:
            var(--eb-wenge,#65574E) !important;

        transition:
            color .4s ease,
            transform .5s cubic-bezier(.22,1,.36,1);
    }


    #secondo-blocco-testo-camera
    .eb-room-feature:hover
    .eb-room-feature-text {
        color:
            var(--eb-espresso,#2B1E12) !important;

        transform:
            translateX(3px);
    }

}



@media (min-width:1101px) {

    #secondo-blocco-testo-camera {
        padding-left:
            clamp(45px, 6vw, 110px) !important;

        padding-right:
            clamp(45px, 6vw, 110px) !important;
    }


    #secondo-blocco-testo-camera > .area {
        width:
            min(100%, 1360px) !important;

        max-width:
            1360px !important;

        margin:
            0 auto !important;
    }

}

/* PRENOTAZIONE RAPIDA - RIEPILOGO, CONTATORI E PERIODO; TITOLI CHE SI COLORANO */

/* Riepilogo notti sotto le date */
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 form .fr-riepilogo {
  grid-column: 1 / -1;
  min-height: 1.5em;
  margin: -4px 2px 2px;
  font-family: var(--eb-corsivo, 'Lora', Georgia, serif);
  font-style: italic;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
  color: var(--eb-wenge, #65574E);
}
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 form .fr-riepilogo strong {
  margin-right: 2px;
  font-family: var(--eb-sans, 'Montserrat', Arial, sans-serif);
  font-style: normal;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--eb-oro, #7E6738);
}
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 form .fr-riepilogo:empty { display: none; }

/* Contatori + / − per camere e persone (le tendine originali restano nascoste) */
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .area_input_persone .fr-con-contatore > :is(label, select, .eb-sel) { display: none !important; }
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .area_input_persone .cont_input_persone { display: flex !important; flex-direction: column !important; gap: 0 !important; }
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .area_input_persone .fr-con-contatore {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .fr-contatore {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 14px 4px;
  border-bottom: 1px solid var(--eb-oro-linea, rgba(126, 103, 56, .45));
}
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .fr-con-contatore:last-child .fr-contatore { border-bottom: 0; }
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .fr-contatore__nome {
  flex: 1;
  font-family: var(--eb-sans, 'Montserrat', Arial, sans-serif);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .24em;
  text-transform: uppercase;
  text-align: left;
  color: var(--eb-oro, #7E6738);
}
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .fr-contatore__valore {
  min-width: 1.6em;
  font-family: var(--eb-serif, 'Playfair Display', Georgia, serif);
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  color: var(--eb-espresso, #2B1E12);
}
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .fr-contatore__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  padding: 0 !important;
  border: 1px solid var(--eb-oro-linea, rgba(126, 103, 56, .45)) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--eb-oro, #7E6738) !important;
  font-family: var(--eb-sans, 'Montserrat', Arial, sans-serif) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  cursor: pointer;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .fr-contatore__btn:hover:not(:disabled),
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .fr-contatore__btn:focus-visible {
  border-color: var(--eb-oro, #7E6738) !important;
  background: var(--eb-oro, #7E6738) !important;
  color: #ffffff !important;
}
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .fr-contatore__btn:disabled { opacity: .32; cursor: default; }

/* Periodo evidenziato nel calendario */
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .datepicker-cell.day.fr-periodo:not(.disabled) {
  border-radius: 0 !important;
  background: var(--eb-sand, #E7D8BE) !important;
  color: var(--eb-espresso, #2B1E12) !important;
}
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .datepicker-cell.day:is(.fr-inizio, .fr-fine) {
  background: var(--eb-oro, #7E6738) !important;
  color: #ffffff !important;
}
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .datepicker-cell.day.fr-inizio:not(.fr-fine) { border-radius: 2px 0 0 2px !important; }
html body:not(#eb0):not(#eb1) #frHeader #fr_0_1 .datepicker-cell.day.fr-fine:not(.fr-inizio) { border-radius: 0 2px 2px 0 !important; }

/* Titoli che si colorano scorrendo: ogni parola parte da una versione chiara del suo colore e si riempie */
html.eb-titoli-colore body #article .eb-parola {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  color: inherit;
  transition: color .6s cubic-bezier(.22, .61, .36, 1);
}
html.eb-titoli-colore body #article .eb-parola:not(.eb-accesa) { color: color-mix(in srgb, currentColor 24%, transparent); }
@supports not (color: color-mix(in srgb, red 50%, transparent)) {
  html.eb-titoli-colore body #article .eb-parola { transition: opacity .6s ease; }
  html.eb-titoli-colore body #article .eb-parola:not(.eb-accesa) { opacity: .26; }
}
@media (prefers-reduced-motion: reduce) {
  html.eb-titoli-colore body #article .eb-parola:not(.eb-accesa) { color: inherit; opacity: 1; }
}

/* FAQ - RISPOSTE NEL CARATTERE DEL SITO */
html body:not(#eb0) #article :is(.faq-answer, .faq-answer p, .faq-answer li) {
  font-family: var(--eb-sans, 'Montserrat', Arial, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: 0 !important;
  color: var(--eb-wenge, #65574E) !important;
}
html body:not(#eb0) #article .faq-answer :is(strong, b) {
  display: inline !important;
  font-family: var(--eb-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: 1.08em !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--eb-espresso, #2B1E12) !important;
}
@media (max-width: 767px) {
  html body:not(#eb0) #article :is(.faq-answer, .faq-answer p, .faq-answer li) { font-size: 15px !important; }
}

/* SCHEDE CAMERA E TERRAZZA - GRASSETTI NEI TESTI (il primo grassetto è il sottotitolo) */
html body:not(#eb0):not(#eb1):not(#eb2) #article > section:is(#nuove-tipologie, #camere-1, #sezione3) p > strong:not(:first-child) {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--eb-serif, 'Playfair Display', Georgia, serif) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 1.1em !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--eb-espresso, #2B1E12) !important;
}
html body:not(#eb0):not(#eb1):not(#eb2) #article > section#sezione3 p > strong:not(:first-child) { color: var(--eb-carta, #F2EDE3) !important; }

/* TESTI DEL CSS NELLE ALTRE LINGUE */
html:not(:lang(it)) body #nuove-tipologie .owl-dots::before { content: "SCROLL"; }
html:lang(es) body #nuove-tipologie .owl-dots::before { content: "DESLIZA"; }
html:lang(ru) body #nuove-tipologie .owl-dots::before { content: "ЛИСТАЙТЕ"; }

/* PAGINA EXPERIENCE */
html body.eb-experience:not(#x0):not(#x1) {
  --exp-margine: max(20px, 7vw); /* come le altre pagine interne */
  --exp-max: 1240px;
  --exp-oro: var(--eb-oro, #7E6738);
  --exp-carta: var(--eb-carta, #F2EDE3);
  --exp-inchiostro: var(--eb-espresso, #2B1E12);
  --exp-testo: #655B54;
  --exp-linea: rgba(126, 103, 56, .22);
}
/* base comune */
html body.eb-experience:not(#x0):not(#x1) #article > section[id^="exp-"] {
  position: relative;
  margin: 0 !important;
  padding: clamp(72px, 9vw, 130px) var(--exp-margine) !important; /* stesso margine delle altre pagine interne (7vw) */
  background: #FBFAF7;
  overflow: hidden;
}
html body.eb-experience:not(#x0):not(#x1) #article > section[id^="exp-"] :is(.area, .colonnaarea, .colonnaarea > .row, .colonnaarea > .row > div) {
  max-width: none !important; min-height: 0 !important; height: auto !important;
  margin: 0 !important; padding: 0 !important; float: none !important; overflow: visible !important; min-width: 0 !important;
}
html body.eb-experience:not(#x0):not(#x1) #article > section[id^="exp-"] > .area { display: block !important; }
html body.eb-experience:not(#x0):not(#x1) #article > section[id^="exp-"] :is(.area, .colonnaarea, .colonnaarea > .row, .colonnaarea > .row > div) { width: 100% !important; flex: 0 0 auto; }
html body.eb-experience:not(#x0):not(#x1) #article > section[id^="exp-"] .row::before,
html body.eb-experience:not(#x0):not(#x1) #article > section[id^="exp-"] .row::after { display: none !important; }
html body.eb-experience:not(#x0):not(#x1) #article > section[id^="exp-"] figure { margin: 0 !important; overflow: hidden; }
html body.eb-experience:not(#x0):not(#x1) #article > section[id^="exp-"] :is(figure, picture) { display: block; width: 100%; }
html body.eb-experience:not(#x0):not(#x1) #article > section[id^="exp-"] img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
/* tipografia */
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] .eb-occhiello {
  margin: 0 0 18px !important; padding: 0 !important;
  font-family: var(--eb-sans, 'Montserrat', Arial, sans-serif) !important; font-size: 10.5px !important; font-weight: 500 !important;
  letter-spacing: .26em !important; text-transform: uppercase !important; text-align: left !important; color: var(--exp-oro) !important;
}
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] :is(h1, h2) {
  margin: 0 0 26px !important; padding: 0 !important;
  font-family: var(--eb-serif, 'Playfair Display', Georgia, serif) !important; font-weight: 300 !important;
  font-size: clamp(34px, 3.6vw, 52px) !important; line-height: 1.08 !important; letter-spacing: -.02em !important;
  text-transform: none !important; text-align: left !important; color: var(--exp-inchiostro) !important;
}
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] :is(h1, h2) strong { font-weight: 400 !important; font-style: normal !important; color: inherit !important; display: inline !important; font-size: inherit !important; }
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] h3 {
  margin: 0 0 8px !important; padding: 0 !important;
  font-family: var(--eb-serif, 'Playfair Display', Georgia, serif) !important; font-weight: 400 !important;
  font-size: clamp(22px, 1.8vw, 26px) !important; line-height: 1.2 !important; letter-spacing: -.01em !important; text-transform: none !important;
  text-align: left !important; color: var(--exp-inchiostro) !important;
}
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] h3 strong { font-weight: inherit !important; color: inherit !important; display: inline !important; }
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] p {
  margin: 0 0 14px !important; padding: 0 !important;
  font-family: var(--eb-sans, 'Montserrat', Arial, sans-serif) !important; font-size: 15px !important; font-weight: 400 !important;
  line-height: 1.8 !important; letter-spacing: 0 !important; text-align: left !important; color: var(--exp-testo) !important;
}
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] p strong {
  display: inline !important; font-family: var(--eb-serif, 'Playfair Display', Georgia, serif) !important; font-weight: 500 !important;
  font-style: normal !important; font-size: 1.08em !important; color: var(--exp-inchiostro) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] p.eb-sottotitolo {
  margin: 0 0 14px !important; font-family: var(--eb-corsivo, 'Lora', Georgia, serif) !important; font-style: italic !important; font-size: 16px !important; color: var(--exp-oro) !important;
}
/* pulsanti */
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] p.eb-cta { margin: 30px 0 0 !important; }
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] a.eb-btn {
  display: inline-flex; align-items: center; gap: 14px; min-height: 48px; padding: 0 26px;
  background: var(--exp-oro); border: 1px solid var(--exp-oro); border-radius: 0;
  font-family: var(--eb-sans, 'Montserrat', Arial, sans-serif); font-size: 10.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  color: #fff !important; text-decoration: none !important; transition: background-color .3s ease, color .3s ease;
}
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] a.eb-btn::after { content: "\2192"; font-size: 14px; letter-spacing: 0; transition: transform .3s ease; }
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] a.eb-btn:hover { background: var(--exp-inchiostro); border-color: var(--exp-inchiostro); }
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] a.eb-btn:hover::after { transform: translateX(4px); }
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] p.eb-cta-link { margin: auto 0 0 !important; padding-top: 18px !important; }
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] p.eb-cta-link a {
  display: inline-flex; align-items: center; gap: 10px; padding-bottom: 4px; border-bottom: 1px solid var(--exp-oro);
  font-family: var(--eb-serif, 'Playfair Display', Georgia, serif); font-size: 15px; color: var(--exp-inchiostro) !important; text-decoration: none !important;
}
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] p.eb-cta-link a::after { content: "\2192"; color: var(--exp-oro); transition: transform .3s ease; }
html body.eb-experience:not(#x0):not(#x1) #article section[id^="exp-"] p.eb-cta-link a:hover::after { transform: translateX(4px); }

/* 01 testata */
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-apertura {
  display: flex; align-items: flex-end;
  min-height: clamp(620px, 92svh, 980px); padding-top: 160px !important; padding-bottom: clamp(70px, 9vh, 110px) !important;
  background: var(--exp-inchiostro);
}
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-apertura .cont_sing { position: absolute !important; inset: 0; z-index: 0; }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-apertura .cont_sing :is(figure, picture) { height: 100%; }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-apertura .cont_sing::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(43, 30, 18, .88) 0%, rgba(43, 30, 18, .66) 38%, rgba(43, 30, 18, .12) 70%, rgba(43, 30, 18, 0) 100%),
              linear-gradient(0deg, rgba(43, 30, 18, .45) 0%, rgba(43, 30, 18, 0) 40%);
}
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-apertura .area,
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-apertura .colonnaarea,
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-apertura .colonnaarea > .row { position: static !important; width: 100% !important; }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-apertura .colonnaarea > .row > div:not(.cont_sing) { position: relative; z-index: 2; max-width: clamp(560px, 44vw, 780px) !important; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-apertura .eb-occhiello { color: var(--eb-vanilla, #D1BEA8) !important; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-apertura h1 { font-size: clamp(46px, 5.6vw, 104px) !important; line-height: 1 !important; color: #fff !important; margin-bottom: 28px !important; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-apertura p { color: rgba(255, 255, 255, .86) !important; font-size: 16px !important; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-apertura p strong { color: #fff !important; }

/* 02 visita del venerdì */
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-venerdi { background: #fff; }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-venerdi > .row,
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-venerdi { display: grid !important; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: center; }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-venerdi figure { aspect-ratio: 1 / 1; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-venerdi ul.eb-dati { list-style: none; margin: 26px 0 0 !important; padding: 0 !important; border-top: 1px solid var(--exp-linea); }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-venerdi ul.eb-dati li {
  display: grid !important; grid-template-columns: 38% 1fr; gap: 16px; margin: 0 !important; padding: 13px 0 !important; border-bottom: 1px solid var(--exp-linea);
  font-family: var(--eb-sans, 'Montserrat', Arial, sans-serif); font-size: 14px; line-height: 1.5; color: var(--exp-inchiostro); text-align: left; list-style: none;
}
html body.eb-experience:not(#x0):not(#x1) #article section#exp-venerdi ul.eb-dati li span:first-child { font-family: var(--eb-corsivo, 'Lora', Georgia, serif); font-style: italic; color: var(--exp-oro); }

/* 03 esperienze: titolo + tre schede */
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-esperienze { background: var(--exp-carta); }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-esperienze .colonnaarea { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 2vw, 30px); }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-esperienze .colonnaarea > .row:first-child { grid-column: 1 / -1; display: block !important; margin-bottom: 10px !important; }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-esperienze .colonnaarea > .row:not(:first-child) {
  display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; background: #fff; box-shadow: 0 18px 40px -32px rgba(43, 30, 18, .45);
}
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-esperienze .colonnaarea > .row:not(:first-child) figure { aspect-ratio: 4 / 3; }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-esperienze .colonnaarea > .row:not(:first-child) > div:not(.cont_sing) { display: flex !important; flex-direction: column; flex: 1 1 auto; padding: 28px 30px 30px !important; }

/* 04 servizi su richiesta */
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-servizi { background: #fff; padding-bottom: clamp(40px, 5vw, 70px) !important; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-servizi ul.eb-servizi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 22px); list-style: none; margin: 34px 0 0 !important; padding: 0 !important; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-servizi ul.eb-servizi li {
  position: relative; margin: 0 !important; padding: 74px 26px 26px !important; border: 1px solid var(--exp-linea); background: #FBFAF7; list-style: none; text-align: left;
}
html body.eb-experience:not(#x0):not(#x1) #article section#exp-servizi ul.eb-servizi li::before {
  content: ""; position: absolute; top: 26px; left: 26px; width: 32px; height: 32px; background: var(--exp-oro);
  -webkit-mask: var(--exp-icona) center / contain no-repeat; mask: var(--exp-icona) center / contain no-repeat;
}
html body.eb-experience:not(#x0):not(#x1) #article section#exp-servizi ul.eb-servizi li h3 { font-size: 20px !important; margin-bottom: 10px !important; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-servizi ul.eb-servizi li p { font-size: 14px !important; line-height: 1.7 !important; margin: 0 !important; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-servizi li.eb-serv-transfer { --exp-icona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M5 21v-5l3-6h16l3 6v5'/%3E%3Cpath d='M3 21h26v4H3z'/%3E%3Ccircle cx='9' cy='25' r='2.2'/%3E%3Ccircle cx='23' cy='25' r='2.2'/%3E%3Cpath d='M7 16h18'/%3E%3C/svg%3E"); }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-servizi li.eb-serv-wellness { --exp-icona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M16 25c-3-3-4.5-7-4.5-10.5S13.5 8 16 6c2.5 2 4.5 5 4.5 8.5S19 22 16 25z'/%3E%3Cpath d='M16 25c-4 0-8.5-1.5-11-5.5 3-1.5 7.5-1 10 2'/%3E%3Cpath d='M16 25c4 0 8.5-1.5 11-5.5-3-1.5-7.5-1-10 2'/%3E%3C/svg%3E"); }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-servizi li.eb-serv-itinerari { --exp-icona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M16 28s9-8.3 9-15a9 9 0 0 0-18 0c0 6.7 9 15 9 15z'/%3E%3Ccircle cx='16' cy='13' r='3.2'/%3E%3C/svg%3E"); }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-servizi li.eb-serv-occasioni { --exp-icona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Crect x='5' y='13' width='22' height='14'/%3E%3Cpath d='M3 9h26v4H3zM16 9v18'/%3E%3Cpath d='M16 9c-2-4-7-5-7-2s5 2 7 2c2 0 7 1 7-2s-5-2-7 2z'/%3E%3C/svg%3E"); }

/* 05-06 ristorante e rooftop: riquadro foto + testo */
html body.eb-experience:not(#x0):not(#x1) #article > section:is(#exp-ristorante, #exp-rooftop) { background: #fff; padding-top: clamp(14px, 1.6vw, 22px) !important; padding-bottom: clamp(14px, 1.6vw, 22px) !important; }
html body.eb-experience:not(#x0):not(#x1) #article > section:is(#exp-ristorante, #exp-rooftop) { display: grid !important; grid-template-columns: 1fr 1fr; }
html body.eb-experience:not(#x0):not(#x1) #article > section:is(#exp-ristorante, #exp-rooftop) > .area { display: flex !important; }
html body.eb-experience:not(#x0):not(#x1) #article > section:is(#exp-ristorante, #exp-rooftop) > .area > .colonnaarea { flex: 1 1 auto; display: flex !important; flex-direction: column; justify-content: center; }
html body.eb-experience:not(#x0):not(#x1) #article > section:is(#exp-ristorante, #exp-rooftop) > .area:has(.cont_sing) figure { aspect-ratio: 4 / 3; height: 100%; }
html body.eb-experience:not(#x0):not(#x1) #article > section:is(#exp-ristorante, #exp-rooftop) > .area:not(:has(.cont_sing)) { background: #FBFAF7; border: 1px solid var(--exp-linea); }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-ristorante > .area:not(:has(.cont_sing)) { border-left: 0; }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-rooftop > .area:not(:has(.cont_sing)) { border-right: 0; }
html body.eb-experience:not(#x0):not(#x1) #article > section:is(#exp-ristorante, #exp-rooftop) > .area:not(:has(.cont_sing)) .colonnaarea > .row > div { padding: clamp(32px, 4vw, 64px) !important; }
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-rooftop { padding-bottom: clamp(72px, 9vw, 130px) !important; }

/* foto e riquadro della stessa altezza */
html body.eb-experience:not(#x0):not(#x1) #article > section:is(#exp-ristorante, #exp-rooftop) > .area:has(.cont_sing) :is(.colonnaarea, .colonnaarea > .row, .cont_sing, figure, picture) { height: 100% !important; }
html body.eb-experience:not(#x0):not(#x1) #article > section:is(#exp-ristorante, #exp-rooftop) > .area:has(.cont_sing) figure { aspect-ratio: auto !important; min-height: 380px; }

/* 07 chiusura */
html body.eb-experience:not(#x0):not(#x1) #article > section#exp-chiusura { background: var(--exp-carta); text-align: center; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-chiusura .colonnaarea > .row > div { max-width: clamp(760px, 62vw, 1100px) !important; margin: 0 auto !important; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-chiusura :is(h2, p) { text-align: center !important; }
html body.eb-experience:not(#x0):not(#x1) #article section#exp-chiusura h2 { font-size: clamp(30px, 3vw, 44px) !important; }

/* telefono e tablet */
@media (max-width: 991px) {
  html body.eb-experience:not(#x0):not(#x1) #article > section:is(#exp-venerdi, #exp-ristorante, #exp-rooftop) { grid-template-columns: 1fr !important; }
  html body.eb-experience:not(#x0):not(#x1) #article > section#exp-rooftop > .area:has(.cont_sing) { order: -1; }
  html body.eb-experience:not(#x0):not(#x1) #article > section:is(#exp-ristorante, #exp-rooftop) > .area:not(:has(.cont_sing)) { border: 1px solid var(--exp-linea) !important; border-top: 0 !important; }
  html body.eb-experience:not(#x0):not(#x1) #article > section#exp-esperienze .colonnaarea { grid-template-columns: 1fr; }
  html body.eb-experience:not(#x0):not(#x1) #article section#exp-servizi ul.eb-servizi { grid-template-columns: 1fr 1fr; }
  html body.eb-experience:not(#x0):not(#x1) #article > section#exp-apertura .cont_sing::after { background: linear-gradient(0deg, rgba(43, 30, 18, .9) 0%, rgba(43, 30, 18, .55) 55%, rgba(43, 30, 18, .15) 100%); }
}
@media (max-width: 600px) {
  html body.eb-experience:not(#x0):not(#x1) #article section#exp-servizi ul.eb-servizi { grid-template-columns: 1fr; }
  html body.eb-experience:not(#x0):not(#x1) #article section#exp-venerdi ul.eb-dati li { grid-template-columns: 1fr; gap: 2px; }
}


/* EITCH MAGAZINE - PAGINA ARTICOLO: il foglio della rivista su un piano color pietra */
body.eb-mag { --mag-piano: #E9E2D5; --mag-carta: #FBFAF7; --mag-inchiostro: #2B1E12; --mag-wenge: #65574E; --mag-oro: #7E6738; }
body.eb-mag #article > section.elemento { display: block !important; background: var(--mag-piano) !important; padding: 132px 32px 0 !important; margin: 0 !important; }
body.eb-mag #article > section.elemento > .colonnaaside { display: none !important; }

/* il foglio: angoli intagliati */
body.eb-mag #article section.elemento > .colonnaelemento {
  display: flex !important; flex-direction: column; float: none !important;
  width: min(1040px, 100%) !important; max-width: none !important; margin: 0 auto !important; padding: 64px 0 104px !important;
  background: var(--mag-carta); box-sizing: border-box;
  clip-path: polygon(22px 0, calc(100% - 22px) 0, 100% 22px, 100% calc(100% - 22px), calc(100% - 22px) 100%, 22px 100%, 0 calc(100% - 22px), 0 22px);
}
body.eb-mag #article .colonnaelemento > section { display: contents !important; }

/* testata della rivista */
body.eb-mag .eb-mag-testata { order: 1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: baseline; gap: 24px; padding: 0 64px 56px; font: 500 13px/1.4 var(--eb-sans, "Montserrat", Arial, sans-serif); letter-spacing: .16em; text-transform: uppercase; color: var(--mag-wenge); }
body.eb-mag .eb-mag-testata .eb-mag-nome { color: var(--mag-oro); }
body.eb-mag .eb-mag-testata span:nth-child(2) { text-align: center; }
body.eb-mag .eb-mag-testata span:last-child { text-align: right; }

/* titolo */
body.eb-mag #article .titolo-articolo { order: 2; padding: 0 64px; margin: 0 0 64px !important; }
body.eb-mag #article .titolo-articolo h1 { font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important; font-weight: 400 !important; font-size: clamp(44px, 5.4vw, 84px) !important; line-height: 1.02 !important; letter-spacing: -.02em !important; text-align: center !important; max-width: 15ch; margin: 0 auto !important; color: var(--mag-inchiostro) !important; }

/* la foto, da bordo a bordo del foglio */
body.eb-mag #article .foto-articolo-sezione { order: 3; margin: 0 0 80px !important; padding: 0 !important; width: 100% !important; }
body.eb-mag #article .foto-articolo-sezione img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; object-fit: cover; margin: 0 !important; max-width: none !important; }

/* testo: una colonna da libro */
body.eb-mag #article .testo-articolo { order: 4; width: min(640px, 100%); margin: 0 auto !important; padding: 0 !important; }
body.eb-mag #article .testo-articolo p { font-family: var(--eb-serif, "Playfair Display", Georgia, serif) !important; font-weight: 300 !important; font-size: 19px !important; line-height: 1.8 !important; color: var(--mag-inchiostro) !important; text-align: left !important; margin: 0 0 1.15em !important; opacity: 1 !important; transform: none !important; filter: none !important; }
body.eb-mag #article .testo-articolo p strong { font-weight: 500 !important; }
body.eb-mag #article .testo-articolo p.eb-mag-attacco { font-size: 23px !important; line-height: 1.6 !important; }
body.eb-mag #article .testo-articolo p.eb-mag-attacco::first-letter { float: left; font-size: 4.6em; line-height: .82; font-weight: 400; color: var(--mag-oro); padding: .07em .1em 0 0; }
body.eb-mag #article .testo-articolo h2.eb-mag-cap { font-family: var(--eb-serif, "Playfair Display", Georgia, serif); font-weight: 400; font-size: 32px; line-height: 1.2; letter-spacing: -.01em; color: var(--mag-inchiostro); margin: 2.2em 0 .7em; }
body.eb-mag #article .pubblicazione { display: none !important; }

/* nello stesso numero */
body.eb-mag .eb-mag-numero { width: min(1040px, 100%); margin: 0 auto; padding: 120px 0 0; box-sizing: border-box; }
body.eb-mag .eb-mag-numero > h2 { text-transform: none !important; font-family: var(--eb-serif, "Playfair Display", Georgia, serif); font-weight: 400; font-size: 40px; line-height: 1.1; color: var(--mag-inchiostro); margin: 0 0 40px; }
body.eb-mag .eb-mag-tavole { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
body.eb-mag .eb-mag-tavola { display: flex; flex-direction: column; text-decoration: none !important; color: inherit; }
body.eb-mag .eb-mag-foto { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: #d9d0c1; }
body.eb-mag .eb-mag-foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .8s cubic-bezier(.22, 1, .36, 1); }
body.eb-mag .eb-mag-tavola:hover .eb-mag-foto img, body.eb-mag .eb-mag-tavola:focus-visible .eb-mag-foto img { transform: scale(1.04); }
body.eb-mag .eb-mag-cartellino { display: flex; flex-direction: column; justify-content: space-between; gap: 14px; min-height: 112px; padding: 16px; box-sizing: border-box; }
body.eb-mag .eb-mag-cartellino .t { font: 400 18px/1.25 var(--eb-serif, "Playfair Display", Georgia, serif); }
body.eb-mag .eb-mag-cartellino .d { display: flex; justify-content: space-between; font: 500 13px/1 var(--eb-sans, "Montserrat", Arial, sans-serif); letter-spacing: .06em; font-variant-numeric: tabular-nums; }
body.eb-mag .eb-mag-tavola:nth-child(4n+1) .eb-mag-cartellino { background: var(--mag-inchiostro); color: #F2EDE3; }
body.eb-mag .eb-mag-tavola:nth-child(4n+2) .eb-mag-cartellino { background: var(--mag-oro); color: #FBFAF7; }
body.eb-mag .eb-mag-tavola:nth-child(4n+3) .eb-mag-cartellino { background: var(--mag-carta); color: var(--mag-inchiostro); }
body.eb-mag .eb-mag-tavola:nth-child(4n+4) .eb-mag-cartellino { background: var(--mag-wenge); color: #F2EDE3; }

/* chiusura: una camera del palazzo, testo al centro come nelle sezioni del sito */
body.eb-mag .eb-mag-chiusura { position: relative; display: flex; align-items: center; justify-content: center; margin: 160px -32px 0; min-height: 78svh; padding: 120px 32px; overflow: hidden; background: var(--mag-inchiostro); box-sizing: border-box; text-align: center; }
body.eb-mag .eb-mag-chiusura-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.eb-mag .eb-mag-chiusura::after { content: ""; position: absolute; inset: 0; background: rgba(28, 20, 13, .58); }
body.eb-mag .eb-mag-chiusura-testo { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; max-width: 620px; }
body.eb-mag .eb-mag-occ { font: 500 13px/1.4 var(--eb-sans, "Montserrat", Arial, sans-serif); letter-spacing: .22em; text-transform: uppercase; color: #D1BEA8; margin-bottom: 26px; }
body.eb-mag .eb-mag-chiusura h2 { font: 400 clamp(40px, 4.4vw, 64px)/1.08 var(--eb-serif, "Playfair Display", Georgia, serif) !important; letter-spacing: -.015em; color: #F2EDE3 !important; margin: 0 !important; text-transform: none !important; }
body.eb-mag .eb-mag-losanga { position: relative; display: block; width: 120px; height: 9px; margin: 30px 0; }
body.eb-mag .eb-mag-losanga::before { content: ""; position: absolute; left: 0; right: 0; top: 4px; height: 1px; background: rgba(209, 190, 168, .55); }
body.eb-mag .eb-mag-losanga::after { content: ""; position: absolute; left: 50%; top: 0; width: 7px; height: 7px; background: #B89A6A; transform: translateX(-50%) rotate(45deg); }
body.eb-mag .eb-mag-chiusura p { font: 300 18px/1.7 var(--eb-serif, "Playfair Display", Georgia, serif) !important; color: rgba(242, 237, 227, .86) !important; margin: 0 0 40px !important; }
body.eb-mag .eb-mag-prenota { min-height: 54px; padding: 0 40px; border: 1px solid rgba(242, 237, 227, .7); background: transparent; color: #F2EDE3; font: 500 12px/1 var(--eb-sans, "Montserrat", Arial, sans-serif); letter-spacing: .22em; text-transform: uppercase; cursor: pointer; transition: background .35s ease, border-color .35s ease, color .35s ease; }
body.eb-mag .eb-mag-prenota:hover, body.eb-mag .eb-mag-prenota:focus-visible { background: #7E6738; border-color: #7E6738; color: #fff; }

/* titoli dei capitoli: come i titoli del sito, non in maiuscolo */
body.eb-mag #article .testo-articolo h2.eb-mag-cap { text-transform: none !important; }

@media (max-width: 767px) {
  body.eb-mag #article > section.elemento { padding: 88px 12px 0 !important; }
  body.eb-mag #article section.elemento > .colonnaelemento { padding: 40px 0 64px !important; clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px); }
  body.eb-mag .eb-mag-testata { grid-template-columns: 1fr; gap: 6px; padding: 0 24px 36px; text-align: center; }
  body.eb-mag .eb-mag-testata span:nth-child(2) { display: none; }
  body.eb-mag .eb-mag-testata span:last-child { text-align: center; }
  body.eb-mag #article .titolo-articolo { padding: 0 24px; margin: 0 0 40px !important; }
  body.eb-mag #article .titolo-articolo h1 { font-size: 40px !important; }
  body.eb-mag #article .foto-articolo-sezione { margin: 0 0 48px !important; }
  body.eb-mag #article .foto-articolo-sezione img { aspect-ratio: 4 / 3; }
  body.eb-mag #article .testo-articolo { padding: 0 24px !important; box-sizing: border-box; }
  body.eb-mag #article .testo-articolo p { font-size: 18px !important; line-height: 1.75 !important; }
  body.eb-mag #article .testo-articolo p.eb-mag-attacco { font-size: 20px !important; }
  body.eb-mag #article .testo-articolo h2.eb-mag-cap { font-size: 26px; }
  body.eb-mag .eb-mag-numero { padding: 80px 0 0; }
  body.eb-mag .eb-mag-numero > h2 { text-transform: none !important; font-size: 30px; margin: 0 0 24px 4px; }
  body.eb-mag .eb-mag-tavole { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  body.eb-mag .eb-mag-cartellino { min-height: 104px; padding: 12px; }
  body.eb-mag .eb-mag-cartellino .t { font-size: 16px; }
}
@media (max-width: 767px) {
  body.eb-mag .eb-mag-chiusura { margin: 96px -12px 0; min-height: 0; padding: 96px 24px 104px; }
  body.eb-mag .eb-mag-chiusura h2 { font-size: 36px !important; }
  body.eb-mag .eb-mag-chiusura p { font-size: 17px !important; }
  body.eb-mag .eb-mag-prenota { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { body.eb-mag .eb-mag-foto img { transition: none; } }

/* luce serale */
html.eb-sera body.eb-mag { --mag-piano: #120d09; --mag-carta: #1f1710; --mag-inchiostro: #E6DDD0; --mag-wenge: #B8AA9A; }
html.eb-sera body.eb-mag .eb-mag-tavola:nth-child(4n+1) .eb-mag-cartellino { background: #2B1E12; color: #F2EDE3; }
html.eb-sera body.eb-mag .eb-mag-tavola:nth-child(4n+3) .eb-mag-cartellino { background: #3a2c1f; color: #F2EDE3; }
html.eb-sera body.eb-mag .eb-mag-tavola:nth-child(4n+4) .eb-mag-cartellino { background: #65574E; color: #F2EDE3; }
html.eb-sera body.eb-mag .eb-mag-chiusura { background: #120d09; }

/* articoli con la foto dentro il testo (div.foto-articolo): stessa posizione della foto di testata, intera */
body.eb-mag #article .foto-articolo { order: 3; width: min(640px, calc(100% - 48px)); margin: 0 auto 72px !important; padding: 0 !important; }
body.eb-mag #article .foto-articolo img { display: block; width: 100% !important; height: auto !important; margin: 0 !important; }

/* l'intestazione degli articoli resta sopra il foglio */
body.eb-mag #header.pos_default { position: relative !important; z-index: 1000 !important; }

/* chiusura a tutta larghezza (la griglia del sito dà ai figli di .row width 100%) */
body.eb-mag #article > section.elemento > .eb-mag-chiusura { width: auto !important; max-width: none !important; }

/* testo dell'articolo alle stesse misure delle pagine del sito */
body.eb-mag #article .testo-articolo p,
body.eb-mag #article .testo-articolo p.eb-mag-attacco { font-size: 17px !important; line-height: 1.75 !important; }
body.eb-mag #article .testo-articolo p.eb-mag-attacco::first-letter { font-size: 3.6em; }
body.eb-mag .eb-mag-chiusura p { font-size: 17px !important; }
@media (max-width: 767px) {
  body.eb-mag #article .testo-articolo p,
  body.eb-mag #article .testo-articolo p.eb-mag-attacco { font-size: 16px !important; line-height: 1.75 !important; }
}
@media (max-width: 767px) { body.eb-mag #article > section.elemento > .eb-mag-chiusura { margin-left: 0 !important; margin-right: 0 !important; } }

/* foglio con un'ombra leggera (angoli intagliati disegnati sullo sfondo, così l'ombra non viene tagliata) */
body.eb-mag #article section.elemento > .colonnaelemento {
  clip-path: none !important;
  --ang: 22px;
  background:
    linear-gradient(135deg, var(--mag-piano) calc(var(--ang) * .707), transparent 0) top left / var(--ang) var(--ang) no-repeat,
    linear-gradient(225deg, var(--mag-piano) calc(var(--ang) * .707), transparent 0) top right / var(--ang) var(--ang) no-repeat,
    linear-gradient(45deg, var(--mag-piano) calc(var(--ang) * .707), transparent 0) bottom left / var(--ang) var(--ang) no-repeat,
    linear-gradient(315deg, var(--mag-piano) calc(var(--ang) * .707), transparent 0) bottom right / var(--ang) var(--ang) no-repeat,
    var(--mag-carta) !important;
  box-shadow: 0 24px 60px -24px rgba(43, 30, 18, .22), 0 6px 18px -8px rgba(43, 30, 18, .10);
}
@media (max-width: 767px) { body.eb-mag #article section.elemento > .colonnaelemento { --ang: 14px; box-shadow: 0 16px 40px -20px rgba(43, 30, 18, .22); } }
html.eb-sera body.eb-mag #article section.elemento > .colonnaelemento { box-shadow: 0 24px 60px -24px rgba(0, 0, 0, .6); }

/* nello stesso numero, più largo */
body.eb-mag .eb-mag-numero { width: min(1240px, 100%) !important; max-width: none !important; }
body.eb-mag .eb-mag-tavole { gap: 20px; }

/* EITCH MAGAZINE - INDICE DEGLI ARTICOLI */
body.eb-mag-indice { --mag-piano: #E9E2D5; --mag-carta: #FBFAF7; --mag-inchiostro: #2B1E12; --mag-wenge: #65574E; --mag-oro: #7E6738; }
body.eb-mag-indice #header.pos_default { position: relative !important; z-index: 1000 !important; }
body.eb-mag-indice #article .listaelementi { display: none !important; }
body.eb-mag-indice #article { background: var(--mag-piano); }
body.eb-mag-indice .eb-mi { padding: 120px 32px 0; box-sizing: border-box; }

/* testata */
body.eb-mag-indice .eb-mi-testata { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 760px; margin: 0 auto 88px; }
body.eb-mag-indice .eb-mi-occ { font: 500 13px/1.4 var(--eb-sans, "Montserrat", Arial, sans-serif); letter-spacing: .22em; text-transform: uppercase; color: var(--mag-oro); margin-bottom: 22px; }
body.eb-mag-indice .eb-mi-testata h1 { font: 400 clamp(52px, 6.4vw, 96px)/1 var(--eb-serif, "Playfair Display", Georgia, serif) !important; letter-spacing: -.02em; color: var(--mag-inchiostro) !important; margin: 0 !important; text-transform: none !important; }
body.eb-mag-indice .eb-mi-testata p { font: 300 17px/1.75 var(--eb-serif, "Playfair Display", Georgia, serif) !important; color: var(--mag-wenge) !important; margin: 0 0 18px !important; max-width: 34em; }
body.eb-mag-indice .eb-mi-conta { font: 500 13px/1 var(--eb-sans, "Montserrat", Arial, sans-serif); letter-spacing: .16em; text-transform: uppercase; color: var(--mag-wenge); }
body.eb-mag-indice .eb-mag-losanga { position: relative; display: block; width: 120px; height: 9px; margin: 28px 0; }
body.eb-mag-indice .eb-mag-losanga::before { content: ""; position: absolute; left: 0; right: 0; top: 4px; height: 1px; background: rgba(126, 103, 56, .45); }
body.eb-mag-indice .eb-mag-losanga::after { content: ""; position: absolute; left: 50%; top: 0; width: 7px; height: 7px; background: var(--mag-oro); transform: translateX(-50%) rotate(45deg); }

/* griglia: primo articolo in evidenza, poi tre colonne */
body.eb-mag-indice .eb-mi-griglia { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px 32px; max-width: 1240px; margin: 0 auto; }
body.eb-mag-indice .eb-mi-scheda { display: flex; flex-direction: column; text-decoration: none !important; color: var(--mag-inchiostro); background: var(--mag-carta); }
body.eb-mag-indice .eb-mi-foto { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: #d9d0c1; }
body.eb-mag-indice .eb-mi-foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .9s cubic-bezier(.22, 1, .36, 1); }
body.eb-mag-indice .eb-mi-scheda:hover .eb-mi-foto img, body.eb-mag-indice .eb-mi-scheda:focus-visible .eb-mi-foto img { transform: scale(1.04); }
body.eb-mag-indice .eb-mi-testo { display: flex; flex-direction: column; gap: 12px; padding: 28px 28px 32px; flex: 1; }
body.eb-mag-indice .eb-mi-data { font: 500 13px/1 var(--eb-sans, "Montserrat", Arial, sans-serif); letter-spacing: .14em; color: var(--mag-oro); font-variant-numeric: tabular-nums; }
body.eb-mag-indice .eb-mi-titolo { font: 400 24px/1.2 var(--eb-serif, "Playfair Display", Georgia, serif); letter-spacing: -.01em; }
body.eb-mag-indice .eb-mi-attacco { font: 300 16px/1.65 var(--eb-serif, "Playfair Display", Georgia, serif); color: var(--mag-wenge); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body.eb-mag-indice .eb-mi-leggi { margin-top: auto; padding-top: 8px; font: 500 12px/1 var(--eb-sans, "Montserrat", Arial, sans-serif); letter-spacing: .2em; text-transform: uppercase; color: var(--mag-inchiostro); }
body.eb-mag-indice .eb-mi-scheda:hover .eb-mi-leggi { color: var(--mag-oro); }
body.eb-mag-indice .eb-mi-prima { grid-column: 1 / -1; display: grid; grid-template-columns: 7fr 5fr; }
body.eb-mag-indice .eb-mi-prima .eb-mi-foto { aspect-ratio: 4 / 3; }
body.eb-mag-indice .eb-mi-prima .eb-mi-testo { justify-content: center; padding: 56px; gap: 18px; }
body.eb-mag-indice .eb-mi-prima .eb-mi-titolo { font-size: clamp(32px, 3vw, 44px); line-height: 1.12; }
body.eb-mag-indice .eb-mi-prima .eb-mi-attacco { -webkit-line-clamp: 5; font-size: 17px; }
body.eb-mag-indice .eb-mi-prima .eb-mi-leggi { margin-top: 12px; }

/* mostra altri */
body.eb-mag-indice .eb-mi-altri { display: flex; justify-content: center; padding: 72px 0 0; }
body.eb-mag-indice .eb-mi-altri button { min-height: 54px; padding: 0 40px; border: 1px solid rgba(43, 30, 18, .5); background: transparent; color: var(--mag-inchiostro); font: 500 12px/1 var(--eb-sans, "Montserrat", Arial, sans-serif); letter-spacing: .22em; text-transform: uppercase; cursor: pointer; transition: background .35s ease, color .35s ease, border-color .35s ease; }
body.eb-mag-indice .eb-mi-altri button:hover, body.eb-mag-indice .eb-mi-altri button:focus-visible { background: var(--mag-oro); border-color: var(--mag-oro); color: #fff; }

/* chiusura: come negli articoli */
body.eb-mag-indice .eb-mag-chiusura { position: relative; display: flex; align-items: center; justify-content: center; margin: 140px -32px 0; min-height: 78svh; padding: 120px 32px; overflow: hidden; background: var(--mag-inchiostro); box-sizing: border-box; text-align: center; }
body.eb-mag-indice .eb-mag-chiusura-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.eb-mag-indice .eb-mag-chiusura::after { content: ""; position: absolute; inset: 0; background: rgba(28, 20, 13, .58); }
body.eb-mag-indice .eb-mag-chiusura-testo { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; max-width: 620px; }
body.eb-mag-indice .eb-mag-occ { font: 500 13px/1.4 var(--eb-sans, "Montserrat", Arial, sans-serif); letter-spacing: .22em; text-transform: uppercase; color: #D1BEA8; margin-bottom: 26px; }
body.eb-mag-indice .eb-mag-chiusura h2 { font: 400 clamp(40px, 4.4vw, 64px)/1.08 var(--eb-serif, "Playfair Display", Georgia, serif) !important; color: #F2EDE3 !important; margin: 0 !important; text-transform: none !important; }
body.eb-mag-indice .eb-mag-chiusura .eb-mag-losanga::before { background: rgba(209, 190, 168, .55); }
body.eb-mag-indice .eb-mag-chiusura .eb-mag-losanga::after { background: #B89A6A; }
body.eb-mag-indice .eb-mag-chiusura p { font: 300 17px/1.7 var(--eb-serif, "Playfair Display", Georgia, serif) !important; color: rgba(242, 237, 227, .86) !important; margin: 0 0 40px !important; }
body.eb-mag-indice .eb-mag-prenota { min-height: 54px; padding: 0 40px; border: 1px solid rgba(242, 237, 227, .7); background: transparent; color: #F2EDE3; font: 500 12px/1 var(--eb-sans, "Montserrat", Arial, sans-serif); letter-spacing: .22em; text-transform: uppercase; cursor: pointer; transition: background .35s ease, border-color .35s ease; }
body.eb-mag-indice .eb-mag-prenota:hover, body.eb-mag-indice .eb-mag-prenota:focus-visible { background: #7E6738; border-color: #7E6738; }

@media (max-width: 1100px) {
  body.eb-mag-indice .eb-mi-griglia { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.eb-mag-indice .eb-mi-prima { grid-template-columns: 1fr; }
  body.eb-mag-indice .eb-mi-prima .eb-mi-testo { padding: 36px; }
}
@media (max-width: 767px) {
  body.eb-mag-indice .eb-mi { padding: 72px 12px 0; }
  body.eb-mag-indice .eb-mi-testata { margin-bottom: 56px; padding: 0 12px; }
  body.eb-mag-indice .eb-mi-testata h1 { font-size: 46px !important; }
  body.eb-mag-indice .eb-mi-griglia { grid-template-columns: 1fr; gap: 24px; }
  body.eb-mag-indice .eb-mi-testo, body.eb-mag-indice .eb-mi-prima .eb-mi-testo { padding: 24px; }
  body.eb-mag-indice .eb-mi-prima .eb-mi-titolo { font-size: 30px; }
  body.eb-mag-indice .eb-mi-titolo { font-size: 22px; }
  body.eb-mag-indice .eb-mi-altri button { width: 100%; }
  body.eb-mag-indice .eb-mag-chiusura { margin: 96px -12px 0; min-height: 0; padding: 96px 24px 104px; }
  body.eb-mag-indice .eb-mag-chiusura h2 { font-size: 36px !important; }
  body.eb-mag-indice .eb-mag-prenota { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { body.eb-mag-indice .eb-mi-foto img { transition: none; } }

/* luce serale */
html.eb-sera body.eb-mag-indice { --mag-piano: #120d09; --mag-carta: #1f1710; --mag-inchiostro: #E6DDD0; --mag-wenge: #B8AA9A; }
html.eb-sera body.eb-mag-indice .eb-mag-chiusura { background: #120d09; }

/* elementi creati dopo l'avvio dell'effetto fx-text: subito visibili */
body.eb-mag-indice .eb-mi .fx-text, body.eb-mag .eb-mag-chiusura .fx-text, body.eb-mag .eb-mag-numero .fx-text { opacity: 1 !important; filter: none !important; transform: none !important; translate: none !important; }

/* PAGINE CAMERA - GALLERIA CON MENO DI 8 FOTO E TESTO FINALE */
@media (min-width: 1101px) {
  #testo-interno-camera .galleriapres:has(> div:nth-child(4):last-child) > div:nth-child(4) { grid-column: 1 / 13; }
  #testo-interno-camera .galleriapres:has(> div:nth-child(5):last-child) > div:nth-child(4) { grid-column: 1 / 7; }
  #testo-interno-camera .galleriapres:has(> div:nth-child(5):last-child) > div:nth-child(5) { grid-column: 7 / 13; }
  #testo-interno-camera .galleriapres:has(> div:nth-child(7):last-child) > div:nth-child(7) { grid-column: 1 / 13; }
}
/* il testo finale è un h4 in flex: i grassetti diventavano colonne */
#testo-interno-camera .colonnaarea > .row:last-child h4 { display: block !important; }

/* HOME - CAROSELLO CAMERE: la scheda resta tutta cliccabile, con il pulsante visibile in fondo */
#nuove-tipologie .owl-item .anteprimacamera .blocco_dati { padding-bottom: 84px !important; }
#nuove-tipologie .anteprimacamera a.tab-post-img p {
  display: inline-flex !important; align-items: center; position: absolute; left: 0; bottom: 18px; min-height: 48px; margin: 0 !important; padding: 0 28px !important;
  border: 1px solid rgba(126, 103, 56, .55); text-indent: 0; font: 500 11px/1 var(--eb-sans, "Montserrat", Arial, sans-serif) !important; letter-spacing: .2em; text-transform: uppercase; color: #2B1E12 !important;
  transition: background .35s ease, color .35s ease, border-color .35s ease;
}
#nuove-tipologie .anteprimacamera:hover a.tab-post-img p, #nuove-tipologie .anteprimacamera a.tab-post-img:focus-visible p { background: #7E6738; border-color: #7E6738; color: #fff !important; }
html.eb-sera #nuove-tipologie .anteprimacamera a.tab-post-img p { color: #E6DDD0 !important; }

/* PAGINA CAMERE: l'ultima scheda è spostata in basso e il suo pulsante veniva tagliato */
@media (min-width: 768px) { body.index-camere #camere-1 .row.index-camere { padding-bottom: 140px !important; } }

/* FOOTER: dati legali leggibili sul fondo scuro (il nome HotelNerds resta oro) */
#footer #sezfooter3 :is(.elem, .elem .prefix, .easyc) { color: rgba(242, 237, 227, .72) !important; }

/* HOME - GALLERIA: riquadri color carta finché arrivano le foto */
#foto-home #galleria-89 > div, #foto-home #galleria-89 > div :is(a, figure, picture) { background-color: #F2EDE3 !important; }

/* HOME - TERRAZZA: seconda parola del titolo in un oro più chiaro, leggibile sul fondo scuro */
#sezione3 h2 strong { color: #A68B57 !important; }

/* HOME - STROFA: versi che entrano uno alla volta (script «Versi della strofa»: divide il testo agli a capo) */
#primo-blocco-hp p.eb-versi { opacity: 1 !important; filter: none !important; transform: none !important; translate: none !important; }
#primo-blocco-hp p.eb-versi .eb-verso-riga { display: block; opacity: 0; transform: translateY(6px); transition: opacity .6s cubic-bezier(.22, 1, .36, 1), transform .6s cubic-bezier(.22, 1, .36, 1); }
#primo-blocco-hp p.eb-versi-in .eb-verso-riga { opacity: 1; transform: none; }
#primo-blocco-hp p.eb-versi .eb-verso-riga:nth-child(2) { transition-delay: 0.14s; }
#primo-blocco-hp p.eb-versi .eb-verso-riga:nth-child(3) { transition-delay: 0.28s; }
#primo-blocco-hp p.eb-versi .eb-verso-riga:nth-child(4) { transition-delay: 0.42s; }
#primo-blocco-hp p.eb-versi .eb-verso-riga:nth-child(5) { transition-delay: 0.56s; }
#primo-blocco-hp p.eb-versi .eb-verso-riga:nth-child(6) { transition-delay: 0.70s; }
#primo-blocco-hp p.eb-versi .eb-verso-riga:nth-child(7) { transition-delay: 0.84s; }
#primo-blocco-hp p.eb-versi .eb-verso-riga:nth-child(8) { transition-delay: 0.98s; }
#primo-blocco-hp p.eb-versi .eb-verso-riga:nth-child(9) { transition-delay: 1.12s; }
#primo-blocco-hp p.eb-versi .eb-verso-riga:nth-child(10) { transition-delay: 1.26s; }
#primo-blocco-hp p.eb-versi .eb-verso-riga:nth-child(11) { transition-delay: 1.40s; }
#primo-blocco-hp p.eb-versi .eb-verso-riga:nth-child(12) { transition-delay: 1.54s; }

/* HOME - MAPPA: filo oro da «Roma» al palazzo, si disegna scorrendo (script «Filo oro sulla mappa») */
#mappa-home { position: relative; }
#mappa-home svg.eb-filo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 5; }
#mappa-home svg.eb-filo.eb-filo--spento { display: none; }
#mappa-home svg.eb-filo path { fill: none; stroke: #7E6738; stroke-width: 1; stroke-linecap: round; opacity: .85; }

/* GALLERY: sottotitolo delle schede in colore pieno (era trasparente e con i titoli che si colorano spariva) */
#article > section[id^="gallery-generale"] h2 { color: #65574E !important; }
#article > section[id^="gallery-generale"] h2 strong { color: #2B1E12 !important; }

/* PAGINE INTERNE - CAROSELLI FOTO: frecce con il cerchio in oro, come quelle del carosello camere */
#article .foto-interne :is(.owlPrev, .owlNext) { border-color: #7E6738 !important; }

/* GALLERIA APERTA (swipebox): foto tra la barra del titolo e quella delle frecce, frecce sempre in basso anche al tocco */
#swipebox-slider .slide { padding: 56px 0 72px !important; box-sizing: border-box !important; }
#swipebox-slider .slide img { max-height: 100% !important; }
#swipebox-bottom-bar, #swipebox-top-bar { background: #1a130c !important; opacity: 1 !important; transform: none !important; }
#swipebox-bottom-bar { bottom: 0 !important; top: auto !important; }
#swipebox-top-bar { top: 0 !important; bottom: auto !important; }
#swipebox-bottom-bar { height: 72px !important; }
#swipebox-arrows { height: 72px !important; display: flex !important; align-items: center; justify-content: center; gap: 48px; width: 100% !important; max-width: none !important; margin: 0 !important; }
#swipebox-arrows a { position: static !important; display: block !important; width: 48px !important; height: 48px !important; margin: 0 !important; }
/* al tocco la galleria toglie le sue barre: le frecce le aggiunge lo script «Frecce della galleria» */
#swipebox-overlay .eb-sb-frecce { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; height: calc(72px + env(safe-area-inset-bottom, 0px)); padding-bottom: env(safe-area-inset-bottom, 0px); display: flex; align-items: center; justify-content: center; gap: 48px; background: #1a130c; }
#swipebox-overlay .eb-sb-frecce button { width: 48px; height: 48px; padding: 0; border: 1px solid rgba(242, 237, 227, .45); border-radius: 50%; background: transparent; cursor: pointer; position: relative; }
#swipebox-overlay .eb-sb-frecce button::before { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-top: 1.5px solid #F2EDE3; border-right: 1.5px solid #F2EDE3; }
#swipebox-overlay .eb-sb-frecce .eb-sb-prev::before { transform: translate(-30%, -50%) rotate(-135deg); }
#swipebox-overlay .eb-sb-frecce .eb-sb-next::before { transform: translate(-70%, -50%) rotate(45deg); }
html.swipebox-html :is(.fa-ax-apri, #min_hotelier, button.btn-apriFR) { visibility: hidden !important; }

/* CONTATTI: stesse etichette in tutte le pagine (Ristorante, Rooftop, Dove siamo) */
#article :is(#contatti-interno p, p.eb-contatti) strong { display: block; margin: 0 0 6px; font: 500 11px/1.4 var(--eb-sans, "Montserrat", Arial, sans-serif) !important; letter-spacing: .2em !important; text-transform: uppercase; color: #7E6738 !important; }
#article p.eb-contatti { margin: 0 0 18px !important; }
#article p.eb-contatti a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(126, 103, 56, .45); }

/* ARTICOLI E INDICE DEL MAGAZINE: niente comparsa sfumata né titoli che si colorano, il testo è subito leggibile */
body:is([data-tipopag="articolo"], [data-tipopag="blog"]) #article :is(.fx-text, .fade-txt, [class*="fade"]) { opacity: 1 !important; filter: none !important; transform: none !important; translate: none !important; transition: none !important; }
html.eb-titoli-colore body:is([data-tipopag="articolo"], [data-tipopag="blog"]) #article .eb-parola { color: inherit !important; opacity: 1 !important; }

div#avacy-floating-resurface {
    bottom: 80px !important;
    left: 15px;
}



[data-tipopag="privacy"] p, [data-tipopag="privacy"] h2, [data-tipopag="cookie"] p, [data-tipopag="cookie"] h2, [data-tipopag="accessibility"] p, [data-tipopag="accessibility"] h2, [data-tipopag="accessibility"] li, [data-tipopag="accessibility"] h1, [data-tipopag="accessibility"] h3 {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    will-change: inherit !important;
}


section#faq .faq-answer p, section#faq .faq-answer {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    filter: none !important;
}

[data-tipopag="accessibility"] h3 {
    font-family: var(--eb-serif) !important;
    font-weight: 400 !important;
    color: #000 !important;
}