/* Plantilla «Eucalipto» — Wedly
   Diseñado por Olivier Melín · tecmad.es */

.euc-portada{
  position:relative;min-height:100svh;display:grid;place-items:center;
  text-align:center;padding:96px 24px 120px;overflow:hidden;
}
.euc-portada__fondo{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
}
.euc-portada__velo{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(12,18,14,.34) 0%,rgba(12,18,14,.14) 42%,rgba(12,18,14,.52) 100%);
}
.euc-portada--foto .euc-portada__centro{color:#fff}
.euc-portada--foto .euc-portada__nombres,
.euc-portada--foto .euc-portada__fecha{color:#fff}
.euc-portada--foto .euc-portada__regla{background:rgba(255,255,255,.75)}

.euc-portada__centro{position:relative;z-index:2;max-width:760px}

.euc-portada__eyebrow{
  font-size:.7rem;letter-spacing:.36em;text-transform:uppercase;
  margin:0 0 30px;opacity:.85;
}

.euc-portada__nombres{
  font-family:var(--f-titulo);font-weight:400;
  font-size:clamp(2.9rem,10vw,6.2rem);line-height:1.02;
  color:var(--c-primario);margin:0;letter-spacing:-.015em;
}
.euc-portada__nombres em{
  display:block;font-style:italic;font-size:.42em;
  color:var(--c-acento);margin:.16em 0;opacity:.95;
}

.euc-portada__regla{
  display:block;width:64px;height:1px;background:var(--c-acento);margin:34px auto 0;
}

.euc-portada__fecha{
  margin:28px 0 0;font-family:var(--f-titulo);
  font-size:clamp(1.05rem,2.4vw,1.5rem);letter-spacing:.06em;color:var(--c-primario);
}

.euc-portada__frase{
  margin:16px auto 0;max-width:44ch;font-size:.98rem;opacity:.82;
}

/* Medallón con las iniciales: eco del lacre de la invitación */
.euc-medallon{
  display:grid;place-items:center;width:78px;height:78px;border-radius:50%;
  margin:46px auto 0;border:1px solid var(--c-acento);
  background:color-mix(in srgb,var(--c-acento) 12%,transparent);
}
.euc-medallon span{
  font-family:var(--f-titulo);font-size:1.28rem;letter-spacing:.04em;
  color:var(--c-acento);line-height:1;
}
.euc-portada--foto .euc-medallon{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.12)}
.euc-portada--foto .euc-medallon span{color:#fff}

/* Flecha de bajada */
.euc-bajar{
  position:absolute;bottom:34px;left:50%;transform:translateX(-50%);
  z-index:3;width:36px;height:36px;display:grid;place-items:center;
}
.euc-bajar span{
  display:block;width:9px;height:9px;
  border-right:1px solid currentColor;border-bottom:1px solid currentColor;
  transform:rotate(45deg);opacity:.6;
  animation:euc-latido 2.4s ease-in-out infinite;
}
.euc-portada--foto .euc-bajar{color:#fff}
@keyframes euc-latido{
  0%,100%{transform:rotate(45deg) translate(0,0);opacity:.5}
  50%{transform:rotate(45deg) translate(4px,4px);opacity:.95}
}
@media (prefers-reduced-motion:reduce){.euc-bajar span{animation:none}}

/* Detalle: filo de latón bajo la navegación */
.p-eucalipto .b-nav{border-bottom-color:color-mix(in srgb,var(--c-acento) 45%,transparent)}
.p-eucalipto .b-titulo{letter-spacing:-.01em}