/* (6 nov 2026, Luis) /pricing sencillo (static/precios-coins.html): titular y cajas de recarga. Pagina normal, clara. */
*,*::before,*::after{box-sizing:border-box}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/poppins-600-latin.woff2') format('woff2')}

body.pz-app{margin:0;color:#0a0a14;font-family:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.pz{max-width:1180px;margin:0 auto;padding:56px 24px 72px}
.pz *{box-sizing:border-box}
.pz-cab{text-align:center;max-width:620px;margin:0 auto 40px}
.pz-cab h1{margin:0;font-family:'Poppins',-apple-system,sans-serif;font-size:clamp(34px,4.4vw,48px);font-weight:600;letter-spacing:-.03em}
.pz-cab p{margin:12px 0 0;font-size:17px;line-height:1.55;color:#5f5f6b}
.pz-cab b{color:#0a0a14;font-weight:600}

.pz-cajas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pz-caja{position:relative;display:flex;flex-direction:column;padding:24px 20px 20px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(10,10,20,.08)}
.pz-caja.top{box-shadow:0 0 0 1.5px #111113,0 18px 40px -24px rgba(10,10,20,.35)}
.pz-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:3px 10px;border-radius:999px;background:#111113;color:#fff;font-size:11.5px;font-weight:600;white-space:nowrap}
.pz-precio{margin:0;font-family:'Poppins',-apple-system,sans-serif;font-size:36px;font-weight:600;letter-spacing:-.02em}
.pz-coins{margin:2px 0 0;font-size:15px;font-weight:600}
.pz-bonus{align-self:flex-start;margin-top:10px;padding:3px 9px;border-radius:999px;background:rgba(16,185,129,.12);color:#047857;font-size:12.5px;font-weight:600}
.pz-bonus.no{background:#f2f2f5;color:#8e8e98;font-weight:500}
.pz-lista{list-style:none;margin:18px 0 20px;padding:16px 0 0;border-top:1px solid rgba(10,10,20,.07);display:flex;flex-direction:column;gap:9px;font-size:13.5px;line-height:1.4;color:#3f3f4a}
.pz-lista li{display:flex;gap:8px}
.pz-lista svg{flex:none;width:15px;height:15px;margin-top:2px;fill:none;stroke:#10b981;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pz-lista b{color:#0a0a14;font-weight:600}
.pz-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;height:42px;border-radius:11px;background:#fff;color:#111113 !important;
  box-shadow:inset 0 0 0 1px rgba(10,10,20,.16);font-size:14.5px;font-weight:600;text-decoration:none;transition:background .15s ease}
.pz-btn:hover{background:#f4f4f6}
.pz-caja.top .pz-btn{background:#111113;color:#fff !important;box-shadow:none}
.pz-caja.top .pz-btn:hover{background:#000}
.pz-btn:focus-visible{outline:2px solid #6d5dfc;outline-offset:3px}
.pz-nota{max-width:620px;margin:28px auto 0;text-align:center;font-size:13.5px;line-height:1.55;color:#8e8e98}

@media (max-width:1100px){.pz-cajas{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}}
@media (max-width:700px){.pz{padding:36px 16px 56px}.pz-cajas{grid-template-columns:1fr}}
/* titulo: "Subscriptions" tachado a mano (dos trazos irregulares) y ". Pay per use." */
.pz-tachado{position:relative;display:inline-block;color:#a1a1aa}
.pz-tachado s{text-decoration:none}
.pz-tachado svg{position:absolute;left:-3%;top:22%;width:106%;height:62%;overflow:visible;pointer-events:none}
.pz-tachado path{fill:none;stroke:#111113;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pz-tachado path + path{stroke-width:2.4;opacity:.85}
/* (6 nov 2026, Luis) titular igual que el H1 de la home (.lpv-h1): misma fuente, tamano, interlineado y altura (112 px
   desde arriba); el texto de debajo como .lpv-sub */
.pz{padding-top:47px}
.pz-cab{max-width:none}
.pz-cab h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:clamp(34px,5.2vw,66px);line-height:1.02;letter-spacing:-.045em;font-weight:600;color:#111114}
.pz-cab p{max-width:760px;margin:22px auto 0;font-size:18px;line-height:1.55;color:#4a4a55}
@media (max-width:700px){.pz{padding-top:53px}}
/* segunda linea del titular (como la segunda linea del H1 de la home), sin parrafo debajo */
.pz-h1-2{display:block}
.pz-cab{margin-bottom:48px}
.pz-nw{white-space:nowrap}

/* (6 nov 2026, Luis) en que se gastan los coins: una caja con la base y dos columnas de extras */
.pz-costes{max-width:860px;margin:64px auto 0}
.pz-costes h2{margin:0 0 18px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:clamp(22px,2.4vw,28px);font-weight:600;letter-spacing:-.03em;color:#111114}
.pz-costes .pz-tabla{padding:8px 24px 20px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(10,10,20,.08)}
.pz-base{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid rgba(10,10,20,.08);font-size:15.5px;font-weight:500}
.pz-base b{font-size:20px;font-weight:600;white-space:nowrap}
.pz-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.pz-col{padding-top:14px}
.pz-col ul{list-style:none;margin:0;padding:0}
.pz-col h3{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8e8e98}
.pz-col li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(10,10,20,.05);font-size:14.5px}
.pz-col li:last-child{border-bottom:0}
.pz-col li span{color:#2c2c34}
.pz-col li b{font-weight:600;color:#111114;font-variant-numeric:tabular-nums}
.pz-ej{margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(10,10,20,.08);text-align:center;font-size:14px;color:#5f5f6b}
.pz-ej b{color:#111114;font-weight:600}
@media (max-width:700px){.pz-cols{grid-template-columns:1fr}.pz-costes .pz-tabla{padding:6px 16px 16px}}
/* (6 nov 2026, Luis) el icono de la moneda en lugar de la palabra "coins" */
.pz-coin{display:inline-block;width:1.05em;height:1.05em;margin-left:.22em;vertical-align:-.16em}
.pz-coin-h{width:.95em;height:.95em;vertical-align:-.12em}
.pz-coins{display:flex;align-items:center}
.pz-col li b,.pz-base b{display:inline-flex;align-items:center}
/* (6 nov 2026, Luis) los grupos de la busqueda, en su orden: titulo de grupo y sus filas; estrellas como en el formulario */
.pz-col h3:not(:first-child){margin-top:20px}
.pz-col li span{display:inline-flex;align-items:center;gap:4px}
.pz-col li span::after{content:none}
.pz-col li span{font-variant-numeric:normal}
.pz-costes .pz-tabla{padding-top:6px}
.pz-col li span:has(+ b){}
.pz-mal{font-style:normal;color:#ff0000}
.pz-est{font-style:normal;color:#f5b301}
/* (6 nov 2026, Luis) tabla mas compacta y cuadrada: los titulos de grupo con la misma altura que una fila (sin huecos
   extra), asi las dos columnas (10 lineas cada una) acaban a la misma altura */
.pz-costes .pz-tabla{padding:4px 24px 16px}
.pz-cols{column-gap:36px}
.pz-col{padding-top:0}
.pz-col h3,.pz-col h3:not(:first-child){display:flex;align-items:flex-end;height:34px;margin:0;padding:0 0 6px;border-top:0}
.pz-col li{height:34px;padding:0;align-items:center;border-bottom:1px solid rgba(10,10,20,.05)}
.pz-col ul{margin:0}
.pz-col ul li:last-child{border-bottom:0}
.pz-ej{margin-top:8px;padding-top:12px}
.pz-coins{margin-bottom:0}
/* (6 nov 2026, Luis) Google Business Data delante, a lo ancho y grande: lo que "fardamos", 3 coins por negocio */
.pz-costes .pz-base{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -24px;padding:18px 24px;border-bottom:1px solid rgba(10,10,20,.08);
  background:linear-gradient(100deg,rgba(169,159,214,.10),rgba(147,174,208,.08) 50%,rgba(143,191,174,.10));border-radius:20px 20px 0 0}
.pz-base span{display:flex;flex-direction:column;gap:3px}
.pz-base span b{font-size:17px;font-weight:600;color:#111114}
.pz-base small{font-size:13px;color:#6b6b75}
.pz-base em{display:inline-flex;align-items:center;font-style:normal;font-size:30px;font-weight:600;letter-spacing:-.02em;color:#111114;white-space:nowrap}
.pz-base em .pz-coin{width:.8em;height:.8em;margin-left:.18em}
.pz-costes .pz-tabla{padding-top:0;overflow:hidden}
.pz-cols{padding-top:6px}
@media (max-width:700px){.pz-costes .pz-base{margin:0 -16px;padding:16px}}

/* (6 nov 2026, Luis) recargas: tabla sobria, como las del CRM (cabeceras en minuscula y grises, numeros alineados,
   sin pastillas ni colores); la recomendada solo con un fondo gris muy suave y una etiqueta discreta */
.pz-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pz-niveles-w{max-width:960px;margin:0 auto;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(10,10,20,.09);overflow:hidden}
.pz-niveles{width:100%;border-collapse:collapse;font-size:15px;color:#111114}
.pz-niveles thead th{padding:12px 20px;text-align:left;font-size:13px;font-weight:500;color:#8e8e93;background:#fafafb;border-bottom:1px solid rgba(10,10,20,.07)}
.pz-niveles td,.pz-niveles tbody th{height:64px;padding:0 20px;border-bottom:1px solid rgba(10,10,20,.06);text-align:left;vertical-align:middle}
.pz-niveles tbody tr:last-child td,.pz-niveles tbody tr:last-child th{border-bottom:0}
.pz-niveles tbody th{font-weight:600;white-space:nowrap}
.pz-niveles .pz-n{font-variant-numeric:tabular-nums;white-space:nowrap}
.pz-niveles td.pz-n:nth-child(2){font-weight:600}
.pz-niveles .pz-c{color:#48484a}
.pz-niveles .pz-c .pz-coin{width:15px;height:15px;vertical-align:-3px}
.pz-niveles .pz-ah{color:#48484a}
.pz-rec{margin-left:10px;padding:2px 8px;border-radius:6px;background:#f0f0f3;font-size:12px;font-weight:500;color:#48484a;vertical-align:1px}
.pz-niveles tr.top td,.pz-niveles tr.top th{background:#fafafb}
.pz-niveles td:last-child{text-align:right;width:1%;white-space:nowrap}
.pz-niveles .pz-btn{display:inline-flex;align-items:center;height:34px;padding:0 16px;margin:0;border-radius:9px;font-size:14px}
.pz-niveles tr.top .pz-btn{background:#111113;color:#fff !important;box-shadow:none}
.pz-incl{max-width:960px;margin:14px auto 0;text-align:center;font-size:13.5px;color:#8e8e93}
@media (max-width:760px){
  .pz-niveles thead th:nth-child(3),.pz-niveles td:nth-child(3),.pz-niveles thead th:nth-child(5),.pz-niveles td:nth-child(5){display:none}
  .pz-niveles td,.pz-niveles tbody th,.pz-niveles thead th{padding:0 12px}
  .pz-niveles thead th{padding-top:10px;padding-bottom:10px}
  .pz-rec{display:none}
}
@media (max-width:700px){.pz-costes .pz-tabla{padding:0 16px 14px}.pz-costes .pz-base{margin:0 -16px;padding:16px}}
/* (6 nov 2026, Luis) cuantos negocios salen con cada recarga (solo datos de Google), redondeado a la centena */
.pz-niveles .pz-neg{font-weight:600}
.pz-niveles thead sup,.pz-incl sup{font-size:.75em;vertical-align:.4em}
@media (max-width:760px){
  .pz-niveles thead th:nth-child(4),.pz-niveles td:nth-child(4){display:table-cell}
  .pz-niveles thead th:nth-child(5),.pz-niveles td:nth-child(5),.pz-niveles thead th:nth-child(6),.pz-niveles td:nth-child(6){display:none}
  .pz-niveles thead th:nth-child(3),.pz-niveles td:nth-child(3){display:none}
}
/* (6 nov 2026, Luis) tabla por volumen: Top up, Businesses, Per 1,000 (igual para todos), Extra coins y boton */
.pz-niveles tbody th{font-weight:600}
.pz-niveles .pz-c{color:#047857;font-weight:600}
@media (max-width:760px){
  .pz-niveles thead th,.pz-niveles td,.pz-niveles tbody th{display:table-cell !important}
  .pz-niveles thead th:nth-child(3),.pz-niveles td:nth-child(3){display:none !important}
}
.pz-nada{color:#c7c7cc;font-weight:400}

/* (6 nov 2026, Luis) dos bloques: calculadora de recarga (izquierda, fija al bajar) y lo que cuesta cada negocio (derecha) */
.pz-dos{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;max-width:1100px;margin:0 auto;align-items:start}
.pz-dos h2{margin:0 0 14px;text-align:left;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.025em;color:#111114}
.pz-dos .pz-costes{max-width:none;margin:0}
.pz-dos .pz-costes h2{text-align:left}
.pz-calc{position:sticky;top:84px}
.pz-calc-c{padding:20px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(10,10,20,.08)}
.pz-cant{display:flex;align-items:baseline;gap:6px;padding:10px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(10,10,20,.14);cursor:text}
.pz-cant:focus-within{box-shadow:inset 0 0 0 1.5px #111113}
.pz-cant input{flex:1;min-width:0;border:0 !important;outline:0;background:none !important;box-shadow:none !important;padding:0;margin:0;font:inherit;font-size:34px;font-weight:600;letter-spacing:-.02em;color:#111114;font-variant-numeric:tabular-nums}
.pz-cant span:not(.pz-vh){font-size:26px;font-weight:600;color:#8e8e93}
.pz-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}
.pz-presets button{height:34px;border:0;border-radius:9px;background:#f2f2f5;font:inherit;font-size:13.5px;font-weight:600;color:#3a3a40;cursor:pointer}
.pz-presets button:hover{background:#e9e9ee}
.pz-presets button[aria-pressed="true"]{background:#111113;color:#fff}
.pz-presets button:focus-visible{outline:2px solid #6d5dfc;outline-offset:2px}
.pz-res{margin:16px 0 0;padding:0}
.pz-res > div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(10,10,20,.06)}
.pz-res dt{font-size:14px;color:#6b6b75}
.pz-res dd{margin:0;display:inline-flex;align-items:center;font-size:15px;font-weight:600;color:#111114;font-variant-numeric:tabular-nums}
.pz-res .pz-verde{color:#047857}
.pz-res-big dd{font-size:22px;letter-spacing:-.02em}
.pz-err{margin:6px 0 0;font-size:13px;color:#b42318}
.pz-err:empty{display:none}
.pz-btn-go{display:flex;margin-top:14px;height:46px;background:#111113;color:#fff !important;box-shadow:none;font-size:15px}
.pz-btn-go:hover{background:#000}
.pz-btn-go.off{background:#e4e4ea;color:#8e8e93 !important;cursor:not-allowed}
.pz-calc-n{margin:10px 0 0;text-align:center;font-size:12.5px;color:#8e8e93}
@media (max-width:900px){.pz-dos{grid-template-columns:1fr}.pz-calc{position:static}}
/* (6 nov 2026, Luis) las dos cajas miden lo mismo: se estiran a la mas alta; en la calculadora el boton baja al final */
.pz-dos{align-items:stretch}
.pz-calc,.pz-dos .pz-costes{display:flex;flex-direction:column}
.pz-calc{position:static}
.pz-dos h2{height:30px;display:flex;align-items:center}
.pz-calc-c,.pz-dos .pz-costes .pz-tabla{flex:1}
.pz-calc-c{display:flex;flex-direction:column}
.pz-calc-c .pz-btn-go{margin-top:auto}
.pz-res{margin-bottom:16px}
/* (6 nov 2026, Luis) sin escribir la cantidad: solo las opciones, mas grandes */
.pz-presets{margin-top:0;gap:8px}
.pz-presets button{height:48px;border-radius:12px;font-size:16px}
.pz-presets button[aria-checked="true"]{background:#111113;color:#fff}
/* (6 nov 2026, Luis) sumatorio: coins + extra = total, el cambio y los negocios */
.pz-res-tot{border-top:1px solid rgba(10,10,20,.16) !important}
.pz-res-tot dt{color:#111114;font-weight:600}
.pz-res-tot dd{font-size:16px}
.pz-res .pz-gris{font-weight:500;color:#6b6b75}
/* (6 nov 2026, Luis) el cambio junto al titulo "Top up", a la derecha y discreto */
#pz-h-calc{justify-content:space-between}
.pz-cambio{display:inline-flex;align-items:center;font-size:13.5px;font-weight:500;letter-spacing:0;color:#8e8e93}
.pz-cambio .pz-coin{width:14px;height:14px;margin-left:4px}
/* (6 nov 2026, Luis) el cambio como cabecera de la caja de recarga, igual que Google Business Data en la de la derecha */
.pz-calc-c{padding-top:0;overflow:hidden}
.pz-calc .pz-calc-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -20px 16px;padding:18px 20px;border-bottom:1px solid rgba(10,10,20,.08);
  background:linear-gradient(100deg,rgba(169,159,214,.10),rgba(147,174,208,.08) 50%,rgba(143,191,174,.10))}
.pz-calc-cab span{display:flex;flex-direction:column;gap:3px}
.pz-calc-cab span b{font-size:17px;font-weight:600;color:#111114}
.pz-calc-cab small{font-size:13px;color:#6b6b75}
.pz-calc-cab em{display:inline-flex;align-items:center;font-style:normal;font-size:24px;font-weight:600;letter-spacing:-.02em;color:#111114;white-space:nowrap}
.pz-calc-cab em .pz-coin{width:.8em;height:.8em;margin-left:.18em}
/* (6 nov 2026, Luis) mas simple y con mas aire: sin subtitulos ni ejemplo; cabeceras y filas un poco mas altas */
.pz-costes .pz-base,.pz-calc .pz-calc-cab{padding-top:20px;padding-bottom:20px}
.pz-col li{height:38px}
.pz-col h3,.pz-col h3:not(:first-child){height:40px}
.pz-cols{padding-top:8px;padding-bottom:10px}
.pz-res > div{padding:12px 0}
.pz-costes .pz-base,.pz-calc .pz-calc-cab{min-height:78px;box-sizing:border-box}
.pz-dos{margin-top:8px}
/* (6 nov 2026, Luis) texto bajo el titular (como .lpv-sub de la home) y mas aire hasta las cajas; tachado en rojo */
.pz-h2{max-width:640px;margin:22px auto 0;font-size:18px;line-height:1.55;font-weight:400;color:#4a4a55;text-align:center}
.pz-cab{margin-bottom:56px}
.pz-dos{margin-top:0}
.pz-tachado path{stroke:#e5383b}
/* (6 nov 2026, Luis) "Subscriptions" en negro (no gris) y el tachado rojo mas grueso: se nota y se lee */
.pz-tachado{color:#111114}
.pz-tachado path{stroke:#e5383b;stroke-width:4.4}
.pz-tachado path + path{stroke-width:3.2;opacity:.9}
/* (6 nov 2026, Luis) titulos de grupo como los del dashboard (.db-h): mayusculas, oscuros y subrayado fino con el degradado */
.pz-col h3{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1d1d21}
.pz-col h3 span{padding-bottom:3px;line-height:1.1;background:linear-gradient(90deg,#8b7fd0,#6f95cc 55%,#5fa98f) left bottom / 100% 1.5px no-repeat}

/* (6 nov 2026, Luis) ejemplos por combinacion, a todo el ancho bajo las dos cajas */
.pz-ejs{max-width:1100px;margin:24px auto 0;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(10,10,20,.08);overflow:hidden}
.pz-ejs-cab{display:flex;align-items:center;min-height:78px;padding:0 24px;border-bottom:1px solid rgba(10,10,20,.08);
  background:linear-gradient(100deg,rgba(169,159,214,.10),rgba(147,174,208,.08) 50%,rgba(143,191,174,.10))}
.pz-ejs-cab h2{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em;color:#111114}
.pz-ejs-l{list-style:none;margin:0;padding:6px 24px 10px}
.pz-ejs-l li{display:grid;grid-template-columns:1fr 120px 200px;align-items:center;gap:16px;height:46px;border-bottom:1px solid rgba(10,10,20,.05);font-size:15px}
.pz-ejs-l li:last-child{border-bottom:0}
.pz-ejs-l li span{color:#2c2c34}
.pz-ejs-l li em{display:inline-flex;align-items:center;justify-content:flex-end;font-style:normal;font-size:13.5px;color:#8e8e93;font-variant-numeric:tabular-nums}
.pz-ejs-l li em .pz-coin{width:13px;height:13px;margin:0 4px 0 3px}
.pz-ejs-l li b{text-align:right;font-weight:600;color:#111114;font-variant-numeric:tabular-nums}
@media (max-width:700px){
  .pz-ejs-cab,.pz-ejs-l{padding-left:16px;padding-right:16px}
  .pz-ejs-l li{grid-template-columns:1fr auto;height:auto;padding:10px 0;row-gap:2px}
  .pz-ejs-l li em{grid-row:2;justify-content:flex-start}
  .pz-ejs-l li b{grid-row:1 / 3;grid-column:2}
}
/* (6 nov 2026, Luis) H1 como el de la home: frase en dos lineas que acaba en cursiva con serifa (.lpv-ser) */
.pz-ser{font-family:"Instrument Serif","Georgia",serif;font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.06em}
/* (6 nov 2026, Luis) segunda linea del H1 en gris, como "Real people" en Contact: sin serifa ni degradado */
.pz-gris-h{color:#8a8a90}

/* (6 nov 2026, Luis) el mismo degradado en las cabeceras de las tres cajas */
html body .pz-calc .pz-calc-cab,html body .pz-costes .pz-base,html body .pz-ejs-cab{
  background:linear-gradient(100deg,rgba(169,159,214,.16),rgba(147,174,208,.12) 50%,rgba(143,191,174,.16)) !important}

/* preguntas frecuentes: desplegables, compactas */
.pz-faq{max-width:820px;margin:72px auto 0}
.pz-faq h2{margin:0 0 18px;text-align:center;font-size:clamp(24px,2.6vw,30px);font-weight:600;letter-spacing:-.03em;color:#111114}
.pz-faq-l{border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(10,10,20,.08);overflow:hidden}
.pz-faq details{border-bottom:1px solid rgba(10,10,20,.06)}
.pz-faq details:last-child{border-bottom:0}
.pz-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:0 22px;font-size:15.5px;font-weight:500;color:#111114;cursor:pointer;list-style:none}
.pz-faq summary::-webkit-details-marker{display:none}
.pz-faq summary::after{content:"";flex:none;width:9px;height:9px;margin-top:-4px;border-right:1.8px solid #8e8e93;border-bottom:1.8px solid #8e8e93;transform:rotate(45deg);transition:transform .18s ease}
.pz-faq details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.pz-faq summary:hover{background:#fafafb}
.pz-faq summary:focus-visible{outline:2px solid #6d5dfc;outline-offset:-2px}
.pz-faq details p{margin:0;padding:0 22px 18px;font-size:14.5px;line-height:1.6;color:#4a4a55}
@media (prefers-reduced-motion:reduce){.pz-faq summary::after{transition:none}}
@media (max-width:700px){.pz-faq summary{padding:12px 16px;min-height:0}.pz-faq details p{padding:0 16px 14px}}
/* (6 nov 2026, Luis) cabeceras de las cajas en gris claro (sin degradado) */
html body .pz-calc .pz-calc-cab,html body .pz-costes .pz-base,html body .pz-ejs-cab{background:#f6f6f8 !important}

/* (6 nov 2026, Luis) recuadro Credits (/pricing?embed=1): sin pie, y el historial de busquedas */
body.pz-embed .pz{padding-bottom:48px}
.pz-hist{max-width:1100px;margin:24px auto 0;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(10,10,20,.08);overflow:hidden}
.pz-hist .pz-ejs-cab{justify-content:space-between}
.pz-hist-saldo{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#6b6b75}
.pz-hist-saldo b{display:inline-flex;align-items:center;font-size:17px;font-weight:600;color:#111114}
.pz-hist-w{overflow-x:auto}
.pz-hist-t{width:100%;border-collapse:collapse;font-size:14px}
.pz-hist-t th{padding:12px 16px;text-align:left;font-size:13px;font-weight:500;color:#8e8e93;border-bottom:1px solid rgba(10,10,20,.07);white-space:nowrap}
.pz-hist-t td{height:46px;padding:0 16px;border-bottom:1px solid rgba(10,10,20,.05);white-space:nowrap;color:#2c2c34}
.pz-hist-t tr:last-child td{border-bottom:0}
.pz-hist-t .pz-n{font-variant-numeric:tabular-nums}
.pz-hist-t td.pz-n .pz-coin{width:13px;height:13px;margin-left:3px;vertical-align:-2px}
.pz-hist-t td[title]{cursor:help}
.pz-hist-q{max-width:320px;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:#111114}
.pz-hist-run{color:#6b6b75}
.pz-verde2{color:#047857}
.pz-hist-vacio{margin:0;padding:22px 24px;font-size:14px;color:#8e8e93}
/* (6 nov 2026, Luis) en Credits (dentro del dashboard) la barra de scroll fina e integrada, como en el resto de la UI */
html:has(body.pz-embed){scrollbar-width:auto}
html:has(body.pz-embed)::-webkit-scrollbar{width:12px;background:transparent}
html:has(body.pz-embed)::-webkit-scrollbar-track{background:transparent;margin:10px 0}
html:has(body.pz-embed)::-webkit-scrollbar-thumb{background:rgba(17,17,20,.14);border-radius:999px;border:3px solid transparent;background-clip:content-box}
html:has(body.pz-embed)::-webkit-scrollbar-thumb:hover{background-color:rgba(17,17,20,.32)}
/* (7 nov 2026, Luis) seis importes (10 a 500) en el mismo ancho: botones mas pequenos */
.pz-presets{grid-template-columns:repeat(5,1fr) !important;gap:6px !important}
.pz-presets button{height:42px !important;font-size:14px !important;border-radius:10px !important;padding:0 !important}
.pz-res .pz-eurval{margin-right:6px;font-size:13px;font-weight:500;color:#9a9aa3}

/* (8 nov 2026, Luis) Coins y Extra coins sin raya entre ellos: se leen como los dos sumandos; la raya fuerte va antes del total */
.pz-res > div:nth-child(2){border-top:0;padding-top:0}
.pz-res > div:first-child{padding-bottom:6px}

/* (8 nov 2026, Luis) 6 opciones en dos filas de 3 (10 a 500 EUR) y mas aire para que la calculadora no quede en blanco */
.pz-presets{grid-template-columns:repeat(3,1fr) !important;gap:8px !important;margin-top:4px}
.pz-presets button{height:52px !important;font-size:15px !important;border-radius:12px !important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.pz-pres-ext{font-size:11px;font-weight:600;color:#047857}
.pz-presets button[aria-checked="true"] .pz-pres-ext{color:#6ee7b7}
.pz-res{margin-top:22px !important}
.pz-res > div{padding:15px 0 !important}
.pz-res > div:first-child{padding-bottom:6px !important}
.pz-res > div:nth-child(2){padding-top:0 !important}
.pz-res-tot{padding-top:16px !important}
.pz-res-tot dd{font-size:20px !important}
.pz-res-tot dt{font-size:16px}

/* (8 nov 2026, Luis) FAQ como la de la home (index.html, .w2 .faq2): titular negro + gris, 12 preguntas en dos columnas
   de 6, mismas tarjetas, tamanos y "+"; en movil una columna. Se calca aqui porque el pricing no lleva el CSS de .w2. */
.pz-faq2{--ink:#111113;--sub:#6b6b70;--mute:#9a9aa0;--card:#f7f7f8;max-width:1168px;margin:0 auto;padding-top:130px;text-align:center;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
.pz-faq2 *{box-sizing:border-box}
.pz-faq2 h2{margin:0;text-align:center;font-family:inherit;font-size:clamp(32px,3.8vw,48px);line-height:1.08;letter-spacing:-.03em;font-weight:500;color:var(--ink)}
.pz-faq2 h2 .g{color:var(--mute)}
@media (min-width:900px){.pz-faq2 h2{white-space:nowrap}}
.pz-faq2 .faq2-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:44px;text-align:left;align-items:start}
.pz-faq2 details{background:var(--card);border-radius:16px;margin-bottom:8px;box-shadow:0 0 0 1px rgba(0,0,0,.03)}
.pz-faq2 summary{list-style:none;cursor:pointer;margin:0;padding:20px 22px;font-size:16px;font-weight:400;display:flex;justify-content:space-between;gap:20px}
.pz-faq2 summary::-webkit-details-marker{display:none}
.pz-faq2 summary::after{content:"+";color:var(--mute);font-size:20px;line-height:1}
.pz-faq2 details[open] summary::after{content:"–"}
.pz-faq2 details p{margin:0;padding:0 22px 20px;font-size:15px;line-height:1.6;color:var(--sub)}
@media (max-width:980px){.pz-faq2{padding-top:90px}}
@media (max-width:860px){.pz-faq2 .faq2-g{grid-template-columns:minmax(0,1fr)}}
@media (max-width:899px){.pz-faq2 h2{white-space:normal}}
/* mismo ancho que la FAQ de la home (.w2 .wrap: 1216 - 2x24 = 1168px; el pricing .pz deja 1132px) */
@media (min-width:1181px){.pz-faq2{max-width:none;margin-left:calc((1132px - min(100vw - 48px, 1168px)) / 2);margin-right:calc((1132px - min(100vw - 48px, 1168px)) / 2)}}

/* (9 nov 2026, Luis) Credits: saldo arriba, aviso de la vuelta de Stripe, busquedas desplegables con su desglose y movimientos */
.pz-saldo{max-width:1100px;margin:0 auto 18px}
.pz-saldo-c{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:18px 22px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(10,10,20,.08)}
.pz-saldo-t{font-size:14px;font-weight:500;color:#6b6b75}
.pz-saldo-n{display:inline-flex;align-items:center;gap:4px;font-size:28px;font-weight:600;letter-spacing:-.02em;color:#111114;font-variant-numeric:tabular-nums}
.pz-saldo-n .pz-coin{width:22px;height:22px;margin-left:4px}
.pz-saldo-eur{font-size:14px;color:#8e8e93}
.pz-aviso{margin:10px 0 0;padding:11px 16px;border-radius:12px;font-size:14px;background:#f2f2f5;color:#2c2c34}
.pz-aviso[hidden]{display:none}
.pz-aviso-ok{background:#ecfdf5;color:#065f46}
.pz-aviso-mal{background:#fef2f2;color:#991b1b}
.pz-hist-t th.pz-n,.pz-hist-t td.pz-n{text-align:right}
.pz-rojo{color:#b42318}
.pz-hx{display:inline-flex;align-items:center;gap:6px;max-width:320px;padding:0;border:0;background:none;font:inherit;font-weight:500;color:#111114;cursor:pointer;text-align:left}
.pz-hx span{overflow:hidden;text-overflow:ellipsis}
.pz-hx svg{flex:none;width:14px;height:14px;fill:none;stroke:#8e8e93;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
.pz-hx[aria-expanded="true"] svg{transform:rotate(90deg)}
.pz-hx:focus-visible{outline:2px solid #6d5dfc;outline-offset:2px;border-radius:4px}
.pz-hist-t tbody.pz-hb tr.pz-hr td{border-bottom:1px solid rgba(10,10,20,.05)}
.pz-hist-t tr.pz-det > td{height:auto;padding:4px 16px 18px 36px;white-space:normal;background:#fafafb}
.pz-det-q{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:12px 0 14px;font-size:13.5px}
.pz-det-q div{display:contents}
.pz-det-q dt{color:#8e8e93}
.pz-det-q dd{margin:0;color:#2c2c34}
.pz-det-t{border-collapse:collapse;font-size:13.5px;min-width:440px}
.pz-det-t th{padding:6px 12px 6px 0;text-align:left;font-weight:500;color:#8e8e93;border-bottom:1px solid rgba(10,10,20,.07)}
.pz-det-t td{padding:6px 12px 6px 0;border-bottom:1px solid rgba(10,10,20,.04)}
.pz-det-t tfoot td{border-bottom:0;border-top:1px solid rgba(10,10,20,.1);font-weight:500}
.pz-det-t .pz-n{text-align:right;font-variant-numeric:tabular-nums}
.pz-det-t .pz-coin{width:12px;height:12px;margin-left:3px;vertical-align:-2px}
.pz-det-r{margin:12px 0 0;font-size:13px;color:#6b6b75}
@media (max-width:700px){.pz-saldo-n{font-size:24px}.pz-hist-t tr.pz-det > td{padding-left:16px}}
/* la tabla del desglose va dentro de la del historial: sin heredar su alto ni su relleno */
.pz-hist-t .pz-det-t th,.pz-hist-t .pz-det-t td{height:auto;padding:7px 18px 7px 0;white-space:nowrap;font-size:13.5px}
.pz-hist-t .pz-det-t th{font-size:12.5px;border-bottom:1px solid rgba(10,10,20,.07)}
.pz-hist-t .pz-det-t tfoot td{border-bottom:0;border-top:1px solid rgba(10,10,20,.1)}
.pz-hist-t .pz-det-t tr:last-child td{border-bottom:0}