<style>
  /* === 1. FUENTES DE GOOGLE === */
  @import url('https://fonts.googleapis.com/css2?family=Kodchasan:wght@700&family=Montserrat:wght@400;600&display=swap');

  /* === 2. VARIABLES DE MARCA === */
  :root {
    --magenta: #E63E8F;
    --turquesa: #5CC6D0;
    --marfil: #FFF6E0;
    --gris-texto: #444444;
  }

  /* === 3. APLICAR FUENTES Y COLORES GLOBALES === */
  body,
  body * {
    font-family: 'Montserrat', sans-serif !important;
    color: var(--gris-texto) !important;
  }

  /* === 4. TÍTULOS: Aplicar Kodchasan solo a h1, h2, h3 === */
  h1,
  h2,
  h3,
  .wsite-content-title,
  .wsite-section-title {
    font-family: 'Kodchasan', sans-serif !important;
    color: var(--magenta) !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
  }

  /* === 5. ENLACES: Usar magenta y efecto suave === */
  a {
    color: var(--magenta) !important;
    transition: color 0.3s ease !important;
  }

  a:hover {
    color: #d0307f !important;
    text-decoration: underline !important;
  }

  /* === 6. FONDO DE PÁGINA EN MARFIL (suave, cálido) === */
  body {
    background-color: var(--marfil) !important;
  }

  /* === 7. SECCIONES INTERNAS (ajuste de márgenes para no romper diseño) === */
  .wsite-elements {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 15px 20px !important;
  }

  /* === 8. TEXTO CON ÉNFASIS (como "todas todas") === */
  em,
  i,
  strong,
  b {
    color: var(--turquesa) !important;
    font-style: normal !important;
  }

  /* === 9. BLOQUES DE TEXTO DESTACADOS === */
  p {
    line-height: 1.7 !important;
    margin-bottom: 1em !important;
  }

  /* === 10. NOVEDADES - Estilo de fechas y entradas === */
  .wsite-blog-post h2 a {
    color: var(--magenta) !important;
  }

  .wsite-blog-post .wsite-blog-entry-date {
    color: var(--turquesa) !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
  }
</style>