/* ===== Comfortaa (titulares) ===== */
@font-face{font-family:'Comfortaa';
  src:url('../fonts/Comfortaa/static/Comfortaa-Regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Comfortaa';
  src:url('../fonts/Comfortaa/static/Comfortaa-Bold.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap}

/* ===== Quicksand (cuerpo) ===== */
@font-face{font-family:'Quicksand';
  src:url('../fonts/Quicksand/static/Quicksand-Regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Quicksand';
  src:url('../fonts/Quicksand/static/Quicksand-Bold.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap}

/* Asignación */
:root{
  --font-body:'Quicksand', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-head:'Comfortaa', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --bs-font-sans-serif: var(--font-body);
}
html,body,.sp-pagebuilder,.article-details,.sppb-addon,.sp-module{
  font-family:var(--font-body) !important; font-weight:400;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-head) !important; font-weight:700;
}



/*===============================
  LINEAS PARA CATEGORIAS
  ==============================*/
.hr-general,.hr-guia,.hr-seo,.hr-herr{border:0;height:5px}
.hr-general{background-color:rgba(0,0,0,.4)}
.hr-guia{background-color:rgba(0,34,255,.4)}
.hr-seo{background-color:rgba(40,167,69,.4)}
.hr-herr{background-color:rgba(253,126,20,.4)}

/* ===== Quote destacado (base) ===== */
:root{
  --quote-accent: #fd7e14; /* color por defecto (herramientas) */
  --quote-bg: #f7f7f8;
}

.quote-destacada{
  position: relative;
  display: block;
  padding: 18px 24px 18px 64px;
  margin: 24px 0;
  background: var(--quote-bg);
  border: 1px solid rgba(0,0,0,.06);
  border-left: 6px solid var(--quote-accent);
  border-radius: 8px;
  font-style: italic;
  line-height: 1.6;
  color: #252525;
}

.quote-destacada::before{
  content: "“";
  position: absolute;
  left: 16px;
  top: -6px;
  font-size: 64px;
  line-height: 1;
  color: var(--quote-accent);
  opacity: .35;
  font-family: Georgia, "Times New Roman", serif;
}

.quote-destacada strong{ font-weight: 600; }
.quote-destacada em{ font-style: italic; }

.quote-destacada cite{
  display: block;
  margin-top: 8px;
  font-style: normal;
  font-weight: 500;
  color: #6a6a6a;
}

/* ===== Variantes por sección (si las usas) ===== */
.quote-herramientas{ --quote-accent:#fd7e14; }   /* naranja */
.quote-seo{           --quote-accent:#20c997; }   /* verde/teal */
.quote-guia{          --quote-accent:#0d6efd; }   /* azul */
.quote-general{       --quote-accent:#6c757d; }   /* gris */