@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;1,6..96,400&family=Jost:wght@400;500&family=Cinzel:wght@400&display=swap');
/* Ferraro · capa de estilo v335 para p/*.html y marcas/*.html (misma línea que la ficha de la tienda).
   No reemplaza el CSS del generador: lo afina encima. */
:root{--cr:#F5F2EC}
.pgrid{background:transparent!important;border:1px solid #E0DBD0!important;gap:0!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important}
.photo{position:relative;background:var(--cr)!important;min-height:600px!important}
.photo img{mix-blend-mode:multiply;filter:none!important;max-height:430px!important;max-width:72%!important}
.photo::after{content:"PERFUMERÍA ORIGINAL  ·  30 DÍAS DE GARANTÍA";position:absolute;left:24px;right:24px;bottom:22px;text-align:center;font-family:Jost,sans-serif;font-size:8.5px;letter-spacing:2.6px;color:#9E9890}
.info{padding:46px 48px 40px!important;position:relative}
.info-x{border:0!important;background:transparent!important;color:#6B6560!important;font-size:24px!important;font-weight:300!important}
.info-x:hover{color:#111!important}
.kick{font-family:Jost,sans-serif!important;font-size:9px!important;letter-spacing:4px!important;color:#8A6D10!important}
.info h1{font-family:'Bodoni Moda',Georgia,serif!important;font-weight:400!important;font-size:clamp(30px,3.4vw,42px)!important;line-height:1.06!important;margin:14px 0 10px!important;color:#111!important}
.h1-br{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.gen{font-family:Jost,sans-serif!important;font-size:9px!important;letter-spacing:2.6px!important;color:#9E9890!important}
.gen::after{content:"";display:block;width:38px;height:1px;background:#C9A96A;margin-top:20px}
.lead{font-family:Georgia,serif!important;font-size:14px!important;line-height:1.7!important;color:#6B6560!important;max-width:44ch;border:0!important}
.pres-label{font-family:Jost,sans-serif!important;font-size:8.5px!important;letter-spacing:2.6px!important;color:#9E9890!important;border:0!important;margin-top:26px!important}
.chips-sel{gap:8px!important}
.chips-sel .chip{font-family:Jost,sans-serif!important;font-size:9px!important;letter-spacing:1.8px!important;background:transparent!important;color:#6B6560!important;border:1px solid #E0DBD0!important;padding:12px 16px!important;transition:border-color .25s,color .25s}
.chips-sel .chip:hover{border-color:#111!important;color:#111!important}
.chips-sel .chip.active{color:#111!important;border-color:#111!important;background:transparent!important}
.info .price{font-size:24px!important;font-variant-numeric:lining-nums;font-feature-settings:'lnum' 1;border-top:1px solid #E0DBD0;padding-top:18px!important;margin-top:24px!important;color:#111!important}
.info .cta{font-family:Jost,sans-serif!important;font-size:10.5px!important;letter-spacing:3px!important;min-height:54px;display:flex!important;align-items:center;justify-content:center;padding:0 16px!important;box-sizing:border-box;transition:all .45s cubic-bezier(.22,.61,.36,1)!important}
#buy-cta.cta{background:#111!important;color:#fff!important;border:1px solid #111!important}
#buy-cta.cta:hover{background:#fff!important;color:#111!important}
.info:not(:has([data-consulta])) .cta.wa{min-height:0!important;border:0!important;background:transparent!important;color:#6B6560!important;font-size:9.5px!important;letter-spacing:2px!important;text-decoration:underline;text-underline-offset:3px;padding:12px 0 0!important}
.info:not(:has([data-consulta])) .cta.wa:hover{color:#111!important}
.pay{background:transparent!important;border:0!important;border-top:1px solid #E0DBD0!important;padding:18px 0 0!important;margin-top:20px!important}
.pay-free{font-family:Jost,sans-serif!important;font-size:9px!important;letter-spacing:2.2px!important;color:#2A241E!important;text-transform:uppercase}
.pay-free::before{content:none!important}
.pay-free{display:block!important;white-space:normal!important;line-height:1.7}
.pay-logos{flex-wrap:wrap!important;gap:8px 10px!important;margin-top:10px}
.sect .chips span{white-space:nowrap}
.pay-free b{color:#8A6D10!important;font-weight:400!important}
.pay-logos img{width:24px!important;height:24px!important}
.pay-other{font-family:Jost,sans-serif!important;font-size:8.5px!important;letter-spacing:1.6px!important;color:#9E9890!important}
.pay-note{font-family:Jost,sans-serif!important;font-size:9.5px!important;color:#9E9890!important}
.pay-note b{font-weight:500!important;color:#6B6560!important}
.trust{display:none!important}
.ssub{font-family:Jost,sans-serif!important;letter-spacing:3px!important;color:#8A6D10!important}
.shead{font-family:'Bodoni Moda',Georgia,serif!important;font-weight:400!important;font-size:24px!important}
.shead em{color:#8A6D10!important}
.pyr{background:transparent!important;border:0!important;border-top:1px solid #E0DBD0!important;border-bottom:1px solid #E0DBD0!important;gap:0!important}
.pyr>div{background:transparent!important;border-right:1px solid #E0DBD0;padding:18px 18px 18px 0!important}
.pyr>div+div{padding-left:18px!important}
.pyr>div:last-child{border-right:0}
.pyr h3{font-family:Jost,sans-serif!important;font-size:8px!important;letter-spacing:2.6px!important;color:#8A6D10!important;font-weight:400!important}
.pyr p{font-family:'Bodoni Moda',Georgia,serif!important;font-style:italic!important;font-size:14px!important;color:#2A241E!important}
.sect .chips span{background:transparent!important;border:0!important;border-bottom:1px solid #E0DBD0!important;padding:6px 0!important;margin-right:14px;font-family:Jost,sans-serif!important;font-size:9px!important;letter-spacing:2px!important;color:#6B6560!important}
.rel,.featgrid{background:transparent!important;border:0!important;gap:14px!important}
.fp-rc.fp-rc{background:#fff!important;border:1px solid #EEEAE2}
.fp-rc.fp-rc:hover{background:#FCFAF6!important}
.fp-rc.fp-rc .ph{background:var(--cr)!important}
.fp-rc.fp-rc .ph img{mix-blend-mode:multiply;filter:none!important;transition:transform 1.1s cubic-bezier(.22,.61,.36,1)!important}
.fp-rc.fp-rc:hover .ph img{transform:scale(1.04)!important}
.fp-rc.fp-rc .fp-eb{font-family:Jost,sans-serif!important;font-size:8.5px!important;letter-spacing:2.6px!important}
.fp-rc.fp-rc .nm{font-family:'Bodoni Moda',Georgia,serif!important;font-weight:400!important;font-size:16px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.fp-rc.fp-rc .pr{font-family:'Cinzel',Georgia,serif!important;font-variant-numeric:lining-nums;letter-spacing:.05em}
a.fp-buy.fp-buy{font-family:Jost,sans-serif!important;font-size:9.5px!important;letter-spacing:2.6px!important;min-height:44px;display:flex!important;align-items:center;justify-content:center;transition:all .45s cubic-bezier(.22,.61,.36,1)!important}
.relbrands a{border-color:#EEEAE2!important}
/* ── Páginas de marca ── */
.bhero{position:relative;min-height:clamp(420px,62vh,620px)!important;padding:90px 28px 64px!important;justify-content:flex-end!important;background-blend-mode:normal}
.bhero::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,6,4,.78) 0%,rgba(8,6,4,.25) 55%,rgba(8,6,4,.1) 100%);pointer-events:none}
.bhero>*{position:relative}
.bhero .sub{font-family:Jost,sans-serif!important;font-size:9px!important;letter-spacing:5px!important;color:rgba(255,255,255,.72)!important}
.bhero h1{font-family:'Bodoni Moda',Georgia,serif!important;font-style:normal!important;font-weight:400!important;font-size:clamp(40px,6vw,76px)!important;line-height:1.02!important;margin:16px 0 10px!important;color:#fff!important;text-wrap:balance}
.bhero .cnt{font-family:Jost,sans-serif!important;font-size:9px!important;letter-spacing:3.4px!important;color:#C9A96A!important}
.bhero .cnt::before{content:"";display:block;width:38px;height:1px;background:#C9A96A;margin:0 auto 16px}
.bhero .seemore{font-family:Jost,sans-serif!important;font-size:9.5px!important;letter-spacing:3px!important;border:1px solid rgba(255,255,255,.5)!important;padding:14px 28px!important;margin-top:28px!important;transition:all .45s cubic-bezier(.22,.61,.36,1)!important}
.crumb{font-family:Jost,sans-serif!important;letter-spacing:2px!important}
.intro p{font-family:Georgia,serif!important;font-size:16px!important;line-height:1.8!important;color:#6B6560!important;text-wrap:pretty}
.famchips{gap:6px 22px!important}
.famchips span{background:transparent!important;border:0!important;border-bottom:1px solid #C9A96A!important;padding:5px 0!important;font-family:Jost,sans-serif!important;font-size:9px!important;letter-spacing:2.6px!important;color:#8A6D10!important}
.toolbar{border-bottom:1px solid #E0DBD0;padding-bottom:0!important;margin-bottom:18px!important;align-items:flex-end!important}
.genfilter{gap:clamp(18px,2.6vw,34px)!important;margin-bottom:0!important}
.gf{background:transparent!important;border:0!important;border-bottom:1px solid transparent!important;padding:12px 0 13px!important;margin-bottom:-1px;font-family:Jost,sans-serif!important;font-size:9.5px!important;letter-spacing:3px!important;color:#6B6560!important;transition:color .3s,border-color .3s!important}
.gf:hover{color:#111!important}
.gf.active{color:#111!important;border-bottom-color:#C9A96A!important;background:transparent!important}
.sortwrap{padding-bottom:8px}
.sortwrap label{font-family:Jost,sans-serif!important;letter-spacing:2.4px!important}
.sortwrap select{font-family:Jost,sans-serif!important;font-size:9.5px!important;letter-spacing:1.6px!important;border:0!important;border-bottom:1px solid #E0DBD0!important;background:transparent!important;padding:8px 18px 8px 0!important;color:#111!important}
.counter{font-family:Jost,sans-serif!important;font-size:9px!important;letter-spacing:2.4px!important;color:#9E9890!important}
.fp-q{display:flex;align-items:center;gap:10px;flex:1 1 220px;max-width:300px;margin:0 clamp(12px,3vw,40px) 0 auto;padding:0 0 9px;border-bottom:1px solid #E0DBD0;color:#9E9890;transition:border-color .3s,color .3s}
.fp-q:focus-within{border-bottom-color:#111;color:#111}
.fp-q input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:'Bodoni Moda',Georgia,serif;font-style:italic;font-size:14px;color:#111;padding:4px 0}
.fp-q input::placeholder{color:#9E9890}
.fp-q input::-webkit-search-cancel-button{opacity:.5}
.fp-q-vacio{padding:48px 20px;text-align:center;font-family:'Bodoni Moda',Georgia,serif;font-size:18px;color:#2A241E}
.fp-q-vacio button{display:block;margin:16px auto 0;background:transparent;border:1px solid #111;padding:13px 26px;cursor:pointer;font-family:Jost,sans-serif;font-size:9.5px;letter-spacing:2.6px;color:#111;text-transform:uppercase;transition:all .4s}
.fp-q-vacio button:hover{background:#111;color:#fff}
.featgrid>a,.featgrid .fp-rc{background:#fff!important}
a.fp-buy.fp-buy{background:#111!important;color:#fff!important;border:1px solid #111!important}
a.fp-buy.fp-buy:hover{background:#fff!important;color:#111!important}
.featgrid .ph{background:var(--cr)!important}
.featgrid img{mix-blend-mode:multiply;filter:none!important}
.featgrid .nm{font-family:'Bodoni Moda',Georgia,serif!important;font-weight:400!important}
.more{font-family:Jost,sans-serif!important;font-size:9.5px!important;letter-spacing:3px!important;border:1px solid #111!important;padding:16px 32px!important;transition:all .45s cubic-bezier(.22,.61,.36,1)!important}
.more:hover{background:#111!important;color:#fff!important}
.relbrands{display:flex!important;flex-wrap:wrap;gap:12px;justify-content:center}
.relbrands a{display:flex!important;align-items:center;justify-content:center;border:1px solid #EEEAE2;padding:22px 30px;min-width:170px;height:96px;box-sizing:border-box}
.relbrands img{max-height:48px!important;max-width:130px!important;width:auto;height:auto;object-fit:contain}
.relbrands a{background:#fff!important;transition:border-color .3s,box-shadow .3s!important}
.relbrands a:hover{border-color:#111!important;box-shadow:none!important}
footer{font-family:Jost,sans-serif!important;letter-spacing:2.4px!important}
@media(max-width:760px){
  .bhero{min-height:380px!important;padding:70px 20px 48px!important}
  .toolbar{flex-direction:column!important;align-items:stretch!important}
  .fp-q{max-width:none;margin:14px 0 0;order:2}
  .genfilter{gap:18px!important;overflow-x:auto;flex-wrap:nowrap!important}
  .pgrid{grid-template-columns:1fr!important}
  .photo{min-height:380px!important}
  .photo img{max-height:280px!important}
  .info{padding:30px 22px!important}
  .info h1{font-size:32px!important}
  .pyr>div{padding:14px 10px 14px 0!important}
  .pyr>div+div{padding-left:10px!important}
  .pyr p{font-size:12.5px!important}
  .rel,.featgrid{gap:10px!important}
}

/* Móvil: la cabecera no cabía (logo + MARCAS + BOUTIQUE ONLINE) y la página se desplazaba de lado */
@media(max-width:560px){
  header{padding:14px 16px!important}
  .wordmark img{max-width:46vw!important}
  .hlinks{gap:8px!important}
  .hlinks a:not(.gold){display:none!important}
  .hlinks a{padding:9px 12px!important;letter-spacing:1.6px!important}
}
