/* Perfumería — Página: Detalle de perfume
   Se carga solo en `pro-details.php`. */

/* Fondo único para hero + contenido */
.perfumeria-detalle-fondo{
  background:
    radial-gradient(900px 520px at 10% 18%, rgba(34,211,238,.14), transparent 60%),
    linear-gradient(180deg, #070f1b 0%, #0b1224 55%, #120b1f 100%);
}

/* Hero (compacto) */
.perfumeria-hero{
  padding: 62px 0 46px;
  background: transparent;
}
.perfumeria-hero-card{
  max-width: 980px;
  margin: 0 auto;
  padding: 22px 20px 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.perfumeria-hero h1{
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1.12;
}
.perfumeria-hero-subtitle{
  color: rgba(255,255,255,.72);
  line-height: 1.7;
}
.perfumeria-hero .breadcrumb a{color: rgba(255,255,255,.92) !important}
.perfumeria-hero .breadcrumb-item.active{color: rgba(255,255,255,.62) !important}
@media (max-width: 575px){
  .perfumeria-hero{padding: 54px 0 38px;}
  .perfumeria-hero-card{padding: 18px 14px 14px; border-radius: 18px;}
}

/* Sección detalle */
.perfumeria-seccion-detalle{
  padding-top: 90px;
  padding-bottom: 90px;
  background: transparent;
}
.perfumeria-panel--detalle{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .35);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.perfumeria-panel--detalle,
.perfumeria-panel--detalle p,
.perfumeria-panel--detalle li{
  color: rgba(255,255,255,.82);
}
.perfumeria-panel--detalle h2,
.perfumeria-panel--detalle h3{
  color: #fff;
}

/* Botones: unificados */
.perfumeria-panel--detalle .btn_1,
.perfumeria-panel--detalle .border-btn{
  border-radius: 999px !important;
  padding: 14px 18px !important;
  line-height: 1.1 !important;
  text-transform: none !important;
  letter-spacing: .02em;
  cursor: pointer;
  font-family: inherit;
  text-align: center;
}
.perfumeria-panel--detalle .btn_1{
  background: linear-gradient(135deg, rgba(34,211,238,.24), rgba(34,211,238,.10)) !important;
  border: 1px solid rgba(34,211,238,.28) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.22);
}
.perfumeria-panel--detalle .btn_1:hover,
.perfumeria-panel--detalle .btn_1:focus{
  background: linear-gradient(135deg, rgba(34,211,238,.32), rgba(34,211,238,.14)) !important;
  border-color: rgba(34,211,238,.40) !important;
  color: #ffffff !important;
}
.perfumeria-panel--detalle .btn_1:focus-visible,
.perfumeria-panel--detalle .border-btn:focus-visible{
  outline: 2px solid rgba(34,211,238,.55);
  outline-offset: 2px;
}
.perfumeria-panel--detalle .border-btn{
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.03) !important;
  box-shadow: none;
}
.perfumeria-panel--detalle .border-btn:hover{
  background: rgba(34,211,238,.12) !important;
  border-color: rgba(34,211,238,.28) !important;
  color: #ffffff !important;
}

/* Galería (slick) */
.perfumeria-detalle-galeria{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
}
.perfumeria-detalle-galeria .detalle-galeria-img{
  width: 100%;
  height: 560px;
  display: block;
  object-fit: contain;
}
@media (max-width: 991px){
  .perfumeria-detalle-galeria .detalle-galeria-img{height: 460px;}
}
@media (max-width: 575px){
  .perfumeria-detalle-galeria .detalle-galeria-img{height: 360px;}
}
.detalle-galeria-active{position:relative}
.detalle-galeria-active .slick-prev,.detalle-galeria-active .slick-next{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:44px;height:44px;border-radius:50%;
  background:rgba(0,0,0,.35);border:0;color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.detalle-galeria-active .slick-prev{left:10px}
.detalle-galeria-active .slick-next{right:10px}
.detalle-galeria-active .slick-prev i,.detalle-galeria-active .slick-next i{color:#fff;font-size:18px;line-height:1}
.detalle-galeria-active .slick-dots{
  position:absolute;left:0;right:0;bottom:10px;
  display:flex;justify-content:center;gap:10px;
  list-style:none;margin:0;padding:0;z-index:6;
}
.detalle-galeria-active .slick-dots li{margin:0}
.detalle-galeria-active .slick-dots li button{
  width:10px;height:10px;border-radius:50%;
  background:rgba(255,255,255,.55);border:0;font-size:0;line-height:0;padding:0;
}
.detalle-galeria-active .slick-dots li.slick-active button{background:#22d3ee}

/* Badges y meta */
.perfumeria-detalle-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.perfumeria-badge{
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 12px;border-radius:999px;font-size:12px;font-weight:600;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.88);
}
.perfumeria-badge--oferta{background:rgba(255,32,32,.18);border-color:rgba(255,32,32,.28);color:#ffd0d0}
.perfumeria-badge--stock{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.22);color:#d6fbff}
.perfumeria-badge--nostock{background:rgba(251,113,133,.14);border-color:rgba(251,113,133,.22);color:#ffe2e7}
.perfumeria-badge--tag{background:rgba(255,255,255,.06)}

.perfumeria-detalle-nombre{margin:8px 0 0;letter-spacing:-0.02em;line-height:1.15}
.perfumeria-detalle-subtitle{margin-top:10px;color:rgba(255,255,255,.68)}
.perfumeria-detalle-precio{margin-top:18px}
.perfumeria-precio-actual{font-size:34px;font-weight:800;letter-spacing:-0.02em;line-height:1;color:#fff}
.perfumeria-precio-anterior{margin-top:8px;color:rgba(255,255,255,.66)}
.perfumeria-detalle-descripcion{margin-top:18px;color:rgba(255,255,255,.86);line-height:1.75}

.perfumeria-detalle-meta{display:grid;gap:10px}
.perfumeria-meta-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:10px 12px;border-radius:14px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);
}
.perfumeria-meta-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.perfumeria-meta-value{font-weight:600;color:rgba(255,255,255,.92);text-align:right}

/* Decants (horizontal) */
.perfumeria-decants-title{font-size:18px;font-weight:800;letter-spacing:-0.01em}
.perfumeria-decants-sub{color:rgba(255,255,255,.68);line-height:1.6}
.perfumeria-decant-card{
  display:flex;gap:14px;padding:16px;border-radius:18px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);
  align-items:center;
}
.perfumeria-decant-img{
  width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);flex:0 0 60px;overflow:hidden;
}
.perfumeria-decant-img img{width:100%;height:100%;object-fit:contain;display:block}
.perfumeria-decant-main{flex:1 1 auto;min-width:0}
.perfumeria-decant-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;flex-wrap:wrap}
.perfumeria-decant-nombre{font-weight:800;color:#fff;line-height:1.2}
.perfumeria-decant-precio{margin-top:8px;display:flex;align-items:baseline;gap:10px}
.perfumeria-decant-precio .actual{font-weight:800;color:#fff}
.perfumeria-decant-precio .antes{color:rgba(255,255,255,.60);text-decoration:line-through;font-size:13px}
.perfumeria-decant-stock{
  font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:rgba(255,255,255,.78);
}
.perfumeria-decant-stock.is-ok{border-color:rgba(34,211,238,.22);background:rgba(34,211,238,.12);color:#d6fbff}
.perfumeria-decant-stock.is-bad{border-color:rgba(251,113,133,.22);background:rgba(251,113,133,.12);color:#ffe2e7}
.perfumeria-decant-cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:9px 12px;border-radius:14px;
  border:1px solid rgba(34,211,238,.22);background:rgba(34,211,238,.12);color:#d6fbff;
  font-family:inherit;font-weight:700;font-size:13px;white-space:nowrap;text-align:center;text-decoration:none;cursor:pointer;
}
.perfumeria-decant-cta:hover{color:#fff;background:rgba(34,211,238,.18)}
.perfumeria-decants .row.g-3 > [class*="col-"]{padding-top:2px;padding-bottom:2px}
@media (max-width: 575px){
  .perfumeria-decant-card{align-items:flex-start;flex-wrap:wrap}
  .perfumeria-decant-actions{width:100%;margin-left:0;justify-content:flex-start;margin-top:10px}
}

/* Accordion */
.perfumeria-accordion .accordion-item{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  border-radius:18px;
  overflow:hidden;
}
.perfumeria-accordion .accordion-item + .accordion-item{margin-top:14px}
.perfumeria-accordion .accordion-button{
  background:rgba(255,255,255,.05);
  color:#fff;
  font-weight:800;
  box-shadow:none;
}
.perfumeria-accordion .accordion-button::after{filter:invert(1);opacity:.9}
.perfumeria-accordion .accordion-button:not(.collapsed){background:rgba(255,255,255,.08)}
.perfumeria-accordion .accordion-body{color:rgba(255,255,255,.86);line-height:1.75}