/********************************  VARIABLES  *********************************/
/********************************  STYLE  *************************************/
html { border: none; margin: 0; padding: 0; min-height: 100vh; box-sizing: border-box; }

body { font-family: 'Amiri', serif; background-color: #fdf2d4; font-style: normal; font-size: 16px; font-weight: 300; line-height: 1.5; height: 100%; display: block; }

.text-rosso { color: #9B1F25; }

h2 { font-family: 'Barlow Condensed', sans-serif; }

.condensed { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; }

.bg-rosso { background-color: #BA0000; }

.boxed-lg { max-width: 1300px; margin: 0 auto; }

.logo { max-width: 180px; }

p strong { font-weight: 700; }

.header .voce-menu { font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; color: #9B1F25; font-size: 20px; transition: all ease-in-out 300ms; }

.header .voce-menu:hover { color: #9B1F25; }

.btn { background-color: #9B1F25; border-radius: 9999px; padding: 10px 24px; color: #fff; display: inline-block; transition: all ease-in-out 300ms; font-family: 'Barlow Condensed', sans-serif; }

.btn:hover { background-color: #740C10; }

.btn.bianco { background-color: #fff; color: #9B1F25; }

.link-semplice { text-decoration: underline; transition: all ease-in-out 300ms; }

.link-semplice:hover { color: #9B1F25; }

.outer-landscape { padding-top: 65%; }

.swiper-slide { height: auto; }

.swiper-arrow path, .swiper-arrow circle { stroke: #9B1F25; fill: transparent; transition: all ease-in-out 500ms; }

.swiper-arrow:hover path { stroke: #fff; }

.swiper-arrow:hover circle { fill: #9B1F25; }

.swiper-button-disabled { opacity: 0; cursor: auto; }

.page-right { position: relative; }

.page-right::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.05) 5%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 100%); border-left: 1px solid #bebebe; }

.page-left { position: relative; }

.page-left::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 90%, rgba(0, 0, 0, 0.05) 95%, rgba(0, 0, 0, 0.2) 100%); }

/****************************  RESPONSIVE  ************************************/
@media (max-width: 1400px) { .boxed-lg { max-width: 86%; } }

@media (max-width: 1200px) { .swiper-arrow { transform: scale(0.8); } }

@media (max-width: 1023px) { .boxed-lg.full-tablet { max-width: 100%; } }

@media (max-width: 768px) { .copyright { font-size: 12px; }
  .btn { font-size: 16px; padding: 8px 20px; } }

@media (max-width: 540px) { .boxed-lg { max-width: 90%; } }