@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&family=Playfair+Display:wght@700&display=swap");

:root {
  
  --color-bg: #ffffff; 
  --color-text: #000000; 
  --color-accent: #0044cc; 
  --color-gray: #f4f4f4;

  --font-title: "Playfair Display", serif;
  --font-body: "Montserrat", sans-serif;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased; 
}


h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand {
  font-family: var(--font-title);
  font-weight: 700;
  letter-spacing: -0.5px;
}


.btn-primary {
  background-color: var(--color-text); 
  border: 2px solid var(--color-text);
  color: #fff;
  padding: 12px 30px;
  border-radius: 0; 
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background-color: var(--color-accent); 
  border-color: var(--color-accent);
}


.navbar {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.95); 
  backdrop-filter: blur(10px); 
  border-bottom: 1px solid #eee;
}

.nav-link {
  color: var(--color-text) !important;
  font-size: 14px;
  font-weight: 500;
  margin-left: 20px;
}

.nav-link.active {
  text-decoration: underline;
  text-underline-offset: 5px;
}



.carrusel-imagen-premium {
    width: 100%;
    height: 100%;
    object-fit: contain !important; 
    background-color: #0a0a0a; 
    padding: 20px;
}

.galeria-imagen-premium {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    background-color: #fdfdfd; 
    padding: 15px; 
    transition: transform 0.4s ease; 
}


.card-hover:hover .galeria-imagen-premium {
    transform: scale(1.03);
}