/* © Fernando Martínez Marín · VEOVIRTUAL® · veovirtual.com */

/* Base */
:root {
--vv-ancho:1240px;
--vv-fondo:#ffffff;
--vv-texto:#222222;
--vv-acento:#555555;
--vv-oscuro:#111111;
--vv-claro:#ffffff;
--vv-foco:#1a73e8;
--vv-arriba-alto:80px;
--vv-barra-alto:0px;
--vv-cab-fondo:#ffffff;
--vv-cab-texto:#111111;
--vv-pie-fondo:#111111;
--vv-pie-texto:rgba(255,255,255,.7);
--vv-barra-fondo:rgba(17,17,17,.96);
--vv-radio:14px;
--vv-fuente-titulos:Georgia,serif;
--vv-fuente-textos:system-ui,-apple-system,"Segoe UI",sans-serif;
}
html {
scroll-padding-top:calc(var(--vv-arriba-alto) + 12px);
-webkit-text-size-adjust:100%;
}
body.vv {
margin:0;
background:var(--vv-fondo);
color:var(--vv-texto);
font-family:var(--vv-fuente-textos);
overflow-x:clip;
}
body.vv *,
body.vv *::before,
body.vv *::after {
box-sizing:border-box;
}
body .vv-contenido img,
body .vv-pie img {
max-width:100%;
height:auto;
}
body.vv :focus-visible {
outline:3px solid var(--vv-foco);
outline-offset:3px;
}
@media (prefers-reduced-motion:no-preference) {
html {
scroll-behavior:smooth;
}
}
body .vv-oculto {
position:absolute !important;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
body .vv-saltar {
position:fixed;
top:10px;
left:10px;
z-index:100000;
padding:12px 18px;
border:0;
border-radius:8px;
background:var(--vv-oscuro);
color:var(--vv-claro);
font:600 15px/1.2 var(--vv-fuente-textos);
text-decoration:none;
cursor:pointer;
transform:translateY(-200%);
}
body .vv-saltar:focus,
body .vv-saltar:focus-visible {
transform:none;
}
body .vv-saltar--acc {
left:auto;
right:10px;
}
body .vv-contenido {
display:block;
outline:none;
}
body .vv-contenido:focus {
outline:none;
}

/* Cabecera */
body .vv-arriba {
position:fixed;
top:0;
left:0;
right:0;
z-index:9000;
}
body.admin-bar .vv-arriba {
top:32px;
}
body .vv-arriba-espacio {
height:var(--vv-arriba-alto);
}
body .vv-cabecera {
background:var(--vv-cab-fondo);
color:var(--vv-cab-texto);
transition:box-shadow .3s ease,background-color .3s ease;
}
html.vv-scroll body .vv-cabecera {
box-shadow:0 6px 24px rgba(0,0,0,.08);
}
body .vv-cabecera__caja {
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
max-width:var(--vv-ancho);
margin:0 auto;
padding:14px 3%;
}
body .vv-cabecera__marca {
display:flex;
align-items:center;
flex-shrink:0;
color:inherit;
text-decoration:none;
}
body .vv-cabecera__logo {
display:block;
width:auto;
height:60px;
transition:height .3s ease;
}
html.vv-scroll body .vv-cabecera__logo {
height:50px;
}
body .vv-cabecera__logo--texto {
font:600 1.4rem/1 var(--vv-fuente-titulos);
}
body .vv-nav__lista {
display:flex;
align-items:center;
gap:6px;
margin:0;
padding:0;
list-style:none;
}
body .vv-nav__item {
margin:0;
}
body .vv-nav__enlace {
display:inline-flex;
align-items:center;
gap:7px;
min-height:44px;
padding:8px 12px;
color:inherit;
text-decoration:none;
}
body .vv-nav__ico {
display:inline-flex;
}
body .vv-nav__ico svg,
body .vv-menu-movil__ico svg,
body .vv-barra__ico svg {
display:block;
width:18px;
height:18px;
}
body .vv-cabecera__menu {
display:none;
align-items:center;
gap:10px;
min-height:44px;
padding:8px 18px;
border:1px solid currentColor;
border-radius:999px;
background:transparent;
color:inherit;
font:600 14px/1 var(--vv-fuente-textos);
cursor:pointer;
}
body .vv-cabecera__hamb {
position:relative;
display:block;
width:22px;
height:14px;
}
body .vv-cabecera__hamb::before,
body .vv-cabecera__hamb::after,
body .vv-cabecera__hamb span {
content:"";
position:absolute;
left:0;
right:0;
height:2px;
border-radius:2px;
background:currentColor;
}
body .vv-cabecera__hamb::before {
top:0;
}
body .vv-cabecera__hamb span {
top:6px;
}
body .vv-cabecera__hamb::after {
bottom:0;
}
@media only screen and (max-width:1100px) {
body .vv-nav {
display:none;
}
body .vv-cabecera__menu {
display:inline-flex;
}
}
@media only screen and (max-width:767px) {
body.admin-bar .vv-arriba {
top:0;
}
body .vv-cabecera__caja {
padding:10px 5%;
}
body .vv-cabecera__logo,
html.vv-scroll body .vv-cabecera__logo {
height:44px;
}
body .vv-cabecera__menu {
padding:0;
width:48px;
height:48px;
justify-content:center;
border:0;
}
body .vv-cabecera__menu-txt {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0,0,0,0);
}
}

/* Menú móvil */
body .vv-menu-movil {
position:fixed;
inset:0;
z-index:10050;
}
body .vv-menu-movil[hidden] {
display:none;
}
body .vv-menu-movil__fondo {
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
opacity:0;
transition:opacity .3s ease;
}
body .vv-menu-movil__panel {
position:absolute;
top:0;
right:0;
bottom:0;
display:flex;
flex-direction:column;
width:min(88vw,400px);
overflow-y:auto;
overscroll-behavior:contain;
background:var(--vv-oscuro);
color:var(--vv-claro);
transform:translateX(100%);
transition:transform .35s cubic-bezier(.32,.72,.35,1);
}
body .vv-menu-movil.is-abierto .vv-menu-movil__fondo {
opacity:1;
}
body .vv-menu-movil.is-abierto .vv-menu-movil__panel {
transform:none;
}
body .vv-menu-movil__cab {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:22px 24px;
}
body .vv-menu-movil__logo {
display:block;
width:auto;
height:52px;
}
body .vv-menu-movil__cerrar {
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
padding:0;
border:1px solid rgba(255,255,255,.25);
border-radius:50%;
background:transparent;
color:inherit;
font-size:26px;
line-height:1;
cursor:pointer;
}
body .vv-menu-movil__lista {
margin:0;
padding:8px 24px;
list-style:none;
}
body .vv-menu-movil__enlace {
display:flex;
align-items:center;
gap:14px;
min-height:52px;
padding:12px 0;
border-bottom:1px solid rgba(255,255,255,.1);
color:inherit;
text-decoration:none;
}
body .vv-menu-movil__pie {
margin-top:auto;
padding:24px;
}
html.vv-menu-abierto,
html.vv-menu-abierto body {
overflow:hidden;
}

/* Barra inferior */
body .vv-barra {
position:fixed;
left:0;
right:0;
bottom:0;
z-index:8900;
padding-bottom:env(safe-area-inset-bottom);
background:var(--vv-barra-fondo);
color:var(--vv-claro);
}
body .vv-barra__caja {
display:flex;
align-items:center;
max-width:var(--vv-ancho);
margin:0 auto;
padding:8px 3%;
}
body .vv-barra__grupo {
display:flex;
align-items:center;
gap:12px;
flex:1 1 auto;
min-width:0;
}
body .vv-barra__grupo:last-child {
justify-content:flex-end;
}
body .vv-barra__grupo:only-child {
justify-content:center;
}
body .vv-barra__botones {
display:flex;
align-items:center;
gap:8px;
}
body .vv-barra__btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:40px;
padding:8px 14px;
border-radius:999px;
border:0;
background:transparent;
color:inherit;
font:inherit;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
}
body .vv-barra__etiqueta-movil {
display:none;
}
body .vv-barra__separador {
flex:0 0 1px;
align-self:stretch;
margin:4px 20px;
background:rgba(255,255,255,.2);
}
@media only screen and (max-width:767px) {
body .vv-barra__caja {
gap:0;
padding:4px 6px;
}
body .vv-barra__grupo,
body .vv-barra__grupo:last-child,
body .vv-barra__grupo:only-child {
flex:1 1 0;
justify-content:stretch;
gap:4px;
}
body .vv-barra__etiqueta {
display:none;
}
body .vv-barra__etiqueta-movil {
display:block;
flex:0 0 auto;
max-width:64px;
font-size:11px;
line-height:1.2;
}
body .vv-barra__botones {
flex:1 1 auto;
min-width:0;
gap:2px;
}
body .vv-barra__btn {
flex:1 1 0;
flex-direction:column;
gap:3px;
min-width:0;
width:auto;
height:auto;
min-height:54px;
padding:6px 2px;
border-radius:12px;
}
body .vv-barra__txt {
display:block;
max-width:100%;
overflow:hidden;
font-size:11px;
font-weight:600;
line-height:1.15;
text-overflow:ellipsis;
white-space:nowrap;
}
body .vv-barra__ico svg {
width:22px;
height:22px;
}
body .vv-barra__separador {
margin:6px 4px;
}
}

/* Pie */
body .vv-pie {
padding-bottom:var(--vv-barra-alto);
background:var(--vv-pie-fondo);
color:var(--vv-pie-texto);
}
body .vv-pie__caja {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:48px;
max-width:var(--vv-ancho);
margin:0 auto;
padding:72px 3% 56px;
}
body .vv-pie a {
color:inherit;
}
body .vv-pie__legal-caja {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:10px 24px;
max-width:var(--vv-ancho);
margin:0 auto;
padding:20px 3%;
}
body .vv-pie__legales {
display:flex;
flex-wrap:wrap;
gap:6px 18px;
margin:0;
padding:0;
list-style:none;
}
body .vv-pie__boton {
padding:0;
border:0;
background:none;
color:inherit;
font:inherit;
text-decoration:underline;
text-underline-offset:3px;
cursor:pointer;
}
body .vv-pie__dato {
display:flex;
align-items:flex-start;
gap:12px;
margin:0 0 14px;
line-height:1.5;
}
body .vv-pie__ico {
flex:none;
width:1.2em;
height:1.2em;
margin-top:.15em;
}
body .vv-pie__dato a {
overflow-wrap:anywhere;
}
body .vv-horario--compacto,
body .vv-pie .vv-pie__dato .vv-horario--compacto {
display:flex;
flex-direction:column;
align-items:flex-start;
gap:2px;
text-align:left;
}
:where(.vv-contenido,.vv-pie) a {
color:inherit;
text-decoration-color:var(--vv-acento,currentColor);
text-underline-offset:3px;
}
body .vv-pie__copy,
body .vv-pie__credito {
margin:0;
}
@media only screen and (max-width:959px) {
body .vv-pie__caja {
grid-template-columns:1fr;
gap:40px;
padding:56px 6% 40px;
text-align:center;
}
body .vv-pie__dato {
justify-content:center;
}
body .vv-pie__legal-caja {
flex-direction:column;
text-align:center;
}
body .vv-pie__legales {
justify-content:center;
}
}

/* Mapa */
body .vv-mapa {
position:relative;
width:100%;
height:var(--vv-mapa-alto,460px);
overflow:hidden;
border-radius:var(--vv-radio);
background:#e9e6e1;
}
body .vv-mapa iframe {
display:block;
width:100%;
height:100%;
border:0;
}
body .vv-mapa iframe[data-vv-src] {
visibility:hidden;
}
body .vv-mapa__aviso {
position:absolute;
inset:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
padding:24px;
text-align:center;
}
body .vv-mapa.is-cargado .vv-mapa__aviso {
display:none;
}
body .vv-mapa__botones {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:10px 18px;
}
body .vv-mapa__btn {
min-height:44px;
padding:10px 22px;
border:0;
border-radius:999px;
background:var(--vv-oscuro);
color:var(--vv-claro);
font:600 14px/1.2 var(--vv-fuente-textos);
cursor:pointer;
}

/* Cookies */
body .vv-cookies {
position:fixed;
left:0;
right:0;
bottom:var(--vv-barra-alto);
z-index:9500;
padding:18px 3%;
background:#ffffff;
color:#222222;
box-shadow:0 -10px 40px rgba(0,0,0,.18);
visibility:hidden;
transform:translateY(calc(100% + var(--vv-barra-alto, 0px) + 40px));
transition:transform .35s ease,visibility 0s linear .35s;
}
body .vv-cookies.is-visible {
visibility:visible;
transform:none;
transition:transform .35s ease,visibility 0s linear 0s;
}
body .vv-cookies__caja {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:14px 28px;
max-width:var(--vv-ancho);
margin:0 auto;
}
body .vv-cookies__texto {
flex:1 1 420px;
margin:0;
font-size:14px;
line-height:1.55;
}
body .vv-cookies__titulo {
display:block;
margin-bottom:2px;
font-size:15px;
font-weight:700;
}
body .vv-cookies__botones {
display:flex;
flex-wrap:wrap;
gap:10px;
}
body .vv-cookies__btn {
min-width:150px;
min-height:44px;
padding:10px 20px;
border:2px solid var(--vv-oscuro);
border-radius:999px;
background:var(--vv-oscuro);
color:var(--vv-claro);
font:700 14px/1.2 var(--vv-fuente-textos);
cursor:pointer;
}
body .vv-dialogo {
position:fixed;
inset:0;
z-index:10100;
display:flex;
align-items:center;
justify-content:center;
padding:16px;
}
body .vv-dialogo[hidden] {
display:none;
}
body .vv-dialogo__fondo {
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
}
body .vv-dialogo__caja {
position:relative;
width:min(620px,100%);
max-height:calc(100dvh - 32px);
overflow-y:auto;
padding:28px;
border-radius:var(--vv-radio);
background:#ffffff;
color:#222222;
}
body .vv-dialogo__titulo {
margin:0 0 8px;
font-size:22px;
}
body .vv-dialogo__cerrar {
position:absolute;
top:14px;
right:14px;
width:44px;
height:44px;
border:0;
border-radius:50%;
background:#f1f1f1;
font-size:24px;
cursor:pointer;
}
body .vv-cat {
padding:14px 0;
border-top:1px solid #e6e6e6;
}
body .vv-cat__cab {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
body .vv-cat__nombre {
font-weight:700;
}
body .vv-cat__texto {
margin:6px 0 0;
font-size:14px;
line-height:1.5;
}
body .vv-interruptor {
position:relative;
flex-shrink:0;
width:52px;
height:30px;
}
body .vv-interruptor input {
position:absolute;
inset:0;
width:100%;
height:100%;
margin:0;
opacity:0;
cursor:pointer;
}
body .vv-interruptor span {
position:absolute;
inset:0;
border-radius:30px;
background:#bdbdbd;
transition:background-color .2s ease;
pointer-events:none;
}
body .vv-interruptor span::after {
content:"";
position:absolute;
top:3px;
left:3px;
width:24px;
height:24px;
border-radius:50%;
background:#ffffff;
transition:transform .2s ease;
}
body .vv-interruptor input:checked + span {
background:var(--vv-oscuro);
}
body .vv-interruptor input:checked + span::after {
transform:translateX(22px);
}
body .vv-interruptor input:disabled + span {
opacity:.6;
}
body .vv-interruptor input:focus-visible + span {
outline:3px solid var(--vv-foco);
outline-offset:3px;
}
body .vv-dialogo__botones {
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:18px;
}
body .vv-cookies-lista__tabla {
overflow-x:auto;
}
body .vv-cookies-lista table {
width:100%;
border-collapse:collapse;
font-size:14px;
}
body .vv-cookies-lista th,
body .vv-cookies-lista td {
padding:8px 10px;
border-bottom:1px solid rgba(0,0,0,.12);
text-align:left;
vertical-align:top;
}
@media only screen and (max-width:767px) {
body .vv-cookies__btn {
flex:1 1 100%;
}
body .vv-cookies-lista thead {
display:none;
}
body .vv-cookies-lista tr,
body .vv-cookies-lista td {
display:block;
}
body .vv-cookies-lista tr {
padding:8px 0;
border-bottom:1px solid rgba(0,0,0,.12);
}
body .vv-cookies-lista td {
border:0;
padding:3px 0;
}
body .vv-cookies-lista td::before {
content:attr(data-l) ": ";
font-weight:700;
}
}

/* 404 y título de página */
body .vv-404 {
padding:120px 6%;
text-align:center;
}
body .vv-404__caja {
max-width:640px;
margin:0 auto;
}
body .vv-titulo-pagina {
max-width:var(--vv-ancho);
margin:0 auto;
padding:56px 3% 8px;
}

/* © Fernando Martínez Marín · VEOVIRTUAL® · veovirtual.com */

/* Fuentes */
@font-face {
font-family:"Oswald";
font-style:normal;
font-weight:200 700;
font-display:swap;
src:url("https://www.nachopeluquero.com/wp-content/uploads/vv-cache/8a4a41619ed7/comun/fuentes/oswald.woff2") format("woff2");
}
@font-face {
font-family:"Inter";
font-style:normal;
font-weight:100 900;
font-display:swap;
src:url("https://www.nachopeluquero.com/wp-content/uploads/vv-cache/8a4a41619ed7/comun/fuentes/inter.woff2") format("woff2");
}

/* Tokens */
:root {
--vv-ancho:1240px;
--vv-fondo:#0F0F0F;
--vv-texto:#E5E5E5;
--vv-texto-panel:#1A1A1A;
--vv-acento:#E9C664;
--vv-oscuro:#0F0F0F;
--vv-claro:#E5E5E5;
--vv-foco:#E9C664;
--vv-radio:6px;
--vv-radio-boton:4px;
--vv-cab-fondo:rgba(15,15,15,.94);
--vv-cab-texto:#E5E5E5;
--vv-pie-fondo:#0A0A0A;
--vv-pie-texto:#B5B5B5;
--vv-barra-fondo:rgba(15,15,15,.97);
--vv-fuente-titulos:"Oswald","Arial Narrow",sans-serif;
--vv-fuente-textos:"Inter",system-ui,sans-serif;
--np-negro:#0F0F0F;
--np-carbon:#161616;
--np-carbon-2:#1E1E1E;
--np-borde:#2B2B2B;
--np-oro:#E9C664;
--np-oro-2:#F4DC97;
--np-rojo:#801704;
--np-rojo-2:#A21F08;
--np-hueso:#E5E5E5;
--np-gris:#ABABAB;
--np-fraja:url("https://www.nachopeluquero.com/wp-content/uploads/vv-cache/8a4a41619ed7/img/fraja-barbero.png");
}
body.vv {
font-family:var(--vv-fuente-textos);
font-size:17px;
line-height:1.6;
background:var(--np-negro);
color:var(--np-hueso);
-webkit-font-smoothing:antialiased;
}
body.vv ::selection {
background:var(--np-oro);
color:var(--np-negro);
}
body.vv h1,
body.vv h2,
body.vv h3 {
font-family:var(--vv-fuente-titulos);
font-weight:500;
letter-spacing:.01em;
text-transform:uppercase;
text-wrap:balance;
}
body.vv p {
text-wrap:pretty;
}
body .vv-contenido a {
color:inherit;
text-decoration-color:var(--np-oro);
text-underline-offset:3px;
}
body .vv-contenido a:hover {
color:var(--np-oro);
}
body.vv :focus-visible {
outline:3px solid var(--np-oro);
outline-offset:3px;
}
body .np-caja {
width:min(var(--vv-ancho),calc(100% - 2*clamp(20px,4vw,56px)));
margin-inline:auto;
}
body .np-seccion {
padding:clamp(64px,9vw,120px) 0;
}
body .np-seccion--carbon {
background:var(--np-carbon);
}

/* Titulares */
body .np-pre {
display:flex;
align-items:center;
gap:14px;
margin:0 0 14px;
font-family:var(--vv-fuente-titulos);
font-size:15px;
font-weight:500;
letter-spacing:.22em;
text-transform:uppercase;
color:var(--np-oro);
}
body .np-pre::before {
content:"";
width:42px;
height:3px;
flex:none;
background:var(--np-fraja) 0 0/auto 100% repeat-x;
}
body .np-h2 {
margin:0;
font-size:clamp(34px,4.6vw,58px);
line-height:1.05;
color:#fff;
}
body .np-cab {
max-width:760px;
margin-bottom:clamp(32px,4vw,52px);
}
body .np-cab--centro {
margin-inline:auto;
text-align:center;
}
body .np-cab--centro .np-pre {
justify-content:center;
}
body .np-cab--centro .np-pre::after {
content:"";
width:42px;
height:3px;
flex:none;
background:var(--np-fraja) 0 0/auto 100% repeat-x;
}
body .np-cab__texto {
margin:18px 0 0;
font-size:18px;
color:var(--np-gris);
}

/* Botones */
body .np-botones {
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:30px;
}
body .np-cab--centro + .np-botones,
body .np-botones--centro {
justify-content:center;
}
body .vv-contenido a.np-btn,
body .np-btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:52px;
padding:12px 26px;
border:2px solid var(--np-oro);
border-radius:var(--vv-radio-boton);
font-family:var(--vv-fuente-titulos);
font-size:17px;
font-weight:500;
letter-spacing:.12em;
text-transform:uppercase;
text-decoration:none;
line-height:1.1;
cursor:pointer;
transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
body .vv-contenido a.np-btn--oro,
body .np-btn--oro {
background:var(--np-oro);
color:var(--np-negro);
}
body .vv-contenido a.np-btn--oro:hover,
body .np-btn--oro:hover {
background:var(--np-oro-2);
border-color:var(--np-oro-2);
color:var(--np-negro);
}
body .vv-contenido a.np-btn--linea,
body .np-btn--linea {
background:transparent;
color:#fff;
border-color:rgba(255,255,255,.55);
}
body .vv-contenido a.np-btn--linea:hover,
body .np-btn--linea:hover {
border-color:var(--np-oro);
color:var(--np-oro);
}
body .np-btn svg {
width:20px;
height:20px;
flex:none;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}

/* Rayas de barbero */
body .np-fraja {
height:4px;
background:var(--np-fraja) 0 0/auto 100% repeat-x;
}
body .vv-cabecera {
position:relative;
}
body .vv-cabecera::after {
content:"";
position:absolute;
left:0;
right:0;
bottom:-3px;
height:3px;
background:var(--np-fraja) 0 0/auto 100% repeat-x;
pointer-events:none;
}

/* Cabecera */
body .vv-cabecera {
background:var(--vv-cab-fondo);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
html.vv-scroll body .vv-cabecera {
box-shadow:0 12px 30px rgba(0,0,0,.45);
}
body .vv-cabecera__caja {
width:min(var(--vv-ancho),calc(100% - 2*clamp(20px,4vw,56px)));
max-width:none;
margin-inline:auto;
padding:14px 0;
}
body .vv-cabecera__logo {
height:50px;
width:auto;
}
html.vv-scroll body .vv-cabecera__logo {
height:42px;
}
body .vv-nav__lista {
gap:2px;
}
body .vv-nav__enlace {
padding:8px 12px;
font-family:var(--vv-fuente-titulos);
font-size:16px;
font-weight:400;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--np-hueso);
transition:color .2s ease,background-color .2s ease;
}
body .vv-nav__enlace:hover,
body .vv-nav__item.is-actual > .vv-nav__enlace {
color:var(--np-oro);
}
body .vv-nav__ico {
display:none;
}
body .vv-nav__item--destacado > .vv-nav__enlace {
margin-left:10px;
padding:11px 20px;
border-radius:var(--vv-radio-boton);
background:var(--np-oro);
color:var(--np-negro);
font-weight:500;
}
body .vv-nav__item--destacado > .vv-nav__enlace:hover {
background:var(--np-oro-2);
color:var(--np-negro);
}
body .vv-cabecera__menu {
border-color:#3A3A3A;
color:var(--np-hueso);
}
@media only screen and (max-width:1100px) {
body .vv-cabecera__menu {
display:inline-flex;
}
}
@media only screen and (max-width:767px) {
body .vv-cabecera__caja {
width:calc(100% - 32px);
padding:10px 0;
}
body .vv-cabecera__logo,
html.vv-scroll body .vv-cabecera__logo {
height:38px;
}
}

/* Menú móvil */
body .vv-menu-movil__panel {
background:var(--np-carbon);
color:var(--np-hueso);
border-left:3px solid transparent;
border-image:var(--np-fraja) 0 0 0 3 / 0 0 0 3px repeat;
}
body .vv-menu-movil__enlace {
min-height:52px;
font-family:var(--vv-fuente-titulos);
font-size:17px;
font-weight:400;
letter-spacing:.12em;
text-transform:uppercase;
border-bottom-color:var(--np-borde);
}
body .vv-menu-movil__ico {
color:var(--np-oro);
}
body .vv-menu-movil__item--destacado > .vv-menu-movil__enlace,
body .vv-menu-movil__item--destacado .vv-menu-movil__ico {
color:var(--np-oro);
}
body .vv-menu-movil__pie a {
color:var(--np-hueso);
}
body .vv-menu-movil__pie .vv-menu-movil__btn--tel .vv-ico-svg {
background:var(--np-oro);
color:var(--np-negro);
}

/* Portada */
body .np-hero {
position:relative;
display:flex;
align-items:center;
min-height:min(100svh,880px);
overflow:hidden;
background:linear-gradient(180deg,#3d4046 0%,#303439 10%,#24282e 20%,#1e2025 29%,#181a1e 39%,#15161a 49%,#111317 59%,#0f1014 88%);
isolation:isolate;
}
body .np-hero__foto {
position:absolute;
top:0;
left:0;
width:auto;
max-width:none;
height:100%;
object-fit:cover;
object-position:0 0;
z-index:-2;
}
body .np-hero__velo {
position:absolute;
inset:0;
z-index:-1;
background:radial-gradient(ellipse 45% 55% at 78% 30%,rgba(255,255,255,.05),rgba(255,255,255,0) 70%),linear-gradient(90deg,rgba(15,16,20,0) 42%,rgba(15,16,20,.45) 68%),linear-gradient(0deg,rgba(15,15,15,.6),rgba(15,15,15,0) 22%);
}
body .np-hero__caja {
display:flex;
justify-content:flex-end;
padding:120px 0 90px;
}
body .np-hero__texto {
width:min(560px,100%);
}
body .np-hero__t {
margin:0;
font-size:clamp(46px,6.4vw,92px);
line-height:.98;
font-weight:500;
color:#fff;
}
body .np-hero__t span {
display:block;
color:var(--np-oro);
}
body .np-hero__sub {
margin:22px 0 0;
max-width:500px;
font-size:clamp(17px,1.5vw,20px);
color:#E9E9E9;
}
body .np-hero__estado {
margin:22px 0 0;
min-height:1.6em;
font-size:15px;
}
body .np-hero__estado .vv-estado:empty {
display:none;
}
@media only screen and (max-width:900px) {
body .np-hero {
flex-direction:column;
align-items:stretch;
min-height:0;
background:var(--np-negro);
}
body .np-hero__foto {
position:relative;
inset:auto;
width:100%;
height:auto;
aspect-ratio:800/1024;
object-position:0 0;
}
body .np-hero__velo {
top:calc(128vw - 170px);
bottom:auto;
height:170px;
background:linear-gradient(180deg,rgba(15,15,15,0),var(--np-negro));
}
body .np-hero__caja {
justify-content:flex-start;
margin-top:-70px;
padding:0 0 56px;
}
body .np-hero__t {
text-shadow:0 4px 24px rgba(0,0,0,.6);
}
}

/* Servicios */
body .np-servicios__lista {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:clamp(16px,2vw,28px);
margin:0;
padding:0;
list-style:none;
}
body .np-srv {
position:relative;
display:flex;
flex-direction:column;
height:100%;
background:var(--np-carbon-2);
border:1px solid var(--np-borde);
border-radius:var(--vv-radio);
overflow:hidden;
}
body .np-srv__foto {
display:block;
width:100%;
aspect-ratio:3/2;
object-fit:cover;
filter:saturate(.9);
transition:transform .6s ease;
}
body .np-srv:hover .np-srv__foto {
transform:scale(1.04);
}
body .np-srv__cuerpo {
position:relative;
padding:26px 26px 30px;
}
body .np-srv__cuerpo::before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:3px;
background:var(--np-fraja) 0 0/auto 100% repeat-x;
}
body .np-srv h3 {
margin:0 0 10px;
font-size:26px;
color:#fff;
}
body .np-srv p {
margin:0;
color:var(--np-gris);
font-size:16px;
}
body .np-tambien {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px 14px;
margin:36px 0 0;
padding:0;
list-style:none;
}
body .np-tambien li {
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 18px;
border:1px solid var(--np-borde);
border-radius:999px;
font-size:15px;
color:var(--np-hueso);
}
body .np-tambien li::before {
content:"";
width:8px;
height:8px;
border-radius:50%;
background:var(--np-oro);
}
@media only screen and (max-width:900px) {
body .np-servicios__lista {
grid-template-columns:minmax(0,1fr);
max-width:560px;
margin-inline:auto;
}
}

/* Separador: pelo y tijeras */
body .np-corte {
position:relative;
height:108px;
overflow:hidden;
background:linear-gradient(180deg,var(--np-negro),var(--np-carbon));
}
body .np-corte--inv {
background:linear-gradient(180deg,var(--np-carbon),var(--np-negro));
}
body .np-corte__pelo {
position:absolute;
left:0;
right:0;
bottom:24px;
height:40px;
}
body .np-corte__pelo i {
position:absolute;
bottom:0;
width:2.5px;
border-radius:2px 2px 0 0;
background:linear-gradient(0deg,#5c5148,#a99a88);
transform-origin:50% 100%;
transition:height .35s ease,opacity .35s ease;
}
body .np-corte__pelo i.is-corto {
height:5px !important;
}
body .np-corte__suelo {
position:absolute;
left:0;
right:0;
bottom:20px;
height:4px;
background:var(--np-fraja) 0 0/auto 100% repeat-x;
opacity:.9;
}
body .np-corte__caido {
position:absolute;
width:2px;
border-radius:2px;
background:#a99a88;
pointer-events:none;
animation:np-cae 1.1s ease-in forwards;
}
@keyframes np-cae {
to {
transform:translateY(46px) rotate(80deg);
opacity:0;
}
}
body .np-corte__tijeras {
position:absolute;
left:0;
bottom:24px;
width:144px;
height:60px;
margin-left:-72px;
color:var(--np-hueso);
will-change:transform;
filter:drop-shadow(0 6px 10px rgba(0,0,0,.6));
}
body .np-corte__tijeras .np-hoja {
fill:#D9D9D9;
}
body .np-corte__tijeras .np-mango {
fill:none;
stroke:var(--np-oro);
stroke-width:3.2;
}
body .np-corte__tijeras .np-eje {
fill:var(--np-oro);
}

/* Nacho */
body .np-nacho__rejilla {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:center;
gap:clamp(32px,6vw,90px);
}
body .np-nacho__foto {
position:relative;
margin:0;
}
body .np-nacho__foto img {
display:block;
width:100%;
height:auto;
border-radius:var(--vv-radio);
}
body .np-nacho__foto::after {
content:"";
position:absolute;
left:-14px;
top:22px;
bottom:22px;
width:6px;
background:var(--np-fraja) 0 0/auto 100% repeat-y;
background-image:linear-gradient(180deg,#fff 0 25%,var(--np-rojo-2) 25% 50%,#fff 50% 75%,#1f3fbf 75% 100%);
background-size:100% 64px;
background-repeat:repeat-y;
border-radius:3px;
}
body .np-nacho__texto p {
margin:0 0 18px;
color:#D4D4D4;
}
body .np-datos {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin:30px 0 0;
padding:0;
list-style:none;
}
body .np-datos li {
padding:16px 14px;
border:1px solid var(--np-borde);
border-radius:var(--vv-radio);
background:var(--np-carbon-2);
text-align:center;
}
body .np-datos strong {
display:block;
font-family:var(--vv-fuente-titulos);
font-size:30px;
font-weight:500;
line-height:1.1;
color:var(--np-oro);
}
body .np-datos span {
display:block;
margin-top:4px;
font-size:13px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--np-gris);
}
@media only screen and (max-width:900px) {
body .np-nacho__rejilla {
grid-template-columns:minmax(0,1fr);
}
body .np-nacho__foto {
max-width:560px;
}
}
@media only screen and (max-width:480px) {
body .np-datos {
grid-template-columns:minmax(0,1fr);
}
}

/* Franja con parallax */
body .np-parallax {
position:relative;
padding:clamp(80px,11vw,150px) 0;
background:#141414 url("https://www.nachopeluquero.com/wp-content/uploads/vv-cache/8a4a41619ed7/img/fondo-barber.webp") 50% 50%/cover no-repeat;
background-attachment:fixed;
text-align:center;
overflow:hidden;
}
body .np-parallax::before {
content:"";
position:absolute;
inset:0;
background:radial-gradient(ellipse at center,rgba(15,15,15,.15),rgba(15,15,15,.75));
}
body .np-parallax > * {
position:relative;
}
body .np-parallax__lista {
display:flex;
flex-direction:column;
gap:6px;
margin:0;
padding:0;
list-style:none;
}
body .np-parallax__lista li {
font-family:var(--vv-fuente-titulos);
font-size:clamp(32px,5.4vw,70px);
font-weight:500;
line-height:1.08;
letter-spacing:.02em;
text-transform:uppercase;
color:#fff;
}
body .np-parallax__lista li:nth-child(2) {
color:var(--np-oro);
}
body .np-parallax__cita {
max-width:660px;
margin:30px auto 0;
font-size:19px;
color:#DADADA;
}
@media (hover:none),(max-width:1024px) {
body .np-parallax {
background-attachment:scroll;
}
}

/* Salón */
body .np-salon__rejilla {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:clamp(12px,1.6vw,20px);
margin:0;
padding:0;
list-style:none;
}
body .np-salon__rejilla figure {
margin:0;
}
body .np-salon__rejilla img {
display:block;
width:100%;
aspect-ratio:3/2;
object-fit:cover;
border-radius:var(--vv-radio);
}
body .np-salon__rejilla figcaption {
margin-top:10px;
font-size:14px;
color:var(--np-gris);
}
body .np-360 {
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(220px,26vw,340px);
margin-top:clamp(18px,2vw,26px);
padding:30px;
border:0;
border-radius:var(--vv-radio);
background:#222 var(--np-360-foto,none) 50% 50%/cover no-repeat;
color:#fff;
font:inherit;
cursor:pointer;
overflow:hidden;
isolation:isolate;
}
body .np-360::before {
content:"";
position:absolute;
inset:0;
z-index:-1;
background:rgba(15,15,15,.55);
transition:background-color .3s ease;
}
body .np-360:hover::before {
background:rgba(15,15,15,.35);
}
body .np-360__txt {
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
font-family:var(--vv-fuente-titulos);
font-size:clamp(26px,3.2vw,40px);
letter-spacing:.06em;
text-transform:uppercase;
}
body .np-360__txt small {
font-family:var(--vv-fuente-textos);
font-size:16px;
letter-spacing:0;
text-transform:none;
color:#E6E6E6;
}
body .np-360__ico {
display:grid;
place-items:center;
width:74px;
height:74px;
border:2px solid var(--np-oro);
border-radius:50%;
font-size:22px;
font-weight:600;
color:var(--np-oro);
animation:np-gira 6s linear infinite;
}
@keyframes np-gira {
0%,100% { box-shadow:0 0 0 0 rgba(233,198,100,.45); }
50% { box-shadow:0 0 0 14px rgba(233,198,100,0); }
}
@media only screen and (max-width:767px) {
body .np-salon__rejilla {
grid-template-columns:repeat(2,minmax(0,1fr));
}
body .np-salon__rejilla li:first-child {
grid-column:1/-1;
}
}

/* Ventanas: cita y 360 */
body dialog.np-dialogo {
width:min(460px,calc(100% - 32px));
padding:0;
border:0;
border-radius:10px;
background:var(--np-carbon);
color:var(--np-hueso);
box-shadow:0 30px 80px rgba(0,0,0,.6);
}
body dialog.np-dialogo::backdrop {
background:rgba(0,0,0,.72);
backdrop-filter:blur(3px);
}
body .np-dialogo__caja {
position:relative;
padding:34px 28px 28px;
text-align:center;
}
body .np-dialogo__caja::before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:4px;
background:var(--np-fraja) 0 0/auto 100% repeat-x;
}
body .np-dialogo__cerrar {
position:absolute;
top:10px;
right:10px;
display:grid;
place-items:center;
width:44px;
height:44px;
border:0;
border-radius:50%;
background:transparent;
color:var(--np-hueso);
font-size:28px;
line-height:1;
cursor:pointer;
}
body .np-dialogo__cerrar:hover {
background:rgba(255,255,255,.08);
}
body .np-dialogo h2 {
margin:0 0 8px;
font-size:34px;
color:#fff;
}
body .np-dialogo p {
margin:0 0 22px;
color:var(--np-gris);
}
body .np-dialogo__opciones {
display:grid;
gap:12px;
}
body .np-dialogo__opciones a {
display:flex;
align-items:center;
gap:16px;
padding:16px 18px;
border-radius:8px;
text-align:left;
text-decoration:none;
color:#fff;
transition:transform .2s ease,filter .2s ease;
}
body .np-dialogo__opciones a:hover {
transform:translateY(-2px);
filter:brightness(1.08);
}
body .np-dialogo__opciones a.np-op--tel {
background:var(--np-oro);
color:var(--np-negro);
}
body .np-dialogo__opciones a.np-op--wa {
background:#1E8E4E;
}
body .np-dialogo__opciones svg {
width:30px;
height:30px;
flex:none;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
body .np-dialogo__opciones strong {
display:block;
font-family:var(--vv-fuente-titulos);
font-size:20px;
font-weight:500;
letter-spacing:.06em;
text-transform:uppercase;
}
body .np-dialogo__opciones span {
display:block;
font-size:15px;
opacity:.9;
}
body .np-dialogo__nota {
margin:18px 0 0 !important;
font-size:14px;
}
body dialog.np-dialogo--360 {
width:min(1200px,calc(100% - 24px));
height:min(760px,calc(100% - 24px));
background:#000;
}
body .np-dialogo--360 .np-dialogo__caja {
height:100%;
padding:0;
}
body .np-visor {
width:100%;
height:100%;
}
body .np-dialogo--360 .np-dialogo__cerrar {
z-index:5;
background:rgba(0,0,0,.6);
}

/* Opiniones */
body .np-opiniones .vvr__tits,
body .np-opiniones .vvr__opinar {
display:none;
}
body .np-opiniones .vvr {
margin:0;
padding:0;
background:none;
}
body .np-opiniones .vvr__resumen,
body .np-opiniones .vvr__tarjeta {
color:#1A1A1A;
}
body .np-opiniones .vvr__resumen strong,
body .np-opiniones .vvr__nombre,
body .np-opiniones .vvr__texto p {
color:#1A1A1A;
}
body .np-opiniones .vvr__resumen span,
body .np-opiniones .vvr__autor time {
color:#5C5C5C;
}
body .np-opiniones .vvr__mas {
color:var(--np-rojo);
}
body .np-opiniones .vvr__lista {
scrollbar-width:thin;
scrollbar-color:var(--np-oro) transparent;
}
body .np-opiniones .vvr__lista::-webkit-scrollbar {
height:6px;
}
body .np-opiniones .vvr__lista::-webkit-scrollbar-track {
background:transparent;
}
body .np-opiniones .vvr__lista::-webkit-scrollbar-thumb {
background:var(--np-oro);
border-radius:3px;
}
body .np-opiniones .vvr__aviso,
body .np-opiniones .vvr > p {
color:#8A8A8A;
}

/* Horario y contacto */
body .np-contacto__rejilla {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);
gap:clamp(18px,2.4vw,32px);
}
body .np-tarjeta {
padding:30px 28px;
border:1px solid var(--np-borde);
border-radius:var(--vv-radio);
background:var(--np-carbon-2);
}
body .np-tarjeta h3 {
margin:0 0 18px;
font-size:26px;
color:#fff;
}
body .np-tarjeta p {
margin:0 0 14px;
}
body .np-tarjeta .vv-horario {
color:var(--np-hueso);
}
body .np-tarjeta .vv-estado {
display:inline-block;
margin-top:6px;
}
body .np-tarjeta .np-btn {
width:100%;
margin-top:8px;
}
body .np-mapa {
min-height:340px;
padding:0;
overflow:hidden;
}
body .np-mapa iframe,
body .np-mapa > * {
display:block;
width:100%;
min-height:340px;
height:100%;
border:0;
}
@media only screen and (max-width:1024px) {
body .np-contacto__rejilla {
grid-template-columns:repeat(2,minmax(0,1fr));
}
body .np-mapa {
grid-column:1/-1;
}
}
@media only screen and (max-width:640px) {
body .np-contacto__rejilla {
grid-template-columns:minmax(0,1fr);
}
}

/* Pie */
body .vv-pie {
position:relative;
border-top:0;
}
body .vv-pie::before {
content:"";
display:block;
height:4px;
background:var(--np-fraja) 0 0/auto 100% repeat-x;
}
body .vv-pie__logo {
height:48px;
width:auto;
}
body .vv-pie__titulo {
margin:0 0 16px;
font-family:var(--vv-fuente-titulos);
font-size:16px;
font-weight:500;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--np-oro);
}
body .vv-pie__nav {
margin:0;
padding:0;
list-style:none;
}
body .vv-pie__nav li {
margin:0 0 8px;
}
body .vv-pie__nav a {
text-decoration:none;
}
body .vv-pie__nav a:hover,
body .vv-pie__dato a:hover {
color:var(--np-oro);
}
body .vv-pie__ico {
color:var(--np-oro);
}
body .vv-pie__legal {
border-top:1px solid #1D1D1D;
background:#070707;
}

/* Barra inferior */
body .vv-barra {
border-top:1px solid var(--np-borde);
}
body .vv-barra__grupo--rapidos {
flex:1 1 100%;
}
body .vv-barra__grupo--rapidos .vv-barra__botones {
width:100%;
justify-content:space-around;
}
body .vv-barra__btn--enlace.np-barra-cita {
background:var(--np-oro);
color:var(--np-negro);
}
body .np-barra-estado {
display:flex;
align-items:center;
justify-content:center;
margin:0;
padding:6px 12px;
border-top:1px solid rgba(255,255,255,.08);
font-size:13px;
line-height:1.3;
color:var(--np-hueso);
text-align:center;
}
body .np-barra-estado .vv-estado {
margin:0;
}
body .vv-barra__btn--menu {
border:0;
background:transparent;
color:var(--np-hueso);
font:inherit;
cursor:pointer;
}
@media only screen and (min-width:1101px) {
body .vv-barra {
display:none;
}
html {
--vv-barra-alto:0px !important;
}
}
@media only screen and (max-width:767px) {
body .vv-barra__btn {
width:auto;
min-width:44px;
height:52px;
min-height:52px;
padding:0 10px;
flex-direction:column;
gap:2px;
}
body .vv-barra__txt {
position:static;
width:auto;
height:auto;
overflow:visible;
clip:auto;
font-size:10.5px;
font-weight:600;
}
body .vv-barra__btn .vv-barra__ico svg {
width:20px;
height:20px;
}
body .vv-barra__btn--enlace.np-barra-cita {
padding:0 14px;
border-radius:8px;
}
}

/* Páginas interiores */
body .vv-titulo-pagina h1 {
color:#fff;
}
body:not(.vv-pagina-inicio) .vv-contenido {
padding-bottom:60px;
}

/* Cookies */
body .vv-cookies {
background:var(--np-carbon);
color:var(--np-hueso);
border-top:4px solid transparent;
border-image:var(--np-fraja) 4 0 0 0 / 4px 0 0 0 repeat;
box-shadow:0 -12px 40px rgba(0,0,0,.5);
}
body .vv-cookies__btn {
border-color:var(--np-oro);
background:var(--np-oro);
color:var(--np-negro);
border-radius:var(--vv-radio-boton);
}
body .vv-cookies__btn + .vv-cookies__btn {
background:transparent;
color:var(--np-hueso);
border-color:#555;
}
body .vv-dialogo__caja {
background:var(--np-carbon);
color:var(--np-hueso);
}
body .vv-dialogo__cerrar {
background:#2A2A2A;
color:var(--np-hueso);
}
body .vv-cookies-lista th,
body .vv-cookies-lista td {
border-bottom-color:rgba(255,255,255,.12);
}

/* Pie y accesibilidad en móvil */
@media only screen and (max-width:1100px) {
body .vv-pie__nav {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
grid-template-rows:repeat(4,auto);
grid-auto-flow:column;
column-gap:24px;
}
body .vv-sello-acc {
justify-content:center;
}
body .vv-acc-flota.is-pie {
position:static;
z-index:auto;
gap:8px;
height:44px;
min-width:0;
padding:0 18px 0 12px;
border:1px solid rgba(255,255,255,.35);
background-color:transparent;
color:var(--np-hueso);
font-size:14px;
font-weight:600;
box-shadow:none;
}
body .vv-acc-flota.is-pie .vv-acc-flota__txt {
max-width:none;
}
body .vv-acc-flota.is-pie .vv-acc-ico {
width:22px;
height:22px;
}
body .vv-acc-flota.is-pie:hover,
body .vv-acc-flota.is-pie:focus-visible {
border-color:var(--np-oro);
background-color:transparent;
color:var(--np-oro);
}
}
@media only screen and (max-width:900px) {
body .np-nacho .np-botones {
justify-content:center;
}
}

/* Anclas bajo la cabecera */
body .vv-contenido [id] {
scroll-margin-top:calc(var(--vv-arriba-alto,80px) + 10px);
}

/* Movimiento reducido */
@media (prefers-reduced-motion:reduce) {
body .np-corte__tijeras,
body .np-360__ico {
animation:none;
transition:none;
}
body .np-srv__foto {
transition:none;
}
}