:root {
  --skyskin-v49-glass: rgba(255, 248, 245, 0.34);
  --skyskin-v49-glass-strong: rgba(255, 248, 245, 0.42);
  --skyskin-v49-border: rgba(143, 54, 82, 0.11);
  --skyskin-v49-shadow: 0 14px 34px rgba(70, 37, 48, 0.07);
  --skyskin-v49-rose: #A14E70;
  --skyskin-v49-copy: #4B3E42;
}

/* Elimina cualquier logo agregado por parches anteriores. */
body.home .skyskin-v47-overview-logo,
body.front-page .skyskin-v47-overview-logo,
body.blog .skyskin-v47-overview-logo,
body.home .skyskin-v48-overview-logo-wrap,
body.front-page .skyskin-v48-overview-logo-wrap,
body.blog .skyskin-v48-overview-logo-wrap,
body.home .skyskin-v48-overview-logo,
body.front-page .skyskin-v48-overview-logo,
body.blog .skyskin-v48-overview-logo {
  display: none !important;
}

/* Panel principal sin logo, centrado y translúcido. */
body.home .skyskin-sophisticated-overview,
body.front-page .skyskin-sophisticated-overview,
body.blog .skyskin-sophisticated-overview {
  background: var(--skyskin-v49-glass) !important;
  border: 1px solid var(--skyskin-v49-border) !important;
  box-shadow: var(--skyskin-v49-shadow) !important;
  backdrop-filter: blur(6px) saturate(103%);
  -webkit-backdrop-filter: blur(6px) saturate(103%);
}

body.home .skyskin-sophisticated-overview > .skyskin-section-head,
body.front-page .skyskin-sophisticated-overview > .skyskin-section-head,
body.blog .skyskin-sophisticated-overview > .skyskin-section-head {
  padding-right: 4px !important;
}

/* Box de “¿Qué te preocupa?”. */
body.home .skyskin-v49-concerns-intro-panel,
body.front-page .skyskin-v49-concerns-intro-panel,
body.blog .skyskin-v49-concerns-intro-panel {
  width: min(calc(100% - 56px), 1080px) !important;
  max-width: 1080px !important;
  margin: 24px auto 22px !important;
  padding: 28px 30px !important;
  border-radius: 26px !important;
  background: var(--skyskin-v49-glass-strong) !important;
  border: 1px solid var(--skyskin-v49-border) !important;
  box-shadow: var(--skyskin-v49-shadow) !important;
  backdrop-filter: blur(7px) saturate(104%);
  -webkit-backdrop-filter: blur(7px) saturate(104%);
}

body.home .skyskin-v49-concerns-eyebrow,
body.front-page .skyskin-v49-concerns-eyebrow,
body.blog .skyskin-v49-concerns-eyebrow {
  color: #B57A86 !important;
  font-size: .82rem !important;
  line-height: 1.2 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}

body.home .skyskin-v49-concerns-title,
body.front-page .skyskin-v49-concerns-title,
body.blog .skyskin-v49-concerns-title {
  color: var(--skyskin-v49-rose) !important;
  font-size: clamp(2rem, 3vw, 3rem) !important;
  line-height: 1.04 !important;
  margin: 0 0 12px !important;
}

body.home .skyskin-v49-concerns-copy,
body.front-page .skyskin-v49-concerns-copy,
body.blog .skyskin-v49-concerns-copy {
  color: var(--skyskin-v49-copy) !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  max-width: 820px !important;
  margin: 0 !important;
}

/* Tarjetas de preocupaciones suavemente translúcidas. */
body.home .skyskin-sophisticated-concerns .skyskin-concern-card,
body.front-page .skyskin-sophisticated-concerns .skyskin-concern-card,
body.blog .skyskin-sophisticated-concerns .skyskin-concern-card {
  background: rgba(255, 248, 245, 0.58) !important;
  border: 1px solid rgba(143, 54, 82, 0.10) !important;
  box-shadow: 0 9px 24px rgba(70, 37, 48, 0.055) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

@media (max-width: 1024px) {
  body.home .skyskin-v49-concerns-intro-panel,
  body.front-page .skyskin-v49-concerns-intro-panel,
  body.blog .skyskin-v49-concerns-intro-panel {
    width: min(calc(100% - 32px), 920px) !important;
  }
}

@media (max-width: 767px) {
  body.home .skyskin-v49-concerns-intro-panel,
  body.front-page .skyskin-v49-concerns-intro-panel,
  body.blog .skyskin-v49-concerns-intro-panel {
    width: calc(100% - 22px) !important;
    padding: 22px !important;
    border-radius: 22px !important;
  }

  body.home .skyskin-v49-concerns-title,
  body.front-page .skyskin-v49-concerns-title,
  body.blog .skyskin-v49-concerns-title {
    font-size: clamp(1.75rem, 8vw, 2.35rem) !important;
  }
}