/* =============================================================================
   Paleta de marca
   Principales : Negro #111111 · Blanco #FFFFFF · Oro suave #C9A227
   Secundarios : Beige claro · Rosa palo (dusty rose)
   Eslogan     : "Confianza en cada detalle."
   ============================================================================= */
:root{
    --black:#111111;
    --white:#FFFFFF;
    --gold:#C9A227;
    --gold-dark:#A8861D;
    --gold-soft:#E9D9A0;
    --beige:#F6F0E4;        /* beige claro */
    --beige-deep:#EFE6D3;
    --rose:#C79BA0;         /* rosa palo */
    --rose-dark:#B07E85;
    --ink:#1c1c1c;
    --muted:#6f6a63;
}
body{background:var(--beige);color:var(--ink);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;}
a{text-decoration:none;color:var(--black);}
a:hover{color:var(--gold-dark);}
h1,h2,h3,h4,h5,h6{color:var(--black);}

/* Navbar */
.shop-navbar{background:var(--black);border-bottom:2px solid var(--gold);}
.shop-navbar .navbar-brand{color:var(--gold)!important;letter-spacing:.5px;}
.shop-navbar .nav-link{color:#ece7dd!important;}
.shop-navbar .nav-link:hover{color:var(--gold)!important;}
.shop-navbar .dropdown-menu{border:none;box-shadow:0 8px 24px rgba(0,0,0,.15);}
.shop-navbar .btn-light{background:var(--gold);border-color:var(--gold);color:var(--black);font-weight:600;}
.shop-navbar .btn-light:hover{background:var(--gold-dark);border-color:var(--gold-dark);color:#fff;}

/* Botones de marca */
.btn-accent{background:var(--gold);border-color:var(--gold);color:var(--black);font-weight:600;}
.btn-accent:hover,.btn-accent:focus{background:var(--gold-dark);border-color:var(--gold-dark);color:#fff;}
.btn-outline-dark{border-color:var(--black);color:var(--black);}
.btn-outline-dark:hover{background:var(--black);color:#fff;}
.text-accent{color:var(--gold-dark)!important;}

/* Hero */
.hero{background:linear-gradient(120deg,#0d0d0d 0%,#1c1c1c 55%,#2a2a2a 100%);color:#fff;border-radius:1rem;overflow:hidden;position:relative;border:1px solid rgba(201,162,39,.35);}
.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.35),transparent 70%);}
.hero .display-5{font-weight:700;letter-spacing:.5px;}
.hero .hero-eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-size:.8rem;font-weight:600;margin-bottom:.5rem;}
.hero .lead{color:#e7e2d8;}
.hero .btn-outline-light{border-color:var(--gold);color:var(--gold);}
.hero .btn-outline-light:hover{background:var(--gold);color:var(--black);}
.hero .gold-icon{color:var(--gold);}

/* Eslogan */
.slogan{color:var(--gold);font-style:italic;letter-spacing:.3px;margin-bottom:.5rem;}

/* Tarjetas de producto */
.product-card{border:1px solid var(--beige-deep);border-radius:.85rem;overflow:hidden;background:var(--white);transition:transform .18s ease,box-shadow .18s ease;height:100%;}
.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(17,17,17,.14);border-color:var(--gold);}
.product-thumb{background:var(--beige-deep) center/cover no-repeat;aspect-ratio:3/4;display:block;}
.price{font-weight:700;color:var(--black);}
.price-old{text-decoration:line-through;color:#a99f8d;font-size:.9em;margin-right:.35rem;}
.badge-promo{background:var(--rose);color:#fff;}

/* Chips de talla */
.size-options{display:flex;flex-wrap:wrap;gap:.4rem;}
.size-chip input{position:absolute;opacity:0;}
.size-chip label{border:1.5px solid #cfc7b6;border-radius:.5rem;padding:.35rem .7rem;cursor:pointer;min-width:2.6rem;text-align:center;font-size:.9rem;user-select:none;background:#fff;}
.size-chip input:checked + label{border-color:var(--gold);background:var(--black);color:var(--gold);}
.size-chip input:disabled + label{opacity:.4;cursor:not-allowed;text-decoration:line-through;}

/* Badges Bootstrap re-teñidos */
.badge.bg-info{background:var(--rose)!important;color:#fff!important;}
.badge.bg-success{background:#2e7d32!important;}

/* Footer */
.shop-footer{background:var(--black);color:#d8d2c6;}
.shop-footer h5,.shop-footer h6{color:var(--gold);}
.shop-footer a{color:#d8d2c6;}
.shop-footer a:hover{color:var(--gold);}
.social-icons a{color:#d8d2c6;}
.social-icons a:hover{color:var(--gold);}

/* Botón flotante de WhatsApp */
.whatsapp-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.9rem;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:1050;}
.whatsapp-float:hover{color:#fff;transform:scale(1.06);}

/* Seguimiento de pedido */
.tracker{display:flex;justify-content:space-between;position:relative;margin:1.5rem 0;}
.tracker::before{content:"";position:absolute;top:16px;left:0;right:0;height:3px;background:var(--beige-deep);z-index:0;}
.tracker .step{position:relative;z-index:1;text-align:center;flex:1;}
.tracker .dot{width:34px;height:34px;border-radius:50%;background:var(--beige-deep);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-weight:600;}
.tracker .step.done .dot{background:var(--gold);color:var(--black);}
.tracker .step small{display:block;margin-top:.3rem;color:var(--muted);}

/* Acentos suaves */
.bg-light{background:var(--beige)!important;}
.card{border-color:var(--beige-deep);}

/* ---- Paginación elegante (negro / oro) ---- */
.alurea-pager{padding-top:.5rem;}
.alurea-pager .pagination{gap:.4rem;}
.alurea-pager .page-item .page-link{
    background:#fff;
    border:1px solid var(--beige-deep);
    border-radius:.55rem;
    color:var(--black);
    min-width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 .9rem;
    font-weight:600;
    letter-spacing:.3px;
    box-shadow:none;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease;
}
.alurea-pager .page-item:not(:first-child) .page-link{margin-left:0;}
/* Números en la tipografía serif de la marca */
.alurea-pager .page-item .page-link{font-family:'Georgia','Times New Roman',serif;}
.alurea-pager .page-link:hover{
    background:var(--beige);
    border-color:var(--gold);
    color:var(--gold-dark);
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(17,17,17,.08);
}
.alurea-pager .page-link:active{transform:translateY(0);}
/* Página activa: negro con número en oro (look ALUREA) */
.alurea-pager .page-item.active .page-link{
    background:var(--black);
    border-color:var(--black);
    color:var(--gold);
    box-shadow:0 4px 12px rgba(17,17,17,.18);
}
/* Anterior / Siguiente con acento sutil */
.alurea-pager .page-item [rel="prev"],
.alurea-pager .page-item [rel="next"]{color:var(--gold-dark);}
.alurea-pager .page-item.disabled .page-link{opacity:.4;background:#fff;color:var(--muted);}
.alurea-pager .page-link:focus{outline:none;box-shadow:0 0 0 .2rem rgba(201,162,39,.35);}
.alurea-pager .pager-counter{
    letter-spacing:.4px;
    color:var(--muted);
    font-size:.82rem;
    margin-top:.35rem;
}
@media (max-width:576px){
    .alurea-pager .page-item .page-link{min-width:40px;height:40px;padding:0 .65rem;}
}

/* ================================ ADMIN ================================ */
.admin-sidebar{background:var(--black);color:#d8d2c6;min-height:100vh;width:240px;position:fixed;top:0;left:0;padding-top:1rem;border-right:2px solid var(--gold);}
.admin-sidebar a{color:#d8d2c6;display:block;padding:.6rem 1.2rem;border-left:3px solid transparent;}
.admin-sidebar a:hover,.admin-sidebar a.active{background:#1e1e1e;color:var(--gold);border-left-color:var(--gold);}
.admin-content{margin-left:240px;background:var(--beige);min-height:100vh;}
.admin-topbar{background:var(--white);border-bottom:1px solid var(--beige-deep);}
.admin-topbar h5{color:var(--black);}
.stat-card{border:none;border-radius:.8rem;background:#fff;border-top:3px solid var(--gold);}
.stat-card .num{font-size:1.8rem;font-weight:700;color:var(--black);}
@media (max-width:768px){.admin-sidebar{position:static;width:100%;min-height:auto;}.admin-content{margin-left:0;}}