/* Cabecera, botones y cierre comunes (v1.83) — inc/home-v5.php, lp_chrome_v5().
   Se carga en toda la web cuando está activa la opción lp_chrome_v5 (o con ?lp_c5=1 para
   revisarla) y siempre en la portada v5. La portada añade lo suyo en home-v5.css. */

@font-face{font-family:'Archivo';font-style:normal;font-weight:300 900;font-stretch:62% 125%;font-display:swap;src:url('../fonts/archivo-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Archivo';font-style:normal;font-weight:300 900;font-stretch:62% 125%;font-display:swap;src:url('../fonts/archivo-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/plex-mono-400-latin.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/plex-mono-500-latin.woff2') format('woff2');}

body.lp-c5{
  --v5-bg:#15120E; --v5-bg2:#1D1914; --v5-fg:#EDE9E1; --v5-fg2:#A79F91; --v5-fg3:#7D7567;
  --v5-rule:rgba(237,233,225,.14); --v5-night:#0C0A08; --v5-gold:#C9A24E;
  --v5-display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --v5-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  /* v1.84.1 · un solo marco para toda la web: contenido de hasta 1760 px; cabecera,
     portada, páginas interiores y footer usan este mismo borde */
  --v5-gut:max(clamp(1.25rem,5vw,3rem),calc((100vw - 1760px) / 2));
  --v5-ease:cubic-bezier(.2,.7,.1,1);
}
html[data-theme="light"] body.lp-c5{
  --v5-bg:#EDE9E1; --v5-bg2:#E3DED3; --v5-fg:#15120E; --v5-fg2:#615A4E; --v5-fg3:#8E8676;
  --v5-rule:rgba(21,18,14,.16); --v5-night:#15120E;
}
html:not([data-theme="light"]) body.lp-c5{
  --v5-bg:#1A1510; --v5-bg2:#221C15; --v5-fg:#E6DFD2; --v5-fg2:#A69C8B; --v5-fg3:#7A7062;
  --v5-rule:rgba(230,223,210,.12); --v5-night:#0D0B08;
}

.lp-c5 .v5-wrap{padding-inline:var(--v5-gut)}
.lp-c5 .v5-mono{font:500 11.5px/1.4 var(--v5-mono);letter-spacing:.02em;text-transform:uppercase}
.lp-c5 .v5-ulink{color:inherit;font-weight:600;font-size:15px;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--v5-ease)}
.lp-c5 .v5-ulink:hover{background-size:0 1px;background-position:100% 100%}
.lp-c5 .site-nav .nav-cta{background:var(--v5-fg);color:var(--v5-bg);border:0;border-radius:3px;box-shadow:none;background-image:none}
.lp-c5 .site-nav .nav-cta:hover{background:var(--v5-gold);color:#15120E;transform:none}
.lp-c5 .v5-btn{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 26px;background:var(--v5-fg);color:var(--v5-bg);font:600 15px/1 var(--font-body,Inter),sans-serif;border-radius:3px;text-decoration:none;position:relative;overflow:hidden;isolation:isolate;transition:color .3s}
.lp-c5 .v5-btn::before{content:"";position:absolute;inset:0;background:var(--v5-gold);transform:translateY(101%);transition:transform .45s var(--v5-ease);z-index:-1}
.lp-c5 .v5-btn:hover::before{transform:none}
.lp-c5 .v5-btn:hover{color:#15120E}
.lp-c5 .v5-btn i{font-style:normal;transition:transform .45s var(--v5-ease)}
.lp-c5 .v5-btn:hover i{transform:translateX(4px)}
.lp-c5 .v5-btn--light{background:#EDE9E1;color:#15120E}
.lp-c5 .v5-close .v5-btn--light{color:#15120E}
.lp-c5 .v5-close p{color:rgba(237,233,225,.85)}
html:not([data-theme="light"]) .lp-c5 .v5-btn,
html:not([data-theme="light"]) .lp-c5 .v5-close .v5-btn--light{background:var(--v5-gold);color:#15120E}
html:not([data-theme="light"]) .lp-c5 .v5-btn::before{background:#E6DFD2}
html:not([data-theme="light"]) .lp-c5 .site-nav .nav-cta{background:var(--v5-gold);color:#15120E}
html:not([data-theme="light"]) .lp-c5 .site-nav .nav-cta:hover{background:#E6DFD2}
html:not([data-theme="light"]) .lp-c5 .v5-close{border-top:1px solid rgba(230,223,210,.1)}

/* ── Cierre / footer ──
   Arriba la invitación grande («Parlem-ne.»); en las páginas que ya acaban con su propio
   bloque de contacto (lp-has-close, contacte) se oculta para no repetirla. */
.lp-c5 .v5-close{background:var(--v5-night);color:#EDE9E1;padding-top:110px;overflow:hidden}
.lp-c5 .v5-close a{color:inherit;text-decoration:none}
.lp-c5 .v5-close__kicker{display:flex;justify-content:space-between;color:rgba(237,233,225,.55);padding-bottom:20px;border-bottom:1px solid rgba(237,233,225,.16)}
.lp-c5 .v5-close__kicker b{font-weight:500}
.lp-c5 .v5-close__big{display:block;font-family:var(--v5-display);font-weight:800;font-size:clamp(72px,19.5vw,380px);line-height:.82;letter-spacing:-.06em;font-stretch:88%;padding:4vw 0 2vw;white-space:nowrap;transition:font-stretch .7s var(--v5-ease),color .3s}
.lp-c5 .v5-close__big:hover{font-stretch:100%;color:var(--v5-gold)}
.lp-c5 .v5-close__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding:40px 0 64px;border-top:1px solid rgba(237,233,225,.16)}
.lp-c5 .v5-close__intro{grid-column:1/6;font-size:18px}
.lp-c5 .v5-close__intro p{margin:0 0 26px;max-width:34em}
.lp-c5 .v5-close__col:nth-of-type(2){grid-column:7/9}
.lp-c5 .v5-close__col:nth-of-type(3){grid-column:9/11}
.lp-c5 .v5-close__col:nth-of-type(4){grid-column:11/13}
.lp-c5 .v5-close__col .v5-mono{display:block;color:rgba(237,233,225,.5);margin-bottom:12px}
.lp-c5 .v5-close__col ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.5}
.lp-c5 .v5-close__col li{margin:0 0 10px}
.lp-c5 .v5-close__col a{opacity:.85;transition:opacity .2s}
.lp-c5 .v5-close__col a:hover{opacity:1}
.lp-c5 .v5-close__foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 30px;border-top:1px solid rgba(237,233,225,.16);color:rgba(237,233,225,.5);font-size:13px}
.lp-c5 .v5-close__foot p{margin:0;color:inherit}
.lp-c5 .v5-close__foot nav{display:flex;gap:22px;flex-wrap:wrap}
.lp-c5 .v5-close__foot img{display:inline;height:15px;width:auto;margin-left:6px;vertical-align:-2px;opacity:.7}
body.lp-c5.lp-has-close:not(.home-v5) .v5-close__top,
body.lp-c5.lp-cpage .v5-close__top{display:none}
body.lp-c5.lp-has-close:not(.home-v5) .v5-close,
body.lp-c5.lp-cpage .v5-close{padding-top:64px}
body.lp-c5.lp-has-close:not(.home-v5) .v5-close__grid,
body.lp-c5.lp-cpage .v5-close__grid{border-top:0;padding-top:0}
@media (max-width:1023px){
  .lp-c5 .v5-close__grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}
  .lp-c5 .v5-close__intro{grid-column:1/-1}
  .lp-c5 .v5-close__col:nth-of-type(n){grid-column:auto}
}
@media (max-width:640px){
  .lp-c5 .v5-close{padding-top:80px}
  .lp-c5 .v5-close__grid{grid-template-columns:1fr 1fr}
  .lp-c5 .v5-close__col:nth-of-type(4){grid-column:1/-1}
  .lp-c5 .v5-close__foot{flex-direction:column;align-items:flex-start}
}

/* el «Parlem-ne» del megamenú, plano como el de la cabecera */
.lp-c5 .megamenu .btn--primary{background:var(--v5-fg);background-image:none;color:var(--v5-bg);border:0;border-radius:3px;box-shadow:none}
html:not([data-theme="light"]) .lp-c5 .megamenu .btn--primary{background:var(--v5-gold);color:#15120E}

/* ── Botones (v1.84): un solo sistema en toda la web ──
   Principal: rectángulo de tinta (dorado de noche) con barrido al pasar el ratón.
   Secundario: el mismo rectángulo, solo con borde. Enlace: texto subrayado.
   Cubre los de la home (.v5-btn), los del tema (.btn--primary / .btn--outline:
   configurador, formulario, landings) y el botón flotante del chat. */
.lp-c5 .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 26px;border-radius:3px;font:600 15px/1 var(--font-body,Inter),sans-serif;letter-spacing:0;white-space:nowrap;box-shadow:none;transform:none!important}
.lp-c5 .btn--primary,.lp-c5 .btn--outline{position:relative;overflow:hidden;isolation:isolate;transition:color .3s,background-color .3s,border-color .3s}
.lp-c5 .btn--primary{background:var(--v5-fg);background-image:none;color:var(--v5-bg);border:0}
.lp-c5 .btn--primary::after{display:none}
.lp-c5 .btn--primary::before{content:"";position:absolute;inset:0;background:var(--v5-gold);transform:translateY(101%);transition:transform .45s var(--v5-ease);z-index:-1}
.lp-c5 .btn--primary:hover{color:#15120E;box-shadow:none}
.lp-c5 .btn--primary:hover::before{transform:none}
.lp-c5 .btn--outline{background:transparent;color:var(--v5-fg);border:1px solid var(--v5-fg)}
.lp-c5 .btn--outline:hover{background:var(--v5-fg);color:var(--v5-bg);border-color:var(--v5-fg)}
.lp-c5 .btn:disabled,.lp-c5 .btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
html:not([data-theme="light"]) .lp-c5 .btn--primary{background:var(--v5-gold);color:#15120E}
html:not([data-theme="light"]) .lp-c5 .btn--primary::before{background:#E6DFD2}
/* la cabecera y el megamenú usan la versión compacta */
.lp-c5 .site-nav .btn{height:38px;padding:0 16px;font-size:13.5px}
@media (min-width:1600px){ .lp-c5 .site-nav .btn{height:40px;padding:0 18px;font-size:14px} }
.lp-c5 .megamenu .btn{height:48px;padding:0 22px}
/* enlaces tipo «Ver todos →» */
.lp-c5 :is(.service-card__cta,.pj-more__all,.mm-more){color:var(--v5-fg);font-weight:600;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--v5-ease)}
.lp-c5 :is(.service-card__cta,.pj-more__all,.mm-more):hover{background-size:0 1px;background-position:100% 100%}
/* botón flotante del chat */
.lp-c5 .lp-chat__launch{height:46px;padding:0 18px;border-radius:3px;background:var(--v5-fg);background-image:none;color:var(--v5-bg);box-shadow:0 10px 24px -12px rgba(0,0,0,.45)}
.lp-c5 .lp-chat__launch:hover{transform:none;background:var(--v5-gold);color:#15120E;box-shadow:0 10px 24px -12px rgba(0,0,0,.45)}
html:not([data-theme="light"]) .lp-c5 .lp-chat__launch{background:var(--v5-gold);color:#15120E}
html:not([data-theme="light"]) .lp-c5 .lp-chat__launch:hover{background:#E6DFD2}
@media (max-width:420px){ .lp-c5 .lp-chat__launch{width:46px;padding:0;justify-content:center} }

/* ── Cabecera igual en todas las páginas (v1.84.1) ──
   Mismo borde que el contenido (--v5-gut) y mismo tamaño en todas partes; en pantallas
   grandes crece un poco. Antes solo la portada lo tenía y las interiores seguían en 1280 px. */
.lp-c5 .site-nav > .container{max-width:none;padding-inline:var(--v5-gut)}
.lp-c5 .site-nav.scrolled{background:color-mix(in srgb,var(--v5-bg) 88%,transparent)}
@media (min-width:1600px){
  .lp-c5 .site-nav{padding-block:22px}
  .lp-c5 .site-nav .nav-logo-img{height:34px}
  .lp-c5 .site-nav .nav-partner__img{height:19px;width:auto}
  .lp-c5 .site-nav .nav-right{gap:22px}
}
@media (min-width:2200px){
  .lp-c5 .site-nav .nav-logo-img{height:38px}
  .lp-c5 .site-nav .nav-partner__img{height:21px}
}

/* Instagram (v1.86): enlace en la línea de respuesta del hero y atajo en contacto */
.lp-c5 .v5-hero__ig{color:var(--v5-fg);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:1px}
.lp-c5 .v5-hero__ig:hover{color:var(--v5-gold)}
.lp-c5 .cpage-ig{margin:18px 0 0;font-size:15px}
.lp-c5 .cpage-ig a{color:var(--v5-fg)}