/* ==========================================================================
   La Bóveda Original — tema oscuro de /catalogo-original.
   Solo se carga en esa página, encima de tienda.css. Todo cuelga de .bov,
   así que nada de acá puede tocar el resto del sitio.
   ========================================================================== */

.bov{
  --oro-claro:#FFF4D2;
  --oro:#E7C56B;
  --oro-hondo:#B98C22;
  --carbon:#08070C;
  --carbon-2:#12100C;
  --carbon-3:#1A1712;
  --texto:#EDE4CE;
  --texto-suave:rgba(232,222,198,.62);
  --linea-oro:rgba(235,196,99,.26);

  /* Un solo fondo para toda la pagina: si el encabezado trae el suyo, donde
     termina se ve la union como una franja. */
  background:
    radial-gradient(70% 42% at 18% 0%, rgba(235,196,99,.16) 0%, transparent 62%),
    radial-gradient(60% 38% at 92% 12%, rgba(18,169,220,.09) 0%, transparent 60%),
    linear-gradient(180deg, #14110A 0%, #0A0810 32%, #07060B 100%) fixed;
  color:var(--texto);
}

/* Las partículas del fondo y el degradado claro no van con el negro. */
.bov #fxParticles{opacity:.35}

/* ------------------------------------------------------------ encabezado */
.bov .bov-head{
  position:relative;
  background:none;                 /* el fondo lo pone el body, de una pieza */
  padding-bottom:8px;
}
/* En el catalogo claro este degradado funde el encabezado con el fondo gris.
   Sobre el negro se veia como una franja blanca cruzando la pagina. */
.bov .bov-head::after{display:none}

.bov .shop-crumbs,
.bov .shop-crumbs a{color:rgba(232,222,198,.55)}
.bov .shop-crumbs a:hover{color:var(--oro)}

.bov .bov-head .eyebrow{
  color:var(--oro);
  letter-spacing:.2em;
}
.bov .bov-head h1{
  font-family:Anton,"Arial Narrow",Impact,sans-serif;
  font-weight:400;
  text-transform:uppercase;
  font-size:clamp(34px,5.4vw,60px);
  line-height:1;
  letter-spacing:.008em;
  margin:6px 0 10px;
  /* Mismo oro macizo que el sello: es la firma de la sección. */
  background-image:linear-gradient(180deg,
    #8a7648 0%, #F7E7BC 20%, #FFFDF4 36%,
    #D9B75E 50%, #7A5F1E 51.5%,
    #C9A03A 64%, #FFF6DC 82%, #9C7A28 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
  filter:drop-shadow(0 2px 0 rgba(6,5,10,.9)) drop-shadow(0 10px 24px rgba(0,0,0,.6));
}
.bov .bov-head > .wrap > p:last-of-type{color:var(--texto-suave);max-width:62ch}

/* Los tres sellos bajo el título. */
.bov .bov-sellos{
  display:flex;flex-wrap:wrap;gap:10px;
  list-style:none;margin:22px 0 0;padding:0;
}
.bov .bov-sellos li{
  display:flex;flex-direction:column;gap:1px;
  padding:9px 16px;
  border:1px solid var(--linea-oro);
  border-radius:var(--r-md);
  background:rgba(235,196,99,.05);
}
.bov .bov-sellos strong{
  font-size:13.5px;font-weight:800;letter-spacing:.02em;
  background-image:linear-gradient(180deg,#FFF7DE,#E7C56B);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.bov .bov-sellos span{
  font-size:10px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  color:rgba(232,222,198,.5);
}

/* -------------------------------------------------------------- buscador */
/* La caja del buscador es blanca en el catalogo normal: sobre el negro
   quedaba como un bloque brillante en medio de la pagina. */
/* Sin caja ni sombra: era lo que se veia como una barra cruzando la pagina.
   Queda solo el campo, alineado con el resto del contenido. */
.bov .shop-tools{
  background:none;
  border:0;
  box-shadow:none;
  margin-top:6px;
  padding:0 0 18px;
  align-items:flex-start;
}

.bov .shop-search{
  background:var(--carbon-2);
  border-color:var(--linea-oro);
  color:var(--texto);
}
.bov .shop-search{width:min(440px,100%)}
.bov .shop-search input{
  background:rgba(255,246,220,.045);
  border-color:var(--linea-oro);
  color:var(--texto);
}
.bov .shop-search input::placeholder{color:rgba(232,222,198,.38)}
.bov .shop-search svg{color:var(--oro)}
.bov .shop-search:focus-within{
  border-color:rgba(235,196,99,.75);
  box-shadow:0 0 0 3px rgba(235,196,99,.14);
}

/* ---------------------------------------------------------------- menú */
.bov .catnav{
  background:var(--carbon-2);
  border-color:var(--linea-oro);
}
.bov .catnav-link{color:rgba(232,222,198,.72)}
.bov .catnav-link:hover,
.bov .catnav-link:focus-visible{background:rgba(235,196,99,.09);color:var(--oro)}
.bov .catnav-link.is-on{background:rgba(235,196,99,.13);color:var(--oro-claro)}
.bov .catnav-link .n{color:rgba(232,222,198,.4)}
.bov .catnav-all{border-bottom-color:var(--linea-oro)}
.bov .catnav-flyout{border-left-color:var(--linea-oro)}
.bov .catnav-flyout .catnav-flyout .catnav-link{color:rgba(232,222,198,.5)}

/* -------------------------------------------------------------- tarjetas */
.bov .shop-count{color:var(--texto-suave)}

.bov .p-card{
  background:linear-gradient(168deg,var(--carbon-3) 0%,var(--carbon-2) 100%);
  border-color:var(--linea-oro);
  box-shadow:0 12px 30px rgba(0,0,0,.36);
}
.bov .p-card:hover{
  border-color:rgba(245,214,140,.85);
  box-shadow:
    0 0 0 1px rgba(235,196,99,.45),
    0 0 22px rgba(235,196,99,.16),
    0 24px 56px rgba(0,0,0,.5);
}
.bov .p-card h3{color:var(--texto)}
.bov .p-desc{color:rgba(232,222,198,.5)}
.bov .p-price{
  background-image:linear-gradient(180deg,#FFF7DE 0%,#F0D488 52%,#C9A03A 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
}
.bov .p-price small{
  color:rgba(232,222,198,.42);
  -webkit-text-fill-color:rgba(232,222,198,.42);   /* el small no hereda el oro */
}
.bov .p-tag{
  background:rgba(8,7,12,.78);
  color:var(--oro);
  border:1px solid var(--linea-oro);
}
.bov .p-media{background:#0B0A10}

/* El botón de agregar es oro macizo: es la acción de la página. */
.bov .p-add{
  background:linear-gradient(135deg,var(--oro-claro) 0%,var(--oro) 45%,#C9A03A 100%);
  color:#140F05;
  box-shadow:0 10px 24px rgba(184,139,34,.34);
}
.bov .p-add:hover{box-shadow:0 16px 34px rgba(235,196,99,.44)}
.bov .p-add[disabled]{
  background:rgba(235,196,99,.12);
  color:rgba(232,222,198,.38);
  box-shadow:none;
}

.bov .p-card.is-soldout h3,
.bov .p-card.is-soldout .p-price{
  color:rgba(232,222,198,.35);
  -webkit-text-fill-color:rgba(232,222,198,.35);
}

/* --------------------------------------------------------------- vacío */
.bov .shop-empty{
  background:var(--carbon-2);
  border-color:var(--linea-oro);
  color:var(--texto-suave);
}
.bov .shop-empty h3{color:var(--texto)}

/* ------------------------------------------------------------ paginación */
.bov .pg-num,.bov .pg-arrow{
  background:var(--carbon-2);
  border-color:var(--linea-oro);
  color:rgba(232,222,198,.7);
}
.bov .pg-num:hover,.bov .pg-arrow:hover:not([disabled]){
  border-color:rgba(235,196,99,.7);color:var(--oro);
}
.bov .pg-num.is-on{
  background:linear-gradient(135deg,var(--oro) 0%,#C9A03A 100%);
  border-color:transparent;color:#140F05;
}
.bov .pg-gap{color:rgba(232,222,198,.35)}