html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* Ensures the body takes full height of the viewport */
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body {
  font-family: "Lora", serif;
  color: #67625E;
  margin: 0;
  font-weight:400;
  padding:0;
  font-size:1rem;
  position:relative;
  overflow-x:hidden;
  scroll-behavior: smooth;
  background-color:#F1F1E6;
}

::before, ::after {box-sizing: border-box;}

:root {
  --animate-delay:0.5s;
  --select-border:blue;
  --select-focus:blue;
}

a {font-family: "Lora", serif; font-weight:400;}

.azul {background-color:#092356;}
.naranja {background-color:#F37B34;}
.beige {background-color:#F1F1E6; color:#F37B34 !important; margin:0 0 5rem 0 !important; padding:0;}
.gris {background-color:#717E97;}
.claro {background-color:#BFC2C9;}

#loader {position:absolute; width:100%; height:100%; background-color:#F1F1E6; left:0px; top:0px; z-index: 9999999999;}
#logotipo {position:relative; width:200px; height:120px; top:50%; left:50%; margin-left:-100px; margin-top:-60px; opacity:0;}

.aviso { display:none !important; width:100%;  height:100%; max-width:100%; min-height:100vh; padding: 0; margin:0; position:absolute;  z-index:99999999999; background-color:black;}
.aviso h1 {font-size:1.5rem; font-weight:600; color:white; width:600px; height:100vh; margin: 0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center;}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Ensures the wrapper takes at least full viewport height */
}

header {width:100%; height:130px !important; background-color:#F1F1E6; position:fixed !important; top:0; left:0; display:flex; flex-direction:row; justify-content:space-between; margin:auto 0; padding:0; z-index:500; border-bottom:1px solid #67625E;}
#hide-header {transition: all .5s ease!important;}   

.primary-navigation {width: min-content; height:min-content;  display:flex; justify-content:space-between; position:absolute; right:4%; top:7dvh; z-index:9999; margin:0; padding:0;}
.primary-navigation a{ text-decoration:none; font-family: "Poppins", sans-serif; font-size:1.1rem; font-weight:300; width:auto; padding:0; margin-left:5rem; color:#67625E; text-transform:uppercase;}
.primary-navigation a:hover, .primary-navigation a.active{color:#9691BA;}

.logo-nav, .ligas-redes {display:none;}

.burger { display:none; border: 0; width:60px; height:auto; padding: 0;  background: url("../images/menu.svg") no-repeat bottom;  position: absolute; top:2vh; right:2vh; z-index:99999; cursor: pointer;}
.mobile-nav-toggle { cursor: pointer; display:none; border: 0; width:130px; height:40px; padding: 0; color:black; background: url("../images/logo_grajales.svg") no-repeat center; transition: opacity 250ms ease; position: absolute; top:1.5rem; z-index:99999;}

.logo {position:absolute; left:4%; top:3vh; width: auto; height:auto; display:block; z-index:300; margin: 0 auto; padding:0;}
.logo img {height:70px; width:auto; max-width:auto; filter: drop-shadow(2px 2px 1px rgb(0 0 0 / 0.2));}

main {
    flex-grow: 1; /* Allows the main content to take up available space */
    padding:0;
    margin:0;
	min-height:30dvh;
}



.full-screen-section {
    height: 100dvh; /* Full height of the viewport */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.part-screen-section {
    height: 83dvh; /* Full height of the viewport */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

h1 {width:100%; height:auto; font-family: "Poppins", sans-serif; font-size:1.5rem; color:#67625E; font-weight:400; letter-spacing:1rem; margin:0; padding:0; position:absolute; top:9rem; text-align:center; text-transform:uppercase;}
h5 {width:100%; height:auto; font-family: "Poppins", sans-serif; font-size:1.5rem; color:#67625E; font-weight:400; letter-spacing:1rem; margin:2rem 0; padding:0; text-align:center; text-transform:uppercase;}

.info {width:100%; height:50%; margin:0; padding:0; display:flex; justify-content:space-between;}
.graficos {width:50%; height:auto; margin:0; padding:0; text-align:center; }
.graficos img {width:70%; height:auto;}

.textos {width:50%; height:auto; margin:0; padding:0;}

h2 {width:auto; height:auto; font-family: "Lora", serif; font-size: clamp(1.5rem, 0.3571rem + 1.7857vw, 2.5rem); font-weight:400; padding:0; margin:0; position:absolute; top:5%; left:50%;}
h3 {width:25%; height:auto; font-family: "Lora", serif; font-size: clamp(1.25rem, 0.1071rem + 1.7857vw, 2.25rem); font-weight:400; font-style:italic; color:#96918A; padding:0; margin:0; position:absolute; top:40%; left:72%;}

.costos {width:100%; height:auto; display:flex; justify-content:center; align-items:center; margin:0; padding:0; position:absolute; top:85%;}
.reservaciones {width:50%; height:auto; margin:0; padding:0; text-align:center;}
.reservaciones a {width:auto; height:auto; margin:0; padding:1rem; font-family: "Poppins", sans-serif; font-size: clamp(1rem, 0.7714rem + 0.3571vw, 1.2rem); font-weight:500; color:#67625E; border:2px solid #67625E; text-decoration:none; text-transform:uppercase; z-index:100;}
.reservaciones a:hover {background:#67625E; color:white;}
.precios {width:47%; height:auto; display:flex; flex-direction:column; justify-content:space-between; margin:0 3% 0 0;}
h4 {width:100%; height:auto; font-family: "Lora", serif; font-size: clamp(1rem, 0.4286rem + 0.8929vw, 1.5rem); line-height:2rem; font-weight:400; margin:0; padding:0.5rem 0 1rem 0; border-bottom:2px solid #67625E; text-transform:uppercase;}
.costos p {font-size: clamp(1rem, 0.7714rem + 0.3571vw, 1.2rem); text-transform:uppercase; margin:0; padding:0;}
.costos p:first-child {margin:0 5rem 0 0;}
.cocina {width:100%; height:auto; display:flex; justify-content:start; margin:0; padding:0;}
.cocina p {font-size: clamp(0.9rem, 0.6714rem + 0.3571vw, 1.1rem);}

.menu-res {width:100%; height:auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin:190px 0 0 0; padding:0;}
.terraza, .cooking {width:50%; height:auto; margin:0; padding:0; text-align:center;}
.terraza a, .cooking a {width:auto; height:auto; font-family: "Poppins", sans-serif; font-size: clamp(1rem, 0.7714rem + 0.3571vw, 1.2rem); font-weight:500; color:#EAEAEA; text-decoration:none; text-transform:uppercase; border:2px solid #EAEAEA; padding:1rem; margin:0; position:relative; top:40vh;}
.terraza a:hover, .cooking a:hover {background:#EAEAEA; color:#67625E;}
.menu-res img {width:100%; height:auto; margin:0; padding:0;}

.menu-res > div.active {
    background:#EAEAEA; color:#67625E;
}

.menu-res > div {
    cursor: pointer;
    transition: .3s;
}

.option-terraza, .option-cocina {display:none;}


.opciones {width:92% height:auto; display:flex; flex-direction:row; justify-content:space-evenly; margin:0; padding:2% 4%;}
.imagen {width:30%; height:auto; margin:0; padding:0;}
.imagen img {width:100%; height:auto; margin:0; padding:0;}
.lista {width:47%; height:auto; margin:0; padding:0;}
h6 {width:100%; height:auto; font-family: "Lora", serif; font-size: clamp(1.5rem, 0.3571rem + 1.7857vw, 2.5rem); color:#67625E; font-weight:400; margin:0 0 2rem 0; padding:0; text-transform:uppercase;}
.lista ul {}
.lista li {font-family: "Lora", serif; font-size: clamp(1rem, 0.4286rem + 0.8929vw, 1.5rem); padding:0; margin:0.5rem 0;}

.informacion {width:100%; min-height:content; margin:0; padding:0; display:flex; justify-content:space-between; background:#b9b6b1;}
.flechas {width:96%; height:60px; background:transparent;  display:flex; justify-content:space-between; align-items:center; background:#8A857F; margin:0; padding:0 2%; z-index:50; position:relative; top:0; left:0;}
.informacion h1 {widht:auto; height:auto; font-family: "Lora", serif; font-weight:400; padding:0; color:#393431; background:#8A857F;  position:relative; top:0; left:0; text-align:center;}
.flechas a {width:auto; height:auto; color:#393431; font-family: "Lora", serif; font-weight:600; font-size:2rem;}

.disponibilidad {width:50%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:flex-start;}
.disponibilidad p {width:auto; height:auto; font-family: "Lora", serif; font-size:1.5rem; font-weight:400; color:#7F7A74; margin:0 8%; padding:0;} 
.disponibilidad p:nth-child(2) {margin:10% 8% 4% 8%;}
 


.calendario {width:50%; height:auto; margin:0; padding:0;}
.tabla {width:86%; height:auto; margin:4% 8%; border-collapse: collapse; table-layout: fixed; }

.days {width:30%; height:min-content; display:flex; flex-direction:row; justify-content:space-between; margin:0 0 4% 8%; padding:0;}
.days div {width:auto; height:auto; margin:0 0 1rem 0; padding:0; display:flex; justify-content:flex-start; align-items:center; }

.days p {width:auto; height:auto; font-family: "Lora", serif; font-size:1.3rem; font-weight:400; color:#7F7A74; margin:0; padding:0;}
.days span {width:15px; height:15px;  border-radius:50%; border:2px solid white; margin:0 0 0 0.5rem; padding:0;}



.tabla thead th {background: transparent; font-weight: 600; font-size: 0.95rem; color: #393431;}





.formulario {width:92%; heigt:auto; display:flex; flex-direction:row; justify-content:space-between;  margin:0 0 3rem 0; padding:0 4%;}
.formulario p {width:100% !important; height:auto; font-family: "Lora", serif; font-size: clamp(1rem, 0.4286rem + 0.8929vw, 1.5rem); letter-spacing:0.5rem; font-weight:500; color:#9F9A94; border-bottom:1px solid #9F9A94; padding:0 0 1rem 0; margin:0 0 2rem 0;  text-transform:uppercase;}

.datos-contacto {width:49%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:flex-start;}
.datos-evento {width:49%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:flex-start;}



.f-contacto {width:100%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:flex-start;}
.f-correo {width:100%; height:auto; margin:0; padding:0; display:flex; flex-direction:row; justify-content:space-between;}

.form-control, .custom-select {width:96%; height:auto; margin:0 0 1rem 0; padding:1rem; font-family: "Poppins", sans-serif; font-size:1rem; color:#7F7A74; background:#CFCFCE; border:none; text-transform:uppercase;}
.form-control2, .form-control3 {width:45%; height:auto; margin:0; padding:1rem; font-family: "Poppins", sans-serif; font-size:1rem; color:#7F7A74; background:#CFCFCE; border:none; text-transform:uppercase;}
.custom-select {width:49%; height:auto; display:flex; justify-content: flex-start; margin:0 0 1rem 0; padding:1rem; font-family: "Poppins", sans-serif; font-size:1rem; color:#7F7A74; background:#CFCFCE; border:none; text-transform:uppercase;}

h7 {width:auto; height:auto; font-family: "Lora", serif; font-size:1.25rem; font-weight:400; color:#7F7A74; margin:6rem 0 0 0; padding:0; border:none; text-transform:none; letter-spacing:normal;}

.fecha-hora {width:100%; height:auto; display:flex; justify-content: space-between; align-items:start; margin:0; padding:0;  text-transform:uppercase;}

.fecha, .hora {width:45%;  margin:0 0 1rem 0; padding: 0 1rem; background:#CFCFCE; display:flex; justify-content:start; align-items:center;}
.fecha {width:45%; padding:1rem;}
label {display: block; margin: 0 1rem 0 0 !important; padding:0; font-family: "Poppins", sans-serif;  color:#7F7A74; font-size:1rem;}
input[type="date"] { width:100%; min-height:content; padding:0; border:none; font-family: "Poppins", sans-serif; font-size:1rem; color:#7F7A74; background:transparent;}
input[type="time"] { width:100%; min-height:content; padding:0; border:none; font-family: "Poppins", sans-serif; font-size:1rem; color:#7F7A74; background:transparent;}



.textarea {width:96%; height:auto; border:none; padding:1rem; margin:0 0 1rem 0; background:#CFCFCE; font-family: "Poppins", sans-serif; font-size:1rem; color:#242424;   text-transform:uppercase;}
.textarea:active, .textarea:focus {outline:none; box-shadow: 0px 0px 40px 1px rgba(255,255,255,0.3); }
.boton {width:100%; height:auto; margin:0; padding:0; display:flex; justify-content:flex-end;}
.contact-form-btn {width:30%; height:auto; font-size: clamp(1rem, 0.7143rem + 0.4464vw, 1.25rem); font-weight:500; color:#7F7A74; border: 2px solid #7F7A74; background:transparent;  margin:0 0 2rem 0; padding:1rem 1rem; text-align:center; text-decoration:none; text-transform:uppercase; cursor:pointer;}
.contact-form-btn:hover {background:#7F7A74; color:white !important; box-shadow: 0px 0px 50px 1px rgba(255,255,255,0.3);}

.pad {height:60px !important; display:flex; justify-content:center; align-items:center;}

.cotizado {background:#D8A467;}
.reservado {background:#DD696B;}

.politicas {width:92%; height:auto; margin:0 4%; padding:0; display:flex; flex-direction:column; justify-content:flex-start;}

h8 {width:100%; height:auto; font-family: "Lora", serif; font-size: clamp(1rem, 0.4286rem + 0.8929vw, 1.5rem); font-weight:500; color:#67625E; border-top:1px solid #67625E; letter-spacing:0.5rem; margin:0; padding:1rem 0; text-align:center; text-transform:uppercase;}

.politicas ul {width:100%; height:auto; margin:3rem 0; padding:0; column-count:2; gap:2%;}

.politicas li {width:auto; height:auto;  font-family: "Lora", serif; font-size: clamp(1rem, 0.7143rem + 0.4464vw, 1.25rem); font-weight:400; color:#67625E; margin:0 0 1rem 0; padding:0; list-style-position: inside;}


.contacto {width:92%; height:auto;  display:flex; flex-direction:row; justify-content:space-between; margin:220px 4% 0 4%; padding:0;}

.data {width:50%; height:auto; display:flex; flex-direction:column; justify-content:space-between; margin:0; padding:0; }
.direccion, .ligas, .redesc {width:auto; height:auto; margin:0; padding:0;}

.data p, .data a {width:auto; height:auto; font-family: "Lora", serif; font-size: clamp(1rem, 0.4286rem + 0.8929vw, 1.5rem);  color:#67625E; font-weight:400; margin:0 0 0.5rem 0; padding:0; text-decoration:none;}
.italica {font-style:italic;}



.ligas, .redesc {width:auto; height:auto; margin:0; padding:0; display:flex; flex-direction: column; justify-content:flex-start;}
.redesc img {width:30px; height:auto; margin:0; padding:0;}

.foto {width:50%; height:auto; margin:0; padding:0;}
.foto img {width:100%; height:auto; margin:0; padding:0;}


footer {width:92%; height:auto; background: #B9B6B1; display:flex; flex-direction:row; justify-content:space-between; margin:0; padding:2% 4%;}
footer a {width:auto; height:auto; font-family: "Lora", serif; font-size:1rem; font-style:italic; color: #67625E; text-decoration:none; text-decoration:underline; }
.address {width:15%; height:100%; margin:0; padding:0; display:flex; flex-direction:column; justify-content:start;}
.address p {width:auto; height:auto; margin:0 0 0.5rem 0; padding:0; font-size:0.9rem; }
.datos {width:15%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:start;}
.datos a {margin:0 0 0.5rem 0; font-size:0.9rem;}

.otro {width:auto; height:auto; font-family: "Poppins", sans-serif; font-size:0.9rem; font-weight:300; font-style:normal; color: #67625E; text-decoration:none; text-transform:uppercase;}

.f-links {width:15%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:space-between;}
.f-redes {width:2%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:start;}
.f-redes a {width:24px; height:24px; margin:0 0 1rem 0; padding:0; text-decoration:none;}
.f-redes img {width:24px; height:24px; margin:0; padding:0;}

@media (max-width:35em) {
  #loader {position:absolute; width: 100%; height:100%; background-color:#FFF; left:0px; top:0px; z-index: 9999999999; }
  #logotipo {position:relative; width:242px; height:102px; top:50%; left:50%; margin-left:-121px; margin-top:-51px; opacity:0;}
	
  header {height:110px !important; position:fixed !important;}	
 .mobile-nav-toggle, .burger { display:block !important; position:absolute; top:4.5vh; right:3vw; z-index:99999 !important; width:60px; height:45px;}
 .mobile-nav-toggle[aria-expanded="true"] {display:block; background: url("../images/cerrar.svg") no-repeat bottom !important; z-index:999999 !important; width:45px; height:45px;}
 .burger[aria-expanded="true"] {display:block;  background: url("../images/cerrar.svg") no-repeat bottom !important; z-index:999999 !important; width:50px; height:50px;}
 .primary-navigation{position:absolute; width:100vw; height:100vh; inset:0; background:#B9B6B1;  flex-direction:column; justify-content:start; align-items:center; padding:25vh 0 0 0; z-index:99999 !important; transform: translateX(100%); transition:transform 150ms ease-in-out;}
 .primary-navigation[data-visible="true"] {transform: translateX(0%);}
 .logo-nav {position:absolute; left:2vw; top:2vh !important; width: auto; height:auto; display:block; z-index:500; margin: 0 auto; padding:0;}
 .logo-nav img {height:70px; width:auto; max-width:auto;}
 .primary-navigation a{width:auto; height:auto; text-decoration:none; font-family: "Poppins", sans-serif; font-size:2rem; font-weight:500;  padding:0; margin:0 0 1rem 0;   color:#67625E; text-transform:uppercase;}
 .primary-navigation a:hover {color:#838076 !important;}
 .primary-navigation a.active {color:#838076; font-weight:500;}
 
 .ligas-redes {width:96%; height:auto; margin:0; padding:0 4%; display:flex; flex-direction:row; justify-content:space-between; align-items:end; position:absolute; top:70vh; left:0;}
 .ligas-redes img {width:30px; height:30px; margin:0; padding:0;}
 
 .ligas {width: 80%; height:120px; display:flex; flex-direction:column; justify-content:end; margin:0; padding:0;}
 .ligas a {width:auto; height:auto; font-family: "Lora", serif; font-size:1.1rem; font-style:italic; color: #67625E;  text-decoration:underline; text-transform:lowercase; margin:0 0 0.5rem 0; padding:0;}
 
 .redes {width: 20%; height:120px; display:flex; flex-direction:column; justify-content:space-around; align-items:center; margin:0; padding:0;}
 .redes a {width:30px; height:30px; margin:0; padding:0; text-decoration:none;}
 .redes img {width:30px; height:30px !important; margin:0; padding:0;}
 
 .logo {position:absolute; left:3vw; top:2vh !important; width: auto; height:auto; display:block; z-index:300; margin: 0 auto; padding:0;}
 .logo img {height:70px; width:auto; max-width:auto; filter: drop-shadow(2px 2px 1px rgb(0 0 0 / 0.2));}
 
 .full-screen-section {
    height: 125dvh !important; /* Full height of the viewport */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

 .full-screen-section2 {
    height: 110dvh !important; /* Full height of the viewport */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.part-screen-section {
    height: 100dvh !important; /* Full height of the viewport */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

 h1 {width:100%; height:auto; font-family: "Poppins", sans-serif; font-size:1.5rem; color:#67625E; font-weight:400; letter-spacing:0.5rem; margin:0; padding:0; position:absolute; top:7rem; text-align:center; text-transform:uppercase;}
 h5 {width:100%; height:auto; font-family: "Poppins", sans-serif; font-size:1.5rem; color:#67625E; font-weight:400; letter-spacing:0.5rem; margin:2rem 0; padding:0; text-align:center; text-transform:uppercase;}

.info {width:94%; height:50%; margin:0 auto; padding:0; display:flex; flex-direction:column; justify-content:space-between;}
.graficos {width:100%; height:auto; margin:0; padding:0; text-align:center; }
.graficos img {width:100%; height:auto;}
 
.textos {width:94%; height:auto; margin:0 auto; padding:0;}

h2 {width:45%; height:auto; font-family: "Lora", serif; font-size:1.3rem; font-weight:400; padding:0; margin:0; position:absolute; top:100%; left:3%;}
h3 {width:45%; height:auto; font-family: "Lora", serif; font-size:1.2rem; font-weight:400; font-style:italic; color:#96918A; padding:0; margin:0; position:absolute; top:100%; left:50%;}

.costos {width:94%; height:auto; display:flex; flex-direction:column-reverse; justify-content:center; align-items:center; margin:0 0 2rem 0; padding:0; position:absolute; top:95%; left:3%;}
.reservaciones {width:100%; height:auto; margin:0; padding:0; text-align:center;}
.reservaciones a {width:auto; height:auto; margin:0; padding:1rem; font-family: "Poppins", sans-serif; font-size: 1rem; font-weight:500; color:#67625E; border:2px solid #67625E; text-decoration:none; text-transform:uppercase; z-index:100;}
.reservaciones a:hover {background:#67625E; color:white;}
.precios {width:100%; height:auto; display:flex; flex-direction:column; justify-content:space-between; margin:0 0 3rem 0; padding:0;}
h4 {width:100%; height:auto; font-family: "Lora", serif; font-size: 1.2rem; line-height:1.5rem; font-weight:400; margin:0 0 0.5rem 0; padding:0.5rem 0 1rem 0; border-bottom:2px solid #67625E; text-transform:uppercase;}
.costos p {font-size: 1.2rem; text-transform:uppercase; margin:0; padding:0;}
.costos p:first-child {margin:0;}
.cocina {width:100%; height:auto; display:flex; justify-content:start; margin:0; padding:0;}
.cocina p { width:50%; font-size:1.1rem;}

.menu-res {width:100%; height:auto; display:flex; flex-direction:column; justify-content:space-between; align-items:center; margin:190px 0 0 0; padding:0;}
.terraza, .cooking {width:100%; height:auto; margin:0; padding:0; text-align:center;}
.terraza a, .cooking a {width:auto; height:auto; font-family: "Poppins", sans-serif; font-size:1.5rem; font-weight:500; color:#EAEAEA; text-decoration:none; text-transform:uppercase; border:2px solid #EAEAEA; padding:1rem; margin:0; position:relative; top:20vh;}
.terraza a:hover, .cooking a:hover {background:#EAEAEA; color:#67625E;}
.menu-res img {width:100%; height:auto; margin:0; padding:0;}

.opciones {width:94% height:auto; display:flex; flex-direction:column; justify-content:space-evenly; margin:0; padding:2% 3%;}
.imagen {width:100%; height:auto; margin:0; padding:0;}
.imagen img {width:100%; height:auto; margin:0; padding:0;}
.lista {width:100%; height:auto; margin:0; padding:0;}
h6 {width:100%; height:auto; font-family: "Lora", serif; font-size: 1.5rem; color:#67625E; font-weight:400; margin:0 0 2rem 0; padding:0; text-transform:uppercase;}
.lista ul {}
.lista li {font-family: "Lora", serif; font-size: 1rem; padding:0; margin:0.5rem 0;}

.informacion {width:100%; min-height:content; margin:0; padding:0; display:flex; flex-direction:column; justify-content:space-between; background:#b9b6b1;}
.flechas {width:96%; height:60px; background:transparent;  display:flex; justify-content:space-between; align-items:center; background:#8A857F; margin:0; padding:0 2%; z-index:50; position:relative; top:0; left:0;}
.informacion h1 {widht:auto; height:auto; font-family: "Lora", serif; font-weight:400; padding:0; color:#393431; background:#8A857F;  position:relative; top:0; left:0; text-align:center;}
.flechas a {width:auto; height:auto; color:#393431; font-family: "Lora", serif; font-weight:600; font-size:2rem;}

.disponibilidad {width:100%; height:auto; margin:0 0 2rem 0; padding:0; display:flex; flex-direction:column; justify-content:flex-start;}
.disponibilidad p {width:94%; height:auto; font-family: "Lora", serif; font-size:1.2rem; font-weight:400; color:#7F7A74; margin:0 3%; padding:0;} 
.disponibilidad p:nth-child(2) {margin:10% 3% 4% 3%;}
 


.calendario {width:100%; height:auto; margin:0; padding:0;}
.tabla {width:94%; height:auto; margin:4% 3%;}
.tabla th, .tabla td { padding: 0.5rem 0.2rem; min-height:38px; font-size:0.95rem; }
.days {width:70%; height:min-content; display:flex; flex-direction:row; justify-content:space-between; margin:0 0 4% 3%; padding:0;}
.days div {width:auto; height:auto; margin:0 0 1rem 0; padding:0; display:flex; justify-content:flex-start; align-items:center; }

.days p {width:auto; height:auto; font-family: "Lora", serif; font-size:1.2rem; font-weight:400; color:#7F7A74; margin:0; padding:0;}
.days span {width:15px; height:15px;  border-radius:50%; border:2px solid white; margin:0 0 0 0.5rem; padding:0;}

.formulario {width:94%; height:auto; display:flex; flex-direction:column; justify-content:space-between; margin:0 0 3rem 0; padding:0 3% !important;}
.formulario p {width:100% !important; height:auto; font-family: "Lora", serif; font-size: 1.2rem; letter-spacing:0.5rem; font-weight:500; color:#9F9A94; border-bottom:1px solid #9F9A94; padding:0 0 1rem 0; margin:0 0 2rem 0;  text-transform:uppercase;}

.datos-contacto {width:100%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:flex-start;}
.datos-evento {width:100%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:flex-start;}



.f-contacto {width:100%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:flex-start;}
.f-correo {width:100%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:space-between;}

.form-control, .custom-select {width:auto; height:auto; margin:0 0 1rem 0; padding:1rem; font-family: "Poppins", sans-serif; font-size:0.9rem; color:#7F7A74; background:#CFCFCE; border:none; text-transform:uppercase;}
.form-control2, .form-control3 {width:auto; height:auto; margin:0 0 1rem 0; padding:1rem; font-family: "Poppins", sans-serif; font-size:0.9rem; color:#7F7A74; background:#CFCFCE; border:none; text-transform:uppercase;}
.custom-select {width:auto; height:60px; display:flex; justify-content: flex-start; margin:0 0 1rem 0;  padding:1rem; font-family: "Poppins", sans-serif; font-size:0.9rem; color:#7F7A74; background:#CFCFCE; border-radius:0; border:none; text-transform:uppercase; }
.form-control3 {width:100%;}
h7 {width:auto; height:auto; font-family: "Lora", serif; font-size:1rem; font-weight:400; color:#7F7A74; margin:0 0 2rem 0; padding:0; border:none; text-transform:none; letter-spacing:normal;}

.fecha-hora {width:91%; height:auto !important; display:flex; flex-direction:column; justify-content: center; align-items:center; margin:0 5%; padding:0;  text-transform:uppercase; overflow:visible !important; gap:1rem;}

.fecha, .hora {width:100%;  margin:0; padding:0; background:#CFCFCE; display:flex; justify-content:center; align-items:center;}
.fecha {width:100%; padding:0 1rem;}
label {display: block; margin:0 !important; padding:0; font-family: "Poppins", sans-serif;  color:#7F7A74; font-size:0.9rem; text-wrap:nowrap;}
input[type="date"] { width:auto; min-height:content; padding:0; border:none; font-family: "Poppins", sans-serif; font-size:0.9rem; color:#7F7A74; background:transparent; }
input[type="time"] { width:auto; min-height:content; padding:0; border:none; font-family: "Poppins", sans-serif; font-size:0.9rem; color:#7F7A74; background:transparent; }

input[type="datetime-local"] { width:100%; min-height:content; padding:0; border:none; font-family: "Poppins", sans-serif; font-size:0.9rem; color:#7F7A74; background:transparent !important; display:block;}

.fecha input[type="date"] {display: block; width: 100%; min-height:28px; font-size: 0.9rem; /* iOS critical */ opacity: 1; visibility: visible; padding:1rem; valign:center; text-align:center; margin:0 !important;}

.textarea {width:auto; height:auto; border:none; padding:1rem; margin:0 0 1rem 0; background:#CFCFCE; font-family: "Poppins", sans-serif; font-size:0.9rem; color:#242424;   text-transform:uppercase;}

.boton {width:100%; height:auto; margin:0; padding:0; display:flex; justify-content:flex-end;}
.contact-form-btn {width:30%; height:auto; font-size: clamp(1rem, 0.7143rem + 0.4464vw, 1.25rem); font-weight:500; color:#7F7A74; border: 2px solid #7F7A74; background:transparent;  margin:0 0 2rem 0; padding:1rem 1rem; text-align:center; text-decoration:none; text-transform:uppercase; cursor:pointer;}
.contact-form-btn:hover {background:#7F7A74; color:white !important; box-shadow: 0px 0px 50px 1px rgba(255,255,255,0.3);}

input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {outline:none; border-color:#67625E; border-radius:0; box-shadow:0 0 5px #67625E;}

.pad {width:auto; height:auto; display:flex; justify-content:center; align-items:center; margin:0; padding:1rem !important;}

.cotizado {background:#D8A467;}
.reservado {background:#DD696B;}

.politicas {width:94%; height:auto; margin:0 3%; padding:0; display:flex; flex-direction:column; justify-content:flex-start;}

h8 {width:100%; height:auto; font-family: "Lora", serif; font-size: 1.2rem; font-weight:500; line-height:2rem; color:#67625E; border-top:1px solid #67625E; letter-spacing:0.5rem; margin:0; padding:1rem 0; text-align:center; text-transform:uppercase;}

.politicas ul {width:100%; height:auto; margin:1rem 0; padding:0; column-count:1; gap:0;}

.politicas li {width:auto; height:auto;  font-family: "Lora", serif; font-size: 1rem; font-weight:400; color:#67625E; margin:0 0 1rem 0; padding:0; list-style-position:inside;}

.contacto {width:94%; height:auto;  display:flex; flex-direction:column-reverse; justify-content:space-between; margin:0; padding:0 3%; position:absolute; left:0; top:150px;}

.data {width:100%; height:auto; display:flex; flex-direction:column; justify-content:space-between; margin:0; padding:0; }
.direccion, .ligas, .redesc {width:auto; height:auto; margin:0 0 1rem 0; padding:0;}

.data p, .data a {width:auto; height:auto; font-family: "Lora", serif; font-size: clamp(1rem, 0.4286rem + 0.8929vw, 1.5rem);  color:#67625E; font-weight:400; margin:0 0 0.5rem 0; padding:0; text-decoration:none;}
.italica {font-style:italic; text-decoration:underline !important;}


.ligas, .redesc {width:auto; height:auto; margin:0 0 1rem 0; padding:0; display:flex; flex-direction: column; justify-content:flex-start;}
.redesc {align-items:end;}
.redesc img {width:30px; height:30px; margin:0; padding:0;}

.foto {width:100%; height:auto; margin:2rem 0; padding:0;}
.foto img {width:100%; height:auto; margin:0; padding:0;}


footer {width:94%; height:auto; background: #B9B6B1; display:flex; flex-direction:row; justify-content:space-between; margin:0; padding:3% 3%;}
footer a {width:auto; height:auto; font-family: "Lora", serif; font-size:0.9rem; font-style:italic; color: #67625E; text-decoration:none; text-decoration:underline; }
.address {width:58%; height:100%; margin:0; padding:0; display:flex; flex-direction:column; justify-content:start;}
.address p {width:auto; height:auto; margin:0 0 0.5rem 0; padding:0; font-size:0.9rem; }
.datos {width:42%; height:auto; margin:0; padding:0; display:flex; flex-direction:column; justify-content:start;}
.datos a {margin:0 0 0.5rem 0; font-size:0.9rem;}

.otro {width:auto; height:auto; font-family: "Poppins", sans-serif; font-size:0.9rem; font-weight:300; font-style:normal; color: #67625E; text-decoration:none; text-transform:uppercase;}

.f-links, .f-redes {display:none;}




}

@media only screen and (orientation:landscape) and (max-width:992px){.aviso {display:block !important; width:100%; height:100% !important;} .wrapper {display:none;}}