/* =====================================================================
   SanJose Florería — Especial DÍA DEL PADRE
   Flyer promocional + agrupación de secciones del catálogo
   Vigencia controlada por dia-del-padre.js (13 y 14 de junio de 2026)
   ===================================================================== */

/* ---------- Flyer / banner superior ---------- */
.dp-flyer{
    position:relative;
    z-index:950;
    background:linear-gradient(120deg,#14101B 0%,#1f2d4d 55%,#0d6e8c 100%);
    color:#fff;
    font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    padding:14px 44px 14px 20px;
    text-align:center;
    border-bottom:2px solid #C9A86A;
    box-shadow:0 6px 22px rgba(0,0,0,.25);
    animation:dpIn .6s ease both;
}
@keyframes dpIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}

.dp-flyer__txt{display:flex;flex-direction:column;align-items:center;line-height:1.25}
.dp-flyer__title{
    font-family:'Playfair Display',Georgia,'Times New Roman',serif;
    font-size:clamp(1.02rem,2.6vw,1.5rem);
    font-weight:600;letter-spacing:.01em;
}
.dp-flyer__title b{color:#F2CEA2}
.dp-flyer__sub{
    font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
    color:#9ad7e8;margin-top:3px;font-weight:500;
}
.dp-flyer__cta{
    background:#C9A86A;color:#14101B;text-decoration:none;font-weight:600;
    padding:11px 24px;border-radius:999px;
    font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;
    transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
    box-shadow:0 6px 16px rgba(201,168,106,.35);
}
.dp-flyer__cta:hover{background:#F2CEA2;transform:translateY(-2px)}
.dp-flyer__close{
    position:absolute;top:8px;right:12px;
    background:transparent;border:none;color:rgba(255,255,255,.6);
    font-size:18px;cursor:pointer;line-height:1;padding:2px 6px;
}
.dp-flyer__close:hover{color:#fff}

@media(max-width:600px){
    .dp-flyer{gap:12px;padding:12px 34px 12px 14px}
    .dp-flyer__sub{letter-spacing:.16em}
    .dp-flyer__cta{padding:10px 18px}
}

/* ---------- Divisores de sección dentro del catálogo ---------- */
.cat-divider{
    grid-column:1 / -1;
    display:flex;align-items:center;justify-content:center;gap:18px;
    margin:26px 0 2px;
    text-align:center;
}
.cat-divider::before,.cat-divider::after{
    content:'';flex:1;height:1px;
    background:linear-gradient(90deg,transparent,#C9A86A,transparent);
}
.cat-divider .cat-divider__inner{flex:0 0 auto}
.cat-divider strong{
    display:block;
    font-family:'Playfair Display',Georgia,serif;
    font-size:clamp(1.3rem,3vw,1.95rem);font-weight:600;color:#8F6F48;
    white-space:nowrap;letter-spacing:-.01em;
}
.cat-divider small{
    display:block;font-family:'Poppins',sans-serif;
    font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;
    color:#6B6375;margin-top:5px;font-weight:500;
}

/* ---------- Orden: empujar secciones especiales al fondo ----------
   (se aplica cuando el filtro "Todos" muestra todas las tarjetas)      */
.cat-divider[data-divider="canastas"]{order:19}
.product-card[data-category="canastas"]{order:20}
.cat-divider[data-divider="padre"]{order:39}
.product-card[data-category="padre"]{order:40}

/* ---------- Badges especiales ---------- */
.category-badge.badge-padre{
    background:linear-gradient(135deg,#1f2d4d,#0d6e8c)!important;
    color:#F2CEA2!important;border-color:rgba(201,168,106,.6)!important;
}
.category-badge.badge-canasta{
    background:linear-gradient(135deg,#8F6F48,#5c4622)!important;
    color:#F2CEA2!important;
}

/* ---------- Botón de filtro Día del Padre destacado ---------- */
.filter-btn[data-category="padre"]{border-color:#C9A86A;color:#8F6F48}
.filter-btn[data-category="padre"].active{
    background:linear-gradient(135deg,#1f2d4d,#0d6e8c)!important;
    color:#F2CEA2!important;box-shadow:0 0 0 1px #C9A86A,0 6px 18px rgba(13,110,140,.3)!important;
}

/* ---------- Vigencia: ocultar todo lo del Día del Padre fuera de fecha ---------- */
.dp-inactivo .product-card[data-category="padre"],
.dp-inactivo .cat-divider[data-divider="padre"],
.dp-inactivo .filter-btn[data-category="padre"]{display:none!important}
