@charset "utf-8";
.titulo-marmol-celeste-medio {
background-color: #4a2b17; /* base nogal viejo */
  color: #f8f3e7; /* marfil antiguo */
  padding: 14px 22px;
  border-radius: 10px;
  text-align: center;
  font-size: 1.7rem;
  font-family: 'Georgia', serif;
  letter-spacing: 1.1px;
  box-shadow:
    inset 1px 1px 0 #6e4933,
    inset -1px -1px 0 #2a160c,
    4px 4px 10px rgba(0,0,0,0.35);
  background-image:
    url('https://www.transparenttextures.com/patterns/wood-pattern.png'),
    linear-gradient(180deg, rgba(255,255,255,0.07) 0%, rgba(0,0,0,0.3) 100%);
  background-blend-mode: overlay;
  background-size: 250px auto;
  background-repeat: repeat;
  background-position: center;
  border: 1px solid rgba(0,0,0,0.4);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  filter: saturate(80%) sepia(20%);
  position: relative;
  overflow: hidden;
}

/* --- sello Φ grabado en relieve negativo --- */
.titulo-marmol-celeste-medio::after {
  content: "Φ";                            /* símbolo del sello */
  position: absolute;
  bottom: 10px;
  right: 18px;
  font-size: 3.2rem;
  color: rgba(0, 0, 0, 0.45);              /* tono más oscuro para el grabado */
  text-shadow:
    inset 1px 1px 2px rgba(255,255,255,0.2),
    2px 2px 4px rgba(0,0,0,0.9);
  mix-blend-mode: multiply;
  opacity: 0.7;
  transform: rotate(-10deg);
  filter: brightness(0.8) contrast(1.2);
  pointer-events: none;
}

/* --- pseudoefecto de hundimiento real --- */
.titulo-marmol-celeste-medio::before {
  content: "Φ";
  position: absolute;
  bottom: 10px;
  right: 18px;
  font-size: 3.2rem;
  color: transparent;
  text-shadow:
    1px 1px 2px rgba(255,255,255,0.3),
    -1px -1px 2px rgba(0,0,0,0.7);
  opacity: 0.5;
  mix-blend-mode: overlay;
  transform: rotate(-10deg);
  pointer-events: none;
}
