/* Páginas de piezas: series, marca por tipo, voltaje, configuración y número de parte. Usa los tokens y botones de site.css. */
.pz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Encabezado: mismo azul de marca que las páginas de catálogo */
.pz-hero{position:relative;overflow:hidden;color:var(--blanco);background:radial-gradient(720px 520px at 82% 30%,rgba(0,175,239,.5),transparent 70%),linear-gradient(115deg,var(--abismo) 0%,var(--noche) 48%,var(--azul-tinta) 100%)}
.pz-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(112px,9vw,138px) clamp(40px,5vw,64px)}
.pz-hero-txt{min-width:0}
.pz-hero h1{font-size:clamp(30px,3.9vw,50px);font-weight:800;line-height:1.08;letter-spacing:-.03em;max-width:22ch;overflow-wrap:anywhere}
.pz-num .pz-hero h1{font-size:clamp(28px,3.4vw,44px);max-width:24ch}
.pz-sub{font-size:clamp(17px,1.4vw,19px);color:#DCEEF8;max-width:58ch;margin:16px 0 0}
.pz-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px}
.pz-migas{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:18px;font-size:14.5px;color:#E6F5FC}
.pz-migas a{text-decoration:none;color:#DCEEF8;transition:color .3s var(--resorte)}
.pz-migas a:hover{color:var(--blanco);text-decoration:underline}
.pz-migas .ico{width:14px;height:14px;opacity:.7}
.pz-migas [aria-current]{color:var(--blanco);font-weight:500;overflow-wrap:anywhere}

.pz-card{background:rgba(255,255,255,.1);border-radius:26px;padding:7px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);min-width:0}
.pz-card-logo{background:var(--blanco);border-radius:20px;min-height:120px;display:grid;place-items:center;padding:20px;color:var(--negro)}
.pz-card-logo img{max-height:56px;width:auto;max-width:100%;object-fit:contain}
.pz-card-foto img{max-height:130px;width:auto}
.pz-datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:14px 8px 8px}
.pz-datos li{display:grid;gap:2px;padding:6px 12px;min-width:0}
.pz-datos b{font-family:var(--titulo);font-size:clamp(19px,1.7vw,24px);line-height:1.1;overflow-wrap:anywhere}
.pz-datos span{font-size:14px;color:#DCEEF8;line-height:1.3}

/* Secciones */
.pz-sec{padding-block:clamp(48px,7vw,84px)}
.pz-b{background:var(--niebla)}
.pz-sec h2{max-width:30ch}
.pz-sec h2+.pz-tabla,.pz-sec h2+.pz-expl{margin-top:22px}
.pz-h3{font-family:var(--titulo);font-size:clamp(20px,2vw,24px);font-weight:700;margin:44px 0 14px;scroll-margin-top:100px}
.pz-h3 small,.pz-h4 small{font-family:var(--texto);font-weight:500;font-size:15px;color:var(--gris);margin-left:6px}
.pz-h4{font-family:var(--titulo);font-size:18px;font-weight:700;margin:30px 0 10px}
.pz-h2s{margin-top:44px}
.pz-h2s:first-child{margin-top:0}
.pz-intro{color:var(--gris);max-width:62ch;margin:12px 0 0}
.pz-texto-in{display:grid;gap:18px;max-width:900px}
.pz-parrafos{display:grid;gap:14px}
.pz-parrafos p{margin:0;max-width:68ch}
.pz-aviso{margin:28px 0 0;padding:14px 18px;border-radius:16px;background:var(--niebla);box-shadow:inset 0 0 0 1px var(--linea);font-size:15px;color:var(--gris);max-width:68ch}
.pz-b .pz-aviso{background:var(--blanco)}
.pz-aviso b{color:var(--negro);font-weight:700}

/* Tablas de piezas */
.pz-tabla{margin-top:6px;background:var(--blanco);border-radius:20px;box-shadow:0 0 0 1px rgba(3,31,60,.06),0 18px 40px -30px rgba(3,31,60,.3);overflow:hidden}
.pz-tabla table{width:100%;border-collapse:collapse;font-size:16px}
.pz-tabla thead th{position:sticky;top:0;text-align:left;font-family:var(--titulo);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--azul-tinta);background:var(--niebla);padding:12px 16px;border-bottom:1px solid var(--linea)}
.pz-tabla td,.pz-tabla tbody th{text-align:left;padding:10px 16px;border-bottom:1px solid var(--linea);vertical-align:middle}
.pz-tabla tbody tr:last-child td,.pz-tabla tbody tr:last-child th{border-bottom:0}
.pz-tabla tbody tr{transition:background-color .3s var(--resorte)}
.pz-tabla tbody tr:hover{background:#F8FDFF}
.pz-tabla tbody tr:target{background:var(--aviso)}
.pz-tabla tbody th{font-family:var(--codigo);font-weight:500;font-size:15px;overflow-wrap:anywhere}
.pz-tabla tbody th a{color:var(--azul-tinta);text-decoration:none;font-weight:500}
.pz-tabla tbody th a:hover{text-decoration:underline}
i.pz-tag{font-style:normal;font-family:var(--texto);font-size:12px;font-weight:700;color:#0B7236;background:#E3F7EA;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:1px}
.pz-c-wa{text-align:right!important;width:1%;white-space:nowrap}
.pz-acc{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}
.pz-wa{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 10px;border-radius:999px;background:linear-gradient(180deg,#108440,#0B7236);color:var(--blanco);font-weight:700;font-size:14px;text-decoration:none;transition:transform .4s var(--resorte),box-shadow .4s var(--resorte)}
.pz-wa .ico{width:17px;height:17px}
.pz-wa:hover{transform:translateY(-1px);box-shadow:0 10px 20px -10px rgba(11,114,54,.7)}
/* Ficha de datos de un número */
.pz-ficha table{font-size:17px}
.pz-ficha tbody th{font-family:var(--texto);font-weight:700;font-size:15px;color:var(--gris);width:38%;background:var(--niebla)}
.pz-ficha tbody td{font-family:var(--codigo);font-size:16px}
.pz-ficha td a{color:var(--azul-tinta);font-weight:500}

/* Chips de voltaje */
.pz-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.pz-chips a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--blanco);box-shadow:inset 0 0 0 1px var(--linea);text-decoration:none;font-weight:700;color:var(--azul-tinta);transition:box-shadow .35s var(--resorte)}
.pz-chips a:hover{box-shadow:inset 0 0 0 1px var(--azul)}
.pz-chips small{font-weight:500;color:var(--gris);font-size:14px}

/* Tarjetas de series */
.pz-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:6px}
.pz-cards li{display:flex}
.pz-cards a,.pz-cards div{flex:1;display:grid;gap:3px;align-content:start;padding:18px 18px 16px;border-radius:20px;background:var(--blanco);box-shadow:0 0 0 1px rgba(3,31,60,.06),0 18px 40px -30px rgba(3,31,60,.3);text-decoration:none;min-width:0;transition:transform .55s var(--resorte),box-shadow .55s var(--resorte)}
.pz-cards a:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(0,175,239,.4),0 26px 46px -28px rgba(3,31,60,.4)}
.pz-cards b{font-family:var(--titulo);font-size:18px;line-height:1.2;color:var(--azul-tinta);overflow-wrap:anywhere}
.pz-cards span{font-weight:700;font-size:15px}
.pz-cards small{font-size:14px;color:var(--gris);line-height:1.4;overflow-wrap:anywhere}
.pz-cards div b{color:var(--negro)}

/* Listas de enlaces */
.pz-enlaces{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:20px;max-width:760px}
.pz-enlaces-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
.pz-enlaces a{display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:16px;background:var(--blanco);box-shadow:inset 0 0 0 1px var(--linea);text-decoration:none;font-weight:500;transition:box-shadow .35s var(--resorte),transform .45s var(--resorte)}
.pz-b .pz-enlaces a{box-shadow:inset 0 0 0 1px var(--linea),0 10px 24px -22px rgba(3,31,60,.4)}
.pz-enlaces a:hover{box-shadow:inset 0 0 0 1px var(--azul);transform:translateX(2px)}
.pz-enlaces span{flex:1;min-width:0}
.pz-enlaces small{color:var(--gris);font-size:14px;white-space:nowrap}
.pz-enlaces .ico{width:18px;height:18px;color:var(--azul-tinta);flex:none}
.pz-guias .pz-enlaces{margin-top:22px}

/* Preguntas */
.pz-faq{max-width:900px}
.pz-faq details{border-bottom:1px solid var(--linea);padding:4px 0}
.pz-faq details:first-of-type{margin-top:18px;border-top:1px solid var(--linea)}
.pz-faq summary{cursor:pointer;list-style:none;display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 2px;font-family:var(--titulo);font-weight:700;font-size:17px;line-height:1.3}
.pz-faq summary::-webkit-details-marker{display:none}
.pz-faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--azul-tinta);transition:transform .4s var(--resorte);flex:none}
.pz-faq details[open] summary::after{transform:rotate(45deg)}
.pz-faq details p{margin:0 0 16px;max-width:68ch;color:var(--gris)}

/* Qué significan los datos, y otras piezas */
.pz-expl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.pz-expl li{padding:22px 22px 20px;border-radius:20px;background:var(--niebla);box-shadow:inset 0 0 0 1px var(--linea)}
.pz-expl b{display:block;font-family:var(--titulo);font-size:19px;color:var(--azul-tinta);line-height:1.2}
.pz-expl p{margin:10px 0 0;color:var(--gris);font-size:16px}
.pz-otras{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}
.pz-otras a{display:grid;gap:2px;padding:14px 16px;border-radius:16px;background:var(--blanco);box-shadow:inset 0 0 0 1px var(--linea);text-decoration:none;min-width:0;transition:box-shadow .35s var(--resorte)}
.pz-otras a:hover{box-shadow:inset 0 0 0 1px var(--azul)}
.pz-otras b{font-family:var(--codigo);font-weight:500;font-size:15px;color:var(--azul-tinta);overflow-wrap:anywhere}
.pz-otras span{font-size:14px;color:var(--gris)}

/* Cierre */
.pz-cierre{background:linear-gradient(115deg,var(--abismo) 0%,var(--noche) 55%,var(--azul-tinta) 100%);color:var(--blanco);padding-block:clamp(44px,6vw,72px)}
.pz-cierre-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.pz-cierre h2{font-size:clamp(26px,3vw,36px);max-width:24ch}
.pz-cierre p{margin:10px 0 0;color:#DCEEF8;max-width:56ch}
.pz-cierre .pz-cta{margin:0}

@media (max-width:1120px){
  .pz-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pz-otras{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pz-expl{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .pz-hero-in{grid-template-columns:minmax(0,1fr)}
  .pz-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pz-otras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pz-enlaces-2{grid-template-columns:minmax(0,1fr)}
}
/* Teléfono: cada renglón de la tabla pasa a dos líneas (número y datos) y no hay scroll lateral */
@media (max-width:640px){
  .pz-tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pz-tabla table,.pz-tabla tbody{display:block}
  .pz-tabla tbody tr{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:12px 16px;border-bottom:1px solid var(--linea)}
  .pz-tabla tbody tr:last-child{border-bottom:0}
  .pz-tabla td,.pz-tabla tbody th{display:block;padding:0;border:0}
  .pz-tabla tbody th{flex:1 1 100%}
  .pz-tabla td{font-size:15px;color:var(--gris)}
  .pz-tabla td.pz-c-wa{margin-left:auto;width:auto}
  .pz-ficha tbody tr{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;align-items:center}
  .pz-ficha tbody th{flex:none;width:auto;background:none}
  .pz-ficha tbody td{font-size:16px;color:var(--negro)}
  .pz-cards{grid-template-columns:minmax(0,1fr)}
  .pz-otras{grid-template-columns:minmax(0,1fr)}
  .pz-cierre-in{flex-direction:column;align-items:flex-start}
  .pz-datos b{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
  .pz-cards a,.pz-enlaces a,.pz-wa{transition:none}
}