*{box-sizing:border-box}html,body{margin:0;background:#000;font-family:Arial,sans-serif}body{color:#fff}header{height:94px;position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;padding:0 34px;gap:44px;background:#000}header button,header a{background:none;border:0;color:inherit;text-decoration:none;cursor:pointer;letter-spacing:3px}.hamb{font-size:28px;width:38px;overflow:hidden;color:#ddd}nav{display:flex;gap:42px}nav button{font-size:14px}.social{margin-left:auto;display:flex;align-items:center;gap:24px}.social a{font-size:30px;letter-spacing:0}.social button{font-size:13px}.social b{color:#168cff;font-weight:400}.page{display:none;min-height:100vh}.page.active{display:block}.image-page{position:relative;background:#000}.image-page>img{display:block;width:100%;min-height:100vh;object-fit:cover}.hotspots button{position:absolute;bottom:15%;height:21%;width:20%;opacity:0;border:0;cursor:pointer}.hotspots .bar{left:27%}.hotspots .cap{left:50%}.dark{padding-top:94px;background:#020202}.light{padding-top:0;background:#fff;color:#111}.lineHero{height:610px;position:relative;overflow:hidden;display:flex;align-items:center;padding:90px 7vw;background:radial-gradient(circle at 72% 52%,#330000 0,#090000 28%,#000 60%)}.lineHero small{color:#ff2424;letter-spacing:8px;font-size:20px}.lineHero h1{font-family:Georgia,serif;font-size:90px;font-weight:400;margin:10px 0 36px;border-bottom:1px solid #e21b1b;padding-bottom:20px}.lineHero p{font-size:20px;line-height:1.7;color:#ddd}.glow{position:absolute;width:520px;height:520px;right:8%;border-radius:50%;filter:blur(30px)}.red{background:radial-gradient(circle,#e31212 0,#510000 28%,transparent 66%)}.reference img{width:100%;display:block}.sectionTitle{text-align:center;letter-spacing:7px;padding:38px 20px 22px;color:#f02b2b;font-size:18px}.sectionTitle.blue{color:#0876d8}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#252525;padding:1px}.light .products{background:#ddd}.product{min-height:390px;padding:34px;background:#050505;display:flex;flex-direction:column;justify-content:flex-end}.light .product{background:#fff}.product .bottle{height:185px;width:96px;margin:0 auto 30px;border-radius:16px;background:linear-gradient(100deg,#101010,#333,#090909);box-shadow:0 0 45px rgba(255,0,0,.16);position:relative}.light .product .bottle{background:linear-gradient(100deg,#e8e8e8,#fff,#d7d7d7);box-shadow:0 0 35px rgba(0,120,255,.12)}.product .bottle:after{content:'NORWAY';position:absolute;top:68px;left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:13px}.product small{letter-spacing:3px;color:#f22}.light .product small{color:#0780e8}.product h3{font-family:Georgia,serif;font-size:25px;margin:8px 0}.product p{color:#999;line-height:1.5;font-size:13px}.contact{padding:130px 24px 60px;background:radial-gradient(circle at 50% 30%,#151515,#000 58%)}.contactBox{max-width:1050px;margin:auto;text-align:center}.brand{font-family:Georgia,serif;font-size:54px}.brand small{display:block;font:10px Arial;letter-spacing:6px;margin-top:8px;color:#aaa}.contact h1{font:400 82px Georgia,serif;margin:60px 0 12px}.lead{font-size:22px;color:#ccc}.roles{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:48px 0 20px}.roles a{border:1px solid #333;color:#fff;text-decoration:none;text-align:left;padding:30px;font:28px Georgia,serif;position:relative}.roles a:first-child{border-color:#8b1717}.roles a:last-child{border-color:#126aa9}.roles small{display:block;font:10px Arial;letter-spacing:4px;margin-bottom:10px;color:#aaa}.roles b{position:absolute;right:28px;font-weight:400}.note{color:#888}.contactLinks{display:flex;justify-content:center;gap:40px;margin-top:55px}.contactLinks a{color:#fff;text-decoration:none;letter-spacing:2px;font-size:12px}.since{margin-top:75px;letter-spacing:8px;color:#aaa}@media(max-width:800px){header{height:70px;padding:0 14px;gap:12px}nav{gap:10px}nav button{font-size:9px;letter-spacing:1px}.social{display:none}.image-page>img{margin-top:70px;min-height:auto}.hotspots{display:none}.lineHero{height:500px;padding:90px 25px 30px}.lineHero h1{font-size:54px}.products{grid-template-columns:1fr 1fr}.roles{grid-template-columns:1fr}.contact h1{font-size:58px}.contactLinks{flex-direction:column;gap:18px}}
.social-icon{width:34px;height:34px;display:grid;place-items:center}.social-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.social-icon .fill-dot{fill:currentColor;stroke:none}.social-icon:hover{opacity:.72}.productPhoto{height:210px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:22px}.productPhoto img{max-height:205px;max-width:90%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.25))}.presentation{font-size:11px;letter-spacing:2px;color:#777;margin:-2px 0 8px}.emptyProducts{grid-column:1/-1;padding:70px;text-align:center;letter-spacing:3px;background:#050505;color:#777}.light .emptyProducts{background:#fff}.adminAccess{display:inline-block;margin-top:50px;color:#555;text-decoration:none;font-size:9px;letter-spacing:3px}.adminAccess:hover{color:#aaa}

.whatsapp-icon{width:36px;height:36px}.whatsapp-icon svg{fill:currentColor!important;stroke:none!important;width:32px!important;height:32px!important;display:block}.whatsapp-icon:hover{transform:scale(1.04)}
#sound .speakerIcon{display:inline-block;min-width:28px;font-size:18px;letter-spacing:0;transform:translateY(1px)}

/* PRESENCIA EN EL PAÍS */
.presencePage{padding:145px 5vw 60px;background:radial-gradient(circle at 30% 26%,#121212 0,#050505 38%,#000 72%);color:#fff;overflow:hidden}.presenceIntro{max-width:1100px;margin:0 auto 34px;text-align:center}.presenceIntro small{font-size:10px;letter-spacing:6px;color:#777}.presenceIntro h1{font:400 clamp(44px,6vw,86px) Georgia,serif;margin:12px 0 14px;letter-spacing:1px}.presenceIntro p{margin:0;color:#8c8c8c;font-size:15px;letter-spacing:.5px}.presenceLayout{max-width:1180px;margin:40px auto 0;display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr);gap:58px;align-items:center}.argentinaMapWrap{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center}.argentinaMap{width:min(620px,100%);height:auto;overflow:visible;filter:drop-shadow(0 0 18px rgba(255,255,255,.035))}.argentinaMap path{fill:#050505;stroke:#4a4a4a;stroke-width:1.15;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .18s ease,stroke .18s ease,filter .18s ease}.argentinaMap path:hover,.argentinaMap path.active{fill:#0d0d0d;stroke:#fff;stroke-width:1.7;filter:drop-shadow(0 0 4px rgba(255,255,255,.9)) drop-shadow(0 0 10px rgba(70,145,255,.5))}.argentinaMap path.has-presence{fill:#260307;stroke:#ff2638;stroke-width:1.45;filter:drop-shadow(0 0 3px rgba(255,20,45,.95)) drop-shadow(0 0 10px rgba(255,20,45,.62)) drop-shadow(0 0 22px rgba(210,0,28,.34))}.argentinaMap path.has-presence:hover,.argentinaMap path.has-presence.active{fill:#3a050b;stroke:#ff5260;stroke-width:1.9;filter:drop-shadow(0 0 5px rgba(255,50,68,1)) drop-shadow(0 0 14px rgba(255,20,45,.88)) drop-shadow(0 0 30px rgba(210,0,28,.5))}.mapLegend{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap;color:#666;font-size:9px;letter-spacing:2.7px}.mapLegend span{display:inline-block;width:28px;height:1px;background:#ff2438;box-shadow:0 0 8px #ff2438,0 0 16px rgba(255,36,56,.55);margin:0 10px 3px 0}.provincePanel{min-height:390px;border-left:1px solid #252525;padding:38px 0 38px 42px;position:relative}.provincePanel:before{content:'';position:absolute;left:-1px;top:62px;width:1px;height:92px;background:#168cff;box-shadow:0 0 12px #168cff}.provinceEyebrow{font-size:9px;letter-spacing:4px;color:#168cff;margin-bottom:12px}.provincePanel h2{font:400 clamp(36px,4vw,60px) Georgia,serif;margin:0 0 30px}.provinceHelp{color:#777;line-height:1.7;max-width:330px}.repCard{padding:18px 0;border-top:1px solid #1f1f1f}.repCard:last-child{border-bottom:1px solid #1f1f1f}.repRole{font-size:9px;letter-spacing:3px;color:#777;margin-bottom:7px}.repName{font:25px Georgia,serif;margin-bottom:8px}.repMeta{font-size:12px;color:#aaa;line-height:1.7}.repMeta a{color:#ddd;text-decoration:none}.noPresence{color:#666;font-size:13px;line-height:1.7}.mapCredit{max-width:1180px;margin:14px auto 0;text-align:center;color:#2e2e2e;font-size:8px;letter-spacing:1px}.presenceCount{display:inline-block;margin-top:14px;color:#777;font-size:10px;letter-spacing:2px}
@media(max-width:850px){.presencePage{padding:105px 18px 45px}.presenceLayout{grid-template-columns:1fr;gap:18px;margin-top:20px}.argentinaMapWrap{min-height:auto}.argentinaMap{width:min(470px,92%)}.provincePanel{min-height:260px;border-left:0;border-top:1px solid #252525;padding:30px 10px}.provincePanel:before{left:10px;top:-1px;width:90px;height:1px}.mapLegend{position:static;transform:none;margin:15px auto 0;text-align:center}.presenceIntro p{font-size:13px}}


/* ===== v9: ajuste de viewport, home limpio y presencia compacta ===== */
:root{--header-h:94px}
html,body{width:100%;min-height:100%;overflow-x:hidden}
header{height:var(--header-h)}

/* La imagen original del Home tenía el menú incluido. home_clean.png ya no lo contiene. */
#home.image-page{height:100vh;min-height:560px;padding-top:var(--header-h);overflow:hidden;display:none}
#home.image-page.active{display:flex;align-items:center;justify-content:center}
#home.image-page>img{width:100%;height:calc(100vh - var(--header-h));min-height:0;object-fit:contain;object-position:center center;background:#000}
#home .hotspots{position:absolute;inset:var(--header-h) 0 0}
#home .hotspots button{bottom:12%;height:23%}

/* Contacto completo dentro de una pantalla de escritorio. */
.contact{min-height:100vh;padding:calc(var(--header-h) + 22px) 24px 20px;overflow:auto}
.contactBox{max-width:980px}
.contact .brand{font-size:clamp(34px,4.2vh,52px)}
.contact h1{font-size:clamp(48px,7vh,76px);margin:clamp(20px,4vh,44px) 0 8px}
.contact .lead{font-size:clamp(16px,2.2vh,21px)}
.roles{margin:clamp(22px,4vh,40px) 0 16px}
.roles a{padding:clamp(18px,3vh,28px);font-size:clamp(22px,3vh,28px)}
.contactLinks{margin-top:clamp(25px,4vh,44px)}
.since{margin-top:clamp(28px,5vh,54px)}
.adminAccess{margin-top:clamp(20px,3.5vh,38px)}

/* Presencia: mapa y panel entran completos en el alto disponible. */
.presencePage{height:100vh;min-height:620px;padding:calc(var(--header-h) + 14px) 4vw 14px;overflow:hidden}
.presenceIntro{margin:0 auto 12px}
.presenceIntro h1{font-size:clamp(34px,5vh,56px);margin:6px 0 8px}
.presenceIntro p{font-size:clamp(11px,1.5vh,14px)}
.presenceLayout{max-width:1100px;height:calc(100vh - var(--header-h) - 135px);min-height:430px;margin:10px auto 0;grid-template-columns:minmax(360px,1.08fr) minmax(280px,.92fr);gap:38px;align-items:center}
.argentinaMapWrap{min-height:0;height:100%;max-height:610px}
.argentinaMap{width:auto;height:min(100%,590px);max-width:100%;filter:drop-shadow(0 0 18px rgba(255,255,255,.035))}
.mapLegend{bottom:4px;font-size:8px;letter-spacing:2px}
.provincePanel{min-height:300px;max-height:72vh;overflow:auto;padding:25px 0 25px 34px}
.provincePanel h2{font-size:clamp(32px,4.5vh,48px);margin-bottom:20px}
.repCard{padding:13px 0}.repName{font-size:22px}

/* Cada provincia con presencia tiene un segundo contorno superpuesto al mapa.
   Esto evita que una provincia vecina tape el límite compartido. */
.argentinaMap .presence-outline-layer{pointer-events:none}
.argentinaMap .presence-outline{fill:none!important;stroke:#ff2638!important;stroke-width:2.05!important;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 3px rgba(255,25,45,1)) drop-shadow(0 0 8px rgba(255,20,45,.9)) drop-shadow(0 0 16px rgba(210,0,28,.55))}
.argentinaMap .presence-outline.is-active{stroke:#ff6672!important;stroke-width:2.55!important;filter:drop-shadow(0 0 4px rgba(255,70,85,1)) drop-shadow(0 0 12px rgba(255,20,45,1)) drop-shadow(0 0 24px rgba(210,0,28,.7))}

@media(max-height:760px) and (min-width:851px){
  :root{--header-h:78px}
  header{padding-left:28px;padding-right:28px;gap:30px}nav{gap:30px}.social{gap:18px}
  .presencePage{padding-top:calc(var(--header-h) + 8px)}
  .presenceIntro small{font-size:8px}.presenceIntro h1{font-size:36px}.presenceLayout{height:calc(100vh - var(--header-h) - 105px);min-height:390px;gap:28px}.argentinaMap{height:min(100%,500px)}
  .contact{padding-top:calc(var(--header-h) + 14px)}.contact h1{margin-top:18px}.roles{margin-top:20px}.contactLinks{margin-top:24px}.since{margin-top:26px}.adminAccess{margin-top:18px}
}
@media(max-width:850px){
  :root{--header-h:70px}
  #home.image-page{min-height:0;height:auto;padding-top:var(--header-h);overflow:visible}
  #home.image-page.active{display:block}
  #home.image-page>img{height:auto;min-height:0;margin-top:0;object-fit:contain}
  .presencePage{height:auto;min-height:100vh;padding:calc(var(--header-h) + 28px) 18px 35px;overflow:visible}
  .presenceLayout{height:auto;min-height:0;grid-template-columns:1fr;gap:14px}
  .argentinaMapWrap{height:auto;max-height:none}.argentinaMap{width:min(420px,90%);height:auto}
  .provincePanel{max-height:none;overflow:visible}
}

/* ===== v10: integración del arte del Home con el fondo negro ===== */
#home.image-page{background:#000;isolation:isolate}
#home.image-page>img{position:relative;z-index:0}
#home.image-page::after{
  content:'';
  position:absolute;
  inset:var(--header-h) 0 0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.88) 2.5%,rgba(0,0,0,.42) 7%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,.42) 93%,rgba(0,0,0,.88) 97.5%,#000 100%),
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.28) 4%,rgba(0,0,0,0) 11%,rgba(0,0,0,0) 88%,rgba(0,0,0,.20) 95%,#000 100%);
}
#home .hotspots{z-index:2}
@media(max-width:800px){
  #home.image-page::after{
    inset:var(--header-h) 0 0;
    background:
      linear-gradient(90deg,#000 0%,rgba(0,0,0,.62) 4%,rgba(0,0,0,0) 14%,rgba(0,0,0,0) 86%,rgba(0,0,0,.62) 96%,#000 100%);
  }
}

/* v11: esfumado real */
#home.image-page::after{display:none!important}

/* v12: sin música */
audio,
[id*="sound" i],
[class*="sound" i],
[id*="audio" i],
[class*="audio" i] { display:none !important; }

/* v13: acceso a tienda */
.shop-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65}
.shop-icon:hover{transform:translateY(-1px);opacity:.78}




/* ===== v17: Línea Capilar - productos sobre blanco sólido ===== */
/* El fondo de cada bloque/tarjeta de producto Capilar es blanco opaco,
   sin transparencias ni degradados que dejen ver el fondo de la página. */
#capilar .product-card,
#capilar .product-item,
#capilar .product,
#capilar [class*="product-card"],
#capilar [class*="product-item"] {
    background: #fff !important;
    background-image: none !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
#capilar .product-card img,
#capilar .product-item img,
#capilar .product img {
    background-color: #fff !important;
}


/* ===== v18: Capilar blanco continuo, sin "recuadro" visible en fotos ===== */
#capilar,
#capilar .page-inner,
#capilar .content,
#capilar .products,
#capilar .product-grid,
#capilar .product-list,
#capilar .product-card,
#capilar .product-item,
#capilar .product,
#capilar [class*="product-card"],
#capilar [class*="product-item"] {
    background: #ffffff !important;
    background-image: none !important;
}

/* La foto no debe parecer una tarjeta separada */
#capilar .product-card img,
#capilar .product-item img,
#capilar .product img,
#capilar [class*="product-card"] img,
#capilar [class*="product-item"] img {
    background: #ffffff !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
    filter: none !important;
}

/* Quitar cualquier contenedor visual alrededor de la imagen */
#capilar .product-image,
#capilar .image-wrap,
#capilar .image-box,
#capilar [class*="product-image"],
#capilar [class*="image-wrap"],
#capilar [class*="image-box"] {
    background: #ffffff !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* ===== v19 corregida: Barbería negro sólido, sin alterar estructura ===== */
#barberia {
    background: #000000 !important;
}
#barberia .lineHero.barber {
    background: #000000 !important;
}
#barberia .barber-products {
    background: #000000 !important;
}
#barberia .barber-products .product {
    background: #000000 !important;
}

/* ===== v22: solo tamaño de foto cargada en Barbería =====
   No modifica tarjetas, grillas ni contenedores. */
#barberia .productPhoto img {
    height: 205px !important;
    width: auto !important;
    max-width: 90% !important;
    object-fit: contain !important;
}

/* ===== v22 portada Barbería con imagen de productos ===== */
#barberia .lineHero.barber{
    position:relative;
    overflow:hidden;
}
#barberia .barberHeroProducts{
    position:absolute;
    right:4.5%;
    bottom:0;
    width:min(54vw,820px);
    height:88%;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    z-index:2;
    pointer-events:none;
}
#barberia .barberHeroProducts img{
    display:block;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
    object-position:right bottom;
}
#barberia .lineHero.barber > div:first-child{
    position:relative;
    z-index:3;
}
#barberia .lineHero.barber .glow.red{
    z-index:1;
}
@media(max-width:900px){
    #barberia .barberHeroProducts{
        right:1%;
        width:58vw;
        height:72%;
        opacity:.82;
    }
}

/* v22: portada Capilar sin la franja gráfica "Nuestras categorías" */
#capilar .reference img{
    width:100% !important;
    height:auto !important;
    display:block !important;
}

/* v23: presencia cargada debe verse inmediatamente en el mapa */
#argentinaMap path.has-presence{
  fill:#3b050b !important;
  stroke:#ff2638 !important;
  stroke-width:1.8 !important;
  filter:drop-shadow(0 0 4px rgba(255,20,45,1)) drop-shadow(0 0 13px rgba(255,20,45,.82)) !important;
}