/* Only the invitation phone; existing service copy, pricing and layout are unchanged. */
#invitaciones .wedding-service-visual { min-height: 0; isolation: isolate; padding-block: 8px; }
#invitaciones .wedding-phone-aura { position: absolute; inset: 8% -8%; background: radial-gradient(ellipse, #c86c982b, transparent 67%); pointer-events: none; z-index: -1; }
#invitaciones .wedding-phone { width: min(286px, 100%); border-radius: 42px; padding: 8px; background: linear-gradient(145deg, #65616b, #18151e 32%, #48404b 72%, #1b1921); box-shadow: 0 28px 58px -18px #000b, 0 0 0 1px #d9bad83b; position: relative; }
#invitaciones .wedding-phone::before { content: ''; position: absolute; width: 3px; height: 42px; background: #5e5363; left: -3px; top: 108px; border-radius: 3px 0 0 3px; }
#invitaciones .wedding-phone::after { content: ''; position: absolute; width: 3px; height: 60px; background: #5e5363; right: -3px; top: 130px; border-radius: 0 3px 3px 0; }
#invitaciones .wedding-phone-screen { height: 526px; overflow: hidden; border-radius: 34px; color: #4c363d; background: #faf5f0; text-align: center; color-scheme: light; }
#invitaciones .wedding-phone-top { height: 34px; padding: 8px 18px 0; display: flex; align-items: flex-start; justify-content: space-between; font: 600 10px system-ui, sans-serif; background: #faf5f0; position: relative; }
#invitaciones .wedding-phone-island { position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 77px; height: 19px; border-radius: 20px; background: #19151a; }
#invitaciones .wedding-invitation-frame { display: block; width: 100%; height: calc(100% - 34px); border: 0; background: #f2e8d6; touch-action: pan-y; }
#invitaciones .wedding-invitation-frame:focus-visible { outline: 3px solid #f9a8d4; outline-offset: -3px; }
#invitaciones .wedding-phone-caption { max-width: 286px; margin: 17px 0 0; font-size: .75rem; line-height: 1.6; color: #d3acbf; letter-spacing: .02em; }
@media (prefers-reduced-motion: no-preference) {
  #invitaciones .wedding-phone { animation: wedding-phone-enter .8s ease-out both; }
  @keyframes wedding-phone-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
}