body {
 background: #FBF7FF;

}

.main-header {
  background-color: #FBF7FF;

}
.main-footer__bottom {
  background-color: #FBF7FF;
  padding: 0;
 color: #000
}

.main-footer__top {
  background-color: #FBF7FF;
  padding: 0;
 color: #000
}


/* Helvetica-like (sans) + Cambria-like (serif) — mínimo y efectivo */

/* Sans + Serif abiertos (fallbacks) */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap");

/* 1) Base: Helvetica-like para texto/UI */
body, button, input, select, optgroup, textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, "Inter", system-ui, sans-serif !important;
}

/* 2) “Títulos” en Cambria-like (Source Serif 4) */
h1, h2, h3, h4,
legend,
.title,
.page-title,
.resource-title,
.banner__heading {
  font-family: Cambria, "Source Serif 4", Georgia, serif !important;
  color: #2596be !important;
}

/* 3) Mantener subtítulos menores en sans (opcional; quita si no lo quieres) */
h5, h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, "Inter", system-ui, sans-serif !important;
}

/* SELECT: cajita (fondo + borde) en todo el sitio */
select,
.browse-controls select,
#advanced-search select,
.faceted-browse-page select,
.block-facetedBrowsePreview select,
fieldset.facet select {
  background-color: #f2eef7 !important; /* gris-lila claro (ajústalo) */
  border-color: #6f6a7a !important;     /* gris morado */
  color: inherit;                       /* no tocamos el texto */
}

/* Hover */
select:hover,
.browse-controls select:hover,
#advanced-search select:hover,
.faceted-browse-page select:hover,
.block-facetedBrowsePreview select:hover,
fieldset.facet select:hover {
  background-color: #ede7f3 !important;
  border-color: #5e586b !important;
}

/* Focus (cuando clicas) */
select:focus,
.browse-controls select:focus,
#advanced-search select:focus,
.faceted-browse-page select:focus,
.block-facetedBrowsePreview select:focus,
fieldset.facet select:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(177, 59, 255, 0.20) !important; /* tu morado #B13BFF en “halo” */
  border-color: #B13BFF !important;
}