@charset "utf-8";

.titulo-renacentista {
  background-color: #f4eddb; /* pergamino claro */
  color: #463726; /* tinta sepia */
  padding: 18px 30px;
  text-align: center;

  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-size: 2.2rem;
  letter-spacing: 0.8px;

  /* Textura de pergamino */
  background-image:
    url('https://www.transparenttextures.com/patterns/paper.png'),
    linear-gradient(180deg, rgba(255,255,240,0.6) 0%, rgba(180,150,90,0.25) 100%);
  background-size: 700px 700px;
  background-repeat: repeat;
  background-position: center;

  border: 2px solid #b89a6d; /* oro viejo tenue */
  border-radius: 6px;

  /* Sombras suaves alrededor */
  box-shadow:
    0 0 12px rgba(0, 0, 0, 0.25),
    inset 0 0 8px rgba(120, 90, 50, 0.25);

  text-shadow: 0.6px 0.6px 0 rgba(70, 50, 30, 0.35);

  position: relative;
  overflow: hidden;
}

/* --- sello Alef grabado a fuego --- */
.titulo-renacentista::after {
  content: "א";
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 2.9rem;
  font-family: 'Times New Roman', serif;

  /* degradado de quemado: del naranja cálido al negro profundo */
  background: radial-gradient(circle at 50% 50%,
    rgba(255, 180, 60, 0.3) 0%,    /* centro con calor */
    rgba(120, 60, 20, 0.7) 35%,    /* borde carbonizado */
    rgba(50, 30, 10, 0.9) 80%,     /* negruzco */
    rgba(20, 10, 5, 1) 100%);      /* quemado intenso */

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* halo de calor y sombra */
  text-shadow:
    0 0 8px rgba(255, 180, 60, 0.25), /* brillo cálido */
    0 0 14px rgba(150, 80, 20, 0.25), /* resplandor leve */
    1px 1px 3px rgba(0, 0, 0, 0.8);   /* hundimiento */

  opacity: 0.95;
  mix-blend-mode: multiply;
  transform: rotate(-5deg);
  filter: contrast(1.3) brightness(0.9) sepia(0.4);
  pointer-events: none;
}

/* --- relieve negativo con sombras internas y quemadura difusa --- */
.titulo-renacentista::before {
  content: "א";
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 2.9rem;
  color: transparent;

  text-shadow:
    -1px -1px 3px rgba(0, 0, 0, 0.8),   /* profundidad */
    1px 1px 4px rgba(255, 180, 60, 0.15), /* calor residual */
    0 0 12px rgba(80, 40, 10, 0.4);       /* difuminado */

  opacity: 0.8;
  mix-blend-mode: overlay;
  transform: rotate(-5deg);
  pointer-events: none;
}