/* 262media brand overrides for consolacaobeach (no SCSS build available) *//* =========================================================
  
   Primary (azul):   #213072
   Warning (dourado):#b58436
   Background:       #ffffff
   ========================================================= */

/* ---------- CSS VARIABLES  ---------- */
:root {
  --bs-primary: #213072;
  --bs-primary-rgb: 33, 48, 114;

  --bs-warning: #b58436;
  --bs-warning-rgb: 181, 132, 54;

  --bs-body-bg: #ffffff;
  --bs-body-color: #1b1f23;

  --bs-link-color: #213072;
  --bs-link-hover-color: #182454;
}

/* ---------- BODY / GLOBAL ---------- */
body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

/* ---------- BUTTONS ---------- */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #182454;
  border-color: #182454;
}

.btn-warning {
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
  color: #1b1f23;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #9e712d;
  border-color: #9e712d;
  color: #1b1f23;
}

/* Soft buttons  */
.btn-primary-soft,
.bg-primary-soft {
  background-color: rgba(33, 48, 114, 0.12);
  color: var(--bs-primary);
}

.btn-warning-soft,
.bg-warning-soft {
  background-color: rgba(181, 132, 54, 0.18);
  color: #7a5b1e;
}

/* ---------- TEXT / BACKGROUND HELPERS ---------- */
.text-primary { color: var(--bs-primary) !important; }
.text-warning { color: var(--bs-warning) !important; }

.bg-primary { background-color: var(--bs-primary) !important; }
.bg-warning { background-color: var(--bs-warning) !important; }

/* ---------- BORDERS ---------- */
.border-primary { border-color: rgba(33, 48, 114, 0.4) !important; }
.border-warning { border-color: rgba(181, 132, 54, 0.45) !important; }

/* ---------- PAGINATION ---------- */
.page-link {
  color: var(--bs-primary);
}
.page-link:hover {
  color: #182454;
}
.page-item.active .page-link {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

/* ---------- ALERTS / BADGES ---------- */
.alert-primary {
  background-color: rgba(33, 48, 114, 0.1);
  border-color: rgba(33, 48, 114, 0.25);
  color: #182454;
}

.alert-warning {
  background-color: rgba(181, 132, 54, 0.15);
  border-color: rgba(181, 132, 54, 0.35);
  color: #7a5b1e;
}

.badge.bg-primary { background-color: var(--bs-primary) !important; }
.badge.bg-warning { background-color: var(--bs-warning) !important; }

/* =========================================================
   FLICKITY OVERRIDES
   ========================================================= */

/* Base buttons */
.flickity-button {
  background: rgba(33, 48, 114, 0.85);
  color: #fff;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.flickity-button:hover {
  background: #182454;
  color: #fff;
  /*transform: scale(1.05);
          transform: translate(-50%, -50%);*/}

.flickity-button:disabled {
  background: rgba(33, 48, 114, 0.3);
}

/* White-style buttons (se usados) */
.flickity-button-white {
  background: #fff;
  color: var(--bs-primary);
}

.flickity-button-white:hover {
  background: #f0f2f8;
  color: #182454;
}

/* Icons (SVG arrows) */
.flickity-button-icon {
  fill: currentColor;
}

/* Page dots */
.flickity-page-dots .dot {
  background: rgba(33, 48, 114, 0.35);
}

.flickity-page-dots .dot.is-selected {
  background: var(--bs-warning);
}