:root {
  --skyskin-glass: rgba(255, 248, 243, .82);
  --skyskin-glass-strong: rgba(255, 248, 243, .90);
  --skyskin-glass-border: rgba(143, 54, 82, .12);
  --skyskin-glass-shadow: 0 16px 42px rgba(70, 37, 48, .10);
  --skyskin-box-radius: 26px;
  --skyskin-box-width: 1080px;
  --skyskin-burgundy: #8F3652;
  --skyskin-rose-dark: #A14E70;
  --skyskin-gold: #C8A66A;
  --skyskin-copy: #4B3E42;
}

/* Global width for only the redesigned opening modules. */
body.home .skyskin-sophisticated-module,
body.front-page .skyskin-sophisticated-module,
body.blog .skyskin-sophisticated-module {
  width: min(calc(100% - 56px), var(--skyskin-box-width)) !important;
  max-width: var(--skyskin-box-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
}

/* Trust strip: three refined translucent cards. */
body.home .skyskin-trust-strip,
body.front-page .skyskin-trust-strip,
body.blog .skyskin-trust-strip {
  width: min(calc(100% - 56px), var(--skyskin-box-width)) !important;
  max-width: var(--skyskin-box-width) !important;
  margin: 28px auto 30px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}

body.home .skyskin-trust-strip > .e-con,
body.home .skyskin-trust-strip > .elementor-element,
body.home .skyskin-trust-strip > .skyskin-card,
body.front-page .skyskin-trust-strip > .e-con,
body.front-page .skyskin-trust-strip > .elementor-element,
body.front-page .skyskin-trust-strip > .skyskin-card,
body.blog .skyskin-trust-strip > .e-con,
body.blog .skyskin-trust-strip > .elementor-element,
body.blog .skyskin-trust-strip > .skyskin-card {
  min-width: 0 !important;
  padding: 25px 27px !important;
  background: var(--skyskin-glass) !important;
  border: 1px solid var(--skyskin-glass-border) !important;
  border-radius: var(--skyskin-box-radius) !important;
  box-shadow: var(--skyskin-glass-shadow) !important;
  backdrop-filter: blur(10px) saturate(108%);
  -webkit-backdrop-filter: blur(10px) saturate(108%);
}

/* Large introduction panel: "Ciencia, cuidado..." */
body.home .skyskin-sophisticated-overview,
body.front-page .skyskin-sophisticated-overview,
body.blog .skyskin-sophisticated-overview {
  margin-top: 24px !important;
  margin-bottom: 28px !important;
  padding: 30px !important;
  border-radius: 30px !important;
  background: rgba(255, 248, 243, .72) !important;
  border: 1px solid var(--skyskin-glass-border) !important;
  box-shadow: var(--skyskin-glass-shadow) !important;
  backdrop-filter: blur(12px) saturate(108%);
  -webkit-backdrop-filter: blur(12px) saturate(108%);
}

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: 2px 4px 22px !important;
  margin-bottom: 0 !important;
}

body.home .skyskin-sophisticated-overview .skyskin-grid-4,
body.front-page .skyskin-sophisticated-overview .skyskin-grid-4,
body.blog .skyskin-sophisticated-overview .skyskin-grid-4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.home .skyskin-sophisticated-overview .skyskin-card,
body.front-page .skyskin-sophisticated-overview .skyskin-card,
body.blog .skyskin-sophisticated-overview .skyskin-card {
  padding: 22px !important;
  min-height: auto !important;
  background: var(--skyskin-glass-strong) !important;
  border: 1px solid rgba(143, 54, 82, .10) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 26px rgba(70, 37, 48, .065) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* "¿Qué te preocupa?" heading becomes its own narrow glass panel. */
body.home .skyskin-sophisticated-concerns,
body.front-page .skyskin-sophisticated-concerns,
body.blog .skyskin-sophisticated-concerns {
  margin-top: 24px !important;
  margin-bottom: 34px !important;
}

body.home .skyskin-sophisticated-concerns > .skyskin-section-head,
body.front-page .skyskin-sophisticated-concerns > .skyskin-section-head,
body.blog .skyskin-sophisticated-concerns > .skyskin-section-head {
  padding: 27px 30px !important;
  margin-bottom: 22px !important;
  border-radius: 26px !important;
  background: var(--skyskin-glass) !important;
  border: 1px solid var(--skyskin-glass-border) !important;
  box-shadow: var(--skyskin-glass-shadow) !important;
  backdrop-filter: blur(10px) saturate(108%);
  -webkit-backdrop-filter: blur(10px) saturate(108%);
}

body.home .skyskin-sophisticated-concerns .skyskin-concern-grid,
body.front-page .skyskin-sophisticated-concerns .skyskin-concern-grid,
body.blog .skyskin-sophisticated-concerns .skyskin-concern-grid {
  width: 100% !important;
  max-width: 100% !important;
  gap: 16px !important;
}

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, 243, .88) !important;
  border: 1px solid rgba(143, 54, 82, .10) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(70, 37, 48, .07) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  min-height: auto !important;
}

/* Refined typography and spacing. */
body.home .skyskin-sophisticated-module .skyskin-section-title,
body.home .skyskin-sophisticated-module .skyskin-section-title .elementor-heading-title,
body.front-page .skyskin-sophisticated-module .skyskin-section-title,
body.front-page .skyskin-sophisticated-module .skyskin-section-title .elementor-heading-title,
body.blog .skyskin-sophisticated-module .skyskin-section-title,
body.blog .skyskin-sophisticated-module .skyskin-section-title .elementor-heading-title {
  color: var(--skyskin-rose-dark) !important;
  font-size: clamp(2rem, 3vw, 3.25rem) !important;
  line-height: 1.04 !important;
  margin-bottom: 12px !important;
}

body.home .skyskin-sophisticated-module .skyskin-section-intro,
body.front-page .skyskin-sophisticated-module .skyskin-section-intro,
body.blog .skyskin-sophisticated-module .skyskin-section-intro {
  color: var(--skyskin-copy) !important;
  max-width: 850px !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

body.home .skyskin-sophisticated-module .skyskin-card-title,
body.home .skyskin-sophisticated-module .skyskin-card-title .elementor-heading-title,
body.front-page .skyskin-sophisticated-module .skyskin-card-title,
body.front-page .skyskin-sophisticated-module .skyskin-card-title .elementor-heading-title,
body.blog .skyskin-sophisticated-module .skyskin-card-title,
body.blog .skyskin-sophisticated-module .skyskin-card-title .elementor-heading-title {
  color: var(--skyskin-burgundy) !important;
  font-size: 1.2rem !important;
  line-height: 1.22 !important;
  margin-bottom: 8px !important;
}

body.home .skyskin-sophisticated-module .skyskin-card-copy,
body.front-page .skyskin-sophisticated-module .skyskin-card-copy,
body.blog .skyskin-sophisticated-module .skyskin-card-copy {
  color: var(--skyskin-copy) !important;
  font-size: .94rem !important;
  line-height: 1.55 !important;
}

@media (max-width: 1024px) {
  body.home .skyskin-sophisticated-module,
  body.front-page .skyskin-sophisticated-module,
  body.blog .skyskin-sophisticated-module,
  body.home .skyskin-trust-strip,
  body.front-page .skyskin-trust-strip,
  body.blog .skyskin-trust-strip {
    width: min(calc(100% - 32px), 920px) !important;
  }

  body.home .skyskin-sophisticated-overview .skyskin-grid-4,
  body.front-page .skyskin-sophisticated-overview .skyskin-grid-4,
  body.blog .skyskin-sophisticated-overview .skyskin-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.home .skyskin-sophisticated-module,
  body.front-page .skyskin-sophisticated-module,
  body.blog .skyskin-sophisticated-module,
  body.home .skyskin-trust-strip,
  body.front-page .skyskin-trust-strip,
  body.blog .skyskin-trust-strip {
    width: calc(100% - 22px) !important;
  }

  body.home .skyskin-trust-strip,
  body.front-page .skyskin-trust-strip,
  body.blog .skyskin-trust-strip,
  body.home .skyskin-sophisticated-overview .skyskin-grid-4,
  body.front-page .skyskin-sophisticated-overview .skyskin-grid-4,
  body.blog .skyskin-sophisticated-overview .skyskin-grid-4 {
    grid-template-columns: 1fr !important;
  }

  body.home .skyskin-sophisticated-overview,
  body.front-page .skyskin-sophisticated-overview,
  body.blog .skyskin-sophisticated-overview {
    padding: 20px !important;
    border-radius: 24px !important;
  }

  body.home .skyskin-sophisticated-concerns > .skyskin-section-head,
  body.front-page .skyskin-sophisticated-concerns > .skyskin-section-head,
  body.blog .skyskin-sophisticated-concerns > .skyskin-section-head {
    padding: 22px 20px !important;
    border-radius: 22px !important;
  }
}