/* === Wedding Planners – estilos globales elegantes === */
/* Héroe con integración sobre vídeo */
.hero-wp { position: relative; }
.hero-wp .hero-overlay{
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(10,12,15,.35) 0%, rgba(10,12,15,.45) 60%, rgba(10,12,15,.35) 100%);
pointer-events: none;
}
/* Tarjeta glassmorphism */
.hero-card{
border-radius: 22px;
padding: clamp(1.25rem, 2.5vw, 2.25rem);
background: rgba(255,255,255,.58);
backdrop-filter: saturate(120%) blur(8px);
-webkit-backdrop-filter: saturate(120%) blur(8px);
border: 1px solid rgba(255,255,255,.5);
}
.hero-card .display-6{ letter-spacing: .2px; }
/* Botones redondeados de marca (coherentes con Bootstrap primary) */
.btn-brand{
background: #0d6efd; color: #fff;
border: 1px solid rgba(13,110,253,.2);
border-radius: 999px;
transition: transform .08s ease, box-shadow .2s ease, background-color .2s ease;
}
.btn-brand:hover{
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(13,110,253,.25);
color: #fff;
}
.btn-outline-brand{
background: rgba(255,255,255,.65);
border: 1px solid rgba(13,110,253,.35);
color: #0d6efd;
border-radius: 999px;
transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
backdrop-filter: saturate(110%) blur(2px);
-webkit-backdrop-filter: saturate(110%) blur(2px);
}
.btn-outline-brand:hover{
background: rgba(255,255,255,.85);
border-color: #0d6efd;
box-shadow: 0 10px 24px rgba(13,110,253,.15);
transform: translateY(-1px);
color: #0b5ed7;
}
/* Badge suave */
.badge.bg-opacity-25{ background-color: rgba(13,110,253,.12) !important; }
/* Tarjetas de “Packs para bodas” más elegantes, coherentes con el héroe */
#packs .card{
border-radius: 22px !important;
box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
#packs .card .btn{
border-radius: 999px;
}
/* Pequeños refinamientos tipográficos */
h1, .display-6 { letter-spacing: .2px; }