/* PLANTILLA "DORADA" · rosa polvo + dorado + blanco
   Fuentes: Great Vibes, Cormorant Garamond, Montserrat */
:root {
  --fondo: #fbf6f1;
  --fondo-escritorio: #f1e6dd;
  --superficie: #fffdfb;
  --texto: #4a3a35;
  --titulo: #4a3a35;
  --suave: #9a857c;
  --acento: #b8925a;
  --acento2: #e9c8c0;
  --sobre-acento: #fff;
  --linea: rgba(184, 146, 90, .22);
  --f-titulo: "Cormorant Garamond", Georgia, serif;
  --f-script: "Great Vibes", cursive;
  --f-texto: "Montserrat", system-ui, sans-serif;
  --sombra: 0 14px 34px -18px rgba(120, 80, 50, .35);
  --intro-fondo: radial-gradient(circle at 50% 40%, #fff 0%, #f7e8e1 60%, #efd9cf 100%);
}
body { font-size: 15px; }

/* Portada con foto en arco */
.hero { color: var(--texto); justify-content: center; gap: 28px; padding: 56px 24px 96px;
  background: radial-gradient(120% 70% at 50% 0%, #f6e1d9 0%, var(--fondo) 70%); }
.hero-foto { position: relative; inset: auto; z-index: 1; width: min(74vw, 320px); aspect-ratio: 3 / 4.1;
  border-radius: 999px 999px 20px 20px; overflow: hidden; outline: 1.5px solid var(--acento); outline-offset: 9px; box-shadow: var(--sombra); }
.hero-foto::after { display: none; }
.hero-texto { padding: 0; position: relative; z-index: 1; }
.hero-tipo { color: var(--acento); font-weight: 600; letter-spacing: .4em; }
.hero-nombre { color: var(--texto); font-size: clamp(4rem, 20vw, 6.2rem); margin-top: -.05em; }
.hero-fecha { color: var(--suave); font-weight: 600; }
.hero-bajar { color: var(--acento); }

/* Brillos dorados */
.hero-deco i { width: 14px; height: 14px; background: var(--acento);
  clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
  animation: brillo 3s ease-in-out infinite; }
.hero-deco i:nth-child(1) { top: 12%; left: 12%; }
.hero-deco i:nth-child(2) { top: 30%; right: 10%; width: 10px; height: 10px; animation-delay: 1s; }
.hero-deco i:nth-child(3) { top: 55%; left: 8%; width: 8px; height: 8px; animation-delay: 2s; }
@keyframes brillo { 0%, 100% { opacity: .25; transform: scale(.7) rotate(0); } 50% { opacity: 1; transform: scale(1) rotate(45deg); } }

/* Separador con rombo dorado */
.sec + .sec::before { width: 160px; height: 14px; opacity: 1; background:
  linear-gradient(var(--acento), var(--acento)) left center / 64px 1px no-repeat,
  linear-gradient(var(--acento), var(--acento)) right center / 64px 1px no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 0l7 7-7 7-7-7z' fill='%23b8925a'/%3E%3C/svg%3E") center / 11px 11px no-repeat; }
.sec-titulo { font-weight: 500; font-style: italic; }
.frase { font-size: 1.45rem; }
.cuenta-item { border-radius: 16px; outline: 1px solid var(--linea); outline-offset: -5px; }
.info { border-radius: 22px; outline: 1px solid var(--linea); outline-offset: -8px; padding: 32px 22px; }
.galeria-item:first-child { border-radius: 999px 999px 12px 12px; }
.intro-sello { background: linear-gradient(145deg, #d6b47c, #a57d43); font-size: 72px; }
.cierre-nombre { font-size: 4rem; }
