@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');
:root {
  --negro:#0b0b0b;
  --negro-suave:#253d3d;
  --dorado:#c9a646;
  --dorado-suave:#e0c97a;
  --texto:#f5f5f5;
  --gris:#bfbfbf;
}

/* Reset */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:var(--negro);color:var(--texto);line-height:1.6}
.container{width:90%;max-width:1200px;margin:auto}

.nav__brand img {
  vertical-align: middle;

.calendar {
  background: #111;
  border: 1px solid var(--dorado);
  border-radius: 12px;
  padding: 1rem;
  max-width: 320px;
  margin-top: 1rem;
  color: var(--texto);
}

.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
}

.calendar-header button {
  background: var(--dorado);
  border: none;
  padding: .3rem .6rem;
  border-radius: 6px;
  cursor: pointer;
  color: #000;
  font-weight: 600;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: .3rem;
  text-align: center;
}

.calendar-day {
  padding: .6rem 0;
  border-radius: 6px;
  cursor: pointer;
}

.calendar-day.valid {
  background: #222;
  border: 1px solid var(--dorado);
}

.calendar-day.valid:hover {
  background: var(--dorado);
  color: #000;
}

.calendar-day.invalid {
  background: #333;
  color: #777;
  cursor: not-allowed;
}
  
}

#arma-tu-evento h2 {
  color: var(--dorado);
  text-align: center;
}

.event-selector {
  margin: 2rem 0;
  text-align: center;
}

.event-selector select {
  padding: 0.8rem;
  font-size: 1rem;
  border-radius: 8px;
  border: 1px solid var(--dorado);
  background: #111;
  color: var(--texto);
}

#formularioEvento {
  margin-top: 2rem;
  background: #111;
  padding: 2rem;
  border-radius: 12px;
  border: 1px solid rgba(201,166,70,0.4);
}

#agendaWrapper {
  transition: all .3s ease;
}
#agendaWrapper input[type="date"] {
  background: #111;
  border: 1px solid var(--dorado);
  color: var(--texto);
  padding: 1rem;
  border-radius: 10px;
}

/* Hero */
.hero{position:relative;min-height:100vh;background:url("img/img01.png") center/cover no-repeat fixed;display:flex;align-items:center;justify-content:center;text-align:center}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}
.hero__content{position:relative;z-index:1}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,4.5rem);color:var(--dorado)}
.hero p{font-size:1.3rem;margin:1rem 0;color:var(--gris)}
.btn{display:inline-block;padding:.9rem 1.6rem;border-radius:30px;text-decoration:none;font-weight:600;transition:.3s ease}
.btn-primary{background:var(--dorado);color:var(--negro)}
.btn-primary:hover{background:var(--dorado-suave)}
.btn-outline{border:1px solid var(--dorado);color:var(--dorado);padding:.7rem 1.2rem;border-radius:30px;text-decoration:none;transition:.3s ease}
.btn-outline:hover{background:var(--dorado);color:var(--negro)}

/* Navegación */
.nav{position:sticky;top:0;background:rgba(0,0,0,.85);backdrop-filter:blur(6px);z-index:100}
.nav__inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
.nav__brand{font-family:'Playfair Display',serif;font-size:1.6rem;color:var(--dorado);text-decoration:none}
.nav__links{list-style:none;display:flex;gap:1.5rem}
.nav__links a{color:var(--texto);text-decoration:none;font-weight:500}
.nav__links a:hover{color:var(--dorado)}

/* Hamburguesa */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}
.hamburger span{width:25px;height:3px;background:var(--dorado);transition:.3s}
.hamburger.is-active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.is-active span:nth-child(2){opacity:0}
.hamburger.is-active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
@media(max-width:768px){
  .hamburger{display:flex}
  .nav__links{display:none;flex-direction:column;background:rgba(0,0,0,.95);position:absolute;top:60px;right:0;width:220px;padding:1rem;border-left:1px solid var(--dorado)}
  .nav__links--active{display:flex}
}

/* Secciones */
.section{padding:5rem 0}
.section h2{font-family:'Playfair Display',serif;font-size:2.4rem;color:var(--dorado);margin-bottom:1.5rem}
.section--light{background:var(--negro-suave)}
.section--dark{background:var(--negro)}

/* Parallax con overlay */
.parallax {
  position: relative;
  background: url("img/imgparallax.jpg") center/cover no-repeat fixed;
  color: var(--texto);
}
.parallax__overlay {
  background: rgba(0,0,0,0.65); /* oscurece el fondo */
  padding: 6rem 2rem;
}

/* Texto con sombra para mayor contraste */
.parallax h2, .parallax p {
  text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}

/* Grid y tarjeta CEO */
.grid-2 {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 2rem;
  align-items: center;
}
@media (max-width: 900px) {
  .grid-2 { grid-template-columns: 1fr; text-align: center; }
}

.ceo-card {
  text-align: center;
}
.ceo-card img {
  width: 100%;
  max-width: 320px;
  border-radius: 12px;
  border: 2px solid var(--dorado);
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
.ceo-card figcaption {
  margin-top: 0.75rem;
  font-weight: 500;
  color: var(--dorado-suave);
  font-size: 1rem;
}

.ceo-card {
  text-align: center;
}

/* Servicios */
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
.service{background:#111;border:1px solid rgba(201,166,70,.4);border-radius:12px;padding:1.5rem;transition:.3s ease}
.service:hover{transform:translateY(-5px)}
.service h3{font-family:'Playfair Display',serif;color:var(--dorado);margin-bottom:.5rem}
.service p{color:var(--gris)}

/* Galería slider */
.slider-wrapper{position:relative}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--dorado);border:none;padding:.5rem 1rem;cursor:pointer;border-radius:50%;font-size:1.5rem;color:var(--negro);transition:.3s}
.slider-btn:hover{background:var(--dorado-suave)}
.slider-btn.prev{left:10px}
.slider-btn.next{right:10px}
.gallery{display:flex;overflow:hidden}
.gallery__item{min-width:100%;transition:opacity .8s ease}
.gallery__item img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid rgba(201,166,70,.4)}

/* Contacto */
#contacto .container{max-width:900px}
.form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}
.form__group label{font-weight:500;margin-bottom:.3rem}
.form__group input,.form__group textarea{padding:1rem;border-radius:10px;border:1px solid rgba(201,166,70,.4);background:#111;color:var(--texto);font-size:1rem}
.form__group input:focus,.form__group textarea:focus{outline:none;border-color:var(--dorado);box-shadow:0 0 0 3px rgba(201,166,70,.3)}
button[type="submit"]{background:var(--dorado);color:var(--negro);font-weight:600;border:none;border-radius:30px;padding:1rem 1.8rem;cursor:pointer;transition:.3s;font-size:1rem}
button[type="submit"]:hover{background:var(--dorado-suave)}
.contact-info{margin-top:2rem;text-align:center}
.contact-info p{margin:.5rem 0;color:var(--gris)}

/* Footer */
.footer{background:#111;border-top:1px solid rgba(201,166,70,.4);text-align:center;padding:1.5rem 0;color:var(--gris)}
.footer a{color:var(--dorado);text-decoration:none;margin:0 .5rem}
.footer a:hover{text-decoration:underline}

/* WhatsApp flotante */
.whatsapp{position:fixed;right:20px;bottom:20px;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(0,0,0,.4);transition:.3s}
.whatsapp:hover{transform:scale(1.1)}
.whatsapp svg{width:30px;height:30px;fill:#fff}