/*
 * Fragancias Factory 3.13.2 — Hero Studio
 * Solo entra en juego cuando ff_hero_studio_enable está activo.
 */

.ff-hero-studio,
.ff-hero-studio * { box-sizing:border-box; }
.ff-hero-studio { overflow:hidden; background:var(--ff-hero-bg,var(--ff-page-bg,#f8f6f0)); color:var(--ff-hero-text,var(--ff-ink,#17251f)); }
.ff-hero-studio .ff-hs__inner {
  width:min(100%,var(--ff-hero-content-w,1400px));
  min-height:var(--ff-hero-min-h,560px);
  margin:0 auto;
  padding:var(--ff-hero-pad-t,48px) var(--ff-pad,24px) var(--ff-hero-pad-b,56px);
  display:grid;
  grid-template-columns:minmax(0,calc(100% - var(--ff-hs-visual-col,46%) - var(--ff-hero-gap,56px))) minmax(0,var(--ff-hs-visual-col,46%));
  gap:var(--ff-hero-gap,56px);
  align-items:center;
}
.ff-hero-studio .ff-hs__copy { min-width:0; display:flex; flex-direction:column; gap:var(--ff-hs-gap-d,14px); align-self:center; }
.ff-hero-studio .ff-hs__zone { min-width:0; width:100%; display:flex; flex-direction:column; align-items:var(--ff-hs-align,flex-start); text-align:var(--ff-hs-text,left); }
.ff-hero-studio .ff-hs__zone:empty { display:none; }
.ff-hero-studio .ff-hs__badge {
  display:inline-flex; align-items:center; width:max-content; max-width:100%;
  padding:var(--ff-hero-b-py,8px) var(--ff-hero-b-px,14px);
  background:var(--ff-hero-b-bg,var(--ff-gold,#cdb266)); color:var(--ff-hero-b-color,var(--ff-ink,#17251f));
  border-radius:var(--ff-hero-b-radius,0); font:600 var(--ff-hero-b-size,10px)/1.2 var(--ff-body); letter-spacing:.15em; text-transform:uppercase;
}
.ff-hero-studio .ff-hs__title { margin:0; width:min(100%,var(--ff-hero-t-mw-d,13ch)); font-family:var(--ff-display); font-weight:400; font-size:var(--ff-hero-t-d,60px); line-height:var(--ff-hero-t-lh-d,1.03); letter-spacing:-.025em; overflow-wrap:anywhere; }
.ff-hero-studio .ff-hs__title-main,
.ff-hero-studio .ff-hs__title-accent { display:block; }
.ff-hero-studio .ff-hs__title-accent { color:var(--ff-hs-accent,#b34f43); font-size:var(--ff-hs-accent-d,56px); line-height:1.02; }
.ff-hero-studio .ff-hs__title-accent.is-italic { font-style:italic; }
.ff-hero-studio .ff-hs__lead { margin:0; width:min(100%,var(--ff-hero-s-mw-d,50ch)); font:400 var(--ff-hero-s-d,17px)/var(--ff-hero-s-lh-d,1.6) var(--ff-body); color:var(--ff-hero-subtext,#4e5b55); overflow-wrap:anywhere; }

.ff-hero-studio .ff-hs__commerce { width:100%; display:flex; min-width:0; gap:9px; align-items:center; justify-content:var(--ff-hs-align,flex-start); flex-wrap:wrap; }
.ff-hero-studio .ff-hs__prices { display:flex; min-width:0; gap:9px; flex-wrap:wrap; justify-content:var(--ff-hs-align,flex-start); }
.ff-hero-studio .ff-hs__chip { display:inline-flex; align-items:center; justify-content:center; min-height:38px; max-width:100%; padding:9px 12px; border:1px solid var(--ff-hero-border,var(--ff-border-strong,#bfc4bf)); background:transparent; font:400 11px/1.2 var(--ff-body); white-space:normal; overflow-wrap:anywhere; }
.ff-hero-studio .ff-hs__chip--shipping { border-color:var(--ff-hero-border,#b69e5d); color:#665b35; }

.ff-hero-studio .ff-hs__actions { display:flex; gap:12px; flex-wrap:wrap; justify-content:var(--ff-hs-align,flex-start); max-width:100%; }
.ff-hero-studio .ff-hs__actions .ff-btn { width:max-content; max-width:100%; }
.ff-hero-studio .ff-hs__trust,
.ff-hero-studio .ff-hs__social { margin:0; max-width:100%; color:var(--ff-hero-subtext,#4e5b55); font-size:13px; line-height:1.45; overflow-wrap:anywhere; }
.ff-hero-studio .ff-hs__trust { display:flex; gap:8px; align-items:flex-start; }
.ff-hero-studio .ff-hs__trust span { flex:0 0 auto; display:inline-grid; place-items:center; width:19px; height:19px; border-radius:50%; background:var(--ff-ink,#17251f); color:#fff; font-size:11px; }
.ff-hero-studio .ff-hs__social { margin-top:6px; }

.ff-hero-studio .ff-hs__visual { min-width:0; width:100%; align-self:stretch; display:grid; place-items:center; }
.ff-hero-studio .ff-hs__visual-card { position:relative; width:100%; max-width:100%; min-width:0; margin:0; border:1px solid var(--ff-hs-visual-border,#e6e0d6); border-radius:var(--ff-hs-visual-radius,28px); background:var(--ff-hs-visual-bg,#f6f4f0); overflow:hidden; box-shadow:0 20px 50px rgba(24,36,30,.07); }
.ff-hero-studio .ff-hs__visual-card--image { aspect-ratio:var(--ff-hero-img-ratio,4 / 5); }
.ff-hero-studio .ff-hs__visual-card--image picture { display:block; width:100%; height:100%; }
.ff-hero-studio .ff-hs__image { display:block; width:100%; height:100%; object-fit:var(--ff-hero-img-fit,cover); object-position:var(--ff-hero-img-x,50%) var(--ff-hero-img-y,50%); }
.ff-hero-studio .ff-hs__product-link { display:block; color:inherit; text-decoration:none; }
.ff-hero-studio .ff-hs__product-image { display:grid; place-items:center; min-height:360px; padding:32px 36px 10px; }
.ff-hero-studio .ff-hs__product-image img { display:block; width:min(76%,360px); height:auto; max-height:360px; object-fit:contain; filter:drop-shadow(0 20px 22px rgba(18,28,23,.13)); }
.ff-hero-studio .ff-hs__product-copy { padding:10px 24px 30px; text-align:center; display:flex; flex-direction:column; gap:6px; }
.ff-hero-studio .ff-hs__product-name { color:inherit; text-decoration:none; font:400 24px/1.15 var(--ff-display); }
.ff-hero-studio .ff-hs__product-copy small { font:500 10px/1.4 var(--ff-body); letter-spacing:.08em; text-transform:uppercase; color:#8a8d88; }
.ff-hero-studio .ff-hs__product-price { font-size:14px; font-weight:600; }
.ff-hero-studio .ff-hs__visual-badge { position:absolute; z-index:2; top:22px; display:inline-flex; align-items:center; justify-content:center; min-height:34px; max-width:44%; padding:7px 12px; border-radius:999px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,.07); font:600 11px/1.15 var(--ff-body); text-align:center; }
.ff-hero-studio .ff-hs__visual-badge--left { left:22px; }
.ff-hero-studio .ff-hs__visual-badge--right { right:22px; }

@media (min-width:768px) {
  .ff-hero-studio .ff-hs__commerce--d-prices_shipping { flex-direction:column; align-items:var(--ff-hs-align,flex-start); }
  .ff-hero-studio .ff-hs__commerce--d-prices_shipping .ff-hs__prices { width:auto; }
  .ff-hero-studio .ff-hs__commerce--d-stack { flex-direction:column; align-items:var(--ff-hs-align,flex-start); }
  .ff-hero-studio .ff-hs__commerce--d-stack .ff-hs__prices { flex-direction:column; align-items:var(--ff-hs-align,flex-start); }
  .ff-hero-studio .ff-hs__actions--d-stack { flex-direction:column; align-items:var(--ff-hs-align,flex-start); }
  .ff-hero-studio.ff-hs--d-visual-left .ff-hs__visual { order:-1; }
  .ff-hero-studio.ff-hs--d-visual-left .ff-hs__inner { grid-template-columns:minmax(0,var(--ff-hs-visual-col,46%)) minmax(0,calc(100% - var(--ff-hs-visual-col,46%) - var(--ff-hero-gap,56px))); }
  .ff-hero-studio.ff-hs--d-centered .ff-hs__inner { grid-template-columns:minmax(0,1fr); max-width:min(100%,1100px); }
  .ff-hero-studio.ff-hs--d-centered .ff-hs__copy { width:min(100%,820px); justify-self:center; }
  .ff-hero-studio.ff-hs--d-centered .ff-hs__visual { width:min(100%,720px); justify-self:center; }
  .ff-hero-studio.ff-hs--d-text_only .ff-hs__inner { grid-template-columns:minmax(0,1fr); }
  .ff-hero-studio.ff-hs--d-text_only .ff-hs__copy { width:min(100%,880px); }
  .ff-hero-studio.ff-hs--d-text_only .ff-hs__visual { display:none; }
  .ff-hero-studio.ff-hs--d-visual_only .ff-hs__inner { grid-template-columns:minmax(0,1fr); }
  .ff-hero-studio.ff-hs--d-visual_only .ff-hs__copy { display:none; }
  .ff-hero-studio.ff-hs--d-visual_only .ff-hs__visual { width:min(100%,820px); justify-self:center; }
}

@media (min-width:768px) and (max-width:1023px) {
  .ff-hero-studio .ff-hs__inner { --ff-hero-gap:28px; --ff-hs-visual-col:42%; min-height:480px; }
  .ff-hero-studio .ff-hs__product-image { min-height:300px; padding-inline:22px; }
  .ff-hero-studio .ff-hs__product-name { font-size:20px; }
}

@media (max-width:767px) {
  .ff-hero-studio .ff-hs__inner { min-height:var(--ff-hero-m-min-h,0); padding:var(--ff-hero-m-pad-t,16px) var(--ff-pad,12px) var(--ff-hero-m-pad-b,28px); display:flex; flex-direction:column; gap:var(--ff-hero-m-gap,18px); }
  .ff-hero-studio .ff-hs__copy { width:100%; gap:var(--ff-hs-gap-m,10px); }
  .ff-hero-studio .ff-hs__title { width:min(100%,var(--ff-hero-t-mw-m,12ch)); font-size:var(--ff-hero-t-m,34px); line-height:var(--ff-hero-t-lh-m,1.05); }
  .ff-hero-studio .ff-hs__title-accent { font-size:var(--ff-hs-accent-m,31px); }
  .ff-hero-studio .ff-hs__lead { width:min(100%,var(--ff-hero-s-mw-m,40ch)); font-size:var(--ff-hero-s-m,14px); line-height:var(--ff-hero-s-lh-m,1.5); }
  .ff-hero-studio .ff-hs__chip { min-height:34px; padding:7px 9px; font-size:10px; }
  .ff-hero-studio .ff-hs__commerce--m-prices_shipping { flex-direction:column; align-items:var(--ff-hs-align,flex-start); }
  .ff-hero-studio .ff-hs__commerce--m-prices_shipping .ff-hs__prices { width:100%; }
  .ff-hero-studio .ff-hs__commerce--m-all_row { flex-direction:row; }
  .ff-hero-studio .ff-hs__commerce--m-stack { flex-direction:column; align-items:var(--ff-hs-align,flex-start); }
  .ff-hero-studio .ff-hs__commerce--m-stack .ff-hs__prices { width:100%; flex-direction:column; align-items:var(--ff-hs-align,flex-start); }
  .ff-hero-studio .ff-hs__prices { max-width:100%; }
  .ff-hero-studio .ff-hs__actions--m-stack { width:100%; flex-direction:column; align-items:stretch; }
  .ff-hero-studio .ff-hs__actions--m-stack .ff-btn { width:100%; }
  .ff-hero-studio .ff-hs__actions--m-row { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ff-hero-studio .ff-hs__actions--m-row .ff-btn { width:100%; min-width:0; }
  .ff-hero-studio .ff-hs__visual { width:100%; }
  .ff-hero-studio .ff-hs__visual-card { border-radius:min(var(--ff-hs-visual-radius,28px),24px); }
  .ff-hero-studio .ff-hs__product-image { min-height:260px; padding:28px 22px 8px; }
  .ff-hero-studio .ff-hs__product-image img { width:min(70%,270px); max-height:280px; }
  .ff-hero-studio .ff-hs__product-copy { padding:8px 18px 22px; }
  .ff-hero-studio .ff-hs__product-name { font-size:20px; }
  .ff-hero-studio .ff-hs__visual-badge { top:14px; max-width:46%; min-height:30px; padding:6px 10px; font-size:10px; }
  .ff-hero-studio .ff-hs__visual-badge--left { left:14px; }
  .ff-hero-studio .ff-hs__visual-badge--right { right:14px; }
  .ff-hero-studio.ff-hs--m-visual-top .ff-hs__visual { order:-1; }
  .ff-hero-studio.ff-hs--m-text_only .ff-hs__visual { display:none; }
  .ff-hero-studio.ff-hs--m-visual_only .ff-hs__copy { display:none; }
  .ff-hero-studio .ff-hs__zone,
  .ff-hero-studio .ff-hs__commerce,
  .ff-hero-studio .ff-hs__prices,
  .ff-hero-studio .ff-hs__actions { min-width:0; max-width:100%; }
  .ff-hero-studio .ff-hs__chip,
  .ff-hero-studio .ff-btn,
  .ff-hero-studio .ff-hs__title,
  .ff-hero-studio .ff-hs__lead { overflow-wrap:anywhere; }
}

@media (max-width:374px) {
  .ff-hero-studio .ff-hs__actions--m-row { grid-template-columns:minmax(0,1fr); }
  .ff-hero-studio .ff-hs__prices { gap:6px; }
  .ff-hero-studio .ff-hs__chip { padding-inline:7px; }
}
