/* WP Popups — modal central. Tot penja de .wpp-overlay perquè el tema no ho trepitgi.
   Colors i font arriben com a variables (Ajustos del plugin). */
.wpp-overlay{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:16px;background:rgba(40,40,40,.62);font-family:var(--wpp-font);color:var(--wpp-ink);box-sizing:border-box}
.wpp-overlay[hidden]{display:none}
.wpp-overlay *,.wpp-overlay *:before,.wpp-overlay *:after{box-sizing:border-box}
.wpp-overlay .wpp{position:relative;width:min(780px,100%);max-height:calc(100vh - 32px);overflow:auto;display:grid;grid-template-columns:300px 1fr;background:#fff;border-radius:16px;box-shadow:0 24px 64px rgba(30,20,15,.35);text-align:left}
.wpp-overlay p,.wpp-overlay h2,.wpp-overlay ol,.wpp-overlay li{margin:0;padding:0;text-transform:none;letter-spacing:normal;font-family:inherit}
/* Franja */
.wpp-overlay .wpp-side{background:var(--wpp-primary);color:#fff;padding:36px 30px 30px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.wpp-overlay .wpp-title{font-weight:800;font-size:56px;line-height:.95;letter-spacing:-.035em;color:#fff}
.wpp-overlay .wpp-months{display:grid;grid-template-columns:repeat(12,1fr);margin:0 0 14px;list-style:none}
.wpp-overlay .wpp-months li{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:600;line-height:1;color:#fff;opacity:.75;list-style:none}
.wpp-overlay .wpp-months li:before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;opacity:.55}
.wpp-overlay .wpp-months li.wpp-now{opacity:1}
.wpp-overlay .wpp-months li.wpp-now:before{opacity:1;box-shadow:0 0 0 4px rgba(255,255,255,.35)}
.wpp-overlay .wpp-cadence{font-weight:600;font-size:15px;line-height:1.4;color:#fff}
/* Contingut */
.wpp-overlay .wpp-main{position:relative;padding:40px 40px 30px}
.wpp-overlay .wpp-headline{margin:0 40px 14px 0;font-weight:600;font-size:24px;line-height:1.25;letter-spacing:-.01em;color:var(--wpp-ink)}
.wpp-overlay .wpp-lead{margin:0 0 26px;font-weight:500;font-size:15.5px;line-height:1.6;max-width:44ch;color:var(--wpp-ink)}
.wpp-overlay label{display:block;margin:0 0 8px;font-weight:600;font-size:14px;line-height:1.3;color:var(--wpp-ink)}
.wpp-overlay .wpp-row{display:flex;gap:8px}
.wpp-overlay input[type=email]{flex:1;min-width:0;height:auto;margin:0;font:500 15px/1.3 var(--wpp-font);color:var(--wpp-ink);background:var(--wpp-mist);border:2px solid var(--wpp-mist);border-radius:8px;padding:12px 14px;box-shadow:none}
.wpp-overlay input[type=email]::placeholder{color:#8b8b89;opacity:1}
.wpp-overlay input[type=email]:focus{outline:none;background:#fff;border-color:var(--wpp-ink)}
.wpp-overlay input[aria-invalid=true]{border-color:var(--wpp-primary);background:#fff}
.wpp-overlay .wpp-btn{margin:0;font:800 15px/1.3 var(--wpp-font);color:#fff;background:var(--wpp-primary);border:0;border-radius:8px;padding:12px 22px;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;white-space:nowrap}
.wpp-overlay .wpp-btn:hover{background:var(--wpp-primary-dark);color:#fff}
.wpp-overlay .wpp-btn[disabled]{opacity:.6;cursor:wait}
.wpp-overlay .wpp-btn:focus-visible,.wpp-overlay .wpp-close:focus-visible,.wpp-overlay .wpp-later:focus-visible,.wpp-overlay a:focus-visible{outline:3px solid var(--wpp-ink);outline-offset:3px}
.wpp-overlay .wpp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wpp-overlay .wpp-error{min-height:20px;margin:6px 0 0;font-size:13px;font-weight:600;line-height:1.4;color:var(--wpp-primary-dark)}
.wpp-overlay .wpp-legal{margin:8px 0 0;font-size:11.5px;line-height:1.5;color:#6e6e6c;max-width:56ch}
.wpp-overlay .wpp-legal a{color:inherit;text-decoration:underline}
.wpp-overlay .wpp-later{margin:14px 0 0;padding:0;background:none;border:0;font:600 13px var(--wpp-font);color:#6e6e6c;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-transform:none;box-shadow:none}
.wpp-overlay .wpp-close{position:absolute;top:14px;right:14px;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--wpp-ink);font-size:24px;line-height:1;cursor:pointer;box-shadow:none}
.wpp-overlay .wpp-close:hover{background:var(--wpp-mist)}
.wpp-overlay .wpp-ok{display:none}
.wpp-overlay .wpp.is-done .wpp-form{display:none}
.wpp-overlay .wpp.is-done .wpp-ok{display:block}
.wpp-overlay .wpp-ok-title{margin:12px 0 10px;font-weight:800;font-size:30px;line-height:1.15;color:var(--wpp-ink)}
html.wpp-lock{overflow:hidden}
@media (prefers-reduced-motion:no-preference){
	.wpp-overlay:not([hidden]) .wpp{animation:wpp-in .32s cubic-bezier(.2,.8,.2,1)}
	.wpp-overlay:not([hidden]) .wpp-months li.wpp-now:before{animation:wpp-dot 1.2s .35s ease-out 1}
}
@keyframes wpp-in{from{opacity:0;transform:translateY(10px) scale(.98)}}
@keyframes wpp-dot{0%{box-shadow:0 0 0 0 rgba(255,255,255,.9)}100%{box-shadow:0 0 0 4px rgba(255,255,255,.35)}}
@media (max-width:720px){
	.wpp-overlay .wpp{grid-template-columns:1fr}
	.wpp-overlay .wpp-side{gap:20px;padding:26px 24px}
	.wpp-overlay .wpp-title{font-size:34px}
	.wpp-overlay .wpp-main{padding:28px 24px 24px}
	.wpp-overlay .wpp-row{flex-direction:column}
}