/* Procedencia ART — Master Styles Override */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Inter:wght@400;500;600&display=swap');

/* ====== CSS VARIABLES OVERRIDE (Kadence Global Palette) ====== */
:root {
  --global-palette-btn-bg: #1A1A1A !important;
  --global-palette-btn: #F5F0E8 !important;
  --global-palette-btn-hover: #2A2A2A !important;
  --global-palette-btn-hover-text: #F5F0E8 !important;
}

/* Override para botones secundarios/outline */
.wp-block-button.is-style-outline {
  --global-palette-btn-bg: #C9A84C !important;
  --global-palette-btn: #1A1A1A !important;
}

.wp-block-button.is-style-outline:hover {
  --global-palette-btn-bg: #B8960C !important;
  --global-palette-btn: #FFFFFF !important;
}

/* ====== HEADINGS ====== */
h1, .wp-block-heading h1 { 
  font-family: 'Cormorant Garamond', serif !important; 
  font-size: clamp(2rem, 5vw, 3.5rem) !important; 
  font-weight: 300 !important; 
  letter-spacing: 0.08em !important; 
  color: #1A1A1A !important; 
}

h2, .wp-block-heading h2 { 
  font-family: 'Cormorant Garamond', serif !important; 
  font-size: clamp(1.5rem, 4vw, 2.5rem) !important; 
  font-weight: 300 !important; 
  letter-spacing: 0.06em !important; 
  color: #1A1A1A !important; 
  border-bottom: 2px solid #E8DDD0 !important; 
  padding-bottom: 0.75rem !important; 
}

h3, .wp-block-heading h3 { 
  font-family: 'Cormorant Garamond', serif !important; 
  font-size: clamp(1.25rem, 3.5vw, 1.75rem) !important; 
  font-weight: 400 !important; 
  color: #2A2A2A !important; 
}

h4, .wp-block-heading h4 { 
  font-family: 'Cormorant Garamond', serif !important; 
  font-size: clamp(1.1rem, 2.5vw, 1.4rem) !important; 
  font-weight: 400 !important; 
  color: #333333 !important; 
}

h5, .wp-block-heading h5 { 
  font-family: 'Cormorant Garamond', serif !important; 
  color: #C9A84C !important; 
  text-transform: uppercase !important; 
}

/* ====== PRIMARY BUTTONS (Default) - CHARCOAL ====== */
.wp-block-button .wp-block-button__link,
.wp-block-button__link,
.wp-element-button,
.button,
button,
a.button,
input[type="button"],
input[type="submit"],
[role="button"] {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  padding: 0.875rem 1.75rem !important;
  border: 2px solid #1A1A1A !important;
  background-color: #1A1A1A !important;
  color: #F5F0E8 !important;
  border-radius: 0 !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-align: center !important;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button__link:hover,
.wp-element-button:hover,
.button:hover,
button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #2A2A2A !important;
  border-color: #2A2A2A !important;
  box-shadow: 0 8px 24px rgba(26, 26, 26, 0.15) !important;
}

/* ====== OUTLINE/SECONDARY BUTTONS (Inactive) - GOLD ====== */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-secondary .wp-block-button__link,
button.secondary,
button:disabled,
button[disabled],
a.button.disabled,
.button.secondary {
  background-color: #C9A84C !important;
  color: #1A1A1A !important;
  border: 2px solid #B8960C !important;
  box-shadow: 0 4px 12px rgba(201, 168, 76, 0.15) !important;
  opacity: 1 !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-secondary .wp-block-button__link:hover,
button.secondary:hover,
button:disabled:hover,
a.button.disabled:hover,
.button.secondary:hover {
  background-color: #B8960C !important;
  color: #FFFFFF !important;
  border-color: #9B7A08 !important;
  box-shadow: 0 6px 18px rgba(201, 168, 76, 0.25) !important;
}

/* Mobile */
@media (max-width: 768px) {
  .wp-block-button .wp-block-button__link,
  .button,
  button {
    padding: 0.75rem 1.25rem !important;
    font-size: 0.9rem !important;
  }
}
