/* Header Plantify (inc/header.php): port del CSS de js/header.js del mockup. Black por defecto; White con [data-estilo="white"]. */
/* fuera el header y la barra inferior de WoodMart */
body.pf-header-propio .whb-header,body.pf-header-propio .wd-toolbar,body.pf-header-propio .whb-sticky-placeholder{display:none!important}

#hdr.ph,#ph-mn,.ph-lp{--texto:var(--pf-texto);--disp:var(--pf-disp);--pb:#fff;--pf:#111;--pm:#6b6b67;--pl:#eeede9;--ph:#f3f2ef;--pc:#e9e8e4;--pt:#111;--ptf:#fff}
[data-estilo="black"] #hdr.ph,[data-estilo="black"] #ph-mn,[data-estilo="black"] .ph-lp{--pb:#111;--pf:#f4f3f0;--pm:#a4a39e;--pl:#ffffff1c;--ph:#ffffff12;--pc:#1e1e1e;--pt:#f4f3f0;--ptf:#111}
/* reset frente a los estilos globales de WoodMart (botones, enlaces, títulos, inputs) */
#hdr,#hdr *,#ph-mn,#ph-mn *{box-sizing:border-box}
#hdr a,#ph-mn a{color:inherit;text-decoration:none}
#hdr button,#ph-mn button{min-height:0;text-transform:none;letter-spacing:normal;box-shadow:none;line-height:normal;font-family:var(--texto)}
#hdr h5,#ph-mn h4,#ph-mn h6{text-transform:none;letter-spacing:normal}
#hdr .pfi,#ph-mn .pfi{display:block;flex:none}
.ph-lo-w{display:none!important}
[data-estilo="white"] .ph-lo-d{display:none!important}[data-estilo="white"] .ph-lo-w{display:block!important}
.ph-skip{position:absolute;left:-9999px}.ph-skip:focus{left:16px;top:8px;z-index:99;background:#fff;color:#111;padding:8px 12px;border-radius:6px}

html body #hdr.ph{position:sticky;top:0;z-index:60;background:var(--pb);color:var(--pf);border-bottom:1px solid var(--pl);transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .2s;font-family:var(--texto)}
.admin-bar #hdr.ph{top:32px}
@media (max-width:782px){.admin-bar #hdr.ph{top:0}}
#hdr.ph.ph-scrolled{box-shadow:0 6px 24px #00000014}
#hdr.ph.ph-hide{transform:translateY(-100%)}
#hdr.ph .ph-in{max-width:1440px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:24px}
/* barra de avisos */
#hdr .ph-top{position:relative;background:#000;color:#fff;font-size:12.5px;letter-spacing:.02em;border-bottom:1px solid #ffffff14}
#hdr.top-off .ph-top{display:none}
#hdr .ph-topin{display:flex;justify-content:center;gap:36px;padding:9px 48px}
#hdr .ph-topin>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;opacity:.92}
#hdr .ph-topin .pfi{width:15px;height:15px}
#hdr .ph-topx{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:inherit;padding:8px;border-radius:50%;cursor:pointer;opacity:.75;display:grid}
#hdr .ph-topx:hover{opacity:1;background:#ffffff1f}#hdr .ph-topx .pfi{width:16px;height:16px}
[data-estilo="white"] #hdr .ph-top{background:#F7EEE9;color:#7D706A;border:0}
/* fila principal */
#hdr .ph-main .ph-in{height:70px}
#hdr .ph-burger{display:none;background:none;border:0;padding:6px;margin-left:-6px;cursor:pointer;color:inherit}
#hdr .ph-burger .pfi{width:24px;height:24px}
#hdr .ph-logo{flex:none;display:block}#hdr .ph-logo img{height:42px;width:auto;display:block}
/* buscador: siempre blanco, botón redondo dentro */
#hdr .ph-search{flex:1;max-width:780px;position:relative;display:flex;align-items:center;margin:0 auto;height:42px;background:#fff;border:1.5px solid #d6d4ce;border-radius:999px;padding:0 4px 0 0;transition:border-color .2s,box-shadow .2s}
[data-estilo="black"] #hdr .ph-search{border-color:#fff}
#hdr .ph-search:focus-within{border-color:#111;box-shadow:0 0 0 4px #ffffff26}
[data-estilo="white"] #hdr .ph-search:focus-within{box-shadow:0 0 0 4px #0000000d}
#hdr .ph-search input[type=search]{flex:1;height:100%;min-height:0;border:0;border-radius:999px;padding:0 18px;font:500 14px var(--texto);color:#111;background:transparent;outline:0;min-width:0;box-shadow:none}
#hdr .ph-search input::-webkit-search-cancel-button{display:none}
#hdr .ph-hint{position:absolute;left:19px;right:50px;top:0;bottom:0;pointer-events:none;overflow:hidden;color:#8a8a86;font:500 14px var(--texto);transition:opacity .2s}
#hdr .ph-hint span{position:absolute;left:0;right:0;top:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(40%);transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.2,1)}
#hdr .ph-hint span.on{opacity:1;transform:translateY(-50%)}
#hdr .ph-hint span.out{opacity:0;transform:translateY(-140%)}
#hdr .ph-search.typed .ph-hint,#hdr .ph-search:focus-within .ph-hint{opacity:0}
#hdr .ph-sbtn{width:32px;height:32px;flex:none;border:0;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .15s}
#hdr .ph-sbtn:hover{transform:scale(1.06);background:#000}
#hdr .ph-sbtn .pfi{width:16px;height:16px}
/* acciones */
#hdr .ph-acts{display:flex;align-items:center;gap:6px;flex:none}
#hdr .ph-ic{position:relative;display:flex;align-items:center;gap:8px;background:none;border:0;padding:9px 10px;border-radius:6px;cursor:pointer;color:inherit;font:600 13.5px var(--texto)}
#hdr .ph-ic .pfi{width:24px;height:24px}
#hdr .ph-cart .cart-count{position:absolute;top:2px;left:24px;min-width:18px;height:18px;border-radius:9px;background:var(--pt);color:var(--ptf);font-size:10.5px;font-weight:700;line-height:1;display:none;place-items:center;padding:0 5px;box-shadow:0 0 0 2px var(--pb)}
#hdr .ph-cart .cart-count.on{display:grid}
#hdr .ph-ic.ph-schtoggle,#hdr .ph-lbl{display:none}
#hdr .ph-acc{position:relative}
#hdr .ph-accpop{position:absolute;right:0;top:calc(100% + 6px);width:270px;background:var(--pb);color:var(--pf);border:1px solid var(--pl);border-radius:10px;box-shadow:0 18px 50px #00000026;padding:18px;display:grid;gap:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:5}
#hdr .ph-acc:hover .ph-accpop,#hdr .ph-acc:focus-within .ph-accpop{opacity:1;visibility:visible;transform:none}
#hdr .ph-accpop small{color:var(--pm);font-size:12.5px;margin-bottom:4px}
#hdr .ph-accpop hr{border:0;border-top:1px solid var(--pl);margin:6px 0}
#hdr .ph-accpop>a:not(.ph-btn):not(.ph-lnk){display:flex;align-items:center;gap:10px;font-size:13.5px;padding:5px 0}
#hdr .ph-accpop>a:hover{text-decoration:underline}#hdr .ph-accpop .pfi{width:18px;height:18px}
.ph-btn{height:46px;border-radius:999px;border:1.5px solid #111;background:#111;color:#fff;font:700 14px var(--texto);cursor:pointer;width:100%;display:flex!important;align-items:center;justify-content:center;gap:8px;text-decoration:none!important}
.ph-btn .pfi{width:20px;height:20px}
#hdr .ph-accpop .ph-btn,#ph-mn .ph-btn{background:var(--pt);color:var(--ptf);border-color:var(--pt)}
.ph-lnk{font:600 13px var(--texto);text-decoration:underline!important;text-align:center}
/* navegación */
#hdr .ph-nav{border-top:1px solid var(--pl);position:relative}
#hdr .ph-nav>.ph-in{height:46px;justify-content:space-between;gap:0}
#hdr .ph-prim{display:flex;align-items:stretch;height:100%}
#hdr .ph-ni{display:flex;align-items:stretch}
#hdr .ph-nl{display:flex;align-items:center;gap:6px;padding:0 18px;font:700 14.5px var(--disp);color:var(--pf);letter-spacing:.01em;position:relative;white-space:nowrap;transition:opacity .2s}
#hdr .ph-prim .ph-ni:first-child .ph-nl{padding-left:0}
#hdr .ph-nl::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:var(--pf);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
#hdr .ph-prim .ph-ni:first-child .ph-nl::after{left:0}
#hdr .ph-ni.open .ph-nl::after,#hdr .ph-nl:hover::after{transform:scaleX(1)}
#hdr .ph-nav.has-open .ph-ni:not(.open) .ph-nl{opacity:.55}
#hdr .ph-ni.hot .ph-nl{color:#458236}
#hdr .ph-ni.hot .ph-nl::before{content:"";width:6px;height:6px;border-radius:50%;background:#458236}
/* megamenú: 3 columnas de texto + 2 destacados de 304 px, alto máx. 460 */
#hdr .ph-mega{position:absolute;left:0;right:0;top:100%;background:var(--pb);color:var(--pf);border-top:1px solid var(--pl);box-shadow:0 30px 40px -20px #00000040;opacity:0;visibility:hidden;transition:opacity .12s,visibility 0s .12s;max-height:min(460px,calc(100dvh - 172px));overflow:auto}
#hdr .ph-ni.open .ph-mega{opacity:1;visibility:visible;transition:opacity .12s}
#hdr .ph-mw{max-width:1440px;margin:0 auto;padding:24px 32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 304px 304px;gap:24px;align-items:start}
#hdr .ph-col{display:flex;flex-direction:column;min-width:0}
#hdr .ph-col h5{font:700 16px/22px var(--disp);margin:0 0 10px;color:var(--pf)}
#hdr .ph-col h5 a:hover{text-decoration:underline}
#hdr .ph-col>a{font-size:14px;line-height:20px;padding:6px 0;color:var(--pf);opacity:.82;display:block;transition:opacity .15s}
#hdr .ph-col>a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
#hdr .ph-col>a em{margin-left:8px;vertical-align:1px}
#hdr em,#ph-mn em{display:inline-block;font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.02em;background:var(--pt);color:var(--ptf);border-radius:99px;padding:2px 8px;line-height:1.4;white-space:nowrap}
.ph-sw{display:grid;gap:0;margin:0 0 2px}
.ph-sw a{display:flex;align-items:center;gap:10px;font-size:14px;line-height:20px;padding:6px 0;opacity:.82}
.ph-sw a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.ph-sw i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a,0 0 0 1px var(--pl);flex:none}
[data-estilo="black"] .ph-sw i{box-shadow:0 0 0 1.5px #ffffff4d}
#hdr .ph-dest{display:flex;flex-direction:column;color:var(--pf);min-width:0}
#hdr .ph-dimg{display:block;aspect-ratio:8/5;border-radius:8px;overflow:hidden;background:var(--pf-plomo,#e9e8e4);margin-bottom:12px}
#hdr .ph-dimg img{width:100%;height:100%;object-fit:cover;display:block}
#hdr .ph-dest b{font:700 16px/22px var(--disp)}
#hdr .ph-dest small{font-size:14px;line-height:20px;color:var(--pm);margin-top:2px}
#hdr .ph-dcta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:10px;font-size:14px}
#hdr .ph-dcta u{text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px}
#hdr .ph-dcta u .pfi{width:15px;height:15px;transition:transform .2s}
#hdr .ph-dest:hover .ph-dcta u{text-decoration:underline;text-underline-offset:3px}#hdr .ph-dest:hover .ph-dcta .pfi{transform:translateX(3px)}
#hdr .ph-dcta i{font-style:normal;font-weight:700;white-space:nowrap}#hdr .ph-dcta s{color:var(--pm);font-weight:400;margin-left:4px}
#hdr .ph-mfoot{border-top:1px solid var(--pl)}
#hdr .ph-mfin{max-width:1440px;margin:0 auto;padding:0 32px;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:24px}
#hdr .ph-trust{display:flex;gap:22px;font-size:13px;color:var(--pm)}
#hdr .ph-trust span{display:inline-flex;align-items:center;gap:7px}#hdr .ph-trust .pfi{width:16px;height:16px}
#hdr .ph-mwa{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--texto);color:var(--pf)}
#hdr .ph-mwa .pfi{width:18px;height:18px;color:#25D366}
#hdr .ph-mwa:hover{text-decoration:underline;text-underline-offset:3px}
#hdr .ph-mega a:focus-visible{outline:2px solid var(--pf);outline-offset:2px;border-radius:4px}
/* fondo oscurecido (mismo velo que el carrito lateral) */
.ph-dim{position:fixed;inset:0;background:#0d0d0d59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;z-index:59}
body.ph-dimmed .ph-dim{opacity:1;visibility:visible;transition:opacity .3s}
body.ph-lock{overflow:hidden}
/* menú móvil por niveles */
#ph-mn{position:fixed;inset:0;z-index:99999;visibility:hidden;transition:visibility 0s .3s}
#ph-mn::before{content:"";position:absolute;inset:0;background:#0d0d0d80;opacity:0;transition:opacity .3s}
#ph-mn.open{visibility:visible;transition:none}#ph-mn.open::before{opacity:1}
.ph-mnp{position:absolute;left:0;top:0;bottom:0;width:min(88vw,390px);background:var(--pb);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);font-family:var(--texto);color:var(--pf)}
#ph-mn.open .ph-mnp{transform:none}
.ph-mnp>header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--pl)}
.ph-mnp .ph-logo img{height:32px;width:auto;display:block}
#ph-mn .ph-x{background:none;border:0;padding:6px;cursor:pointer;color:var(--pf);display:grid}#ph-mn .ph-x .pfi{width:22px;height:22px}
.ph-views{position:relative;flex:1;overflow:hidden}
.ph-v{position:absolute;inset:0;overflow-y:auto;padding:6px 0 24px;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);background:var(--pb);visibility:hidden}
.ph-v.on{transform:none;visibility:visible}.ph-v.left{transform:translateX(-30%);visibility:visible}
#ph-mn .ph-v h6{font:800 16px var(--disp);margin:18px 16px 8px;color:var(--pf)}
#ph-mn .ph-row{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;border-bottom:1px solid var(--pl);border-radius:0;padding:12px 16px;font:500 16px var(--texto);color:var(--pf);text-align:left;cursor:pointer;justify-content:flex-start}
#ph-mn .ph-row.sm{font-size:15px;padding:10px 16px}
.ph-row>i{margin-left:auto;display:grid;color:var(--pm);font-style:normal}.ph-row>i .pfi{width:18px;height:18px}
#ph-mn .ph-row.hot{color:#6fae5c;font-weight:700}
[data-estilo="white"] #ph-mn .ph-row.hot{color:#458236}
.ph-ri{width:40px;height:40px;border-radius:50%;background:var(--ph);display:grid;place-items:center;flex:none}
.ph-ri .pfi{width:21px;height:21px}.ph-row.sm .ph-ri{width:34px;height:34px;background:none}
.ph-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}
.ph-cards a{display:grid;gap:2px;font-size:12.5px;color:var(--pm)!important}
.ph-cards img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--pf-plomo,#e9e8e4);margin-bottom:6px}
.ph-cards b{font:800 15px var(--disp);color:var(--pf)}
#ph-mn .ph-back{display:flex;align-items:center;gap:6px;background:none;border:0;padding:12px 16px 4px;font:600 14px var(--texto);color:var(--pm);cursor:pointer}
.ph-back .pfi{width:16px;height:16px}
#ph-mn .ph-v h4{font:800 24px var(--disp);margin:4px 16px 4px;color:var(--pf)}
.ph-v:not([data-v="root"])>a{display:block;padding:11px 16px;font-size:15.5px;border-bottom:1px solid var(--pl);color:var(--pf)}
.ph-v:not([data-v="root"])>a em{margin-left:8px;vertical-align:1px}
.ph-v .ph-sw{padding:0 16px}
.ph-v>.ph-all{font-weight:700;border-bottom:0!important;margin-top:8px;display:flex!important;align-items:center;gap:6px}.ph-all .pfi{width:16px;height:16px}
.ph-mnp>footer{padding:14px 16px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--pl)}
/* responsive */
@media (max-width:1365px){#hdr .ph-mw{grid-template-columns:repeat(3,minmax(0,1fr)) 304px}#hdr .ph-dest:last-child{display:none}}
@media (max-width:1279px){#hdr .ph-nl{padding:0 13px}#hdr .ph-nl::after{left:13px;right:13px}#hdr .ph-trust span:nth-child(3){display:none}}
@media (max-width:1023px){
  #hdr.ph .ph-in{padding:0 16px;gap:10px}
  #hdr .ph-topin{justify-content:flex-start;padding:8px 44px 8px 16px;height:34px;position:relative;overflow:hidden}
  #hdr .ph-topin>span{position:absolute;left:0;right:40px;justify-content:center;opacity:0;transform:translateY(8px);transition:.35s}
  #hdr .ph-topin>span.on{opacity:.95;transform:none;transition-delay:.3s}
  #hdr .ph-main .ph-in{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:12px;row-gap:10px}
  #hdr .ph-burger{display:grid}
  #hdr .ph-logo img{height:32px}
  #hdr .ph-acts{margin-left:auto;gap:0}
  #hdr .ph-ic{padding:8px}
  #hdr .ph-accpop{display:none}
  #hdr .ph-ic.ph-schtoggle{display:flex}
  #hdr .ph-search{order:5;flex:0 0 100%;max-width:none;height:44px;display:none}
  #hdr.ph-search-open .ph-search{display:flex}
  #hdr .ph-search input[type=search],#hdr .ph-hint{font-size:16px}#hdr .ph-hint{left:19px;right:56px}
  #hdr .ph-sbtn{width:34px;height:34px}
  #hdr .ph-nav{display:none}
}
/* «Enviar a» (js/header.js del mockup): botón con pin y bandera + selector Lima y Callao / Provincias. */
#hdr .ph-loc{display:flex;flex-direction:row-reverse;align-items:center;gap:9px;background:none;border:0;padding:8px 10px;border-radius:6px;cursor:pointer;color:inherit;text-align:right;font-family:inherit}
#hdr .ph-loc:hover,#hdr .ph-loc[aria-expanded="true"]{background:var(--ph)}
#hdr .ph-loc>span:last-child{display:grid;line-height:1.15}#hdr .ph-loc small{font-size:11.5px;color:var(--pm)}
#hdr .ph-loc b{font-size:13.5px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ph-flag{width:26px;height:18px;border-radius:3px;box-shadow:0 0 0 1px #0000001f;flex:none;display:block}
.ph-pin{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:none}
.ph-pin .pfi{width:25px;height:25px}
.ph-pin .ph-flag{position:absolute;top:-3px;right:-6px;width:13px;height:9px;border-radius:2px;box-shadow:0 0 0 1.5px var(--pb,#fff)}
#ph-mn .ph-grow{flex:1;min-width:0}
.ph-lp{position:fixed;inset:0;z-index:100000;visibility:hidden;transition:visibility 0s .25s}
.ph-lp::before{content:"";position:absolute;inset:0;background:#0d0d0d59;opacity:0;transition:opacity .25s}
.ph-lp.open{visibility:visible;transition:none}.ph-lp.open::before{opacity:1}
.ph-lpb{position:absolute;width:380px;box-sizing:border-box;background:var(--pb);color:var(--pf);border:1px solid var(--pl);border-radius:12px;box-shadow:0 24px 60px #00000040;padding:20px;display:grid;gap:14px;font-family:var(--texto);opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .2s,transform .28s cubic-bezier(.2,.7,.2,1)}
.ph-lp.open .ph-lpb{opacity:1;transform:none}
.ph-lpb>.ph-x{position:absolute;right:10px;top:10px;color:inherit;background:none;border:0;padding:6px;cursor:pointer;display:grid}
.ph-lpb>.ph-x .pfi{width:20px;height:20px}
.ph-lph{display:flex;gap:12px;align-items:flex-start;padding-right:28px}
.ph-lph .ph-flag{width:30px;height:20px;margin-top:2px}
.ph-lph b{font:800 17px var(--disp);display:block}.ph-lph small{font-size:13px;color:var(--pm)}
.ph-lpt{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--ph);border-radius:999px;padding:4px}
.ph-lpt button{position:relative;z-index:1;height:36px;border:0;background:none;border-radius:999px;font:600 13.5px var(--texto);color:var(--pm);cursor:pointer;transition:color .2s}
.ph-lpt button.on{color:var(--ptf)}
.ph-lpt i{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:999px;background:var(--pt);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.ph-lpt.prov i{transform:translateX(100%)}
.ph-lps{display:flex;align-items:center;gap:8px;height:44px;box-sizing:border-box;border-radius:8px;background:#fff;border:1.5px solid #d6d4ce;padding:0 12px;color:#8a8a86;margin:0}
.ph-lps:focus-within{border-color:#111}
.ph-lps .pfi{width:17px;height:17px;flex:none}
.ph-lps input{flex:1;border:0;outline:0;box-shadow:none;font:500 15px var(--texto);color:#111;background:none;min-width:0;height:auto;padding:0}
.ph-lpl{max-height:300px;overflow:auto;margin:0 -8px;padding:0 8px}
.ph-lpl h6{position:sticky;top:0;z-index:1;background:var(--pb);font:800 11.5px var(--disp);letter-spacing:.05em;text-transform:uppercase;color:var(--pm);margin:8px 0 2px;padding:6px 0 4px}
.ph-lpl h6:first-child{margin-top:0}
.ph-lpl button{display:flex;align-items:center;gap:10px;border:0;background:none;color:inherit;padding:9px 8px;margin:0 -8px;width:calc(100% + 16px);border-radius:8px;font:500 14.5px var(--texto);text-align:left;cursor:pointer}
.ph-lpl button:hover,.ph-lpl button.sel{background:var(--ph)}
.ph-lpl button small{margin-left:auto;color:var(--pm);font-size:12px;white-space:nowrap}
.ph-lpl button .pfi{width:16px;height:16px;flex:none;opacity:.6}
.ph-lpl .ph-lpe{font-size:13.5px;color:var(--pm);padding:8px 0;margin:0}
.ph-lpl .ph-lpe a{color:var(--pf);font-weight:700;text-decoration:underline}
@media (max-width:1023px){
  #hdr .ph-loc{padding:6px 8px}#hdr .ph-loc>span:last-child{display:none}
  .ph-lpb{left:0!important;right:0;top:auto!important;bottom:0;width:auto;border-radius:12px 12px 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom));transform:translateY(100%);transform-origin:bottom}
  .ph-lpl{max-height:45vh}
}
@media (prefers-reduced-motion:reduce){.ph-lpb,.ph-lpt i{transition:none!important}}
/* Portada: header transparente sobre el banner (variante A del mockup, js/hdr-variantes.js). header.js pone data-hv="a" y .hv-clear. */
html[data-hv="a"] body #hdr.ph{position:fixed;left:0;right:0;top:0;transition:transform .32s cubic-bezier(.2,.7,.2,1),background-color .45s ease,border-color .45s,box-shadow .3s}
html[data-hv="a"] body.admin-bar #hdr.ph{top:32px}
@media (max-width:782px){html[data-hv="a"] body.admin-bar #hdr.ph{top:0}}
html[data-hv="a"] .hero.con-vitrina{box-sizing:content-box;padding-top:var(--hh,0px)}
html[data-hv="a"] .hero-slide{padding-top:var(--hh,0px)}
html[data-hv="a"] .hero-dots{top:calc(var(--hh,0px) + 22px)}
html[data-hv="a"] .hero-arrow{margin-top:calc(var(--hh,0px) / 2 - 23px)}
.hv-velo{position:absolute;left:0;right:0;top:0;height:calc(var(--hh,0px) + 70px);z-index:2;pointer-events:none;background:linear-gradient(180deg,#0000008c 0%,#00000033 60%,#0000 100%)}
html:not([data-hv]) .hv-velo{display:none}
html[data-hv="a"] #hdr .ph-top,html[data-hv="a"] #hdr .ph-main,html[data-hv="a"] #hdr .ph-nav{transition:background-color .45s ease,border-color .45s}
html[data-hv="a"] body #hdr.ph.hv-clear{--pb:#111;--pf:#fff;--pm:#ffffffa6;--pl:#ffffff1f;--ph:#ffffff14;--pc:#1e1e1e;--pt:#fff;--ptf:#111;background:transparent;border-bottom-color:transparent;box-shadow:none}
html[data-hv="a"] #hdr.ph.hv-clear .ph-top{background:transparent;color:#fff;border-bottom-color:#ffffff14}
html[data-hv="a"] #hdr.ph.hv-clear .ph-lo-d{display:block!important}
html[data-hv="a"] #hdr.ph.hv-clear .ph-lo-w{display:none!important}
html[data-hv="a"] #hdr .ph-nav{border-top-color:transparent}
html[data-hv="a"] #hdr .ph-nl{font-weight:500;font-size:14px;opacity:.72;transition:opacity .2s}
html[data-hv="a"] #hdr .ph-nl:hover,html[data-hv="a"] #hdr .ph-ni.open .ph-nl,html[data-hv="a"] #hdr .ph-sec .ph-nl,html[data-hv="a"] #hdr .ph-ni.hot .ph-nl{opacity:1}
html[data-hv="a"] #hdr .ph-nl::after{height:1px;bottom:10px}
html[data-hv="a"] #hdr .ph-loc small{font-size:11px}
html[data-hv="a"] #hdr .ph-loc b{font-weight:500;font-size:13px}
html[data-hv="a"] body #hdr.ph.hv-clear .ph-search{background:#ffffff14;border-color:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s,border-color .3s}
html[data-hv="a"] body #hdr.ph.hv-clear .ph-search input{color:#fff}
html[data-hv="a"] body #hdr.ph.hv-clear .ph-hint{color:#ffffff99}
html[data-hv="a"] body #hdr.ph.hv-clear .ph-sbtn{background:transparent;color:#fff}
html[data-hv="a"] body #hdr.ph.hv-clear .ph-search:hover{background:#ffffff1f;border-color:#ffffff4d}
html[data-hv="a"] body #hdr.ph.hv-clear .ph-search:focus-within{background:#fff;border-color:#fff}
html[data-hv="a"] body #hdr.ph.hv-clear .ph-search:focus-within input{color:#111}
html[data-hv="a"] body #hdr.ph.hv-clear .ph-search:focus-within .ph-sbtn{background:#111;color:#fff}