/* Deberíanesconocer - Custom styles */
/* BEM prefix: deber- */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

:root {
  --deber-color-bg: #faf8f5;
  --deber-color-cream: #f5f0e8;
  --deber-color-accent: #c45c26;
  --deber-color-accent-hover: #a84d20;
  --deber-color-text: #2d2a26;
  --deber-color-text-muted: #5c5854;
  --deber-font-heading: 'Playfair Display', Georgia, serif;
  --deber-font-body: 'DM Sans', system-ui, sans-serif;
}

.deber-header {
  font-family: var(--deber-font-body);
}

.deber-header__logo {
  font-family: var(--deber-font-heading);
}

.deber-hero__title {
  font-family: var(--deber-font-heading);
}

.deber-section__title {
  font-family: var(--deber-font-heading);
}

/* Popup hidden state - no flash before JS */
.deber-popup--hidden {
  display: none !important;
}

/* Burger menu - open state */
.deber-burger__menu {
  pointer-events: none;
  opacity: 0;
}
.deber-burger__menu--open {
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.deber-burger__menu--open .deber-burger__overlay {
  pointer-events: auto;
}

/* Popups - hidden by default to avoid flicker */
.deber-popup--hidden {
  display: none !important;
}

/* Burger menu - transition */
.deber-burger__menu {
  transition: opacity 0.3s ease;
}

/* Form validation */
.deber-form__input--error {
  border-color: var(--deber-color-accent) !important;
  outline: 2px solid rgba(196, 92, 38, 0.3);
}