/* Identidades de producto: una paleta común, composiciones propias. */
.ph-hero { margin-bottom:32px;overflow:hidden }
.ph-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center;padding-top:40px;padding-bottom:48px }
.ph-layout>* { min-width:0 }
.ph-copy .pl-back { margin-bottom:22px }
.product-landing .ph-copy h1 { font-size:clamp(32px,3.1vw,44px);max-width:630px }
.ph-copy .pl-lead { font-size:17px;max-width:610px }
.ph-eyebrow,.ph-art-note { font:10px/1.6 Consolas,monospace;letter-spacing:.08em }
.ph-art-note { color:var(--pl-muted) }
/* DTE: documento y cadena de emisión. */
.ph-dte { background:linear-gradient(90deg,#fff 55%,#eef2f5 55%) }
.ph-dte-art { padding:30px 10px 10px;position:relative }
.ph-document { background:white;border:1px solid var(--pl-line);padding:30px;box-shadow:12px 12px 0 #dbe5eb;transform:rotate(2deg);max-width:375px;margin:auto }
.ph-document-top { display:flex;justify-content:space-between;gap:12px;font:9px Consolas,monospace;color:var(--pl-muted);border-bottom:2px solid var(--pl-ink);padding-bottom:18px }
.ph-document-top b { color:var(--pl-rose) }
.product-landing .ph-document h2 { font-size:24px;margin:22px 0 }
.ph-document p { display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--pl-line);padding-bottom:10px;color:var(--pl-muted) }
.ph-document p span { color:var(--pl-ink) }
.ph-document-lines { padding:12px 0 }.ph-document-lines i { display:block;background:#e9eef2;height:7px;margin:10px 0 }.ph-document-lines i:nth-child(2) { width:75% }
.ph-document-total { display:flex;justify-content:space-between;gap:12px;font-size:11px;margin:12px 0 24px }.ph-document-total strong { color:#287637 }
.ph-barcode { width:100px;height:27px;background:repeating-linear-gradient(90deg,#193048 0 2px,white 2px 4px,#193048 4px 5px,white 5px 8px) }.ph-document>small { font-size:9px;color:var(--pl-muted) }
.ph-dte-flow { position:relative;display:flex;justify-content:space-around;margin:26px 0 0;padding:17px;background:var(--pl-ink);color:white;border-bottom:3px solid var(--pl-green);font-size:12px }.ph-dte-flow b { display:block;color:#a9dfae;font:10px Consolas,monospace;margin-bottom:5px }
/* Folios: una franja técnica con rango y talonario. */
.ph-folios { background:var(--pl-ink);color:white }.ph-folios .ph-copy h1 span { color:#a8c7df }.ph-folios .pl-back,.ph-folios .pl-eyebrow { color:#a9dfae }.ph-folios .pl-lead { color:#d0dce5 }.ph-folios .pl-button { background:#67c56e;color:#193048;border-color:#67c56e }.ph-folios .pl-outline { background:transparent;color:white;border-color:#8b9eaf }
.ph-folios-art { border-left:1px solid #52708b;padding:30px 0 30px 40px }
.ph-folio-caption { display:flex;justify-content:space-between;font:10px Consolas,monospace;color:#b5c8d8 }.ph-folio-caption b { color:#a9dfae }
.ph-folio-range { padding:35px 0 }.ph-folio-range>* { display:block }.ph-folio-range strong { font:clamp(26px,3vw,43px)/1.7 Consolas,monospace;white-space:nowrap }.ph-folio-range strong span { color:#82b88a }.ph-folio-range>span,.ph-folio-range small { font-size:12px;color:#b5c8d8 }
.ph-folio-tickets { display:grid;grid-template-columns:repeat(4,1fr);gap:8px }.ph-folio-tickets>span { padding:20px 8px;text-align:center;background:#f1f4f7;color:var(--pl-ink);font:21px Consolas,monospace;border-bottom:3px dashed #7696ab }.ph-folio-tickets small { display:block;font-size:8px;letter-spacing:2px;margin-top:10px }.ph-folios-art>p { margin:20px 0 6px;font-size:13px }.ph-folios .ph-art-note { color:#b5c8d8 }
/* Mapas: cartografía editorial que ocupa la mitad del lienzo. */
.ph-mapas { background:#f4f6f1 }.ph-mapas .ph-layout { grid-template-columns:.9fr 1.1fr;gap:40px;padding-bottom:0;padding-top:0 }.ph-mapas .ph-copy { padding:40px 0 45px }
.ph-map-art { position:relative;align-self:stretch;margin:0;min-height:560px;overflow:hidden;border-left:1px solid #d3ddd3 }.ph-map-art>img { width:100%;height:100%;object-fit:cover;position:absolute;inset:0 }.ph-map-art figcaption { position:absolute;bottom:30px;left:25px;right:25px;background:#fff;border-left:4px solid var(--pl-rose);padding:22px;box-shadow:0 5px 22px #19304812 }.ph-map-art figcaption>* { display:block }.ph-map-art figcaption strong { font:700 23px/1.3 Nunito,sans-serif;margin:8px 0 }.ph-map-art figcaption>span:not(.ph-eyebrow) { font-size:13px;color:var(--pl-blue) }.ph-map-art small { font-size:10px;color:var(--pl-muted);margin-top:10px }
/* RUT: de una consulta a una ficha estructurada. */
.ph-rut .ph-layout { grid-template-columns:1.05fr 1fr;gap:80px }.ph-rut-art { border-top:3px solid var(--pl-ink);padding-top:24px }.ph-query { display:flex;align-items:center;gap:20px;padding:15px 20px;background:#eef5ef;border:1px solid #ccdfce;border-radius:40px }.ph-query>span { font:12px Consolas,monospace;color:#287637 }.ph-query code { background:none;color:var(--pl-ink);font-size:18px }.ph-query b { margin-left:auto;color:var(--pl-rose) }
.ph-identity { display:flex;gap:20px;align-items:center;margin:35px 0 25px }.ph-monogram { flex:0 0 64px;height:64px;background:var(--pl-ink);color:#a9dfae;font:32px/64px Nunito,sans-serif;text-align:center;border-radius:50% }.ph-identity>div>span { font:9px Consolas,monospace;letter-spacing:1px;color:var(--pl-muted) }.product-landing .ph-identity h2 { font-size:23px;margin:8px 0 }.ph-data-fields { display:grid;grid-template-columns:1fr 1fr;gap:12px }.ph-data-fields>span { border-bottom:1px solid var(--pl-line);padding:12px 0;font-size:12px }.ph-rut-art>p { font-size:12px;color:var(--pl-muted);margin-top:22px }
/* BHE Clave SII: acceso y autorización, en un diagrama vertical. */
.ph-bhe-clave { background:#edf4f0 }.ph-bhe-clave .ph-layout { grid-template-columns:1.2fr .8fr }.ph-delegation { padding:20px;max-width:380px;margin:auto;width:100% }.ph-access,.ph-represented { padding:25px;background:#fff;border:1px solid #c7dacc;box-shadow:8px 8px 0 #dceadf }.ph-access>span,.ph-represented>span { display:block;font:9px Consolas,monospace;letter-spacing:1px;color:var(--pl-muted) }.ph-access strong,.ph-represented strong { display:block;font:700 23px Nunito,sans-serif;margin:15px 0 }.ph-password { color:var(--pl-rose);letter-spacing:5px;font-size:19px }.ph-permission { display:flex;gap:20px;align-items:center;padding:20px }.ph-permission>span { font-size:38px;color:#287637 }.ph-permission p { font-size:12px;margin:0 }.ph-represented { border-top:3px solid var(--pl-green) }.ph-represented small { font-size:11px;color:var(--pl-muted);line-height:1.6;display:block }
/* BHE Certificado: un comprobante de honorarios sobre mesa azul. */
.ph-bhe-certificado .ph-layout { grid-template-columns:.9fr 1.1fr }.ph-honorarios { background:#e9eff4;padding:25px 35px 20px;position:relative }.ph-paper-label { font:10px Consolas,monospace;color:var(--pl-blue);letter-spacing:1px }.ph-receipt { background:white;padding:25px 30px;margin:22px auto 0;max-width:320px;border-top:3px solid var(--pl-rose);box-shadow:0 9px 20px #19304812;position:relative }.ph-receipt:after { content:'';height:9px;position:absolute;left:0;right:0;bottom:-8px;background:linear-gradient(135deg,white 5px,transparent 0) 0 0/12px 12px,linear-gradient(225deg,white 5px,transparent 0) 0 0/12px 12px }.ph-receipt-hole { height:5px;width:40px;border-radius:3px;background:#e9eff4;margin:0 auto 24px }.ph-receipt>span { font:9px Consolas,monospace;color:var(--pl-muted) }.product-landing .ph-receipt h2 { font-size:28px;margin:16px 0 25px }.ph-receipt-row { display:flex;justify-content:space-between;font-size:11px;padding:13px 0;border-top:1px solid var(--pl-line) }.ph-signature { color:var(--pl-blue);font-size:12px;display:flex;justify-content:space-between;margin:20px 0 }.ph-signature span { color:#287637 }.ph-receipt>small { font-size:9px;color:var(--pl-muted) }.ph-honorarios>p { font-size:11px;text-align:center;margin:24px 0 0;color:var(--pl-muted) }
/* Certificado digital: sello tipográfico y firma vectorial. */
.ph-certificado { background:#f7f5f1 }.ph-certificado .ph-layout { grid-template-columns:1.1fr .9fr }.ph-sign-art { padding:30px 20px;text-align:center }.ph-seal { width:235px;height:235px;border:1px solid #91a899;outline:1px solid #b6c6ba;outline-offset:-10px;border-radius:50%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#eff5ed }.ph-seal:before,.ph-seal:after { content:'+';position:absolute;top:100px;font-size:20px;color:#649b6c }.ph-seal:before { left:18px }.ph-seal:after { right:18px }.ph-seal strong { font:64px/1.45 Georgia,serif;color:var(--pl-ink) }.ph-seal>span { font:8px Consolas,monospace;letter-spacing:1.5px;color:#3e7150 }.ph-sign-line { position:relative;margin:-12px auto 15px;max-width:300px }.ph-sign-line svg { width:100%;fill:none;stroke:var(--pl-blue);stroke-width:2.5;stroke-linecap:round }.ph-sign-line>span { display:block;font-size:12px;color:var(--pl-muted) }.ph-validities { display:flex;justify-content:center;gap:20px;font:11px Consolas,monospace }.ph-validities>span { border-bottom:2px solid var(--pl-green);padding:8px }.ph-validities>span:nth-child(2) { border-color:var(--pl-rose) }
/* Respaldo: visualización de capacidad, sin métricas ficticias. */
.ph-respaldo .ph-layout { grid-template-columns:1fr 1fr;gap:60px }.ph-capacity { padding:32px;background:var(--pl-ink);color:white;border-radius:5px }.ph-capacity-title>span { display:block;font:9px Consolas,monospace;letter-spacing:1px;color:#a9dfae }.ph-capacity-title strong { font:700 30px Nunito,sans-serif;display:block;margin:15px 0 30px }.ph-capacity-row { margin:22px 0 }.ph-capacity-row>span { font-size:13px }.ph-meter { display:flex;gap:5px;margin:12px 0 }.ph-meter i { flex:1;height:35px;background:#a7c4da }.ph-capacity-row small { font-size:10px;color:#c5d8e7 }.ph-reserve .ph-meter i { background:#8bd091 }.ph-reserve .ph-meter i:nth-child(n+5) { background:transparent;border:1px solid #8bd091 }.ph-capacity>p { border-top:1px solid #4d687e;padding-top:20px;font-size:12px;color:#c5d8e7;margin-bottom:0 }.ph-capacity>p b { color:#fff }
/* Certificador: título editorial y mesa de trabajo horizontal. */
.ph-certificador,.ph-fuente-certificador { background:#f1f4f7 }.ph-certificador .ph-layout,.ph-fuente-certificador .ph-layout { display:block;padding-bottom:45px }.ph-certificador .ph-copy,.ph-fuente-certificador .ph-copy { display:grid;grid-template-columns:1.1fr 1fr;column-gap:70px;align-items:start }.ph-certificador .pl-back,.ph-fuente-certificador .pl-back { grid-column:1/-1;justify-self:start }.ph-certificador .ph-copy>.pl-eyebrow,.ph-fuente-certificador .ph-copy>.pl-eyebrow { grid-column:1;grid-row:2 }.ph-certificador .ph-copy h1,.ph-fuente-certificador .ph-copy h1 { grid-column:1;grid-row:3/6;margin-top:0 }.ph-certificador .pl-lead,.ph-fuente-certificador .pl-lead { grid-column:2;grid-row:2/4;margin:0 }.ph-certificador .pl-actions,.ph-fuente-certificador .pl-actions { grid-column:2;margin:18px 0 }.ph-certificador .pl-related,.ph-fuente-certificador .pl-related { grid-column:2 }.ph-workbench { margin-top:36px;border:1px solid #b9cbd8;box-shadow:0 12px 30px #1930480b;border-radius:8px;overflow:hidden;background:white }.ph-workbench-bar { background:var(--pl-ink);color:white;display:flex;justify-content:space-between;gap:20px;padding:15px 22px;font-size:12px }.ph-workbench-bar>span:last-child { color:#b5ccde;font:10px Consolas,monospace }.ph-workbench-bar i { display:inline-block;width:7px;height:7px;background:var(--pl-green);border-radius:50%;margin-right:10px }.ph-workbench-body { display:grid;grid-template-columns:240px 1fr }.ph-workbench-nav { padding:28px;background:#e9eff4;display:flex;flex-direction:column;gap:20px }.ph-workbench-nav>span { font:9px/1.7 Consolas,monospace;color:var(--pl-muted) }.ph-workbench-nav b { font-size:12px;font-weight:400 }.ph-workbench-nav b:nth-child(3) { color:var(--pl-blue);font-weight:700;border-left:3px solid var(--pl-green);padding-left:10px }.ph-workbench-content { padding:30px }.product-landing .ph-workbench-content h2 { font-size:24px }.ph-workbench-docs { display:flex;gap:15px;border-block:1px solid var(--pl-line);padding:15px 0 }.ph-workbench-docs>span { flex:1;font-size:12px }.ph-workbench-docs b { display:block;color:var(--pl-rose);font:10px Consolas,monospace;margin-bottom:6px }.ph-workbench-content>p { font-size:12px;margin:20px 0 8px }.ph-workbench-content>p span { padding:0 15px;color:var(--pl-rose) }.ph-workbench-content>small { font-size:10px;color:var(--pl-muted) }
.ph-fuente-certificador { background:#eef5ef }.ph-fuente-certificador .ph-workbench-nav { background:#193048;color:#c5d8e7 }.ph-fuente-certificador .ph-workbench-nav>span,.ph-fuente-certificador .ph-workbench-nav b:nth-child(3) { color:#a9dfae }
/* Variación editorial también en las funcionalidades. */
.pl-kind-dte .pl-feature { border-radius:0 }
.pl-kind-mapas .pl-features,.pl-kind-rut .pl-features { gap:0 }.pl-kind-mapas .pl-feature,.pl-kind-rut .pl-feature { border:0;border-left:1px solid var(--pl-line);border-radius:0;background:transparent }.pl-kind-mapas .pl-feature:first-child,.pl-kind-rut .pl-feature:first-child { border-left:0 }
.pl-kind-folios .pl-feature { border:0;border-bottom:3px solid var(--pl-blue);border-radius:0 }.pl-kind-folios .pl-index { font-size:12px;color:var(--pl-blue) }
.pl-kind-certificado .pl-wash { background:#faf9f6 }.pl-kind-certificado .pl-feature { background:transparent;border:0;text-align:center }.pl-kind-certificado .pl-index { margin:0 auto 18px;color:#3e7150 }
.pl-kind-respaldo .pl-features { grid-template-columns:1fr;gap:0 }.pl-kind-respaldo .pl-feature { display:grid;grid-template-columns:190px 1fr 1.4fr;gap:25px;align-items:baseline;border:0;border-top:1px solid var(--pl-line);background:transparent;border-radius:0;padding:25px 0 }.pl-kind-respaldo .pl-feature h3,.pl-kind-respaldo .pl-index { margin:0 }
.pl-kind-certificador .pl-wash,.pl-kind-fuente-certificador .pl-wash { background:white }.pl-kind-certificador .pl-feature,.pl-kind-fuente-certificador .pl-feature { border:0;border-radius:0;border-left:3px solid var(--pl-green);padding-top:0;padding-bottom:0 }.pl-kind-certificador .pl-feature:nth-child(2),.pl-kind-fuente-certificador .pl-feature:nth-child(2) { border-left-color:var(--pl-rose) }
@media(max-width:991px) {
 .ph-layout,.ph-mapas .ph-layout,.ph-rut .ph-layout,.ph-bhe-clave .ph-layout,.ph-bhe-certificado .ph-layout,.ph-certificado .ph-layout,.ph-respaldo .ph-layout { grid-template-columns:1fr;gap:25px }
 .ph-dte { background:linear-gradient(#fff 45%,#eef2f5 45%) }.ph-dte-art { max-width:520px;width:100%;margin:auto }.ph-folios-art { border-left:0;border-top:1px solid #52708b;padding:30px 0;max-width:550px;width:100% }
 .ph-map-art { min-height:440px;border-left:0 }.ph-mapas .ph-copy { padding-bottom:0 }.ph-rut-art { max-width:600px }.ph-bhe-clave .ph-delegation { max-width:500px }.ph-honorarios { max-width:550px;width:100%;margin:auto }
 .ph-certificador .ph-copy,.ph-fuente-certificador .ph-copy { gap:0 30px }.ph-workbench-body { grid-template-columns:190px 1fr }.ph-workbench-nav { padding:20px }
 .pl-kind-respaldo .pl-feature { grid-template-columns:1fr 2fr }.pl-kind-respaldo .pl-index { grid-column:1/-1 }
}
@media(max-width:600px) {
 .ph-layout { padding-top:25px;padding-bottom:28px;gap:25px }.ph-copy .pl-lead { font-size:16px }.product-landing .ph-copy h1 { font-size:34px }.ph-copy .pl-back { margin-bottom:18px }
 .ph-document { padding:23px }.ph-dte-art { padding-inline:8px }.ph-map-art { min-height:410px }.ph-map-art figcaption { left:15px;right:15px;bottom:20px;padding:18px }.ph-mapas .ph-copy { padding-top:25px }
 .ph-sign-art { padding:15px 0 }.ph-capacity { padding:25px }.ph-honorarios { padding:22px }.ph-delegation { padding:10px }.ph-folio-range strong { font-size:33px }
 .ph-certificador .ph-copy,.ph-fuente-certificador .ph-copy { display:block }.ph-workbench-body { grid-template-columns:1fr }.ph-workbench-nav { display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px }.ph-workbench-nav>span { grid-column:1/-1 }.ph-workbench-nav b { font-size:10px }.ph-workbench-content { padding:23px }.ph-workbench-bar { padding:14px;gap:12px }.ph-workbench-bar>span:last-child { font-size:8px;max-width:100px;text-align:right }.ph-workbench-docs { gap:10px }.ph-workbench-docs>span { font-size:10px }.ph-workbench-content>p span { padding:0 5px }
 .pl-kind-mapas .pl-feature,.pl-kind-rut .pl-feature { border-left:0;border-top:1px solid var(--pl-line);padding-inline:0 }.pl-kind-respaldo .pl-feature { display:block }.pl-kind-respaldo .pl-index { margin-bottom:12px }.pl-kind-respaldo .pl-feature h3 { margin-bottom:12px }
}
@media(prefers-reduced-motion:no-preference) { .ph-map-art>img { animation:ph-map-enter 1.1s ease-out both }.ph-document { animation:ph-paper-enter .7s ease-out both } @keyframes ph-map-enter { from { transform:scale(1.06) } to { transform:scale(1) } } @keyframes ph-paper-enter { from { opacity:0;transform:translateY(12px) rotate(0) } to { opacity:1;transform:translateY(0) rotate(2deg) } } }
/* Servicio de certificación: recorrido editorial, distinto al software. */
.cert-page.product-landing .ph-service { width:100%;display:block;padding:40px 0 50px }
.ph-service>div:first-child { display:grid;grid-template-columns:1.2fr 1fr;gap:0 65px }
.ph-service .pl-back { grid-column:1/-1;justify-self:start }
.ph-service .pl-eyebrow { grid-column:1;grid-row:2 }
.ph-service h1 { grid-column:1;grid-row:3/5;font-size:40px!important;margin-top:0 }
.ph-service .pl-lead { grid-column:2;grid-row:2/4;font-size:17px }
.ph-service .pl-actions { grid-column:2;margin-top:10px }
.ph-service-route { border-top:1px solid #d5dfe8;margin-top:28px;padding-top:25px }
.ph-service-route>span { font:10px Consolas,monospace;letter-spacing:1px;color:#416e93 }
.ph-service-route ol { padding:0;margin:25px 0 0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr) }
.ph-service-route li { padding:0 20px 15px 0;border-top:2px solid #a9cfaf;position:relative }
.ph-service-route li:before { content:'';display:block;width:10px;height:10px;border-radius:50%;background:#67c56e;position:absolute;top:-6px }
.ph-service-route li:nth-child(3):before { background:#c12b75 }
.ph-service-route li>* { display:block }.ph-service-route b { font:11px Consolas,monospace;color:#416e93;margin:20px 0 10px }.ph-service-route strong { font-size:17px }.ph-service-route small,.ph-service-route>p { color:#526576;font-size:12px }
.ph-service-route>p { margin:15px 0 0 }
@media(max-width:767px) { .ph-service>div:first-child { display:block }.ph-service h1 { font-size:34px!important }.ph-service-route ol { grid-template-columns:1fr 1fr;gap:22px }.ph-service-route strong { font-size:15px } }