/* porto26_sponsor_widget_v4.css */
:root{
  --sp-bg:#dfe4e6;--sp-surface:#bcc7cc;--sp-surface-2:#c9d2d6;--sp-text:#101214;--sp-muted:#233038;
  --sp-line:#9eabb1;--sp-blue:#18356f;--sp-blue-2:#274d92;--sp-white:#ffffff;--sp-max:1180px;--sp-gap:18px;
}
.egnsponsorv3{background:var(--sp-bg);color:var(--sp-text);font-family:inherit}
.egnsponsorv3 *{box-sizing:border-box}
.egnsponsorv3 .wrap{max-width:var(--sp-max);margin:0 auto;padding:0 16px 42px}

/* Hero */
.egnsponsorv3 .hero{position:relative;min-height:560px;display:flex;align-items:flex-end;background:#1b2533 center/cover no-repeat;border:1px solid var(--sp-line);margin-bottom:18px}
.egnsponsorv3 .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,11,18,.86) 0%,rgba(6,11,18,.70) 42%,rgba(6,11,18,.30) 100%)}
.egnsponsorv3 .hero-panel{position:relative;z-index:1;width:min(760px,100%);background:rgba(24,53,111,.94);color:var(--sp-white);padding:34px 34px 28px;margin:0 0 34px 34px;border:1px solid rgba(255,255,255,.16)}
.egnsponsorv3 .eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.9}
.egnsponsorv3 h1,.egnsponsorv3 h2,.egnsponsorv3 h3{margin:0;color:inherit;font-weight:700}
.egnsponsorv3 h1{font-size:46px;line-height:1.02;margin-bottom:14px}
.egnsponsorv3 .hero-lead{font-size:20px;line-height:1.34;color:#eef3ff;margin:0 0 16px}
.egnsponsorv3 .hero-meta{font-size:15px;line-height:1.55;color:#eef3ff;margin:0 0 16px}
.egnsponsorv3 .tagrow,.egnsponsorv3 .btns{display:flex;flex-wrap:wrap;gap:10px}
.egnsponsorv3 .tag{border:1px solid rgba(255,255,255,.26);padding:6px 10px;font-size:13px;color:var(--sp-white)}
.egnsponsorv3 .btns{margin-top:14px}
.egnsponsorv3 a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 15px;font-size:14px;font-weight:700;border-radius:0;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.egnsponsorv3 a.btn:hover{transform:translateY(-1px)}
.egnsponsorv3 a.btn.primary{background:var(--sp-white);color:var(--sp-blue);border:1px solid var(--sp-white)}
.egnsponsorv3 a.btn.secondary{background:transparent;color:var(--sp-white);border:1px solid rgba(255,255,255,.52)}
.egnsponsorv3 .contactline{margin-top:14px;font-size:14px;color:#eef3ff}
.egnsponsorv3 a.egn-mail{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:600}
.egnsponsorv3 button.egn-copy{margin-left:8px;padding:4px;border:1px solid rgba(255,255,255,.36);background:transparent;color:inherit;border-radius:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}

/* Layout */
.egnsponsorv3 .metricband{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-gap);margin:0 0 18px}
.egnsponsorv3 .metric{background:var(--sp-surface);border:1px solid var(--sp-line);padding:18px 18px 16px}
.egnsponsorv3 .metric strong{display:block;font-size:28px;line-height:1;margin-bottom:8px;color:var(--sp-blue)}
.egnsponsorv3 .metric span{display:block;font-size:14px;line-height:1.42;color:var(--sp-muted)}
.egnsponsorv3 .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--sp-gap)}
.egnsponsorv3 .span12{grid-column:span 12}.egnsponsorv3 .span8{grid-column:span 8}.egnsponsorv3 .span6{grid-column:span 6}.egnsponsorv3 .span4{grid-column:span 4}
.egnsponsorv3 .card{background:var(--sp-surface);border:1px solid var(--sp-line);overflow:hidden}
.egnsponsorv3 .card.pad{padding:22px 22px 20px}
.egnsponsorv3 p{margin:10px 0 0;line-height:1.58;color:var(--sp-muted)}
.egnsponsorv3 .lead{font-size:18px;line-height:1.5;color:var(--sp-text)}
.egnsponsorv3 ul{list-style:disc !important;margin:12px 0 0 18px;padding:0}
.egnsponsorv3 li{list-style:disc !important;margin:7px 0;line-height:1.45;color:var(--sp-muted)}
.egnsponsorv3 li::before{content:none !important}
.egnsponsorv3 .pillnote{display:inline-block;margin-top:14px;padding:8px 10px;border:1px solid var(--sp-line);font-size:13px}
.egnsponsorv3 .note{border-left:3px solid var(--sp-line);padding-left:12px;margin-top:14px}

/* Visual sponsorship products */
.egnsponsorv3 .package-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:20px}
.egnsponsorv3 .package{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.20);overflow:hidden}
.egnsponsorv3 .package-visual{margin:0;min-width:0;background:#0b2947;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(0,0,0,.10)}
.egnsponsorv3 .package-visual-link{display:block;width:100%;line-height:0}
.egnsponsorv3 .package-visual-img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;object-position:center}
.egnsponsorv3 .package-body{padding:22px 22px 20px;display:flex;flex-direction:column;min-width:0}
.egnsponsorv3 .package .top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.egnsponsorv3 .package h3{font-size:24px;line-height:1.15;color:var(--sp-blue)}
.egnsponsorv3 .package .price{white-space:nowrap;font-size:30px;line-height:1;font-weight:700;color:var(--sp-blue)}
.egnsponsorv3 .package .units{margin-top:7px;font-size:14px;font-weight:600;color:var(--sp-muted)}
.egnsponsorv3 .package ul{margin-top:16px}
.egnsponsorv3 .package .package-note{margin-top:12px;font-size:14px}
.egnsponsorv3 .package-actions{margin-top:auto;padding-top:18px}
.egnsponsorv3 .package-actions a.btn.primary{background:var(--sp-blue);color:var(--sp-white);border-color:var(--sp-blue)}
.egnsponsorv3 .package-actions a.btn.primary:hover{background:var(--sp-blue-2);border-color:var(--sp-blue-2)}

/* Touchpoints */
.egnsponsorv3 .touch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-gap);margin-top:16px}
.egnsponsorv3 .touch{border:1px solid rgba(0,0,0,.08);padding:14px 14px 12px;background:rgba(255,255,255,.14)}
.egnsponsorv3 .touch h3{font-size:17px;color:var(--sp-blue)}
.egnsponsorv3 .touch p{font-size:14px}

/* CTA panels */
.egnsponsorv3 .cta-panel{background:var(--sp-blue);color:var(--sp-white);border:1px solid var(--sp-blue)}
.egnsponsorv3 .cta-panel p{color:#eef3ff}
.egnsponsorv3 .cta-panel .btn.secondary{border-color:rgba(255,255,255,.5)}
.egnsponsorv3 .cta-panel button.egn-copy{border-color:rgba(255,255,255,.36)}

@media(max-width:1040px){
  .egnsponsorv3 .metricband{grid-template-columns:repeat(2,1fr)}
  .egnsponsorv3 .touch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .egnsponsorv3 .span8,.egnsponsorv3 .span6,.egnsponsorv3 .span4{grid-column:span 12}
  .egnsponsorv3 .package{grid-template-columns:1fr}
  .egnsponsorv3 .package-visual{border-right:0;border-bottom:1px solid rgba(0,0,0,.10)}
  .egnsponsorv3 .package-visual-img{max-height:none}
}

@media(max-width:760px){
  .egnsponsorv3 .wrap{padding:0 12px 34px}
  .egnsponsorv3 .hero{min-height:430px}
  .egnsponsorv3 .hero-panel{width:100%;margin:0;padding:26px 20px 22px}
  .egnsponsorv3 h1{font-size:34px}.egnsponsorv3 .hero-lead{font-size:18px}
  .egnsponsorv3 .metricband,.egnsponsorv3 .touch-grid{grid-template-columns:1fr}
  .egnsponsorv3 .card.pad{padding:18px 16px 17px}
  .egnsponsorv3 .package-body{padding:18px 16px 17px}
  .egnsponsorv3 .package .top{display:block}
  .egnsponsorv3 .package .price{margin-top:12px;font-size:28px}
  .egnsponsorv3 .package h3{font-size:22px}
  .egnsponsorv3 .package-actions a.btn,.egnsponsorv3 .btns a.btn{width:100%}
}


/* Porto 2026 isolated Preview additions · 20260728r1 */
.egnsponsorv3.egn-preview-root{position:relative}
.egnsponsorv3 .egn-preview-badge{position:sticky;top:0;z-index:1000;display:block;width:100%;padding:8px 14px;background:#7a1f16;color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-align:center;border-bottom:2px solid #fff}
.egnsponsorv3 .active-sponsors-card{background:#c9d2d6}
.egnsponsorv3 .active-sponsors-grid{display:grid;grid-template-columns:minmax(0,620px);gap:16px;margin-top:16px}
.egnsponsorv3 .active-sponsor-link{display:grid;grid-template-columns:minmax(190px,.75fr) 1fr;text-decoration:none;color:#101214;border:1px solid #8f9da4;background:#fff;min-height:360px}
.egnsponsorv3 .active-sponsor-logo-panel{display:flex;align-items:center;justify-content:center;background:#142638;padding:30px;min-height:360px}
.egnsponsorv3 .active-sponsor-logo-panel img{display:block;width:100%;height:100%;max-width:220px;max-height:300px;object-fit:contain;object-position:center}
.egnsponsorv3 .active-sponsor-meta{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:24px}
.egnsponsorv3 .active-sponsor-meta strong{font-size:30px;color:#18356f}
.egnsponsorv3 .media-partner-card{background:#eef1f3;border-color:#8f9da4}
.egnsponsorv3 .media-partner-card .eyebrow{color:#18356f;opacity:1}
.egnsponsorv3 .media-partner-layout{display:grid;grid-template-columns:minmax(180px,.55fr) 1.45fr;gap:22px;align-items:center;margin-top:14px}
.egnsponsorv3 .media-partner-logo-pending{display:flex;align-items:center;justify-content:center;min-height:120px;padding:16px;border:1px dashed #8f9da4;background:#fff;color:#59666d;text-transform:uppercase;letter-spacing:.08em;font-size:13px;text-align:center}
.egnsponsorv3 .media-partner-card a.btn.primary{background:#18356f;color:#fff;border-color:#18356f}
.egnsponsorv3 .media-partner-card a.btn.secondary{background:#fff;color:#18356f;border-color:#18356f}
@media(max-width:760px){.egnsponsorv3 .active-sponsor-link,.egnsponsorv3 .media-partner-layout{grid-template-columns:1fr}.egnsponsorv3 .active-sponsor-logo-panel{min-height:340px}.egnsponsorv3 .media-partner-logo-pending{min-height:90px}}