:root{ --bs-font-sans-serif: ui-serif; --bs-light-rgb: 252,235,209; --bs-white-rgb: 255,255,255; --bs-dark-rgb: 99,78,66; --bs-primary-rgb: 160,16,39; --bs-body-font-size: 1.2rem; --bs-body-font-: 1.2rem; --bs-body-line-height: 1.2; }
a { color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important; text-decoration: underline; }
h1{ line-height: 1 !important; }
.display-4{ line-height:1;}
.h1, h1 { font-size: calc(1.7rem + 1.5vw); }
.btn-image{ width: 12.500000%; padding-top: 12.500000%; opacity: 1; }
.btn-image:hover{ opacity: 0.5; }
.btn-dark{ background: rgba(var(--bs-dark-rgb)); border-color: rgba(var(--bs-dark-rgb)); }
.btn-close{ font-size: 3rem; position: absolute; top:8px; right:8px; z-index:1000; }
.btn-blank{ background: rgba(var(--bs-black-rgb)); }
.btn{ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; }
a.btnlink{ cursor:pointer; }
#totop i, #tomenu i, #btn-menu i, i.btnclose{ font-size: 2rem; }
img.logo{ width:280px; }
img.logo_pie{ width:86px; height: auto; }
img.logo_tope{ width:120px; height: auto; }
.border-dark{ border-color:var(--bs-dark-rgb) !important; }
.bg-dark-transparent{ background: rgba(var(--bs-dark-rgb),0.85); }
.tope{ position: fixed; top: 0px; left: 0px; width: 100%; height: 64px; display: none; z-index: 1002; }
.ico-moto{ height: 40px; }
.ico-estrella{ width:100px; }
.ico-instagram{ width:24px; }
#tologo{ position: fixed; top: 0px; left: 0px; width: 100%; height: 64px; z-index: 1003; }
#tomenu{ position: fixed; top: 0px; right: 0px; width: 64px; height: 64px; z-index: 1003; }
#totop{ position: fixed; top: 0px; right: 64px; width: 64px; height: 64px;  z-index: 1003; }
.list-group .list-group-item a{ text-decoration:none; }
input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: rgba(var(--bs-dark-rgb),0.6); }
#carouselProducts .carousel-item{ height:470px; }
#carouselTestimonials .carousel-item{ height:290px; }
#carouselHostelry .carousel-item{ height:470px; }
#carouselProducts .carousel-indicators{ margin:0; bottom: 60px; }
#carouselHostelry .carousel-indicators{ margin:0; bottom: 40px; }
.carousel-item .carousel-caption{ bottom: 0; right: 0; left: 0; text-align: left; height: 200px; }
.carousel-indicators{ margin:0; bottom: 20px; }
.carousel-indicators [data-bs-target]{ width:6px; height:6px; border-radius:100px; border: 0; }
.carousel-dark .carousel-indicators [data-bs-target]{ background: rgba(var(--bs-dark-rgb)); }
.carousel-control-next, .carousel-control-prev{ top:auto; bottom:-7px; z-index:1000; }
#banner{ background:rgba(var(--bs-dark-rgb)) url("img/banner-desktop.jpg") no-repeat center center; background-size:cover; }
#banner .degrade{ background: rgb(var(--bs-dark-rgb)); background: linear-gradient(180deg, rgba(var(--bs-dark-rgb),0.95) 0%, rgba(var(--bs-dark-rgb),0) 100%); min-height: 200px; position:absolute; top:0; z-index:1001; }
#footer{ font-size:95%; }
#history section{ background:url("img/bg-history.svg") no-repeat center center; background-size: cover; padding: 70px 0 0 0; max-width: 625px; height: 650px;  }
#orders .rounded-circle{ width:330px; height:330px; }
#products img.img-product{ height:340px; object-fit: cover; margin-bottom: 16px !important; }
#hostelry img.img-product{ height:250px; object-fit: cover; margin-bottom: 16px !important; }
img.img-ig{ height: 140px; object-fit: cover; }
@keyframes movehumito { from { opacity: 1; background-position: 0 1000px; } to { opacity: 0; visibility: visible; background-position: 0 -1000px; } }
@keyframes movehumitoalter { from { opacity: 1; background-position: 0 1000px; } to { opacity: 0; background-position: 0 -1000px; } }
#banner .humito{ width: 100%; height: 1000px; animation-duration: 6s; animation-name: movehumito; animation-iteration-count: infinite; animation-direction:normal;	 z-index:1000; position: relative; top: auto; left: 0; background: url(img/humo.png) no-repeat center center; background-size: cover; opacity: 0; }
#banner .humitoalter{ width: 100%; height: 1000px; animation-duration: 3s; animation-name: movehumitoalter; animation-iteration-count: infinite; animation-direction:normal;	 z-index:1000; position: relative; top: auto; right: 0; background: url(img/humo.png) no-repeat center center; background-size: cover; opacity: 0; }
@media only screen and (max-width: 600px) {
	#banner{ height: 480px; background:rgba(var(--bs-dark-rgb)) url("img/banner.jpg") no-repeat top center; background-size:cover; }
	img.img-ig{ height: 90px; object-fit: cover; }
	#products img.img-product{ height:240px; object-fit: cover; margin-bottom: 16px !important; }
	#hostelry img.img-product{ height:240px; object-fit: cover; margin-bottom: 32px !important; }
}