:root{
  --wu-teal:#0C7C86;
  --wu-teal-2:#0A6E77;
  --wu-orange:#F39C12;
  --wu-bg:#FFFFFF;
  --wu-surface:#F7F7F7;
  --wu-border:#E9E9E9;
  --wu-text:#222222;
  --wu-muted:rgba(0,0,0,.65);
  --wu-radius:16px;
  --wu-shadow-1:0 10px 28px rgba(0,0,0,.08);
  --wu-shadow-2:0 16px 44px rgba(0,0,0,.10);
}

/* Base */
.wu-sociale-page{background:var(--wu-bg);color:var(--wu-text)}
.wu-sociale-page a{text-decoration:none}
.wu-sociale-page a:hover{text-decoration:none}
.wu-sociale-page hr{border:0;height:1px;background:var(--wu-border)}

/* Typography */
.wu-sociale-page h1{font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-0.02em;margin:0 0 14px}
.wu-sociale-page h2{font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-0.01em;margin:0 0 12px}
.wu-sociale-page h3{font-size:18px;line-height:1.25;font-weight:800;margin:0 0 10px}
.wu-sociale-page p{font-size:16px;line-height:1.7;margin:0 0 12px;color:rgba(0,0,0,.78)}
.wu-sociale-page strong{font-size:16px;font-weight:800}
.wu-sociale-page h1{max-width:640px}
.wu-sociale-page p{max-width:760px}

/* Buttons */
.wu-sociale-page .btn{
  border-radius:999px;
  padding:10px 16px;
  font-weight:700;
  letter-spacing:.2px;
  box-shadow:none;
  font-size:15px;
  line-height:1.1;
}
.wu-sociale-page .btn.btn-primary{background:var(--wu-orange);border-color:var(--wu-orange)}
.wu-sociale-page .btn.btn-primary:hover{filter:brightness(.96)}
.wu-sociale-page .btn.btn-outline-primary{color:var(--wu-orange);border-color:var(--wu-orange)}
.wu-sociale-page .btn.btn-outline-primary:hover{background:var(--wu-orange);color:#fff}

/* Hero */
.wu-sociale-hero{
  position:relative;
  margin-top:120px;
  padding-top:26px;
  padding-bottom:18px;
}
.wu-sociale-hero::before{
  content:"";
  position:absolute;
  left:-10px;
  right:-10px;
  top:-6px;
  bottom:-6px;
  background:linear-gradient(180deg,rgba(12,124,134,.12),rgba(12,124,134,0));
  border-radius:20px;
  z-index:0;
  pointer-events:none;
}
.wu-sociale-hero>.row{position:relative;z-index:1}

/* Images */
.wu-sociale-page .wu-ph{
  width:100%;
  display:block;
  border-radius:18px;
  object-fit:cover;
  box-shadow:var(--wu-shadow-1);
  border:1px solid rgba(0,0,0,.05);
}
.wu-sociale-page .wu-ph--teal{background:var(--wu-teal);height:220px}
.wu-sociale-page .wu-ph--orange{background:var(--wu-orange);height:220px}

/* In breve */
.wu-sociale-page .wu-inbreve{
  background:#F6F6F6;
  border:1px solid var(--wu-border);
  border-radius:var(--wu-radius);
  padding:16px;
  box-shadow:0 8px 22px rgba(0,0,0,.05);
}
.wu-sociale-page .wu-inbreve section{font-size:15px;line-height:1.6;color:rgba(0,0,0,.75)}

/* Criteria cards */
.wu-sociale-page .wu-criteria-card{
  background:#fff;
  border:1px solid var(--wu-border);
  border-radius:var(--wu-radius);
  padding:16px;
  height:100%;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.wu-sociale-page .wu-criteria-card p{margin:0}
.wu-sociale-page .wu-criteria-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  border-color:rgba(12,124,134,.25);
}
.wu-sociale-page .wu-criteria-card::after{
  content:"";
  display:block;
  margin-top:12px;
  width:54px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--wu-teal),var(--wu-orange));
  opacity:.9;
}

/* CTA */
.wu-sociale-page .wu-cta{
  background:linear-gradient(135deg,var(--wu-teal),var(--wu-teal-2));
  border-radius:18px;
  padding:22px;
  box-shadow:var(--wu-shadow-2);
  position:relative;
  overflow:hidden;
}
.wu-sociale-page .wu-cta::before{
  content:"";
  position:absolute;
  right:-110px;
  top:-110px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
}
.wu-sociale-page .wu-cta::after{
  content:"";
  position:absolute;
  left:-140px;
  bottom:-140px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}
.wu-sociale-page .wu-cta h2{color:#fff;margin:0 0 8px;font-size:24px;line-height:1.2}
.wu-sociale-page .wu-cta p{color:rgba(255,255,255,.92);margin:0;font-size:16px;line-height:1.6}
.wu-sociale-page .wu-cta .wu-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-start;
  align-items:center;
  text-align:left;
  margin-top:12px;
}
.wu-sociale-page .wu-cta .wu-cta-actions .btn{width:100%;margin:0}
.wu-sociale-page .wu-cta .btn.btn-light{background:#fff;border-color:#fff;color:#1b1b1b;font-weight:800}
.wu-sociale-page .wu-cta .btn.btn-outline-light{border-width:2px;font-weight:800}

/* Partner */
.wu-sociale-page .wu-partner{padding-top:0}
.wu-sociale-page .wu-partner .wu-ph{border-radius:18px}
.wu-sociale-page .wu-partner .d-flex.flex-wrap{gap:10px}

/* Spacing */
.wu-sociale-page .wu-section-space{padding-top:40px;padding-bottom:40px}

/* Tablet */
@media (min-width:768px){
  .wu-sociale-hero{margin-top:70px}
  .wu-sociale-hero::before{left:-18px;right:-18px;border-radius:24px}

  .wu-sociale-page .wu-ph--teal{height:280px}
  .wu-sociale-page .wu-ph--orange{height:260px}

  .wu-sociale-page .wu-inbreve{padding:18px}
  .wu-sociale-page .wu-criteria-card{padding:18px}

  .wu-sociale-page .wu-cta{border-radius:20px;padding:26px}
  .wu-sociale-page .wu-cta .wu-cta-actions{justify-content:flex-end;text-align:right;margin-top:0}
  .wu-sociale-page .wu-cta .wu-cta-actions .btn{width:auto;min-width:200px}

  .wu-sociale-page .wu-section-space{padding-top:52px;padding-bottom:52px}

  .wu-sociale-page h1{font-size:38px}
  .wu-sociale-page h2{font-size:28px}
  .wu-sociale-page p{font-size:16px}
}

/* Desktop */
@media (min-width:992px){
  .wu-sociale-page h1{font-size:42px;max-width:720px}
  .wu-sociale-page h2{font-size:30px}
  .wu-sociale-page p{font-size:17px;max-width:820px}
  .wu-sociale-page .btn{font-size:15px;padding:10px 18px}
  .wu-sociale-page .wu-ph--teal{height:320px}
  .wu-sociale-page .wu-ph--orange{height:300px}
}