.ppn-widget,.ppn-widget *{box-sizing:border-box}.ppn-widget{font-family:Arial,Helvetica,sans-serif;color:#17202d;width:100%;position:relative;z-index:1;clear:both;text-align:left}.ppn-auto-banner{margin:0 auto 18px}.ppn-shell{max-width:1200px;margin:0 auto;border:1px solid #e5e8eb;background:#fff;box-shadow:0 2px 12px rgba(18,36,53,.06)}.ppn-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 26px;background:#f7f9fa}.ppn-banner-copy{min-width:0}.ppn-eyebrow{font-weight:750;font-size:10px;letter-spacing:1.3px;color:#6b737e;display:block;margin-bottom:6px}.ppn-banner h2{margin:0 0 4px!important;padding:0!important;font:bold 27px/1.15 Georgia,'Times New Roman',serif!important;color:#152333!important}.ppn-banner p{font-size:14px;line-height:1.4;color:#4f5b67;margin:0}.ppn-open,.ppn-submit{font:700 13px/1.2 Arial,sans-serif!important;border:0!important;border-radius:3px!important;cursor:pointer;white-space:nowrap}.ppn-open{padding:12px 18px!important;background:#122a3f!important;color:#fff!important;box-shadow:none!important}.ppn-open span{padding-left:5px}.ppn-open:hover,.ppn-submit:hover{background:#304b61!important}.ppn-panel{border-top:1px solid #e8ebed;padding:24px 27px 18px}.ppn-panel[hidden],.ppn-error[hidden]{display:none!important}.ppn-instruction{margin:0 0 16px!important;font-size:14px!important;color:#39495a}.ppn-person{border:1px solid #e0e6ea;border-radius:4px;margin:0 0 12px;padding:14px 15px 14px;min-width:0}.ppn-person-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.ppn-photo-wrap{width:72px;height:72px;border-radius:50%;overflow:hidden;border:1px solid #d8e0e7;background:#eef2f5;display:flex;align-items:center;justify-content:center;flex:0 0 72px}.ppn-photo{width:100%;height:100%;object-fit:cover;display:block}.ppn-photo-placeholder{color:#7a8793;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ppn-person-title{min-width:0}.ppn-person-name{font-size:16px;font-weight:700;color:#17202d;line-height:1.25}.ppn-person-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ppn-person-controls>label:first-child{font-size:13px}.ppn-widget select{max-width:100%;min-width:145px;min-height:37px;padding:8px 10px;border:1px solid #cbd4dc;border-radius:3px;background:#fff;color:#202c36;font-size:13px}.ppn-unknown{display:flex;gap:7px;align-items:center;font-size:13px;color:#4b5865;cursor:pointer}.ppn-unknown input{margin:0;width:16px;height:16px;accent-color:#183f5f}.ppn-extras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:17px 0}.ppn-extras label{font-weight:600;font-size:13px;display:flex;flex-direction:column;gap:8px}.ppn-extras select{width:100%}.ppn-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.ppn-submit{padding:12px 19px!important;background:#17364f!important;color:white!important}.ppn-submit:disabled{opacity:.6;cursor:wait}.ppn-protection{font-size:12px;color:#73808c}.ppn-disclaimer{font-size:11px!important;line-height:1.5!important;color:#697680!important;margin:14px 0 0!important}.ppn-error{color:#a21c28;background:#fff2f2;border:1px solid #f0c5c9;border-radius:3px;padding:10px 12px;font-size:13px}.ppn-already{font-size:15px;background:#f1f8f3;border:1px solid #d3e8d8;padding:14px}.ppn-results{margin-top:22px;border-top:1px solid #e4eaf0;padding-top:15px}.ppn-results h3{margin:0 0 6px;font-size:17px}.ppn-results p{margin:0 0 12px}.ppn-result{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #e7ecf1}.ppn-result-identity{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.ppn-result-identity>span{font-weight:600}.ppn-result-photo{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid #d8e0e7;flex:0 0 46px;background:#eef2f5}.ppn-result-photo-placeholder{display:flex;align-items:center;justify-content:center;color:#7a8793;font-size:9px;font-weight:700;text-transform:uppercase}.ppn-result strong{font-size:16px}.ppn-result small{color:#637282}.ppn-widget button:focus-visible,.ppn-widget select:focus-visible{outline:2px solid #4b86be;outline-offset:2px}@media(max-width:720px){.ppn-banner{padding:17px;gap:12px;align-items:flex-start;flex-direction:column}.ppn-banner h2{font-size:24px!important}.ppn-open{align-self:flex-start}.ppn-panel{padding:15px}.ppn-extras{grid-template-columns:1fr}.ppn-person-head{align-items:flex-start}.ppn-person-controls{align-items:flex-start;flex-direction:column}.ppn-person-controls select{width:100%}.ppn-unknown{width:100%}.ppn-result{flex-wrap:wrap}.ppn-result small{width:100%}}

/* v1.5 — franja de ancho completo incorporada al plugin */
.ppn-widget.ppn-auto-banner.ppn-fullwidth {
  max-width: none !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  border-top: 1px solid #d6e2e8;
  border-bottom: 1px solid #d6e2e8;
  background: #edf5f7;
  box-shadow: none;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #edf5f7;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-banner {
  min-height: 140px;
  padding: 24px clamp(20px, 4vw, 76px);
  background: linear-gradient(105deg, #e7f1f4 0%, #f6fafb 78%);
  border-left: 5px solid #0795a3;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-panel {
  padding: 26px clamp(20px, 4vw, 76px) 28px;
  background: #fbfdfe;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-banner h2 {
  color: #082138 !important;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 18px;
  row-gap: 16px;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-instruction,
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-extras,
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-error,
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-actions {
  grid-column: 1 / -1;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-person {
  margin: 0;
  background: #fff;
  border: 1px solid #d8e3e9;
  border-radius: 7px;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-person-controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-person-controls .ppn-unknown {
  width: 100%;
  margin-top: 4px;
}
@media (max-width: 900px) {
  .ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-form {
    grid-template-columns: 1fr;
  }
  .ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-banner {
    min-height: 0;
    padding: 20px;
  }
  .ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-panel {
    padding: 18px;
  }
}
@media (max-width: 720px) {
  .ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-banner {
    border-left-width: 4px;
    padding: 18px 16px;
  }
  .ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-panel {
    padding: 16px;
  }
  .ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-form { gap: 12px; }
}

/* v1.6 — Fondo de Pasco en imágenes: muestreo del diseño original
   Verde azulado claro #EAF4F5; acento turquesa #008F99. */
.ppn-widget .ppn-shell {
  background: #eaf4f5;
}
.ppn-widget .ppn-banner {
  background: #eaf4f5;
}
.ppn-widget .ppn-panel {
  background: #eaf4f5;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth {
  background: #eaf4f5;
  border-top: 3px solid #008f99;
  border-bottom: 0;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-shell {
  background: #eaf4f5;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-banner {
  background: #eaf4f5;
  border-left: 0;
}
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-panel {
  background: #eaf4f5;
}
.ppn-widget .ppn-person,
.ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-person {
  background: #ffffff;
}
@media (max-width:720px) {
  .ppn-widget.ppn-auto-banner.ppn-fullwidth .ppn-banner {
    border-left: 0;
  }
}
