/* =====================================================================
   LA LEONA · ESTILOS DE LA DESCRIPCIÓN DE PRODUCTOS  (.rich-text)
   ---------------------------------------------------------------------
   ▸ Estos estilos aplican SOLO al contenido de la descripción de cada
     producto (títulos, subtítulos, párrafos, listas, negritas, etc.).
   ▸ Se usan en DOS lugares con el mismo resultado:
        · el menú público  (index.php)
        · el editor del panel de administración (productos.php)
   ▸ Para cambiar cómo se ve la descripción, edita SOLO este archivo.
     Los colores principales están como variables aquí abajo 👇
   ===================================================================== */

.rich-text {
  /* —— Colores y tamaños (edítalos aquí) —— */
  --rt-texto:      #dcc7a8;   /* texto normal */
  --rt-titulo:     #eec671;   /* <h3> Título */
  --rt-subtitulo:  #d9a441;   /* <h4> Subtítulo */
  --rt-acento:     #d9a441;   /* viñetas, números y enlaces */
  --rt-negrita:    #f3e6d2;   /* texto en <b>/<strong> */
  --rt-fuente-texto:  'Poppins', system-ui, sans-serif;
  --rt-fuente-titulo: 'Cormorant Garamond', Georgia, serif;

  color: var(--rt-texto);
  font-family: var(--rt-fuente-texto);
  font-weight: 300;
  font-size: .92rem;
  line-height: 1.6;
}

/* Sin margen extra arriba/abajo del bloque completo */
.rich-text > :first-child { margin-top: 0; }
.rich-text > :last-child  { margin-bottom: 0; }

/* —— Título —— */
.rich-text h3 {
  font-family: var(--rt-fuente-titulo);
  font-style: italic;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.2;
  color: var(--rt-titulo);
  margin: .9rem 0 .35rem;
}

/* —— Subtítulo —— */
.rich-text h4 {
  font-family: var(--rt-fuente-texto);
  font-weight: 600;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--rt-subtitulo);
  margin: .8rem 0 .3rem;
}

/* —— Párrafo —— */
.rich-text p { margin: 0 0 .6rem; }

/* —— Listas —— */
.rich-text ul,
.rich-text ol {
  margin: .4rem 0 .7rem;
  padding-left: 1.3rem;
}
.rich-text li { margin: .18rem 0; padding-left: .15rem; }
.rich-text li::marker { color: var(--rt-acento); font-weight: 600; }
.rich-text ul { list-style: disc; }
.rich-text ol { list-style: decimal; }

/* —— Énfasis —— */
.rich-text b,
.rich-text strong { font-weight: 600; color: var(--rt-negrita); font-style: italic; font-family: var(--serif) !important; color: var(--gold-light);font-size: clamp(1.05rem, 2.2vw, 1.4rem);}
.rich-text i,
.rich-text em { font-style: italic; }

/* —— Enlaces —— */
.rich-text a {
  color: var(--rt-acento);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color .2s ease;
}
.rich-text a:hover { color: var(--rt-titulo); }