/* PLANTILLA "JARDÍN" · verde salvia + rosa empolvado + crema
   Fuentes: Pinyon Script, Marcellus, Nunito Sans */
:root {
  --fondo: #f6f3ea;
  --fondo-escritorio: #e5e9dc;
  --superficie: #fffef9;
  --texto: #3d4a3c;
  --titulo: #4f6b4c;
  --suave: #7f8a78;
  --acento: #7d9471;
  --acento2: #e7c4bf;
  --sobre-acento: #fff;
  --linea: rgba(125, 148, 113, .25);
  --f-titulo: "Marcellus", Georgia, serif;
  --f-script: "Pinyon Script", cursive;
  --f-texto: "Nunito Sans", system-ui, sans-serif;
  --radio: 24px;
  --sombra: 0 14px 34px -20px rgba(60, 80, 50, .4);
  --rama: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Cpath d='M10 190 C60 140 110 90 190 10' stroke='%237d9471' stroke-width='2.2'/%3E%3Cg fill='%237d9471'%3E%3Cellipse cx='40' cy='150' rx='16' ry='6' transform='rotate(-70 40 150)'/%3E%3Cellipse cx='58' cy='148' rx='16' ry='6' transform='rotate(10 58 148)'/%3E%3Cellipse cx='72' cy='112' rx='18' ry='7' transform='rotate(-70 72 112)'/%3E%3Cellipse cx='92' cy='110' rx='18' ry='7' transform='rotate(12 92 110)'/%3E%3Cellipse cx='106' cy='76' rx='17' ry='6.5' transform='rotate(-68 106 76)'/%3E%3Cellipse cx='126' cy='74' rx='17' ry='6.5' transform='rotate(14 126 74)'/%3E%3Cellipse cx='142' cy='42' rx='14' ry='5.5' transform='rotate(-66 142 42)'/%3E%3Cellipse cx='160' cy='40' rx='14' ry='5.5' transform='rotate(16 160 40)'/%3E%3C/g%3E%3Cg fill='%23e7c4bf'%3E%3Ccircle cx='186' cy='14' r='9'/%3E%3Ccircle cx='24' cy='176' r='6'/%3E%3C/g%3E%3C/svg%3E");
  --intro-fondo: radial-gradient(circle at 50% 45%, #fffef9 0%, #eef0e4 70%);
}

/* Portada: foto completa con tarjeta crema y ramas */
.hero { color: var(--texto); justify-content: flex-end; }
.hero-foto img { object-position: center 20%; }
.hero-foto::after { background: linear-gradient(to bottom, rgba(246,243,234,0) 40%, rgba(246,243,234,.6) 62%, var(--fondo) 82%); }
.hero-texto { position: relative; padding: 0 24px 100px; }
.hero-tipo { color: var(--acento); font-weight: 400; letter-spacing: .35em; }
.hero-nombre { color: var(--titulo); font-size: clamp(4rem, 21vw, 6.4rem); }
.hero-fecha { color: var(--suave); }
.hero-bajar { color: var(--acento); }
.hero-deco i { width: 150px; height: 150px; background: var(--rama) center / contain no-repeat; opacity: .95; }
.hero-deco i:nth-child(1) { left: -20px; bottom: 210px; transform: rotate(-10deg); }
.hero-deco i:nth-child(2) { right: -24px; bottom: 260px; transform: scaleX(-1) rotate(-20deg); width: 120px; height: 120px; }
.hero-deco i:nth-child(3) { display: none; }

/* Separador: ramita */
.sec + .sec::before { width: 70px; height: 70px; opacity: .9; background: var(--rama) center / contain no-repeat; transform: rotate(-45deg); margin: -70px auto 40px; }
.sec-titulo { color: var(--titulo); }
.cuenta-item { border-radius: 18px; }
.cuenta-num { color: var(--titulo); }
.info { position: relative; overflow: hidden; }
.info::after { content: ""; position: absolute; right: -26px; top: -26px; width: 90px; height: 90px; background: var(--rama) center / contain no-repeat; opacity: .35; transform: rotate(90deg); }
.galeria-item { border-radius: 999px 999px 18px 18px; }
.galeria.g6 .galeria-item:nth-child(6) { border-radius: 18px; }
.intro-sello { background: var(--acento); box-shadow: 0 0 0 6px var(--fondo), 0 0 0 7px var(--acento2), var(--sombra); }
.intro-contenido::before { content: ""; position: absolute; width: 220px; height: 220px; top: -60px; left: 50%; translate: -50% 0; background: var(--rama) center / contain no-repeat; opacity: .35; transform: rotate(-45deg); z-index: -1; }
.cierre-nombre { color: var(--titulo); font-size: 4rem; }