/* index2 · secciones principales */
    .intro,
    .pillars,
    .story-section,
    .platform-section,
    .professionals,
    .utilities,
    .closing {
      padding: 110px 0;
    }

    .intro-grid,
    .circle-layout,
    .platform-layout,
    .utility-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
    }
 .intro-label,
.section-label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: .94rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--coral);
}

    .section-label::before,
.intro-label::before {
  content: '';
  width: 34px;
  height: 1px;
  background: var(--coral);
}

    .intro h2,
    .section-head h2,
    .story-head h2,
    .platform-copy h2,
    .prof-head h2,
    .circle-copy h2,
    .utility-copy h2,
    .closing-copy h2 {
      font-family: var(--serif);
      font-size: clamp(2.8rem, 5vw, 5rem);
      font-weight: 600;
      line-height: .92;
      letter-spacing: -.04em;
    }
    .intro h2 em,
    .section-head h2 em,
    .symptom-tree-copy p em,
    .platform-copy h2 em,
    .closing-copy h2 em { font-style: italic; color: var(--muted); }
    .intro h2 {
      margin-bottom: 28px;
    }
    .intro-body {
      margin-top: 0;
    }
    .symptom-tree-copy h2 .symptom-title-accent {
      display: inline-block;
      margin-right: .16em;
      font-family: var(--serif);
      font-style: italic;
      font-weight: 600;
      font-size: 1.9em;
      line-height: .72;
      letter-spacing: -.065em;
      color: var(--muted);
      transform: translateY(.08em);
    }
    .intro-body,
    .section-copy,
    .story-head p,
    .platform-copy p,
    .prof-head p,
    .circle-copy p,
    .utility-copy p,
    .closing-copy p {
      font-size: 1.02rem;
      line-height: 1.85;
      color: var(--muted);
      max-width: 54ch;
    }
    .intro-link,
    .mini-link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-top: 28px;
      font-weight: 700;
      font-size: .9rem;
      color: var(--coral);
      letter-spacing: .04em;
    }
    .intro-link i,
    .mini-link i { transition: transform .22s; }
    .intro-link:hover i,
    .mini-link:hover i { transform: translateX(4px); }

  .intro-visual {
  position: relative;
  min-height: 600px;
  border-radius: 36px;
  overflow: hidden;
  background: linear-gradient(160deg, #2a2220, #1a1614);
  box-shadow:
    0 30px 80px rgba(60,40,30,.20),
    0 12px 30px rgba(60,40,30,.12);
}
    .intro-visual-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 32%;
      position: absolute;
      inset: 0;
      opacity: .86;
    }
    .intro-visual-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 35%, rgba(20,16,14,.72) 100%);
    }
    .intro-visual-badge {
      position: absolute;
      bottom: 26px;
      left: 26px;
      right: 26px;
      padding: 24px;
      border-radius: 24px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.1);
      backdrop-filter: blur(18px);
      color: #fff;
    }
    .intro-visual-badge strong {
      display: block;
      font-family: var(--serif);
      font-size: 1.85rem;
      line-height: 1.08;
      margin-bottom: 10px;
    }
    .intro-visual-badge p { font-size: .92rem; color: rgba(255,255,255,.76); line-height: 1.7; }

    .pillars { padding-top: 0; }
    .section-head { margin-bottom: 54px; }
    .pillars-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
    .pillar-card,
    .module-card,
    .utility-card,
    .circle-panel,
    .story-card {
      padding: 34px;
      border-radius: 28px;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: var(--shadow-sm);
      transition: transform .26s, box-shadow .26s, border-color .26s;
    }
    .pillar-card:hover,
.module-card:hover,
.utility-card:hover,
.circle-panel:hover,
.story-card:hover,
.prof-card:hover,
.stat-box:hover,
.t-carousel:hover,
.story-panel:hover,
.inline-shell:hover,
.platform-visual:hover,
.works-teaser:hover,
.symptom-tree-visual:hover,
.intro-visual:hover {
  transform: translateY(-6px);
  box-shadow:
    0 34px 84px rgba(60,40,30,.18),
    0 10px 28px rgba(60,40,30,.10);
}
    .tone-icon,
    .access-icon,
    .story-icon {
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      border-radius: 18px;
      font-size: 1.24rem;
      flex-shrink: 0;
    }
    .tone-coral { background: var(--coral-pale); color: var(--coral-deep); }
    .tone-sky   { background: var(--sky); color: var(--sky-deep); }
    .tone-sand  { background: var(--ivory-2); color: #7a5c3e; }
    .tone-leaf  { background: var(--sage); color: var(--sage-deep); }

    .pillar-num {
      display: block;
      font-size: .68rem;
      letter-spacing: .22em;
      text-transform: uppercase;
      font-weight: 700;
      color: var(--muted);
      margin: 22px 0 12px;
    }
    .pillar-card h3,
    .module-card h3,
    .utility-card h3,
    .circle-panel h3,
    .story-panel h3 {
      font-family: var(--serif);
      font-size: 2rem;
      font-weight: 600;
      line-height: .96;
      letter-spacing: -.03em;
      margin-bottom: 16px;
    }
    .pillar-card p,
    .module-card p,
    .utility-card p,
    .circle-panel p {
      font-size: .96rem;
      line-height: 1.82;
      color: var(--muted);
      margin-bottom: 22px;
    }
    .pillar-tags,
    .story-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
.pillar-tags span,
.pillar-tag-link,
.pillar-tag-button,
.story-price,
.story-note {
  padding: 10px 16px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.1;
  border: 1px solid transparent;
  box-shadow:
    0 8px 18px rgba(60,40,30,.08),
    inset 0 1px 0 rgba(255,255,255,.55);
}
.pillars-grid .pillar-card:nth-child(1) .pillar-tag-link[data-inline-open="pack2"]{
  background: linear-gradient(180deg, #f3c9c1 0%, #efb7ad 100%);
  border: 1px solid rgba(201,74,65,.22);
  color: #a84437;
  box-shadow:
    0 10px 24px rgba(201,74,65,.16),
    inset 0 1px 0 rgba(255,255,255,.58);
}
/* Paso 01 · coral */
.pillars-grid .pillar-card:nth-child(1) .pillar-tags span,
.pillars-grid .pillar-card:nth-child(1) .pillar-tag-link,
.pillars-grid .pillar-card:nth-child(1) .pillar-tag-button{
  background: #f6dfda;
  border-color: #efcec7;
  color: #a84437;
}

/* Paso 02 · sky */
.pillars-grid .pillar-card:nth-child(2) .pillar-tags span,
.pillars-grid .pillar-card:nth-child(2) .pillar-tag-link,
.pillars-grid .pillar-card:nth-child(2) .pillar-tag-button{
  background: #d8eaef;
  border-color: #c5dde5;
  color: #2f6678;
}

/* Paso 03 · sand */
.pillars-grid .pillar-card:nth-child(3) .pillar-tags span,
.pillars-grid .pillar-card:nth-child(3) .pillar-tag-link,
.pillars-grid .pillar-card:nth-child(3) .pillar-tag-button{
  background: #ece2d4;
  border-color: #dfd0bd;
  color: #7a5c3e;
}
.library-section{
  padding: 110px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(205,228,233,.42), transparent 26%),
    radial-gradient(circle at 88% 22%, rgba(245,226,223,.36), transparent 24%),
    linear-gradient(180deg, #fcf8f3 0%, #f7f1ea 100%);
}

.library-head{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(280px, 420px);
  gap:32px;
  align-items:end;
  margin-bottom:40px;
}

.library-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}

.library-card{
  padding:34px;
  border-radius:28px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.84);
  box-shadow:var(--shadow-sm);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  min-height:100%;
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}

.library-card:hover{
  transform:translateY(-6px);
  border-color:rgba(26,22,20,.14);
  box-shadow:
    0 34px 84px rgba(60,40,30,.18),
    0 10px 28px rgba(60,40,30,.10);
}

.library-kicker{
  font-size:.94rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--coral);
}

.library-card h3{
  font-family:var(--serif);
  font-size:2rem;
  font-weight:600;
  line-height:.96;
  letter-spacing:-.03em;
  margin-bottom:8px;
}

.library-card p{
  font-size:.96rem;
  line-height:1.82;
  color:var(--muted);
  margin-bottom:18px;
}

@media (max-width: 1100px){
  .library-head{
    grid-template-columns:1fr;
  }

  .library-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 860px){
  .library-grid{
    grid-template-columns:1fr;
}
    }
    .pillar-tag-link,
    .pillar-tag-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      cursor: pointer;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
   .pillar-tag-button {
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.1;
}
    .pillar-tag-link:hover,
    .pillar-tag-link:focus-visible,
    .pillar-tag-button:hover,
    .pillar-tag-button:focus-visible {
      transform: translateY(-1px);
      border-color: rgba(122,92,62,.24);
      box-shadow: 0 10px 22px rgba(60,40,30,.08);
      outline: none;
    }

    .story-section { background: var(--ivory); }
    .story-head {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 32px;
      align-items: end;
      margin-bottom: 40px;
    }
    .story-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-bottom: 24px;
    }
    .story-card {
      padding: 0;
      overflow: hidden;
      text-align: left;
      width: 100%;
    }
    .story-card.is-active {
      border-color: rgba(201,74,65,.34);
      transform: translateY(-4px);
      box-shadow: var(--shadow);
    }
    .story-media {
      aspect-ratio: 1 / 1;
      background: linear-gradient(160deg, #f0ece7, #faf6f2);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    .story-media img,
    .story-panel-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .story-media-fallback {
      position: relative;
    }
    .story-media-fallback::before,
    .story-panel-media.story-media-fallback::before {
      content: 'UMANA';
      font-family: var(--serif);
      font-size: 3rem;
      color: rgba(26,22,20,.18);
      letter-spacing: .08em;
    }
    .story-card-body {
      padding: 22px 22px 24px;
      display: flex;
      align-items: flex-start;
      gap: 14px;
    }
    .story-card-body strong {
      display: block;
      font-family: var(--serif);
      font-size: 2.25rem;
      line-height: 1;
      letter-spacing: -.04em;
      margin-bottom: 6px;
    }
    .story-card-body p {
      font-size: .88rem;
      line-height: 1.65;
      color: var(--muted);
      margin: 0;
    }
    .story-panels { min-height: 420px; }
    .story-panel {
      display: grid;
      grid-template-columns: .88fr 1.12fr;
      border-radius: 32px;
      overflow: hidden;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: var(--shadow);
    }
    .story-panel[hidden] { display: none !important; }
    .story-panel-media {
      min-height: 420px;
      background: linear-gradient(160deg, #f0ece7, #fff);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 36px;
      overflow: hidden;
    }
    .story-panel-body {
      padding: 42px 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 18px;
    }
  .story-kicker {
  font-size: .94rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--coral);
}
    .story-product {
      font-size: .9rem;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--ink-soft);
      font-weight: 700;
    }
    .story-panel-description {
      font-size: 1rem;
      line-height: 1.82;
      color: var(--muted);
    }
    .story-feature-list {
      list-style: none;
      display: grid;
      gap: 12px;
      margin: 4px 0;
    }
    .story-feature-list li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      font-size: .96rem;
      line-height: 1.72;
      color: var(--ink-soft);
    }
    .story-feature-list li::before {
      content: '';
      flex-shrink: 0;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--coral);
      margin-top: .5em;
      box-shadow: 0 0 0 5px rgba(201,74,65,.14);
    }
    .story-panel-actions {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 8px;
    }
    .story-price {
      background: var(--coral-pale);
      border-color: rgba(201,74,65,.2);
      color: var(--coral-deep);
    }
    .story-note {
      background: #fff;
    }

    .platform-layout {
      align-items: start;
      gap: 42px;
    }
    .stat-cluster {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-top: 34px;
    }
    .stat-box {
      padding: 30px;
      border-radius: 24px;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: var(--shadow-sm);
    }
    .stat-box strong {
      display: block;
      font-family: var(--serif);
      font-size: clamp(3rem, 4.5vw, 4.2rem);
      font-weight: 600;
      line-height: 1;
      letter-spacing: -.04em;
      margin-bottom: 10px;
      color: var(--coral);
    }
    .stat-box span {
      font-size: .86rem;
      line-height: 1.7;
      color: var(--muted);
    }
.platform-visual {
  position: relative;
  margin-top: 34px;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  background: #efe7de;
  min-height: 320px;
}

.platform-visual img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  display: block;
  object-fit: cover;
  object-position: center;
}

.platform-visual::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(20,16,14,.10) 100%);
  pointer-events: none;
}
    .module-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
    }
    .module-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 14px;
      min-height: 100%;
    }
.module-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.module-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  min-height: 100%;
  position: relative;
}

.module-card.is-featured-pack {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 16%, rgba(176,214,184,.94), transparent 30%),
    linear-gradient(180deg, #d9ecdd 0%, #bdd8c2 100%);
  border: 1px solid rgba(58,96,64,.22);
  box-shadow:
    0 26px 58px rgba(60,40,30,.12),
    0 0 0 1px rgba(255,255,255,.52) inset;
  animation: featuredPackFloat 4.8s ease-in-out infinite;
}

.module-card.is-featured-pack::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.55), transparent 22%),
    radial-gradient(circle at 82% 24%, rgba(168,68,55,.07), transparent 26%),
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.24) 18%, transparent 36%);
  pointer-events: none;
  opacity: .95;
}

.module-card.is-featured-pack::after {
  content: '';
  position: absolute;
  top: -18%;
  left: -32%;
  width: 44%;
  height: 140%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  transform: rotate(12deg);
  animation: featuredPackShine 5.8s ease-in-out infinite;
  pointer-events: none;
}

.module-card.is-featured-pack .access-icon {
  background: linear-gradient(180deg, #dbe8dc 0%, #cfe0d2 100%);
  color: #8f3e34;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.module-card.is-featured-pack .module-kicker {
  color: #4f7a57;
}

.module-card.is-featured-pack h3 {
  color: #1f2d22;
}

.module-card.is-featured-pack p {
  color: #6d7d70;
}
.module-card.is-featured-pack:hover {
  transform: translateY(-8px) scale(1.012);
  box-shadow:
    0 34px 84px rgba(60,40,30,.18),
    0 12px 30px rgba(60,40,30,.10),
    0 0 0 1px rgba(255,255,255,.7) inset;
}
.module-card.is-featured-pack > * {
  position: relative;
  z-index: 1;
}
.module-card-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f4cec7 0%, #efb7ad 100%);
  color: #a84437;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 8px;
  box-shadow:
    0 10px 24px rgba(201,74,65,.16),
    inset 0 1px 0 rgba(255,255,255,.62);
}
    .access-icon {
      background: var(--coral-pale);
      color: var(--coral-deep);
    }
    .module-card:nth-child(3n + 2) .access-icon { background: var(--sky); color: var(--sky-deep); }
    .module-card:nth-child(3n + 3) .access-icon { background: var(--ivory-2); color: #7a5c3e; }
.module-kicker,
.circle-kicker,
.utility-kicker {
  font-size: .94rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--coral);
}
    .card-cta {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 700;
      font-size: .88rem;
      color: var(--ink);
      margin-top: auto;
    }
    .card-cta i { transition: transform .22s; }
    .module-card:hover .card-cta i,
    .utility-card:hover .card-cta i,
    .circle-panel:hover .card-cta i { transform: translateX(4px); }
}
/* closing · imagen visible, más grande y más arriba */
.closing-copy{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.closing-copy::after{
  content: "";
  position: absolute;
  right: 34px;
  top: 10px;
  width: 220px;
  height: 340px;
  border-radius: 30px;
  background:
    linear-gradient(
      90deg,
      rgba(201,74,65,.28) 0%,
      rgba(201,74,65,.10) 22%,
      rgba(201,74,65,0) 42%
    ),
    url('/img/juli_ceo.webp') center center / cover no-repeat;
  pointer-events: none;
  z-index: 0;
 border: 1px solid rgba(255,255,255,.16);
box-shadow:
  0 22px 54px rgba(60,40,30,.22),
  0 10px 24px rgba(60,40,30,.14),
  14px 0 26px rgba(0,0,0,.12);
}

.closing-copy h2{
  position: relative;
  z-index: 1;
  max-width: calc(100% - 430px);
}

.closing-copy p{
  position: relative;
  z-index: 1;
  max-width: calc(100% - 280px);
}

@media (max-width: 1100px){
  .closing-copy::after{
    width: 260px;
    height: 360px;
    right: 24px;
    top: 24px;
  }

  .closing-copy h2,
  .closing-copy p{
    max-width: calc(100% - 300px);
  }
}

@media (max-width: 860px){
  .closing-copy::after{
    position: relative;
    display: block;
    right: auto;
    top: auto;
    width: 100%;
    max-width: 320px;
    height: 360px;
    margin: 0 auto 24px;
  }

  .closing-copy h2,
  .closing-copy p{
    max-width: 100%;
  }
}
/* ===== Accesos UMANA · color propio por card ===== */

.module-card.module-turnos{
  background:
    radial-gradient(circle at 14% 16%, rgba(243,201,193,.55), transparent 28%),
    linear-gradient(180deg, #fff6f3 0%, #f9ece7 100%);
  border-color: rgba(201,74,65,.18);
}

.module-card.module-turnos .access-icon{
  background: linear-gradient(180deg, #f6d8d0 0%, #f1c6bc 100%);
  color: #a84437;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.module-card.module-turnos .module-kicker{
  color: #c94a41;
}

.module-card.module-turnos h3{
  color: #2a1b19;
}

.module-card.module-turnos p{
  color: #7b625e;
}


.module-card.module-tienda{
  background:
    radial-gradient(circle at 14% 16%, rgba(205,228,233,.58), transparent 28%),
    linear-gradient(180deg, #f5fbfd 0%, #eaf5f8 100%);
  border-color: rgba(121,202,233,.26);
}

.module-card.module-tienda .access-icon{
  background: linear-gradient(180deg, #d4eaf0 0%, #c2e0e9 100%);
  color: #2f6678;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.module-card.module-tienda .module-kicker{
  color: #5a97aa;
}

.module-card.module-tienda h3{
  color: #1f2f36;
}

.module-card.module-tienda p{
  color: #6e7f86;
}


.module-card.module-radio{
  background:
    radial-gradient(circle at 14% 16%, rgba(232,222,209,.52), transparent 28%),
    linear-gradient(180deg, #fcf8f3 0%, #f3ece3 100%);
  border-color: rgba(196,177,154,.30);
}

.module-card.module-radio .access-icon{
  background: linear-gradient(180deg, #eadfd2 0%, #dfd1c1 100%);
  color: #8a6a4c;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.module-card.module-radio .module-kicker{
  color: #c94a41;
}

.module-card.module-radio h3{
  color: #241d1a;
}

.module-card.module-radio p{
  color: #7f6f65;
}


.module-card.module-recetas{
  background:
    radial-gradient(circle at 14% 16%, rgba(205,228,233,.52), transparent 28%),
    linear-gradient(180deg, #f4fbfd 0%, #e8f3f7 100%);
  border-color: rgba(169,202,214,.30);
}

.module-card.module-recetas .access-icon{
  background: linear-gradient(180deg, #cfe3eb 0%, #bdd8e2 100%);
  color: #456d7c;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.module-card.module-recetas .module-kicker{
  color: #c94a41;
}

.module-card.module-recetas h3{
  color: #231d1b;
}

.module-card.module-recetas p{
  color: #7b706a;
}


.module-card.module-biblioteca{
  background:
    radial-gradient(circle at 14% 16%, rgba(232,222,209,.52), transparent 28%),
    linear-gradient(180deg, #fcf8f3 0%, #f2eade 100%);
  border-color: rgba(221,205,184,.38);
}

.module-card.module-biblioteca .access-icon{
  background: linear-gradient(180deg, #e7dacb 0%, #ddcebc 100%);
  color: #8b673f;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.module-card.module-biblioteca .module-kicker{
  color: #c94a41;
}

.module-card.module-biblioteca h3{
  color: #241d1a;
}

.module-card.module-biblioteca p{
  color: #7f7064;
}
/* ===== Works · cards oscuras ===== */

.works-format-cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  margin-top:24px;
}

.works-format-detail{
  position:relative;
  min-height:100%;
  padding:26px 24px 22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(20,17,17,.94);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 22px 46px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.works-format-detail::before{
  content:"";
  position:absolute;
  top:0;
  left:18px;
  right:18px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, #7c3aed 0%, #c084fc 100%);
}

.works-format-detail h4{
  margin:0 0 12px;
  font-size:1.05rem;
  font-weight:800;
  letter-spacing:-.02em;
  color:#ffffff;
}

.works-format-detail p{
  margin:0;
  font-size:.98rem;
  line-height:1.72;
  color:rgba(255,255,255,.82);
}

/* ===== Works · banda de marcas full width ===== */

.works-brand-band{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 26px;
  padding: 16px 0 18px;
  border-top: 1px solid rgba(255,255,255,.10);
  overflow: hidden;
}

.works-brand-band-track{
  display: flex;
  align-items: center;
  gap: 46px;
  width: max-content;
  min-width: max-content;
  padding: 0 10px;
}

.works-brand-svg{
  flex: 0 0 auto;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: .96;
}

.works-brand-svg svg{
  height: 40px;
  width: auto;
  display: block;
}
.works-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:26px;
  justify-content:flex-start;
}

.works-actions .btn-outline,
.works-actions .btn-secondary{
  min-width:210px;
  justify-content:center;
}

.works-actions .btn-outline{
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
  color:#fff;
  border:1px solid rgba(168,85,247,.42);
  box-shadow:
    0 10px 26px rgba(124,58,237,.22),
    inset 0 1px 0 rgba(255,255,255,.14);
}

.works-actions .btn-outline:hover{
  background: linear-gradient(135deg, #6d28d9 0%, #9333ea 100%);
  color:#fff;
  border-color: rgba(168,85,247,.55);
}

.works-actions .btn-secondary{
  box-shadow:
    0 10px 24px rgba(211,47,47,.18),
    inset 0 1px 0 rgba(255,255,255,.12);
}