:root {
--cdl-cultural-accent: var(--cdl-accent, #6b4c9a);
--cdl-cultural-warm: #c9a227;
--cdl-cultural-surface: rgba(0, 0, 0, 0.02);
--cdl-cultural-border: rgba(0, 0, 0, 0.08);
--cdl-cultural-archive-max: min(78rem, 100%);
--cdl-cultural-prose: min(56rem, 100%);
--cdl-cultural-prose-narrow: min(48rem, 100%);
}
.cdl-cultural-disclaimer {
margin: 0 0 1.75rem;
padding: 0.85rem 1rem;
border-left: 3px solid var(--cdl-cultural-warm);
background: rgba(201, 162, 39, 0.08);
font-size: 0.9rem;
line-height: 1.55;
}
.cdl-cultural-disclaimer--long {
font-size: 0.88rem;
}
.cdl-cultural-sep {
border: 0;
border-top: 1px solid var(--cdl-cultural-border);
margin: 1.75rem 0;
}
.cdl-cultural-sep--light {
opacity: 0.6;
margin: 1.25rem 0;
}
.cdl-cultural-archive__title {
margin-bottom: 0.35rem;
}
.cdl-cultural-archive__intro {
max-width: 42rem;
line-height: 1.6;
opacity: 0.96;
color: color-mix(in srgb, currentColor 92%, transparent);
}
.cdl-cultural-archive__hub-cta {
margin: 0.35rem 0 0.85rem;
max-width: 42rem;
}
.cdl-cultural-archive__hub-cta-link {
display: inline-block;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.45;
color: var(--cdl-cultural-accent, #6b4c3a);
text-decoration: none;
border-bottom: 1px solid color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 28%, transparent);
}
.cdl-cultural-archive__hub-cta-link:hover,
.cdl-cultural-archive__hub-cta-link:focus-visible {
color: #4a3828;
text-decoration: none;
border-bottom-color: color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 55%, transparent);
outline: none;
}
.cdl-cultural-archive__section-title {
margin: 0 0 1rem;
font-size: 1.45rem;
line-height: 1.25;
}
.cdl-cultural-archive__section {
margin-top: 2rem;
scroll-margin-top: 1rem;
}
.cdl-cultural-archive__section:first-of-type {
margin-top: 1.5rem;
}
.cdl-cultural-archive-jump {
margin: 0 0 1.25rem;
padding: 0.65rem 0 0;
font-size: 0.88rem;
line-height: 1.5;
}
.cdl-cultural-archive-jump__label {
font-weight: 600;
margin-right: 0.35rem;
color: #4a4540;
}
.cdl-cultural-archive-jump__list {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.cdl-cultural-archive-jump__list li {
display: inline;
}
.cdl-cultural-archive-jump__list li + li::before {
content: " · ";
opacity: 0.5;
pointer-events: none;
}
.cdl-cultural-archive-jump__link {
color: var(--cdl-cultural-accent) !important;
text-decoration: none;
font-weight: 500;
}
.cdl-cultural-archive-jump__link:hover,
.cdl-cultural-archive-jump__link:focus-visible {
text-decoration: underline;
outline: none;
}
.cdl-cultural-filters {
margin: 1.25rem 0 1.5rem;
}
.cdl-cultural-filters__row {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: center;
}
.cdl-cultural-filters input[type="search"],
.cdl-cultural-filters select {
min-width: 10rem;
}
.cdl-cultural-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 1rem;
margin: 0.75rem 0 1.5rem;
}
.cdl-cultural-card {
border: 1px solid var(--cdl-cultural-border);
border-radius: 8px;
background: #fff;
overflow: hidden;
}
.cdl-cultural-card__link {
display: block;
padding: 0 0 1rem;
text-decoration: none;
color: inherit;
}
.cdl-cultural-card__link .cdl-cultural-visual--card {
margin-bottom: 0.75rem;
}
.cdl-cultural-card__badge,
.cdl-cultural-card__title,
.cdl-cultural-card__summary,
.cdl-cultural-card__more {
padding-left: 1rem;
padding-right: 1rem;
}
.cdl-cultural-card__badge {
display: inline-block;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.04em;
opacity: 0.75;
margin-bottom: 0.35rem;
}
.cdl-cultural-card__title {
margin: 0 0 0.35rem;
font-size: 1.05rem;
}
.cdl-cultural-card__summary {
margin: 0;
font-size: 0.88rem;
line-height: 1.5;
opacity: 0.85;
}
.cdl-cultural-card__more {
display: inline-block;
margin-top: 0.5rem;
font-size: 0.85rem;
color: var(--cdl-cultural-accent);
} .cdl-cultural-visual {
overflow: hidden;
background: var(--cdl-cultural-surface);
}
.cdl-cultural-visual--hero {
max-width: 280px;
margin: 0 0 1rem;
border-radius: 8px;
}
.cdl-cultural-visual--card {
aspect-ratio: 16 / 9;
max-height: 120px;
}
.cdl-cultural-visual--context {
width: 56px;
height: 56px;
border-radius: 6px;
flex-shrink: 0;
}
.cdl-cultural-visual__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.cdl-cultural-visual--placeholder {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, rgba(107, 76, 154, 0.12), rgba(201, 162, 39, 0.15));
}
.cdl-cultural-visual--placeholder[data-cultural-type="orisha"] {
background: linear-gradient(135deg, rgba(107, 76, 154, 0.18), rgba(72, 120, 180, 0.12));
}
.cdl-cultural-visual--placeholder[data-cultural-type="rhythm"] {
background: linear-gradient(135deg, rgba(201, 162, 39, 0.2), rgba(107, 76, 154, 0.1));
}
.cdl-cultural-visual__glyph {
font-size: 1.35rem;
font-weight: 600;
opacity: 0.55;
color: var(--cdl-cultural-accent);
}
.cdl-cultural-visual--context .cdl-cultural-visual__glyph {
font-size: 1.1rem;
} .cdl-cultural-single-layout {
width: 100%;
max-width: 48rem;
margin: 0 auto;
padding: 0 1.15rem 3rem;
box-sizing: border-box;
}
.cdl-cultural-single {
max-width: none;
width: 100%;
margin: 0;
padding: 0;
line-height: 1.72;
}
.cdl-cultural-single__column {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.cdl-cultural-single__column > * {
max-width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
} .cdl-cultural-entry-content,
.cdl-cultural-entry-content [data-ast-blocks-layout],
.cdl-cultural-entry-content .wp-block-group,
.cdl-cultural-entry-content .alignwide,
.cdl-cultural-entry-content .alignfull {
max-width: 100% !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0;
padding-right: 0;
}
.entry-content .cdl-cultural-single-layout,
.entry-content .cdl-cultural-single-layout .cdl-cultural-single__body > * {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.cdl-cultural-single__header {
margin-bottom: 2.5rem;
padding-bottom: 0.5rem;
}
.cdl-cultural-single__type {
margin: 0 0 0.35rem;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--cdl-cultural-accent);
opacity: 0.85;
}
.cdl-cultural-single__title {
margin: 0 0 0.75rem;
font-size: clamp(1.65rem, 4vw, 2rem);
line-height: 1.25;
}
.cdl-cultural-single__summary {
font-size: 1.1rem;
line-height: 1.72;
margin: 1.15rem 0 0;
padding-bottom: 0.25rem;
color: inherit;
opacity: 0.92;
}
.cdl-cultural-single__aliases {
margin: 0.75rem 0 0;
font-size: 0.9rem;
opacity: 0.8;
}
.cdl-cultural-single__badge {
display: none;
}
.cdl-cultural-prose,
.cdl-cultural-single__body {
margin: 2.25rem 0 2.75rem;
}
.cdl-cultural-prose > *:first-child,
.cdl-cultural-single__body > *:first-child {
margin-top: 0;
}
.cdl-cultural-prose p,
.cdl-cultural-single__body p {
margin: 0 0 1.25em;
}
.cdl-cultural-prose--sections h2,
.cdl-cultural-single__body.cdl-cultural-prose--sections h2 {
margin: 2.75rem 0 0;
padding-top: 1.75rem;
font-size: 1.22rem;
line-height: 1.35;
letter-spacing: -0.01em;
border-top: 1px solid var(--cdl-cultural-border);
}
.cdl-cultural-prose--sections h2:first-child,
.cdl-cultural-single__body.cdl-cultural-prose--sections h2:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.cdl-cultural-prose--sections h2 + p,
.cdl-cultural-single__body.cdl-cultural-prose--sections h2 + p {
margin-top: 1rem;
}
.cdl-cultural-prose h2,
.cdl-cultural-single__body h2 {
margin: 2.5rem 0 1rem;
font-size: 1.22rem;
line-height: 1.35;
}
.cdl-cultural-prose h2:first-child,
.cdl-cultural-single__body h2:first-child {
margin-top: 0;
}
.cdl-cultural-prose h3,
.cdl-cultural-single__body h3 {
margin: 1.75rem 0 0.75rem;
font-size: 1.05rem;
} .cdl-cultural-meta-cards {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin: 3rem 0 0;
align-items: stretch;
}
@media (min-width: 640px) {
.cdl-cultural-meta-cards:not(.cdl-cultural-meta-cards--secondary) {
grid-template-columns: repeat(3, 1fr);
gap: 1.1rem;
}
}
.cdl-cultural-meta-cards--secondary {
margin-top: 1rem;
max-width: 20rem;
}
.cdl-cultural-meta-card {
display: flex;
flex-direction: column;
min-height: 100%;
padding: 1.2rem 1.25rem 1.35rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border);
background: var(--cdl-cultural-surface);
}
.cdl-cultural-meta-card--symbolics {
background: rgba(107, 76, 154, 0.06);
border-color: rgba(107, 76, 154, 0.14);
}
.cdl-cultural-meta-card--elements {
background: rgba(201, 162, 39, 0.07);
border-color: rgba(201, 162, 39, 0.18);
}
.cdl-cultural-meta-card--energy {
background: rgba(46, 125, 90, 0.06);
border-color: rgba(46, 125, 90, 0.14);
}
.cdl-cultural-meta-card--colors {
background: rgba(0, 0, 0, 0.03);
}
.cdl-cultural-meta-card__title {
margin: 0 0 0.85rem;
font-size: 0.92rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.01em;
}
.cdl-cultural-meta-card__list {
margin: 0;
padding: 0;
list-style: none;
flex: 1;
}
.cdl-cultural-meta-card__list li {
position: relative;
margin: 0 0 0.5rem;
padding-left: 1rem;
font-size: 0.92rem;
line-height: 1.5;
}
.cdl-cultural-meta-card__list li::before {
content: "";
position: absolute;
left: 0;
top: 0.55em;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--cdl-cultural-accent);
opacity: 0.55;
}
.cdl-cultural-meta-card__text {
margin: 0;
font-size: 0.92rem;
line-height: 1.55;
flex: 1;
} .cdl-cultural-dance-callout {
margin: 2rem 0;
padding: 1.25rem 1.35rem;
border-radius: 8px;
border: 1px solid var(--cdl-cultural-border);
border-left: 4px solid var(--cdl-cultural-accent);
background: var(--cdl-cultural-surface);
}
.cdl-cultural-dance-callout__title {
margin: 0 0 0.4rem;
font-size: 1.1rem;
}
.cdl-cultural-dance-callout__intro {
margin: 0 0 0.75rem;
font-size: 0.9rem;
opacity: 0.88;
line-height: 1.5;
}
.cdl-cultural-dance-callout__body {
line-height: 1.6;
}
.cdl-cultural-dance-callout__note {
margin: 0.75rem 0 0;
font-size: 0.85rem;
opacity: 0.8;
font-style: italic;
} .cdl-cultural-explore {
margin: 1.75rem 0;
padding: 1rem 1.1rem;
border-radius: 8px;
background: var(--cdl-cultural-surface);
border: 1px solid var(--cdl-cultural-border);
}
.cdl-cultural-explore__title {
margin: 0 0 0.5rem;
font-size: 1.2rem;
}
.cdl-cultural-explore--unified {
margin: 3.5rem 0 0;
padding: 1.35rem 1.4rem 1.5rem;
}
.cdl-cultural-explore--unified .cdl-cultural-explore__title {
margin: 0 0 1.15rem;
font-size: 1.25rem;
line-height: 1.3;
}
.cdl-cultural-explore__subtitle {
margin: 1.25rem 0 0.65rem;
font-size: 0.95rem;
font-weight: 600;
opacity: 0.9;
}
.cdl-cultural-explore__group:first-of-type .cdl-cultural-explore__subtitle {
margin-top: 0.75rem;
}
.cdl-cultural-explore__lead {
margin: 0 0 0.85rem;
font-size: 0.88rem;
opacity: 0.88;
line-height: 1.45;
}
.cdl-cultural-explore--unified .cdl-cultural-explore__lead {
display: block;
margin: 0 0 1rem;
max-width: 36rem;
}
.cdl-cultural-explore__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.cdl-cultural-explore__link {
display: block;
padding: 0.65rem 0.75rem;
border-radius: 6px;
border: 1px solid var(--cdl-cultural-border);
background: #fff;
text-decoration: none !important;
color: #2c2825 !important;
transition: border-color 0.15s ease;
}
.cdl-cultural-explore__link:hover,
.cdl-cultural-explore__link:focus-visible {
border-color: var(--cdl-cultural-accent);
color: var(--cdl-cultural-accent) !important;
}
.cdl-cultural-explore__kind {
display: block;
font-size: 0.68rem;
text-transform: uppercase;
letter-spacing: 0.03em;
opacity: 0.7;
}
.cdl-cultural-explore__label {
display: block;
font-weight: 600;
margin-top: 0.15rem;
}
.cdl-cultural-explore__summary {
display: block;
font-size: 0.82rem;
opacity: 0.85;
margin-top: 0.25rem;
line-height: 1.4;
} .cdl-cultural-feedback {
margin: 1.5rem 0;
padding: 0.9rem 1rem;
border-radius: 6px;
border: 1px dashed var(--cdl-cultural-border);
font-size: 0.85rem;
opacity: 0.9;
}
.cdl-cultural-feedback__lead {
margin: 0 0 0.5rem;
font-weight: 600;
}
.cdl-cultural-feedback__q {
margin: 0.25rem 0;
padding-left: 0.75rem;
border-left: 2px solid rgba(107, 76, 154, 0.25);
}
.cdl-cultural-feedback__soon {
margin: 0.5rem 0 0;
font-size: 0.8rem;
opacity: 0.75;
font-style: italic;
} .cdl-cultural-context {
margin: 2rem 0;
padding: 1.25rem;
border: 1px solid var(--cdl-cultural-border);
border-radius: 8px;
background: var(--cdl-cultural-surface);
}
.cdl-cultural-context__title {
font-size: 1.15rem;
margin: 0 0 0.35rem;
}
.cdl-cultural-context__lead {
margin: 0 0 0.75rem;
font-size: 0.9rem;
line-height: 1.5;
opacity: 0.9;
}
.cdl-cultural-context__badge {
font-size: 0.7rem;
font-weight: normal;
opacity: 0.7;
}
.cdl-cultural-context__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 0.65rem;
margin: 1rem 0;
}
.cdl-cultural-context__card {
padding: 0.85rem 0.9rem;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: #fff;
}
.cdl-cultural-context__card-inner {
display: flex;
gap: 0.75rem;
align-items: flex-start;
}
.cdl-cultural-context__body {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
}
.cdl-cultural-context__thumb {
flex-shrink: 0;
}
.cdl-cultural-context__excerpt {
margin: 0.35rem 0;
font-size: 0.82rem;
line-height: 1.45;
opacity: 0.88;
}
.cdl-cultural-context__confidence {
display: inline-block;
font-size: 0.68rem;
padding: 0.1rem 0.4rem;
border-radius: 3px;
background: rgba(0, 0, 0, 0.06);
margin-bottom: 0.35rem;
}
.cdl-cultural-context__discover {
margin-top: auto;
font-size: 0.85rem;
font-weight: 600;
text-decoration: none;
color: var(--cdl-cultural-accent);
}
.cdl-cultural-context__type {
display: block;
font-size: 0.68rem;
text-transform: uppercase;
opacity: 0.7;
}
.cdl-cultural-context__name {
display: block;
font-weight: 600;
margin: 0.2rem 0;
}
.cdl-cultural-context__relation {
display: block;
font-size: 0.78rem;
opacity: 0.75;
}
.cdl-cultural-context__note,
.cdl-cultural-context__variation {
font-size: 0.85rem;
opacity: 0.85;
line-height: 1.45;
}
.cdl-cultural-context__variation {
margin-top: 0.35rem;
font-style: italic;
}
.cdl-cultural-timeline__list {
margin: 0.5rem 0 1.5rem;
padding-left: 1.25rem;
}
.cdl-cultural-single__sources {
margin: 1.5rem 0;
font-size: 0.88rem;
}
.cdl-cultural-single__nav {
margin-top: 2rem;
padding-top: 1rem;
border-top: 1px solid var(--cdl-cultural-border);
font-size: 0.9rem;
}
.cdl-cultural-single__nav a {
color: var(--cdl-cultural-accent) !important;
text-decoration: none;
font-weight: 500;
}
.cdl-cultural-single__nav a:hover,
.cdl-cultural-single__nav a:focus-visible {
text-decoration: underline;
} .cdl-cultural-confidence-badge,
.cdl-cultural-admin-confidence {
display: inline-block;
margin: 0 0 0.75rem;
padding: 0.15rem 0.5rem;
border-radius: 4px;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.02em;
}
.cdl-cultural-confidence--pilot,
.cdl-cultural-admin-confidence--pilot {
background: rgba(180, 120, 0, 0.15);
color: #8a5a00;
}
.cdl-cultural-confidence--reviewed {
background: rgba(0, 100, 180, 0.12);
color: #1a5f8a;
}
.cdl-cultural-confidence--validated,
.cdl-cultural-admin-confidence--validated {
background: rgba(0, 120, 60, 0.12);
color: #1a6b3a;
}
.cdl-cultural-confidence--disputed {
background: rgba(180, 40, 40, 0.12);
color: #8a2020;
}
.cdl-cultural-confidence--simplified {
background: rgba(100, 60, 180, 0.12);
color: #4a3080;
}
.cdl-cultural-editorial-notice {
margin: 0.75rem 0 1rem;
padding: 0.65rem 0.85rem;
border-radius: 6px;
font-size: 0.88rem;
line-height: 1.5;
}
.cdl-cultural-editorial-notice.cdl-cultural-confidence--pilot {
border-left: 3px solid #c9a227;
}
.cdl-cultural-editorial-notice.cdl-cultural-confidence--disputed {
border-left: 3px solid #b32d2e;
background: rgba(179, 45, 46, 0.06);
}
.cdl-cultural-editorial-notice.cdl-cultural-confidence--simplified {
border-left: 3px solid #6b4c9a;
background: rgba(107, 76, 154, 0.06);
}
.cdl-cultural-prose {
line-height: 1.65;
max-width: 42rem;
}
.cdl-cultural-prose p {
margin-bottom: 1rem;
}
.cdl-cultural-linked__moves {
list-style: none;
padding: 0;
margin: 0.5rem 0;
}
.cdl-cultural-linked__moves li {
margin: 0.35rem 0;
} .cdl-cultural-reference-article {
margin: 0 0 2rem;
padding: 1rem 1.1rem;
border: 1px solid var(--cdl-cultural-border);
border-radius: 8px;
background: var(--cdl-cultural-surface);
}
.cdl-cultural-reference-article__title {
margin: 0 0 0.5rem;
font-size: 1.05rem;
}
.cdl-cultural-reference-article__text {
margin: 0 0 0.75rem;
font-size: 0.92rem;
line-height: 1.55;
opacity: 0.92;
}
.cdl-cultural-card__ref-article {
margin: 0.5rem 1rem 0.75rem;
font-size: 0.8rem;
line-height: 1.4;
}
.cdl-cultural-card__ref-article-link {
display: inline-block;
padding: 0.2rem 0.5rem;
border-radius: 4px;
background: rgba(107, 76, 154, 0.1);
color: var(--cdl-cultural-accent);
font-weight: 600;
text-decoration: none;
}
.cdl-cultural-card__ref-article-link:hover,
.cdl-cultural-card__ref-article-link:focus-visible {
background: rgba(107, 76, 154, 0.18);
text-decoration: underline;
} .cdl-cultural-backlink {
margin: 2rem 0 0;
padding: 1rem 1.1rem;
border: 1px solid var(--cdl-cultural-border);
border-left: 3px solid var(--cdl-cultural-accent);
border-radius: 8px;
background: var(--cdl-cultural-surface);
max-width: 42rem;
}
.cdl-cultural-backlink__title {
margin: 0 0 0.5rem;
font-size: 1.05rem;
font-weight: 600;
}
.cdl-cultural-backlink__text {
margin: 0 0 0.75rem;
font-size: 0.92rem;
line-height: 1.55;
opacity: 0.92;
}
.cdl-cultural-backlink__action {
margin: 0;
}
.cdl-cultural-backlink__btn {
display: inline-block;
}
.cdl-cultural-backlink__list {
margin: 0;
padding: 0;
list-style: none;
}
.cdl-cultural-backlink__list li {
margin: 0.35rem 0;
}
.cdl-cultural-backlink__link {
text-decoration: none;
font-weight: 500;
}
@media (max-width: 480px) {
.cdl-cultural-backlink {
margin-top: 1.5rem;
padding: 0.85rem 0.95rem;
}
}
@media (max-width: 480px) {
.cdl-cultural-context__grid {
grid-template-columns: 1fr;
}
.cdl-cultural-visual--context {
width: 48px;
height: 48px;
}
.cdl-cultural-single-layout {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.cdl-cultural-prose--sections h2,
.cdl-cultural-single__body.cdl-cultural-prose--sections h2 {
margin-top: 2.25rem;
padding-top: 1.35rem;
}
.cdl-cultural-meta-cards {
margin-top: 2.25rem;
}
.cdl-cultural-meta-card {
padding: 1.1rem 1.15rem;
}
.cdl-cultural-explore--unified {
margin-top: 2.75rem;
padding: 1.15rem 1.2rem;
}
} .cdl-cultural-single-layout:has(.cdl-cultural-single--orisha) {
max-width: 46rem;
}
.cdl-cultural-single--orisha {
line-height: 1.75;
}
.cdl-cultural-single--orisha .cdl-cultural-single__summary {
font-size: 1.12rem;
margin-bottom: 0.5rem;
}
.cdl-cultural-single--orisha .cdl-cultural-prose--sections h2 {
margin-top: 3rem;
padding-top: 2rem;
font-size: 1.28rem;
}
.cdl-cultural-single--orisha .cdl-cultural-prose--sections p {
margin-bottom: 1.05em;
}
.cdl-cultural-single--orisha .cdl-cultural-prose--sections p + p {
margin-top: 0.15em;
}
.cdl-cultural-single--orisha .cdl-cultural-prose--sections h2 + p {
margin-top: 0.5em;
}
.cdl-cultural-single--orisha .cdl-cultural-prose--sections h3,
.cdl-cultural-single--orisha .cdl-cultural-entry-content h3.wp-block-heading {
margin: 1.75rem 0 0.65rem;
font-size: 1.05rem;
font-weight: 600;
letter-spacing: 0.01em;
opacity: 0.92;
}
.cdl-cultural-single--orisha .cdl-cultural-prose--sections .wp-block-quote,
.cdl-cultural-single--orisha .cdl-cultural-entry-content .wp-block-quote {
margin: 1.75rem 0;
}
.cdl-cultural-single--orisha .wp-block-separator.cdl-cultural-sep--section {
margin: 2.5rem auto;
max-width: 3.5rem;
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--orisha-accent, #6b4c9a) 35%, var(--cdl-cultural-border)), transparent);
opacity: 0.85;
} .cdl-cultural-prose--immersion-v7 .wp-block-quote {
margin: 2rem 0;
padding: 1.1rem 1.35rem 1.1rem 1.15rem;
border-left-width: 3px;
border-radius: 0 8px 8px 0;
font-size: 1.02rem;
line-height: 1.65;
font-style: italic;
}
.cdl-cultural-prose--immersion-v7 .wp-block-quote cite {
display: block;
margin-top: 0.65rem;
font-size: 0.82rem;
font-style: normal;
opacity: 0.82;
}
.cdl-cultural-prose--immersion-v7 p {
max-width: 42em;
}
.cdl-cultural-single--orisha .cdl-cultural-single__header {
margin-bottom: 0.25rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid color-mix(in srgb, var(--orisha-accent, #6b4c9a) 12%, var(--cdl-cultural-border));
}
.cdl-cultural-single--orisha .cdl-cultural-single__summary {
font-size: 1.14rem;
line-height: 1.62;
max-width: 40em;
}
.cdl-orisha-closing {
margin: 2.5rem 0;
padding: 1.5rem 1.45rem;
border-radius: 10px;
border: 1px solid color-mix(in srgb, var(--orisha-accent, #6b4c9a) 16%, var(--cdl-cultural-border));
background: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 5%, transparent);
}
.cdl-orisha-closing .cdl-cultural-aside__title {
font-size: 1.05rem;
letter-spacing: 0.02em;
}
.cdl-orisha-resonance {
margin: 2.5rem 0;
padding: 1.45rem 1.5rem;
border-radius: 10px;
border: 1px solid color-mix(in srgb, var(--orisha-accent, #6b4c9a) 14%, var(--cdl-cultural-border));
background: color-mix(in srgb, var(--orisha-bg, rgba(107, 76, 154, 0.06)) 55%, transparent);
}
.cdl-orisha-resonance__title {
margin: 0 0 0.85rem;
font-size: 1.08rem;
font-weight: 600;
color: var(--orisha-title, inherit);
}
.cdl-orisha-resonance__line {
margin: 0 0 0.75rem;
font-size: 0.96rem;
line-height: 1.62;
color: var(--orisha-muted, inherit);
max-width: 40em;
}
.cdl-orisha-resonance__line:last-child {
margin-bottom: 0;
}
.cdl-orisha-collection {
margin: 2.75rem 0;
padding: 0;
}
.cdl-orisha-collection__title {
margin: 0 0 0.45rem;
font-size: 1.12rem;
font-weight: 600;
}
.cdl-orisha-collection__intro {
margin: 0 0 1.1rem;
font-size: 0.9rem;
line-height: 1.55;
opacity: 0.88;
max-width: 38em;
}
.cdl-orisha-collection__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.65rem;
}
.cdl-orisha-collection__link {
display: grid;
gap: 0.2rem 0.5rem;
padding: 0.85rem 1rem;
border-radius: 8px;
border: 1px solid var(--cdl-cultural-border);
background: #fff;
text-decoration: none !important;
color: var(--orisha-text, #2c2825) !important;
transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.cdl-orisha-collection__link:hover,
.cdl-orisha-collection__link:focus-visible {
border-color: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 28%, var(--cdl-cultural-border));
box-shadow: 0 2px 12px color-mix(in srgb, var(--orisha-accent, #6b4c9a) 8%, transparent);
color: var(--orisha-title, inherit) !important;
}
.cdl-orisha-collection__kind {
font-size: 0.68rem;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.75;
}
.cdl-orisha-collection__name {
font-weight: 600;
font-size: 0.98rem;
}
.cdl-orisha-collection__teaser {
font-size: 0.86rem;
line-height: 1.48;
opacity: 0.88;
}
.cdl-orisha-narrative {
margin: 2rem 0 2.5rem;
padding-top: 1.25rem;
border-top: 1px dashed color-mix(in srgb, var(--orisha-accent, #6b4c9a) 20%, var(--cdl-cultural-border));
}
.cdl-orisha-narrative__label {
margin: 0 0 0.5rem;
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.06em;
opacity: 0.75;
}
.cdl-orisha-narrative__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.5rem 1rem;
}
.cdl-orisha-narrative__link {
font-size: 0.9rem;
font-weight: 500;
color: var(--orisha-cta, var(--orisha-accent)) !important;
text-decoration: none;
}
.cdl-orisha-narrative__link:hover,
.cdl-orisha-narrative__link:focus-visible {
text-decoration: underline;
color: var(--orisha-link-hover, var(--orisha-cta)) !important;
}
@media (max-width: 640px) {
.cdl-cultural-single-layout:has(.cdl-cultural-single--orisha) {
padding-left: 1rem;
padding-right: 1rem;
}
.cdl-cultural-single--orisha .cdl-cultural-prose--sections h2 {
margin-top: 2.25rem;
padding-top: 1.25rem;
font-size: 1.15rem;
}
.cdl-cultural-aside,
.cdl-cultural-dance-callout {
padding: 1.15rem 1.2rem;
margin: 2rem 0;
}
.cdl-cultural-meta-cards--orisha {
gap: 0.75rem;
}
} .cdl-cultural-aside,
.cdl-cultural-dance-callout,
.cdl-cultural-disclaimer,
.cdl-cultural-meta-cards,
.cdl-cultural-explore--unified {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
.cdl-cultural-aside {
margin: 2.5rem 0;
padding: 1.4rem 1.5rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border);
line-height: 1.68;
}
.cdl-cultural-aside__title {
margin: 0 0 0.75rem;
font-size: 1.05rem;
font-weight: 600;
}
.cdl-cultural-aside__body p {
margin: 0 0 0.85em;
}
.cdl-cultural-aside__body p:last-child {
margin-bottom: 0;
}
.cdl-cultural-aside--music {
background: rgba(107, 76, 154, 0.06);
border-color: rgba(107, 76, 154, 0.14);
}
.cdl-cultural-aside--remember {
background: rgba(201, 162, 39, 0.07);
border-color: rgba(201, 162, 39, 0.16);
}
.cdl-cultural-aside--caution {
background: rgba(0, 0, 0, 0.03);
border-left: 3px solid var(--cdl-cultural-warm);
}
.cdl-cultural-dance-callout {
margin: 2.75rem 0;
padding: 1.4rem 1.5rem;
}
.cdl-cultural-explore--orisha .cdl-cultural-explore__kind {
display: block;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
opacity: 0.75;
margin-bottom: 0.2rem;
}
.cdl-cultural-explore--orisha .cdl-cultural-explore__group + .cdl-cultural-explore__group {
margin-top: 0.35rem;
} .cdl-cultural-grid--orisha {
grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
gap: 1.25rem;
align-items: stretch;
}
.cdl-cultural-card--orisha {
position: relative;
display: flex;
flex-direction: column;
min-height: 100%;
overflow: hidden;
border-radius: 12px;
border: 1px solid color-mix(in srgb, var(--orisha-accent, #6b4c9a) 18%, var(--cdl-cultural-border));
background: linear-gradient(155deg, var(--orisha-bg, rgba(107, 76, 154, 0.06)) 0%, var(--orisha-bg-end, #fffcf9) 62%);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
padding-bottom: 0.5rem;
transition: box-shadow 0.22s ease, border-color 0.22s ease;
}
.cdl-cultural-card--orisha:hover,
.cdl-cultural-card--orisha:focus-within {
box-shadow: 0 8px 28px color-mix(in srgb, var(--orisha-accent, #6b4c9a) 12%, transparent);
border-color: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 28%, var(--cdl-cultural-border));
}
.cdl-cultural-card--orisha::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 4px;
background: linear-gradient(90deg, var(--orisha-accent, #6b4c9a), var(--orisha-accent-2, transparent) 72%);
opacity: 0.92;
}
.cdl-cultural-card--orisha .cdl-cultural-card__link {
flex: 1;
display: flex;
flex-direction: column;
padding: 1.2rem 1.25rem 0.65rem;
color: var(--orisha-text, #2c2825) !important;
text-decoration: none !important;
}
.cdl-cultural-card--orisha .cdl-cultural-card__link:hover,
.cdl-cultural-card--orisha .cdl-cultural-card__link:focus,
.cdl-cultural-card--orisha .cdl-cultural-card__link:focus-visible {
color: var(--orisha-text, #2c2825) !important;
text-decoration: none !important;
}
.cdl-cultural-card--orisha .cdl-cultural-card__title {
margin: 0 0 0.45rem;
color: var(--orisha-title, var(--orisha-text, #1f1a17)) !important;
line-height: 1.28;
}
.cdl-cultural-card--orisha .cdl-cultural-card__badge {
font-size: 0.68rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--orisha-muted, inherit);
opacity: 0.88;
margin-bottom: 0.4rem;
}
.cdl-cultural-card--orisha .cdl-cultural-card__summary {
flex: 1;
line-height: 1.58;
font-size: 0.92rem;
color: var(--orisha-muted, inherit);
opacity: 1;
margin: 0;
}
.cdl-cultural-card--orisha .cdl-cultural-card__more {
margin-top: auto;
padding-top: 0.75rem;
font-size: 0.86rem;
font-weight: 600;
color: var(--orisha-cta, var(--orisha-accent, #6b4c9a)) !important;
transition: color 0.18s ease, opacity 0.18s ease;
}
.cdl-cultural-card--orisha .cdl-cultural-card__link:hover .cdl-cultural-card__more,
.cdl-cultural-card--orisha .cdl-cultural-card__link:focus-visible .cdl-cultural-card__more {
color: var(--orisha-link-hover, var(--orisha-cta)) !important;
opacity: 0.92;
}
.cdl-cultural-card--orisha .cdl-cultural-card__ref-article-link {
color: var(--orisha-cta, var(--orisha-accent)) !important;
background: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 11%, transparent);
}
.cdl-cultural-card--orisha .cdl-cultural-card__ref-article-link:hover,
.cdl-cultural-card--orisha .cdl-cultural-card__ref-article-link:focus-visible {
background: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 18%, transparent);
color: var(--orisha-link-hover, var(--orisha-cta)) !important;
}
.cdl-cultural-card--orisha .cdl-cultural-visual--card {
margin: 0 0 0.9rem;
border-radius: 8px;
overflow: hidden;
min-height: 3.75rem;
background: var(--orisha-glow, rgba(107, 76, 154, 0.1));
}
.cdl-cultural-card--orisha .cdl-cultural-card__energy {
margin: 0.5rem 0 0;
padding-top: 0.35rem;
font-size: 0.78rem;
font-style: italic;
color: var(--orisha-muted, inherit);
opacity: 0.92;
line-height: 1.48;
} .cdl-cultural-grid--orisha .cdl-cultural-card--orisha {
min-height: 100%;
}
.cdl-cultural-card--orisha .cdl-color-chip {
transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.cdl-cultural-card--orisha .cdl-color-chip:focus-within {
outline: 2px solid color-mix(in srgb, var(--orisha-accent, #6b4c9a) 45%, transparent);
outline-offset: 2px;
}
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha .cdl-cultural-card__ref-article-link {
margin: 0 1rem 0.65rem;
padding: 0.45rem 0.65rem;
border-radius: 6px;
display: inline-block;
} [data-orisha="yemaya"] {
--orisha-accent: #0f4c6e;
--orisha-accent-2: #2a8f96;
--orisha-bg: #e2edf2;
--orisha-bg-end: #f7fafb;
--orisha-glow: rgba(15, 76, 110, 0.13);
--orisha-text: #1a2f38;
--orisha-title: #0c2430;
--orisha-muted: #3d5660;
--orisha-cta: #0f4c6e;
--orisha-link-hover: #247a88;
}
[data-orisha="ochun"] {
--orisha-accent: #7a5410;
--orisha-accent-2: #b8941a;
--orisha-bg: #efe6cc;
--orisha-bg-end: #fffdf7;
--orisha-glow: rgba(122, 84, 16, 0.12);
--orisha-text: #342a16;
--orisha-title: #241c0e;
--orisha-muted: #544420;
--orisha-cta: #6a4810;
--orisha-link-hover: #8a6414;
}
[data-orisha="chango"] {
--orisha-accent: #8f1d2f;
--orisha-accent-2: #b87333;
--orisha-bg: #efe4e0;
--orisha-bg-end: #fffaf8;
--orisha-glow: rgba(143, 29, 47, 0.12);
--orisha-text: #2a1814;
--orisha-title: #1a100e;
--orisha-muted: #5c4038;
--orisha-cta: #8f1d2f;
--orisha-link-hover: #a85a28;
}
[data-orisha="ogun"] {
--orisha-accent: #1e3a24;
--orisha-accent-2: #4a5c5c;
--orisha-bg: #e0e6e2;
--orisha-bg-end: #f8faf8;
--orisha-glow: rgba(30, 58, 36, 0.11);
--orisha-text: #1a241a;
--orisha-title: #101810;
--orisha-muted: #3d4a40;
--orisha-cta: #1e3a24;
--orisha-link-hover: #3d5248;
}
[data-orisha="eleggua"] {
--orisha-accent: #8b1515;
--orisha-accent-2: #6b5344;
--orisha-bg: #ebe6e0;
--orisha-bg-end: #faf8f5;
--orisha-glow: rgba(30, 24, 20, 0.1);
--orisha-text: #1a1412;
--orisha-title: #120e0c;
--orisha-muted: #4a4038;
--orisha-cta: #8b1515;
--orisha-link-hover: #7a4a32;
}
[data-orisha="oya"] {
--orisha-accent: #5c2348;
--orisha-accent-2: #6b2848;
--orisha-bg: #ebe0e8;
--orisha-bg-end: #faf7f9;
--orisha-glow: rgba(92, 35, 72, 0.12);
--orisha-text: #2a1824;
--orisha-title: #1a1016;
--orisha-muted: #4d3844;
--orisha-cta: #5c2348;
--orisha-link-hover: #743058;
}
[data-orisha="obatala"] {
--orisha-accent: #5a5e62;
--orisha-accent-2: #9ca3a8;
--orisha-bg: #e6e4e0;
--orisha-bg-end: #f5f4f1;
--orisha-glow: rgba(90, 94, 98, 0.1);
--orisha-text: #2e2b28;
--orisha-title: #1f1c1a;
--orisha-muted: #4a4642;
--orisha-cta: #3d4246;
--orisha-link-hover: #5a5e62;
}
[data-orisha="orula"] {
--orisha-accent: #1e4d38;
--orisha-accent-2: #3d6a5a;
--orisha-bg: #dfe8e4;
--orisha-bg-end: #f8faf9;
--orisha-glow: rgba(30, 77, 56, 0.1);
--orisha-text: #1a2e26;
--orisha-cta: #1e4d38;
}
[data-orisha="babalu-aye"] {
--orisha-accent: #5c5348;
--orisha-accent-2: #8a7d6e;
--orisha-bg: #e8e4de;
--orisha-bg-end: #f9f8f6;
--orisha-glow: rgba(92, 83, 72, 0.1);
--orisha-text: #2e2a26;
--orisha-cta: #5c5348;
}
[data-orisha="aggayu"] {
--orisha-accent: #8b3a28;
--orisha-accent-2: #b85c28;
--orisha-bg: #efe6dc;
--orisha-bg-end: #fff9f6;
--orisha-glow: rgba(139, 58, 40, 0.12);
--orisha-text: #2a1814;
--orisha-title: #1f100c;
--orisha-muted: #5c3830;
--orisha-cta: #8b3a28;
--orisha-link-hover: #a84a28;
}
[data-orisha="ibeyi"] {
--orisha-accent: #8a4458;
--orisha-accent-2: #2d5c78;
--orisha-bg: #ebe4e8;
--orisha-bg-end: #faf7f8;
--orisha-glow: rgba(138, 68, 88, 0.1);
--orisha-text: #322428;
--orisha-title: #22161c;
--orisha-muted: #504048;
--orisha-cta: #7a3c50;
--orisha-link-hover: #2d5c78;
}
[data-orisha="inle"] {
--orisha-accent: #2a6a6a;
--orisha-accent-2: #4a8a9a;
--orisha-bg: #dfeceb;
--orisha-bg-end: #f8fcfb;
--orisha-glow: rgba(42, 106, 106, 0.11);
--orisha-text: #1a3030;
--orisha-title: #122628;
--orisha-muted: #3d5558;
--orisha-cta: #2a6a6a;
--orisha-link-hover: #3a7a88;
}
[data-orisha="ochosi"] {
--orisha-accent: #1a5c4a;
--orisha-accent-2: #2d6a5a;
--orisha-bg: #dfeae6;
--orisha-bg-end: #f8fbfa;
--orisha-glow: rgba(26, 92, 74, 0.11);
--orisha-text: #142a24;
--orisha-title: #0e201a;
--orisha-muted: #3d5048;
--orisha-cta: #1a5c4a;
--orisha-link-hover: #2d6a5a;
}
[data-orisha="osain"] {
--orisha-accent: #1a4d28;
--orisha-accent-2: #3d6a42;
--orisha-bg: #e0ebe2;
--orisha-bg-end: #f7faf8;
--orisha-glow: rgba(26, 77, 40, 0.12);
--orisha-text: #1a2e1f;
--orisha-title: #101a14;
--orisha-muted: #3d5044;
--orisha-cta: #1a4d28;
--orisha-link-hover: #2d5c38;
}
[data-orisha="olokun"] {
--orisha-accent: #0f2a3d;
--orisha-accent-2: #1a4a5c;
--orisha-bg: #d8e4ea;
--orisha-bg-end: #f4f8fa;
--orisha-glow: rgba(15, 42, 61, 0.14);
--orisha-text: #0f1f28;
--orisha-cta: #0f2a3d;
}
[data-orisha="obba"] {
--orisha-accent: #5c3d6b;
--orisha-accent-2: #8b5a7a;
--orisha-bg: #ebe4ef;
--orisha-bg-end: #faf8fb;
--orisha-glow: rgba(92, 61, 107, 0.1);
--orisha-text: #2a1f30;
--orisha-cta: #5c3d6b;
}
[data-orisha="yewa"] {
--orisha-accent: #4a5568;
--orisha-accent-2: #6b7a8f;
--orisha-bg: #e6eaef;
--orisha-bg-end: #f8f9fb;
--orisha-glow: rgba(74, 85, 104, 0.1);
--orisha-text: #242a32;
--orisha-cta: #4a5568;
}
[data-orisha="nana-buruku"] {
--orisha-accent: #3d3832;
--orisha-accent-2: #5c554c;
--orisha-bg: #e8e6e2;
--orisha-bg-end: #f7f6f4;
--orisha-glow: rgba(61, 56, 50, 0.1);
--orisha-text: #1f1c18;
--orisha-cta: #3d3832;
}
[data-orisha="oke"] {
--orisha-accent: #5a6b78;
--orisha-accent-2: #8a9aa8;
--orisha-bg: #e4e8ec;
--orisha-bg-end: #f8fafb;
--orisha-glow: rgba(90, 107, 120, 0.12);
--orisha-text: #2a3038;
--orisha-title: #1f252c;
--orisha-muted: #4a5560;
--orisha-cta: #4a5c68;
--orisha-link-hover: #5a6b78;
}
[data-orisha="aye-shaluga"] {
--orisha-accent: #8a6b2a;
--orisha-accent-2: #b8944a;
--orisha-bg: #efe8d8;
--orisha-bg-end: #fffdf8;
--orisha-glow: rgba(138, 107, 42, 0.12);
--orisha-text: #342a18;
--orisha-title: #2a2010;
--orisha-muted: #5c4a30;
--orisha-cta: #7a5c22;
--orisha-link-hover: #9a7428;
} .cdl-cultural-archive__section--orisha .cdl-orisha-intro a,
.cdl-cultural-archive__section--orisha .cdl-orisha-colors-note a {
color: var(--cdl-cultural-accent) !important;
text-decoration: none;
font-weight: 500;
}
.cdl-cultural-archive__section--orisha .cdl-orisha-intro a:hover,
.cdl-cultural-archive__section--orisha .cdl-orisha-colors-note a:hover {
text-decoration: underline;
}
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha .cdl-cultural-card__title,
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha .cdl-cultural-card__summary,
.cdl-cultural-archive__section--orisha .cdl-cultural-card--orisha .cdl-cultural-card__energy {
text-decoration: none !important;
}
.cdl-cultural-single--orisha[data-orisha] .cdl-cultural-single__header {
position: relative;
padding: 1.5rem 0 1.35rem;
margin-bottom: 0.5rem;
}
.cdl-cultural-single--orisha[data-orisha] .cdl-cultural-single__header::after {
content: "";
display: block;
width: 4.5rem;
height: 3px;
margin-top: 1.25rem;
background: linear-gradient(90deg, var(--orisha-accent, #6b4c9a), var(--orisha-accent-2, transparent) 80%);
border-radius: 2px;
}
.cdl-cultural-single--orisha[data-orisha] .cdl-cultural-prose a,
.cdl-cultural-single--orisha[data-orisha] .cdl-cultural-entry-content a:not(.wp-block-button__link) {
color: var(--orisha-cta, var(--orisha-accent));
text-decoration-color: color-mix(in srgb, var(--orisha-accent) 35%, transparent);
}
.cdl-cultural-single--orisha[data-orisha] .cdl-cultural-prose a:hover,
.cdl-cultural-single--orisha[data-orisha] .cdl-cultural-prose a:focus-visible,
.cdl-cultural-single--orisha[data-orisha] .cdl-cultural-entry-content a:hover:not(.wp-block-button__link),
.cdl-cultural-single--orisha[data-orisha] .cdl-cultural-entry-content a:focus-visible:not(.wp-block-button__link) {
color: var(--orisha-link-hover, var(--orisha-cta));
}
.cdl-cultural-single--orisha[data-orisha] .cdl-cultural-entry-content blockquote,
.cdl-cultural-single--orisha[data-orisha] .cdl-cultural-prose blockquote {
border-left-color: var(--orisha-accent, var(--cdl-cultural-accent));
background: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 6%, transparent);
}
.cdl-cultural-explore--orisha .cdl-cultural-explore__link {
color: var(--orisha-text, inherit);
border-color: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 15%, var(--cdl-cultural-border));
}
.cdl-cultural-explore--orisha .cdl-cultural-explore__link:hover,
.cdl-cultural-explore--orisha .cdl-cultural-explore__link:focus-visible {
border-color: var(--orisha-accent, var(--cdl-cultural-accent));
color: var(--orisha-title, inherit);
}
.cdl-orisha-quickrefs {
margin: 1.75rem 0 2rem;
padding: 1.35rem 1.4rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border);
background: rgba(0, 0, 0, 0.02);
}
.cdl-orisha-quickrefs__title {
margin: 0 0 1rem;
font-size: 1.1rem;
font-weight: 600;
}
.cdl-orisha-quickrefs__grid {
display: flex;
flex-wrap: wrap;
gap: 1rem 1.5rem;
}
.cdl-orisha-quickrefs__label {
display: block;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.7;
margin-bottom: 0.35rem;
}
.cdl-orisha-quickrefs__chips {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
}
.cdl-orisha-quickrefs__chips li {
font-size: 0.82rem;
padding: 0.2rem 0.55rem;
border-radius: 4px;
background: rgba(107, 76, 154, 0.08);
border: 1px solid rgba(107, 76, 154, 0.12);
}
.cdl-cultural-single--orisha[data-orisha] .cdl-orisha-quickrefs__chips li {
background: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 9%, transparent);
border-color: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 18%, transparent);
color: var(--orisha-text, inherit);
}
.cdl-cultural-single--orisha[data-orisha] .cdl-cultural-aside--orisha-music {
background: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 5%, transparent);
border-color: color-mix(in srgb, var(--orisha-accent, #6b4c9a) 14%, var(--cdl-cultural-border));
}
.cdl-cultural-aside--listen {
background: rgba(201, 162, 39, 0.05);
border-color: rgba(201, 162, 39, 0.15);
}
.cdl-cultural-aside--orisha-music {
background: rgba(107, 76, 154, 0.05);
}
.cdl-cultural-dance-callout--orisha {
border-left: 3px solid var(--orisha-accent, var(--cdl-cultural-accent));
}
.cdl-cultural-meta-cards--orisha {
grid-template-columns: 1fr;
}
@media (min-width: 640px) {
.cdl-cultural-meta-cards--orisha {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 900px) {
.cdl-cultural-meta-cards--orisha {
grid-template-columns: repeat(2, 1fr);
}
} .cdl-cultural-entry-content blockquote,
.cdl-cultural-prose blockquote {
margin: 2rem 0;
padding: 1.1rem 1.35rem 1.1rem 1.25rem;
border-left: 3px solid var(--cdl-cultural-accent);
background: rgba(107, 76, 154, 0.04);
font-size: 1.02rem;
line-height: 1.65;
font-style: italic;
opacity: 0.95;
}
.cdl-cultural-entry-content blockquote cite,
.cdl-cultural-prose blockquote cite {
display: block;
margin-top: 0.65rem;
font-size: 0.82rem;
font-style: normal;
opacity: 0.75;
}
.cdl-cultural-sep--section,
.cdl-cultural-entry-content .wp-block-separator,
.cdl-cultural-entry-content hr {
margin: 2.75rem auto;
max-width: 6rem;
border: 0;
border-top: 1px solid var(--cdl-cultural-border);
opacity: 0.85;
}
.cdl-cultural-single--orisha .cdl-cultural-aside,
.cdl-cultural-single--orisha .cdl-cultural-dance-callout {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}
.cdl-cultural-card,
.cdl-cultural-explore__link {
transition: border-color 0.15s ease, box-shadow 0.15s ease;
} .cdl-cultural-hub {
max-width: 48rem;
margin: 0 auto;
padding: 0 1.15rem 3rem;
line-height: 1.72;
} .cdl-cultural-prose .cdl-cultural-path,
.cdl-cultural-entry-content .cdl-cultural-path {
margin: 1.5rem 0;
padding: 1.25rem 1.35rem;
border: 1px solid var(--cdl-cultural-border);
border-radius: 10px;
background: var(--cdl-cultural-surface);
}
.cdl-cultural-prose .cdl-cultural-path h3,
.cdl-cultural-entry-content .cdl-cultural-path h3 {
margin: 0 0 0.5rem;
font-size: 1.08rem;
}
.cdl-cultural-slot {
margin: 1.75rem 0;
padding: 1.2rem 1.35rem;
border: 1px dashed var(--cdl-cultural-border);
border-radius: 8px;
background: rgba(255, 255, 255, 0.6);
}
.cdl-cultural-slot--infographic {
border-left: 3px solid var(--cdl-cultural-accent);
}
.cdl-cultural-slot--podcast,
.cdl-cultural-slot--audio {
border-left: 3px solid var(--cdl-cultural-warm);
}
.cdl-cultural-slot--schema {
opacity: 0.95;
}
.cdl-cultural-slot h3 {
margin: 0 0 0.5rem;
font-size: 1rem;
font-weight: 600;
}
.cdl-cultural-slot p {
margin: 0 0 0.65em;
font-size: 0.92rem;
}
.cdl-cultural-infographic-card {
display: block;
padding: 1rem 1.15rem;
border: 1px solid var(--cdl-cultural-border);
border-radius: 8px;
text-decoration: none;
color: inherit;
background: #fff;
}
.cdl-cultural-infographic-card:hover {
border-color: var(--cdl-cultural-accent);
} .cdl-cultural-archive__section--orisha {
margin-top: 2rem;
}
.cdl-orisha-intro {
max-width: 42rem;
margin: 0 0 1.5rem;
padding: 1.35rem 1.45rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border);
border-left: 3px solid var(--cdl-cultural-warm);
background: linear-gradient(145deg, rgba(201, 162, 39, 0.06) 0%, rgba(255, 255, 255, 0.9) 70%);
line-height: 1.68;
font-size: 0.94rem;
}
.cdl-orisha-intro__title {
margin: 0 0 0.85rem;
font-size: 1.15rem;
font-weight: 600;
}
.cdl-orisha-intro p {
margin: 0 0 0.75em;
}
.cdl-orisha-intro p:last-child {
margin-bottom: 0;
}
.cdl-orisha-colors-note {
max-width: 40rem;
margin: 0 0 1.35rem;
padding: 1rem 1.15rem 1rem 2.75rem;
border-radius: 8px;
border: 1px solid rgba(201, 162, 39, 0.2);
background: rgba(201, 162, 39, 0.05);
font-size: 0.88rem;
line-height: 1.58;
position: relative;
}
.cdl-orisha-colors-note__title {
margin: 0 0 0.5rem;
font-size: 0.95rem;
font-weight: 600;
}
.cdl-orisha-colors-note__icon {
position: absolute;
left: 1rem;
top: 1.15rem;
width: 1.1rem;
height: 1.1rem;
border-radius: 50%;
border: 2px solid var(--cdl-cultural-warm);
background: linear-gradient(135deg, #c9a227 0%, #e8d5a8 45%, #6b4c9a 100%);
opacity: 0.85;
}
.cdl-orisha-colors-note p {
margin: 0 0 0.55em;
}
.cdl-orisha-colors-note p:last-child {
margin-bottom: 0;
}
.cdl-orisha-toolbar {
margin: 0 0 1.25rem;
padding: 1rem 1.1rem;
border: 1px solid var(--cdl-cultural-border);
border-radius: 10px;
background: var(--cdl-cultural-surface);
}
.cdl-orisha-toolbar__row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.65rem 0.85rem;
}
.cdl-orisha-toolbar__row--filters {
margin-bottom: 0.85rem;
padding-bottom: 0.85rem;
border-bottom: 1px solid var(--cdl-cultural-border);
}
.cdl-orisha-toolbar__label {
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.75;
margin: 0;
}
.cdl-orisha-toolbar__buttons {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
flex: 1;
min-width: 0;
}
.cdl-orisha-filter-btn {
padding: 0.35rem 0.7rem;
font-size: 0.82rem;
border-radius: 999px;
border: 1px solid rgba(44, 40, 37, 0.18);
background: #fff;
color: #2c2825;
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.cdl-orisha-filter-btn:hover,
.cdl-orisha-filter-btn:focus-visible {
border-color: var(--cdl-cultural-accent);
background: #faf9f7;
color: #1f1a17;
outline: 2px solid color-mix(in srgb, var(--cdl-cultural-accent) 35%, transparent);
outline-offset: 2px;
}
.cdl-orisha-filter-btn.is-active {
border-color: var(--cdl-cultural-accent);
background: color-mix(in srgb, var(--cdl-cultural-accent) 14%, #fff);
color: #1f1a17;
font-weight: 600;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.cdl-orisha-sort {
font-size: 0.88rem;
padding: 0.35rem 0.5rem;
border-radius: 6px;
border: 1px solid var(--cdl-cultural-border);
max-width: 100%;
}
.cdl-orisha-toolbar__count {
margin: 0;
font-size: 0.85rem;
opacity: 0.85;
flex: 1;
min-width: 8rem;
}
.cdl-orisha-toolbar__reset {
font-size: 0.82rem;
padding: 0.3rem 0.65rem;
border: 0;
background: transparent;
color: var(--cdl-cultural-accent);
cursor: pointer;
text-decoration: underline;
}
.cdl-orisha-toolbar__reset[hidden] {
display: none;
}
.cdl-cultural-card--orisha-hidden {
display: none !important;
}
.cdl-cultural-card--orisha .cdl-cultural-card__body {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
}
.cdl-cultural-card--orisha .cdl-cultural-card__meta {
margin-top: 0.65rem;
margin-bottom: 0.35rem;
}
.cdl-cultural-card--orisha .cdl-cultural-card__colors {
margin: 0;
}
.cdl-cultural-card--orisha .cdl-cultural-card__energy {
margin-top: 0.5rem;
}
.cdl-cultural-card--orisha .cdl-cultural-card__more {
margin-top: auto;
padding-top: 0.75rem;
} .cdl-color-chips {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
}
.cdl-color-chips li {
margin: 0;
padding: 0;
}
.cdl-color-chip {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.2rem 0.55rem 0.2rem 0.25rem;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 500;
line-height: 1.3;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.cdl-color-chip__swatch {
width: 0.85rem;
height: 0.85rem;
border-radius: 50%;
flex-shrink: 0;
border: 1px solid rgba(0, 0, 0, 0.12);
}
.cdl-color-chip__label {
white-space: nowrap;
}
.cdl-color-chip--rouge { background: #f8e8e8; color: #5c1818; }
.cdl-color-chip--rouge .cdl-color-chip__swatch { background: #9b1c1c; border-color: #7a1515; }
.cdl-color-chip--blanc { background: #f7f7f5; color: #3d3a36; }
.cdl-color-chip--blanc .cdl-color-chip__swatch { background: #fff; }
.cdl-color-chip--noir { background: #ebeae8; color: #1a1a1a; }
.cdl-color-chip--noir .cdl-color-chip__swatch { background: #1f1f1f; border-color: #333; }
.cdl-color-chip--or { background: #f5efd8; color: #4a3a12; }
.cdl-color-chip--or .cdl-color-chip__swatch { background: linear-gradient(135deg, #d4a017, #f0e0a8); }
.cdl-color-chip--ambre { background: #f5ecd4; color: #4a3818; }
.cdl-color-chip--ambre .cdl-color-chip__swatch { background: #c9a227; }
.cdl-color-chip--jaune { background: #f7f2d8; color: #4a4010; }
.cdl-color-chip--jaune .cdl-color-chip__swatch { background: #e8c84a; }
.cdl-color-chip--bleu { background: #e8f0f5; color: #143040; }
.cdl-color-chip--bleu .cdl-color-chip__swatch { background: #1a5f8a; border-color: #134e6f; }
.cdl-color-chip--bleu-ciel { background: #e8f4fa; color: #1a4050; }
.cdl-color-chip--bleu-ciel .cdl-color-chip__swatch { background: #6eb5d4; }
.cdl-color-chip--bleu-fonce { background: #dfe8ef; color: #0f2838; }
.cdl-color-chip--bleu-fonce .cdl-color-chip__swatch { background: #0f2a3d; }
.cdl-color-chip--vert { background: #e6efe8; color: #1a3020; }
.cdl-color-chip--vert .cdl-color-chip__swatch { background: #2d6a3e; }
.cdl-color-chip--brun { background: #efe8e0; color: #3a2a1a; }
.cdl-color-chip--brun .cdl-color-chip__swatch { background: #6b4a32; }
.cdl-color-chip--ivoire { background: #f5f4f0; color: #3d3a36; }
.cdl-color-chip--ivoire .cdl-color-chip__swatch { background: #f0ebe3; }
.cdl-color-chip--argent { background: #eef0f2; color: #3a4048; }
.cdl-color-chip--argent .cdl-color-chip__swatch { background: linear-gradient(135deg, #c5cdd4, #eef1f4); }
.cdl-color-chip--pourpre { background: #f0e8f0; color: #3a2040; }
.cdl-color-chip--pourpre .cdl-color-chip__swatch { background: #6b3d6b; }
.cdl-color-chip--grenat { background: #f0e6ea; color: #401820; }
.cdl-color-chip--grenat .cdl-color-chip__swatch { background: #6b2038; }
.cdl-color-chip--bordeaux { background: #f0e6e8; color: #401820; }
.cdl-color-chip--bordeaux .cdl-color-chip__swatch { background: #5c2348; }
.cdl-color-chip--orange { background: #f8ece4; color: #4a2810; }
.cdl-color-chip--orange .cdl-color-chip__swatch { background: #c45c2a; }
.cdl-color-chip--rose { background: #f8ecef; color: #4a2830; }
.cdl-color-chip--rose .cdl-color-chip__swatch { background: #b85c6e; }
.cdl-color-chip--violet { background: #eee8f2; color: #302040; }
.cdl-color-chip--violet .cdl-color-chip__swatch { background: #5c3d6b; }
.cdl-color-chip--multicolore { background: #f5f3f0; color: #2a2824; }
.cdl-color-chip--multicolore .cdl-color-chip__swatch {
background: linear-gradient(135deg, #c9a227 0%, #1a5f8a 40%, #9b1c1c 100%);
}
.cdl-color-chip--neutre { background: #f0eeec; color: #3a3836; }
.cdl-color-chip--neutre .cdl-color-chip__swatch { background: #9ca3af; }
.cdl-color-chip--turquoise { background: #e4f2f2; color: #1a4048; }
.cdl-color-chip--turquoise .cdl-color-chip__swatch { background: #2a8f96; border-color: #247a88; }
.cdl-color-chip--cuivre { background: #f0e6dc; color: #4a3018; }
.cdl-color-chip--cuivre .cdl-color-chip__swatch { background: linear-gradient(135deg, #b87333, #d4a574); }
.cdl-color-chip--miel { background: #f5ecd8; color: #4a3818; }
.cdl-color-chip--miel .cdl-color-chip__swatch { background: #c9a86a; }
.cdl-color-chip--acier { background: #e8ecec; color: #2a3438; }
.cdl-color-chip--acier .cdl-color-chip__swatch { background: linear-gradient(135deg, #6b7a7a, #9ca8a8); }
.cdl-color-chip--terre { background: #ebe6e0; color: #3a3028; }
.cdl-color-chip--terre .cdl-color-chip__swatch { background: #6b5344; }
.cdl-orisha-quickrefs .cdl-color-chips {
margin-top: 0.25rem;
}
@media (max-width: 640px) {
.cdl-cultural-grid--orisha {
grid-template-columns: 1fr;
gap: 1rem;
}
.cdl-cultural-card--orisha .cdl-cultural-card__link {
padding: 1.1rem 1.1rem 0.55rem;
}
.cdl-cultural-card--orisha .cdl-cultural-card__title {
font-size: 1.12rem;
}
.cdl-orisha-resonance,
.cdl-orisha-collection,
.cdl-orisha-closing {
margin-left: 0;
margin-right: 0;
padding-left: 1.1rem;
padding-right: 1.1rem;
}
.cdl-orisha-collection__link {
padding: 0.75rem 0.9rem;
}
.cdl-orisha-intro,
.cdl-orisha-colors-note {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
.cdl-orisha-colors-note {
padding-left: 2.5rem;
}
.cdl-orisha-toolbar__row--sort {
flex-direction: column;
align-items: stretch;
}
.cdl-orisha-toolbar__count {
order: 3;
}
} .cdl-cultural-archive__section--instrument {
margin-top: 2rem;
}
.cdl-cultural-single--instrument .cdl-cultural-single__summary {
max-width: 40rem;
line-height: 1.55;
color: var(--instrument-muted, inherit);
}
.cdl-cultural-single--instrument .cdl-cultural-prose,
.cdl-cultural-single--instrument .cdl-cultural-entry-content {
line-height: 1.62;
color: var(--instrument-text, inherit);
}
.cdl-cultural-single--instrument .cdl-cultural-prose h2,
.cdl-cultural-single--instrument .cdl-cultural-entry-content h2 {
color: var(--instrument-title, inherit);
margin-top: 1.65rem;
}
.cdl-cultural-card--instrument .cdl-cultural-visual--card:has(img) {
aspect-ratio: 16 / 9;
min-height: 0;
overflow: hidden;
border-radius: 10px 10px 0 0;
margin: -0.05rem -0.05rem 0;
}
.cdl-cultural-card--instrument .cdl-cultural-visual--card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.cdl-cultural-single--instrument .cdl-cultural-visual--hero:has(img) {
aspect-ratio: 16 / 9;
max-width: 100%;
margin-bottom: 1.15rem;
border-radius: 10px;
overflow: hidden;
}
.cdl-cultural-single--instrument .cdl-cultural-visual--hero img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.cdl-instrument-intro {
max-width: 42rem;
margin: 0 0 1.5rem;
padding: 1.35rem 1.45rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border);
border-left: 3px solid #5a6b78;
background: linear-gradient(145deg, rgba(90, 107, 120, 0.07) 0%, rgba(255, 255, 255, 0.92) 70%);
line-height: 1.68;
font-size: 0.94rem;
}
.cdl-instrument-intro__title {
margin: 0 0 0.85rem;
font-size: 1.15rem;
font-weight: 600;
}
.cdl-instrument-intro p {
margin: 0 0 0.75em;
line-height: 1.6;
color: color-mix(in srgb, currentColor 94%, transparent);
}
.cdl-instrument-intro p:last-child {
margin-bottom: 0;
}
.cdl-instrument-toolbar {
margin: 0 0 1.25rem;
padding: 1rem 1.1rem;
border: 1px solid var(--cdl-cultural-border);
border-radius: 10px;
background: var(--cdl-cultural-surface);
}
.cdl-instrument-toolbar__group {
margin-bottom: 0.85rem;
padding-bottom: 0.85rem;
border-bottom: 1px solid var(--cdl-cultural-border);
}
.cdl-instrument-toolbar__group:last-of-type {
border-bottom: 0;
margin-bottom: 0.5rem;
padding-bottom: 0;
}
.cdl-instrument-toolbar__label {
display: block;
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.75;
margin: 0 0 0.45rem;
}
.cdl-instrument-toolbar__buttons {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
}
.cdl-instrument-filter-btn {
padding: 0.32rem 0.65rem;
font-size: 0.8rem;
border-radius: 999px;
border: 1px solid rgba(44, 40, 37, 0.18);
background: #fff;
color: #2c2825;
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.cdl-instrument-filter-btn:hover,
.cdl-instrument-filter-btn:focus-visible {
border-color: var(--instrument-accent, #5a6b78);
background: #faf9f7;
color: #1f1a17;
outline: 2px solid color-mix(in srgb, var(--instrument-accent, #5a6b78) 35%, transparent);
outline-offset: 2px;
}
.cdl-instrument-filter-btn.is-active {
border-color: var(--instrument-accent, #5a6b78);
background: color-mix(in srgb, var(--instrument-accent, #5a6b78) 14%, #fff);
color: #1f1a17;
font-weight: 600;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.cdl-instrument-toolbar__row-sort {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.65rem 0.85rem;
margin-top: 0.75rem;
}
.cdl-instrument-sort {
font-size: 0.88rem;
padding: 0.35rem 0.5rem;
border-radius: 6px;
border: 1px solid var(--cdl-cultural-border);
max-width: 100%;
}
.cdl-instrument-toolbar__count {
margin: 0;
font-size: 0.85rem;
opacity: 0.85;
flex: 1;
min-width: 8rem;
}
.cdl-instrument-toolbar__reset {
font-size: 0.82rem;
padding: 0.3rem 0.65rem;
border: 0;
background: transparent;
color: var(--instrument-accent, #5a6b78);
cursor: pointer;
text-decoration: underline;
}
.cdl-instrument-toolbar__reset[hidden] {
display: none;
}
.cdl-cultural-grid--instrument {
grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
gap: 1.25rem;
align-items: stretch;
}
.cdl-cultural-card--instrument {
position: relative;
display: flex;
flex-direction: column;
min-height: 100%;
overflow: hidden;
border-radius: 12px;
border: 1px solid color-mix(in srgb, var(--instrument-accent, #5a6b78) 18%, var(--cdl-cultural-border));
background: linear-gradient(155deg, var(--instrument-bg, rgba(90, 107, 120, 0.06)) 0%, var(--instrument-bg-end, #fffcf9) 62%);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
transition: box-shadow 0.28s ease, border-color 0.28s ease, transform 0.28s ease;
}
.cdl-cultural-card--instrument:hover,
.cdl-cultural-card--instrument:focus-within {
transform: translateY(-3px);
box-shadow:
0 12px 32px color-mix(in srgb, var(--instrument-accent, #5a6b78) 14%, transparent),
0 2px 8px rgba(0, 0, 0, 0.04);
border-color: color-mix(in srgb, var(--instrument-accent, #5a6b78) 28%, var(--cdl-cultural-border));
}
.cdl-cultural-card--instrument::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 4px;
background: linear-gradient(90deg, var(--instrument-accent, #5a6b78), var(--instrument-accent-2, transparent) 75%);
opacity: 0.9;
}
.cdl-cultural-card--instrument .cdl-cultural-card__link {
flex: 1;
display: flex;
flex-direction: column;
padding: 1.2rem 1.25rem 0.65rem;
color: var(--instrument-text, #2c2825) !important;
text-decoration: none !important;
}
.cdl-cultural-card--instrument .cdl-cultural-card__link:hover,
.cdl-cultural-card--instrument .cdl-cultural-card__link:focus {
color: var(--instrument-text, #2c2825) !important;
}
.cdl-cultural-card--instrument .cdl-cultural-card__title {
color: var(--instrument-title, var(--instrument-text, #1f1a17)) !important;
}
.cdl-cultural-card--instrument .cdl-cultural-card__summary {
color: var(--instrument-muted, inherit);
opacity: 1;
}
.cdl-cultural-card--instrument .cdl-cultural-card__more {
margin-top: auto;
padding-top: 0.75rem;
color: var(--instrument-cta, var(--instrument-accent)) !important;
font-weight: 600;
}
.cdl-cultural-card--instrument .cdl-cultural-card__link:hover .cdl-cultural-card__more,
.cdl-cultural-card--instrument .cdl-cultural-card__link:focus-visible .cdl-cultural-card__more {
color: var(--instrument-link-hover, var(--instrument-cta)) !important;
}
.cdl-cultural-card--instrument .cdl-cultural-card__ref-article {
margin: 0 1.15rem 0.85rem;
padding-top: 0.35rem;
border-top: 1px solid color-mix(in srgb, var(--instrument-accent, #5a6b78) 10%, var(--cdl-cultural-border));
}
.cdl-cultural-card--instrument .cdl-cultural-card__ref-article-link {
color: var(--instrument-cta, var(--instrument-accent)) !important;
background: color-mix(in srgb, var(--instrument-accent, #5a6b78) 11%, transparent);
}
.cdl-cultural-card--instrument .cdl-cultural-card__ref-article-link--secondary {
font-size: 0.76rem;
font-weight: 500;
padding: 0;
background: transparent !important;
color: var(--instrument-muted, var(--instrument-accent)) !important;
opacity: 0.9;
text-decoration: none;
}
.cdl-cultural-card--instrument .cdl-cultural-card__ref-article-link--secondary:hover,
.cdl-cultural-card--instrument .cdl-cultural-card__ref-article-link--secondary:focus-visible {
opacity: 1;
text-decoration: underline;
color: var(--instrument-cta, var(--instrument-accent)) !important;
}
.cdl-cultural-card--instrument .cdl-cultural-card__more {
font-size: 0.92rem;
letter-spacing: 0.01em;
}
.cdl-cultural-card--instrument.cdl-cultural-card--has-thumb .cdl-cultural-card__link {
padding-top: 0;
}
.cdl-cultural-card--instrument .cdl-cultural-visual--card {
min-height: 3.75rem;
background: color-mix(in srgb, var(--instrument-accent, #5a6b78) 8%, transparent);
}
.cdl-cultural-card--instrument .cdl-cultural-visual--placeholder {
min-height: 5.25rem;
background: linear-gradient(148deg, var(--instrument-bg, rgba(90, 107, 120, 0.06)) 0%, var(--instrument-bg-end, #fffcf9) 88%);
}
.cdl-cultural-card--instrument .cdl-cultural-visual--placeholder .cdl-cultural-visual__glyph {
font-size: 1.65rem;
font-weight: 500;
opacity: 0.2;
letter-spacing: -0.03em;
color: var(--instrument-accent, #5a6b78);
}
.cdl-cultural-card--instrument.cdl-cultural-card--has-thumb .cdl-cultural-visual--placeholder,
.cdl-cultural-card--instrument.cdl-cultural-card--has-thumb .cdl-cultural-visual__glyph {
display: none !important;
}
.cdl-cultural-card--instrument.cdl-cultural-card--has-thumb .cdl-cultural-visual--card {
position: relative;
}
.cdl-cultural-card--instrument.cdl-cultural-card--has-thumb .cdl-cultural-visual--card::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(
180deg,
transparent 50%,
color-mix(in srgb, var(--instrument-accent, #5a6b78) 10%, transparent) 100%
);
border-radius: inherit;
}
.cdl-cultural-card--instrument.cdl-cultural-card--has-thumb .cdl-cultural-visual--card img {
transition: transform 0.45s ease;
}
.cdl-cultural-card--instrument:hover .cdl-cultural-visual--card img,
.cdl-cultural-card--instrument:focus-within .cdl-cultural-visual--card img {
transform: scale(1.02);
}
.cdl-cultural-card--instrument .cdl-cultural-card__meta {
margin-top: 0.65rem;
}
.cdl-cultural-card--instrument .cdl-cultural-card__listen {
margin: 0.45rem 0 0;
font-size: 0.78rem;
font-style: italic;
line-height: 1.45;
color: var(--instrument-muted, inherit);
opacity: 0.92;
}
.cdl-cultural-card--instrument-hidden {
display: none !important;
}
.cdl-instrument-badges {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
}
.cdl-instrument-badge {
display: inline-block;
padding: 0.18rem 0.5rem;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.03em;
text-transform: uppercase;
border-radius: 4px;
background: color-mix(in srgb, var(--instrument-accent, #5a6b78) 9%, transparent);
border: 1px solid color-mix(in srgb, var(--instrument-accent, #5a6b78) 20%, transparent);
color: var(--instrument-title, inherit);
}
[data-instrument="clave"] {
--instrument-accent: #9a6b3a;
--instrument-accent-2: #d4b878;
--instrument-bg: #f3ebe0;
--instrument-bg-end: #fffdf8;
--instrument-text: #2a2018;
--instrument-title: #1f1810;
--instrument-muted: #5c4a38;
--instrument-cta: #7a5528;
--instrument-link-hover: #9a6b3a;
}
[data-instrument="congas"] {
--instrument-accent: #6b4a32;
--instrument-accent-2: #c48a42;
--instrument-bg: #f1e6d6;
--instrument-bg-end: #fffaf6;
--instrument-text: #2a1810;
--instrument-cta: #6b4a32;
}
[data-instrument="bongos"] {
--instrument-accent: #8b4a32;
--instrument-accent-2: #c45c2a;
--instrument-bg: #f2e6dc;
--instrument-bg-end: #fff9f6;
--instrument-text: #2a1814;
--instrument-cta: #8b4a32;
}
[data-instrument="timbales"] {
--instrument-accent: #7a6848;
--instrument-accent-2: #c4a878;
--instrument-bg: #f0ebe4;
--instrument-bg-end: #fffbf8;
--instrument-text: #2a2418;
--instrument-cta: #6a5838;
}
[data-instrument="campana"] {
--instrument-accent: #a67c3a;
--instrument-accent-2: #d8c070;
--instrument-bg: #f6f0dc;
--instrument-bg-end: #fffdf6;
--instrument-text: #3a2a14;
--instrument-cta: #8a6528;
}
[data-instrument="maracas"] {
--instrument-accent: #b8a060;
--instrument-accent-2: #e8d5a8;
--instrument-bg: #f5f0e4;
--instrument-bg-end: #fffdf8;
--instrument-text: #3a3420;
--instrument-cta: #9a8450;
}
[data-instrument="guiro"] {
--instrument-accent: #6b7a4a;
--instrument-accent-2: #a8b878;
--instrument-bg: #eeede4;
--instrument-bg-end: #fafbf6;
--instrument-text: #2a3020;
--instrument-cta: #5a6838;
}
[data-instrument="basse"] {
--instrument-accent: #2a3440;
--instrument-accent-2: #5a6878;
--instrument-bg: #e8e6e2;
--instrument-bg-end: #f7f6f4;
--instrument-text: #121a22;
--instrument-cta: #1a2838;
}
[data-instrument="piano"] {
--instrument-accent: #5a4a48;
--instrument-accent-2: #9a8880;
--instrument-bg: #f5f2eb;
--instrument-bg-end: #fffdf9;
--instrument-text: #2a2028;
--instrument-cta: #4a3848;
}
[data-instrument="guitare"] {
--instrument-accent: #8a6b2a;
--instrument-accent-2: #d4a85c;
--instrument-bg: #f3ead8;
--instrument-bg-end: #fffdf8;
--instrument-text: #342818;
--instrument-cta: #7a5c22;
}
[data-instrument="tres-cubain"] {
--instrument-accent: #a87828;
--instrument-accent-2: #e0c068;
--instrument-bg: #f5edd8;
--instrument-bg-end: #fffef8;
--instrument-text: #342a18;
--instrument-cta: #8a6620;
}
.cdl-cultural-single--instrument[data-instrument] .cdl-cultural-single__header::after {
content: "";
display: block;
width: 4.5rem;
height: 3px;
margin-top: 1.25rem;
background: linear-gradient(90deg, var(--instrument-accent, #5a6b78), var(--instrument-accent-2, transparent) 80%);
border-radius: 2px;
}
.cdl-cultural-single--instrument[data-instrument] .cdl-cultural-prose a,
.cdl-cultural-single--instrument[data-instrument] .cdl-cultural-entry-content a:not(.wp-block-button__link) {
color: var(--instrument-cta, var(--instrument-accent));
}
.cdl-cultural-dance-callout--instrument {
border-left-color: var(--instrument-accent, #5a6b78);
}
.cdl-cultural-single--instrument[data-instrument] .cdl-cultural-aside--instrument-music,
.cdl-cultural-single--instrument[data-instrument] .cdl-cultural-aside--instrument-listen {
border-color: color-mix(in srgb, var(--instrument-accent, #5a6b78) 14%, var(--cdl-cultural-border));
background: color-mix(in srgb, var(--instrument-accent, #5a6b78) 5%, transparent);
}
.cdl-cultural-single--instrument .cdl-cultural-visual--placeholder .cdl-cultural-visual__glyph {
font-size: 2rem;
font-weight: 500;
opacity: 0.16;
color: var(--instrument-accent, #5a6b78);
}
.cdl-cultural-single--instrument .cdl-cultural-visual--hero:has(img) + .cdl-cultural-single__type {
margin-top: 0.15rem;
}
.cdl-cultural-grid--instrument {
gap: 1.35rem;
}
.cdl-instrument-quickrefs {
margin: 1.75rem 0 2rem;
padding: 1.35rem 1.4rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border);
background: rgba(0, 0, 0, 0.02);
}
.cdl-instrument-quickrefs__title {
margin: 0 0 1rem;
font-size: 1.1rem;
font-weight: 600;
}
.cdl-instrument-quickrefs__grid {
display: flex;
flex-wrap: wrap;
gap: 1rem 1.5rem;
}
.cdl-instrument-quickrefs__label {
display: block;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.7;
margin-bottom: 0.35rem;
}
.cdl-instrument-quickrefs__value {
margin: 0;
font-size: 0.9rem;
}
@media (max-width: 640px) {
.cdl-instrument-toolbar__row-sort {
flex-direction: column;
align-items: stretch;
}
} .cdl-rhythm-premium-block {
margin-bottom: 1.25rem;
}
.cdl-rhythm-intro {
max-width: 42rem;
margin: 0 0 1.25rem;
padding: 1.35rem 1.45rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border);
border-left: 3px solid #6b4c5c;
background: linear-gradient(145deg, rgba(107, 76, 92, 0.06) 0%, rgba(255, 255, 255, 0.92) 70%);
line-height: 1.68;
font-size: 0.94rem;
}
.cdl-rhythm-intro__title {
margin: 0 0 0.85rem;
font-size: 1.15rem;
font-weight: 600;
}
.cdl-rhythm-intro p {
margin: 0 0 0.75em;
}
.cdl-rhythm-intro p:last-child {
margin-bottom: 0;
}
.cdl-rhythm-toolbar {
margin: 0 0 1.25rem;
padding: 1rem 1.1rem;
border: 1px solid var(--cdl-cultural-border);
border-radius: 10px;
background: var(--cdl-cultural-surface);
}
.cdl-rhythm-toolbar__group {
margin-bottom: 0.75rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid var(--cdl-cultural-border);
}
.cdl-rhythm-toolbar__group:last-of-type {
border-bottom: 0;
margin-bottom: 0.4rem;
padding-bottom: 0;
}
.cdl-rhythm-toolbar__label {
display: block;
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.75;
margin: 0 0 0.4rem;
}
.cdl-rhythm-toolbar__buttons {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
}
.cdl-rhythm-filter-btn {
padding: 0.3rem 0.6rem;
font-size: 0.78rem;
border-radius: 999px;
border: 1px solid rgba(44, 40, 37, 0.18);
background: #fff;
color: #2c2825;
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.cdl-rhythm-filter-btn:hover,
.cdl-rhythm-filter-btn:focus-visible {
border-color: var(--rhythm-accent, #6b4c5c);
background: #faf9f7;
color: #1f1a17;
outline: 2px solid color-mix(in srgb, var(--rhythm-accent, #6b4c5c) 35%, transparent);
outline-offset: 2px;
}
.cdl-rhythm-filter-btn.is-active {
border-color: var(--rhythm-accent, #6b4c5c);
background: color-mix(in srgb, var(--rhythm-accent, #6b4c5c) 14%, #fff);
color: #1f1a17;
font-weight: 600;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.cdl-rhythm-toolbar__row-sort {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.65rem;
margin-top: 0.75rem;
}
.cdl-rhythm-sort {
font-size: 0.88rem;
padding: 0.35rem 0.5rem;
border-radius: 6px;
border: 1px solid var(--cdl-cultural-border);
}
.cdl-rhythm-toolbar__count {
margin: 0;
font-size: 0.85rem;
flex: 1;
min-width: 8rem;
}
.cdl-rhythm-toolbar__reset {
font-size: 0.82rem;
border: 0;
background: transparent;
color: var(--rhythm-accent, #6b4c5c);
cursor: pointer;
text-decoration: underline;
}
.cdl-rhythm-toolbar__reset[hidden] {
display: none;
}
.cdl-cultural-grid--rhythm {
grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
gap: 1.25rem;
align-items: stretch;
}
.cdl-cultural-card--rhythm {
position: relative;
display: flex;
flex-direction: column;
min-height: 100%;
border-radius: 12px;
border: 1px solid color-mix(in srgb, var(--rhythm-accent, #6b4c5c) 18%, var(--cdl-cultural-border));
background: linear-gradient(155deg, var(--rhythm-bg, rgba(107, 76, 92, 0.05)) 0%, var(--rhythm-bg-end, #fffcf9) 62%);
transition: box-shadow 0.22s ease, border-color 0.22s ease;
}
.cdl-cultural-card--rhythm::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 4px;
background: linear-gradient(90deg, var(--rhythm-accent, #6b4c5c), var(--rhythm-accent-2, transparent) 75%);
}
.cdl-cultural-card--rhythm .cdl-cultural-card__link {
flex: 1;
display: flex;
flex-direction: column;
padding: 1.2rem 1.25rem 0.65rem;
color: var(--rhythm-text, #2c2825) !important;
text-decoration: none !important;
}
.cdl-cultural-card--rhythm .cdl-cultural-card__title {
color: var(--rhythm-title, #1f1a17) !important;
}
.cdl-cultural-card--rhythm .cdl-cultural-card__summary {
color: var(--rhythm-muted, inherit);
opacity: 1;
}
.cdl-cultural-card--rhythm .cdl-cultural-card__more {
margin-top: auto;
padding-top: 0.75rem;
color: var(--rhythm-cta, var(--rhythm-accent)) !important;
font-weight: 600;
}
.cdl-cultural-card--rhythm .cdl-cultural-card__ref-article-link {
color: var(--rhythm-cta) !important;
background: color-mix(in srgb, var(--rhythm-accent) 11%, transparent);
}
.cdl-cultural-card--rhythm-hidden {
display: none !important;
}
.cdl-cultural-card--rhythm .cdl-cultural-visual--card {
min-height: 3.75rem;
background: color-mix(in srgb, var(--rhythm-accent) 8%, transparent);
}
.cdl-cultural-card--rhythm.cdl-cultural-card--has-thumb .cdl-cultural-visual--card {
aspect-ratio: 16 / 9;
min-height: 0;
overflow: hidden;
}
.cdl-cultural-card--rhythm.cdl-cultural-card--has-thumb .cdl-cultural-visual--card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.cdl-cultural-card--rhythm.cdl-cultural-card--has-thumb .cdl-cultural-visual--card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--rhythm-accent) 18%, #1a1512) 100%);
pointer-events: none;
opacity: 0.35;
}
.cdl-cultural-card--rhythm.cdl-cultural-card--has-thumb .cdl-cultural-visual--card {
position: relative;
}
.cdl-rhythm-badges {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
}
.cdl-rhythm-badge {
display: inline-block;
padding: 0.18rem 0.5rem;
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.03em;
text-transform: uppercase;
border-radius: 4px;
background: color-mix(in srgb, var(--rhythm-accent) 9%, transparent);
border: 1px solid color-mix(in srgb, var(--rhythm-accent) 18%, transparent);
}
.cdl-rhythm-badge--structure { border-color: rgba(90, 107, 120, 0.35); }
.cdl-rhythm-badge--clave { border-color: rgba(154, 107, 42, 0.35); }
.cdl-rhythm-badge--corps { border-color: rgba(107, 76, 92, 0.35); }
.cdl-rhythm-badge--improvisation { border-color: rgba(180, 83, 42, 0.35); }
.cdl-rhythm-badge--tradition { border-color: rgba(61, 92, 58, 0.35); }
.cdl-rhythm-badge--appel-reponse { border-color: rgba(139, 74, 42, 0.35); }
[data-rhythm="rumba-afro-cubaine"] {
--rhythm-accent: #8b3a32;
--rhythm-accent-2: #c45c2a;
--rhythm-bg: #f0e4dc;
--rhythm-bg-end: #fffaf7;
--rhythm-text: #2a1814;
--rhythm-cta: #8b3a32;
}
[data-rhythm="guaguanco"] {
--rhythm-accent: #a65a28;
--rhythm-accent-2: #d4843a;
--rhythm-bg: #f5ebe0;
--rhythm-bg-end: #fff9f6;
--rhythm-cta: #a65a28;
}
[data-rhythm="son-cubano"] {
--rhythm-accent: #3d6a4a;
--rhythm-accent-2: #9a6b1a;
--rhythm-bg: #e8efe4;
--rhythm-bg-end: #fbfdf9;
--rhythm-cta: #3d6a4a;
}
[data-rhythm="casino"] {
--rhythm-accent: #6b3d5c;
--rhythm-accent-2: #9a4a6b;
--rhythm-bg: #efe6ec;
--rhythm-bg-end: #fdfbfc;
--rhythm-cta: #6b3d5c;
}
[data-rhythm="columbia"] {
--rhythm-accent: #7a4a32;
--rhythm-accent-2: #c9a227;
--rhythm-bg: #f2ebe0;
--rhythm-cta: #7a4a32;
}
[data-rhythm="yambu"] {
--rhythm-accent: #5a6b78;
--rhythm-accent-2: #9eb8c4;
--rhythm-bg: #e8ecef;
--rhythm-cta: #5a6b78;
}
[data-rhythm="timba"] {
--rhythm-accent: #4a3d6b;
--rhythm-accent-2: #7a5a9a;
--rhythm-bg: #ece8f0;
--rhythm-cta: #4a3d6b;
}
[data-rhythm="guarapachangueo"] {
--rhythm-accent: #5c4a6b;
--rhythm-accent-2: #8a6b9a;
--rhythm-bg: #ebe8ef;
--rhythm-cta: #5c4a6b;
}
[data-rhythm="toques-bata"],
[data-rhythm="abakua"],
[data-rhythm="palo-cubano"],
[data-rhythm="arara"] {
--rhythm-accent: #4a4844;
--rhythm-accent-2: #78746c;
--rhythm-bg: #e8e6e2;
--rhythm-cta: #4a4844;
}
.cdl-cultural-single--rhythm[data-rhythm] .cdl-cultural-single__header::after {
content: "";
display: block;
width: 4.5rem;
height: 3px;
margin-top: 1.25rem;
background: linear-gradient(90deg, var(--rhythm-accent), var(--rhythm-accent-2, transparent) 80%);
}
.cdl-cultural-single--rhythm[data-rhythm] .cdl-cultural-prose a,
.cdl-cultural-single--rhythm[data-rhythm] .cdl-cultural-entry-content a:not(.wp-block-button__link) {
color: var(--rhythm-cta, var(--rhythm-accent));
}
.cdl-cultural-dance-callout--rhythm {
border-left-color: var(--rhythm-accent, #6b4c5c);
}
.cdl-cultural-single--rhythm[data-rhythm] .cdl-cultural-aside--rhythm-music,
.cdl-cultural-single--rhythm[data-rhythm] .cdl-cultural-aside--rhythm-listen {
border-color: color-mix(in srgb, var(--rhythm-accent) 14%, var(--cdl-cultural-border));
background: color-mix(in srgb, var(--rhythm-accent) 5%, transparent);
}
.cdl-rhythm-quickrefs {
margin: 1.75rem 0 2rem;
padding: 1.35rem 1.4rem;
border: 1px solid var(--cdl-cultural-border);
border-radius: 10px;
background: rgba(0, 0, 0, 0.02);
}
.cdl-rhythm-quickrefs__title {
margin: 0 0 1rem;
font-size: 1.1rem;
}
.cdl-rhythm-quickrefs__grid {
display: flex;
flex-wrap: wrap;
gap: 1rem 1.5rem;
}
.cdl-rhythm-quickrefs__label {
display: block;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.7;
margin-bottom: 0.35rem;
}
@media (max-width: 640px) {
.cdl-rhythm-toolbar__row-sort {
flex-direction: column;
align-items: stretch;
}
}
.cdl-rhythm-meta-badges {
list-style: none;
margin: 0.35rem 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
}
.cdl-rhythm-meta-badge {
font-size: 0.62rem;
padding: 0.12rem 0.4rem;
border-radius: 3px;
background: rgba(0, 0, 0, 0.05);
opacity: 0.85;
}
[data-rhythm="danzon"] { --rhythm-accent: #c9b896; --rhythm-bg: #f5f0e6; --rhythm-cta: #8a7a5a; }
[data-rhythm="mambo-cubain"] { --rhythm-accent: #b85a32; --rhythm-bg: #f5ebe0; --rhythm-cta: #b85a32; }
[data-rhythm="cha-cha-cha-cubain"] { --rhythm-accent: #7a9a6b; --rhythm-bg: #eef4ea; --rhythm-cta: #5a7a4a; }
[data-rhythm="bolero-cubain"] { --rhythm-accent: #6b4c5c; --rhythm-bg: #f0e8ec; --rhythm-cta: #6b4c5c; }
[data-rhythm="mozambique"] { --rhythm-accent: #4a6b4a; --rhythm-bg: #e6efe6; --rhythm-cta: #4a6b4a; }
[data-rhythm="pilon"] { --rhythm-accent: #9a7428; --rhythm-bg: #f5edd8; --rhythm-cta: #9a7428; } .cdl-concept-premium-block { margin-bottom: 1.25rem; }
.cdl-concept-intro {
max-width: 42rem;
margin: 0 0 1.25rem;
padding: 1.35rem 1.45rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border);
border-left: 3px solid #4a5a6b;
background: linear-gradient(145deg, rgba(74, 90, 107, 0.06) 0%, #fff 70%);
line-height: 1.68;
font-size: 0.94rem;
}
.cdl-concept-intro__title { margin: 0 0 0.85rem; font-size: 1.15rem; font-weight: 600; }
.cdl-concept-toolbar {
margin: 0 0 1.25rem;
padding: 1rem 1.1rem;
border: 1px solid var(--cdl-cultural-border);
border-radius: 10px;
background: var(--cdl-cultural-surface);
}
.cdl-concept-toolbar__group { margin-bottom: 0.75rem; }
.cdl-concept-toolbar__label {
display: block;
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.75;
margin: 0 0 0.4rem;
}
.cdl-concept-toolbar__buttons { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.cdl-concept-filter-btn {
padding: 0.3rem 0.6rem;
font-size: 0.78rem;
border-radius: 999px;
border: 1px solid rgba(44, 40, 37, 0.18);
background: #fff;
color: #2c2825;
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.cdl-concept-filter-btn:hover,
.cdl-concept-filter-btn:focus-visible {
border-color: var(--concept-accent, #4a5a6b);
background: #faf9f7;
color: #1f1a17;
outline: 2px solid color-mix(in srgb, var(--concept-accent, #4a5a6b) 35%, transparent);
outline-offset: 2px;
}
.cdl-concept-filter-btn.is-active {
border-color: var(--concept-accent, #4a5a6b);
background: color-mix(in srgb, var(--concept-accent, #4a5a6b) 14%, #fff);
color: #1f1a17;
font-weight: 600;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.cdl-concept-toolbar__row-sort {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.65rem;
margin-top: 0.75rem;
}
.cdl-cultural-grid--concept {
grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
gap: 1.25rem;
}
.cdl-cultural-card--concept {
display: flex;
flex-direction: column;
min-height: 100%;
border-radius: 12px;
border: 1px solid color-mix(in srgb, var(--concept-accent, #4a5a6b) 18%, var(--cdl-cultural-border));
background: linear-gradient(155deg, var(--concept-bg, rgba(74, 90, 107, 0.05)) 0%, #fffcf9 62%);
}
.cdl-cultural-card--concept::before {
content: "";
display: block;
height: 4px;
background: linear-gradient(90deg, var(--concept-accent), transparent 80%);
}
.cdl-cultural-card--concept .cdl-cultural-card__link {
flex: 1;
display: flex;
flex-direction: column;
padding: 1.2rem 1.25rem 0.65rem;
color: inherit !important;
text-decoration: none !important;
}
.cdl-cultural-card--concept .cdl-cultural-card__more {
margin-top: auto;
color: var(--concept-cta, var(--concept-accent)) !important;
font-weight: 600;
}
.cdl-cultural-card--concept-hidden { display: none !important; }
.cdl-concept-badges { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.35rem; }
.cdl-concept-badge {
display: inline-block;
padding: 0.18rem 0.5rem;
font-size: 0.68rem;
font-weight: 600;
text-transform: uppercase;
border-radius: 4px;
border: 1px solid color-mix(in srgb, var(--concept-accent) 18%, transparent);
}
[data-concept="casino"] { --concept-accent: #6b3d5c; --concept-bg: #efe6ec; --concept-cta: #6b3d5c; }
[data-concept="rueda-de-casino"] { --concept-accent: #7a4a6b; --concept-bg: #f0e6ee; --concept-cta: #7a4a6b; }
[data-concept="clave-2-3-3-2"] { --concept-accent: #9a6b3a; --concept-bg: #f5ebe0; --concept-cta: #9a6b3a; }
[data-concept="tumbao"] { --concept-accent: #3d4a5a; --concept-bg: #e8ecef; --concept-cta: #3d4a5a; }
[data-concept="montuno"] { --concept-accent: #c9b896; --concept-bg: #faf6ef; --concept-cta: #8a7a5a; }
[data-concept="sabor"] { --concept-accent: #a65a28; --concept-bg: #f5ebe0; --concept-cta: #a65a28; }
[data-concept="contratiempo"] { --concept-accent: #6b7a4a; --concept-bg: #eef2e6; --concept-cta: #6b7a4a; }
[data-concept="call-and-response"] { --concept-accent: #8b4a32; --concept-bg: #f5ebe4; --concept-cta: #8b4a32; }
[data-concept="cuerpo-musical"] { --concept-accent: #5a4a6b; --concept-bg: #ece8f0; --concept-cta: #5a4a6b; }
[data-concept="despelote"] { --concept-accent: #4a3d6b; --concept-bg: #ebe8f5; --concept-cta: #4a3d6b; }
[data-concept="improvisation"] { --concept-accent: #b85a32; --concept-bg: #f8efe8; --concept-cta: #b85a32; }
[data-concept="musicalite-cubaine"] { --concept-accent: #3d6a4a; --concept-bg: #e8efe4; --concept-cta: #3d6a4a; }
.cdl-cultural-single--concept[data-concept] .cdl-cultural-prose a,
.cdl-cultural-single--concept[data-concept] .cdl-cultural-entry-content a:not(.wp-block-button__link) {
color: var(--concept-cta, var(--concept-accent));
}
.cdl-cultural-single--concept[data-concept] .cdl-cultural-single__header::after {
content: "";
display: block;
width: 4.5rem;
height: 3px;
margin-top: 1.25rem;
background: linear-gradient(90deg, var(--concept-accent), transparent 80%);
}
.cdl-cultural-dance-callout--concept { border-left-color: var(--concept-accent); }
.cdl-concept-quickrefs { margin: 1.75rem 0 2rem; padding: 1.35rem; border: 1px solid var(--cdl-cultural-border); border-radius: 10px; }
.cdl-cultural-player-bridge,
.cdl-cultural-explore-next {
margin: 1.5rem 0;
padding: 1.2rem 1.3rem;
border: 1px solid var(--cdl-cultural-border);
border-radius: 10px;
background: rgba(0, 0, 0, 0.02);
}
.cdl-cultural-player-bridge__list,
.cdl-cultural-explore-next__list {
list-style: none;
margin: 0.75rem 0 0;
padding: 0;
}
.cdl-cultural-player-bridge__badge,
.cdl-cultural-explore-next__link {
display: inline-block;
font-size: 0.78rem;
font-weight: 600;
}
.cdl-cultural-player-bridge__note {
font-size: 0.82rem;
opacity: 0.75;
margin-left: 0.35rem;
}
.cdl-cultural-explore-next__link {
text-decoration: none;
color: var(--concept-accent, var(--rhythm-accent, #4a5a6b));
}
@media (max-width: 640px) {
.cdl-concept-toolbar__row-sort { flex-direction: column; align-items: stretch; }
} .cdl-cultural-archive .cdl-orisha-toolbar__label,
.cdl-cultural-archive .cdl-instrument-toolbar__label,
.cdl-cultural-archive .cdl-rhythm-toolbar__label,
.cdl-cultural-archive .cdl-concept-toolbar__label {
color: #4a4540;
opacity: 1;
}
.cdl-cultural-archive .cdl-orisha-toolbar,
.cdl-cultural-archive .cdl-instrument-toolbar,
.cdl-cultural-archive .cdl-rhythm-toolbar,
.cdl-cultural-archive .cdl-concept-toolbar {
background: #f6f5f3;
border-color: rgba(44, 40, 37, 0.12);
}
.cdl-cultural-archive .cdl-orisha-sort,
.cdl-cultural-archive .cdl-instrument-sort,
.cdl-cultural-archive .cdl-rhythm-sort,
.cdl-cultural-archive .cdl-concept-sort {
color: #2c2825;
background: #fff;
} .cdl-cultural-archive .cdl-cultural-grid {
align-items: stretch;
}
.cdl-cultural-archive .cdl-cultural-card__body {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
padding-left: 0;
padding-right: 0;
}
.cdl-cultural-archive .cdl-cultural-card__badge {
margin-bottom: 0.5rem;
}
.cdl-cultural-archive .cdl-cultural-card__title {
margin-bottom: 0.5rem;
}
.cdl-cultural-archive .cdl-cultural-card__summary {
margin-bottom: 0.65rem;
}
.cdl-cultural-archive .cdl-cultural-card__meta {
margin-top: 0.5rem;
margin-bottom: 0.35rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.cdl-cultural-archive .cdl-cultural-card__colors,
.cdl-cultural-archive .cdl-rhythm-badges,
.cdl-cultural-archive .cdl-concept-badges,
.cdl-cultural-archive .cdl-instrument-badges,
.cdl-cultural-archive .cdl-rhythm-meta-badges {
margin-top: 0.15rem;
margin-bottom: 0.15rem;
}
.cdl-cultural-archive .cdl-cultural-card__listen,
.cdl-cultural-archive .cdl-cultural-card__energy {
margin: 0.25rem 0 0;
line-height: 1.45;
}
.cdl-cultural-archive .cdl-cultural-card__ref-article {
margin: 0;
padding: 0.5rem 1.25rem 1rem;
border-top: 1px solid var(--cdl-cultural-border);
}
.cdl-cultural-archive .cdl-cultural-card__ref-article-link {
display: inline-block;
font-size: 0.82rem;
padding: 0.35rem 0.65rem;
border-radius: 6px;
}
.cdl-cultural-card--rhythm .cdl-cultural-card__body,
.cdl-cultural-card--concept .cdl-cultural-card__body {
flex: 1;
display: flex;
flex-direction: column;
}
.cdl-cultural-card--rhythm .cdl-cultural-card__meta,
.cdl-cultural-card--concept .cdl-cultural-card__meta {
margin-top: 0.65rem;
margin-bottom: 0.25rem;
}
.cdl-cultural-card--rhythm .cdl-rhythm-badges,
.cdl-cultural-card--concept .cdl-concept-badges {
gap: 0.4rem;
}
.cdl-cultural-card--rhythm .cdl-cultural-card__listen,
.cdl-cultural-card--concept .cdl-cultural-card__listen {
margin-top: 0.35rem;
} .cdl-cultural-start-hub {
margin: 0 0 2rem;
padding: 1.5rem 1.55rem;
border-radius: 12px;
border: 1px solid var(--cdl-cultural-border);
background: linear-gradient(155deg, rgba(107, 76, 154, 0.06) 0%, rgba(201, 162, 39, 0.05) 45%, #fffcf9 80%);
}
.cdl-cultural-start-hub__title {
margin: 0 0 0.65rem;
font-size: 1.35rem;
line-height: 1.25;
}
.cdl-cultural-start-hub__intro {
margin: 0 0 1.25rem;
max-width: 42rem;
line-height: 1.6;
opacity: 0.92;
}
.cdl-cultural-start-hub__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 1rem;
align-items: stretch;
}
.cdl-cultural-start-hub__more {
margin: 1.15rem 0 0;
font-size: 0.92rem;
}
.cdl-cultural-start-hub__link {
color: var(--cdl-cultural-accent);
font-weight: 600;
text-decoration: none;
}
.cdl-cultural-start-hub__link:hover,
.cdl-cultural-start-hub__link:focus-visible {
text-decoration: underline;
outline: none;
}
.cdl-cultural-paths-index {
margin: 0 0 2rem;
padding: 0 0 0.5rem;
scroll-margin-top: 1.5rem;
}
.cdl-cultural-paths-index__title {
margin: 0 0 0.5rem;
font-size: 1.2rem;
}
.cdl-cultural-paths-index__intro {
margin: 0 0 1rem;
max-width: 40rem;
line-height: 1.55;
opacity: 0.9;
}
.cdl-cultural-paths-index__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 0.85rem;
margin-bottom: 1.25rem;
}
.cdl-cultural-path-card {
border: 1px solid var(--cdl-cultural-border);
border-radius: 10px;
background: #fff;
min-height: 100%;
transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.cdl-cultural-path-card--featured {
border-color: color-mix(in srgb, var(--cdl-cultural-accent) 22%, var(--cdl-cultural-border));
}
.cdl-cultural-path-card--start .cdl-cultural-path-card__badge {
display: inline-block;
}
.cdl-cultural-path-card__inner {
display: flex;
flex-direction: column;
height: 100%;
padding: 1.1rem 1.15rem;
color: #2c2825;
}
.cdl-cultural-path-card:hover,
.cdl-cultural-path-card:focus-within {
border-color: color-mix(in srgb, var(--cdl-cultural-accent) 30%, var(--cdl-cultural-border));
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.06);
}
.cdl-cultural-path-card__title {
margin: 0 0 0.45rem;
font-size: 1.02rem;
line-height: 1.3;
color: #1f1a17 !important;
}
.cdl-cultural-path-card__excerpt {
margin: 0 0 0.65rem;
font-size: 0.86rem;
line-height: 1.5;
flex: 1;
opacity: 0.88;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.cdl-cultural-path-card__meta {
list-style: none;
margin: 0 0 0.5rem;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.4rem 0.65rem;
font-size: 0.78rem;
}
.cdl-cultural-path-card__badge {
display: none;
margin: 0 0 0.45rem;
padding: 0.15rem 0.5rem;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
border-radius: 4px;
background: color-mix(in srgb, var(--cdl-cultural-warm) 18%, transparent);
color: #4a3810;
}
.cdl-cultural-path-card__actions {
margin: auto 0 0;
padding-top: 0.5rem;
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.cdl-cultural-path-card__cta {
font-size: 0.84rem;
font-weight: 600;
text-decoration: none !important;
}
.cdl-cultural-path-card__cta--primary {
color: var(--cdl-cultural-accent) !important;
}
.cdl-cultural-path-card__cta--primary:hover,
.cdl-cultural-path-card__cta--primary:focus-visible {
text-decoration: underline !important;
}
.cdl-cultural-path-card__cta--detail {
font-size: 0.78rem;
font-weight: 500;
color: color-mix(in srgb, #2c2825 72%, var(--cdl-cultural-accent)) !important;
}
.cdl-cultural-path-card__cta--detail:hover,
.cdl-cultural-path-card__cta--detail:focus-visible {
color: var(--cdl-cultural-accent) !important;
}
.cdl-cultural-path__level {
display: inline-block;
padding: 0.12rem 0.45rem;
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.03em;
text-transform: uppercase;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.cdl-cultural-path__level--debutant {
background: #eef4ea;
color: #3a5230;
border-color: rgba(61, 92, 58, 0.2);
}
.cdl-cultural-path__level--intermediaire {
background: #f5ebe0;
color: #5a4020;
}
.cdl-cultural-path__level--avance {
background: #efe8f0;
color: #402840;
}
.cdl-cultural-path__level--ecoute {
background: #e8f0f5;
color: #1a4050;
}
.cdl-cultural-paths-index__details {
display: flex;
flex-direction: column;
gap: 0.65rem;
}
.cdl-cultural-path-detail {
border: 1px solid var(--cdl-cultural-border);
border-radius: 10px;
background: #fff;
scroll-margin-top: 1.25rem;
}
.cdl-cultural-path-detail:target {
border-color: color-mix(in srgb, var(--cdl-cultural-accent) 35%, var(--cdl-cultural-border));
box-shadow: 0 0 0 2px color-mix(in srgb, var(--cdl-cultural-accent) 12%, transparent);
}
.cdl-cultural-path-detail__summary,
.cdl-cultural-path__summary {
padding: 0.85rem 1rem;
cursor: pointer;
font-weight: 600;
line-height: 1.45;
list-style: none;
color: #2c2825;
}
.cdl-cultural-path-detail__summary::-webkit-details-marker,
.cdl-cultural-path__summary::-webkit-details-marker {
display: none;
}
.cdl-cultural-path-detail__summary::before,
.cdl-cultural-path__summary::before {
content: "▸ ";
opacity: 0.55;
}
.cdl-cultural-path-detail[open] > .cdl-cultural-path-detail__summary::before,
.cdl-cultural-path-detail[open] > .cdl-cultural-path__summary::before {
content: "▾ ";
}
.cdl-cultural-path__inner {
padding: 0 1rem 1.1rem;
border-top: 1px solid var(--cdl-cultural-border);
}
.cdl-cultural-path__intro {
margin: 0.85rem 0 0.75rem;
line-height: 1.6;
font-size: 0.92rem;
}
.cdl-cultural-path__badges {
list-style: none;
margin: 0 0 0.75rem;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
font-size: 0.8rem;
}
.cdl-cultural-path__cta {
display: inline-block;
margin: 0 0 1rem;
padding: 0.45rem 0.9rem;
border-radius: 8px;
background: var(--cdl-cultural-accent);
color: #fff !important;
font-weight: 600;
text-decoration: none !important;
}
.cdl-cultural-path__cta:hover,
.cdl-cultural-path__cta:focus-visible {
filter: brightness(1.05);
outline: 2px solid color-mix(in srgb, var(--cdl-cultural-accent) 40%, transparent);
outline-offset: 2px;
}
.cdl-cultural-path__steps {
margin: 0;
padding: 0;
list-style: none;
counter-reset: cdl-path-step;
}
.cdl-cultural-path__step {
display: flex;
gap: 0.75rem;
margin: 0 0 0.85rem;
padding: 0 0 0.85rem;
border-bottom: 1px solid var(--cdl-cultural-border);
}
.cdl-cultural-path__step:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.cdl-cultural-path__step-num {
flex-shrink: 0;
width: 1.65rem;
height: 1.65rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: color-mix(in srgb, var(--cdl-cultural-accent) 12%, #fff);
font-size: 0.78rem;
font-weight: 700;
color: var(--cdl-cultural-accent);
}
.cdl-cultural-path__step-link {
display: block;
text-decoration: none !important;
color: #2c2825 !important;
}
.cdl-cultural-path__step-link:hover .cdl-cultural-path__step-title,
.cdl-cultural-path__step-link:focus-visible .cdl-cultural-path__step-title {
color: var(--cdl-cultural-accent) !important;
}
.cdl-cultural-path__step-type {
display: block;
font-size: 0.68rem;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.72;
}
.cdl-cultural-path__step-title {
display: block;
font-weight: 600;
font-size: 0.95rem;
}
.cdl-cultural-path__step-why {
margin: 0.35rem 0 0;
font-size: 0.84rem;
line-height: 1.5;
opacity: 0.88;
}
.cdl-cultural-path-context,
.cdl-cultural-path-recommend {
margin: 0 0 1.5rem;
padding: 1rem 1.15rem;
border-radius: 10px;
border-left: 3px solid var(--cdl-cultural-accent);
background: color-mix(in srgb, var(--cdl-cultural-accent) 6%, transparent);
}
.cdl-cultural-path-context__label,
.cdl-cultural-path-recommend__title {
margin: 0 0 0.4rem;
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.8;
}
.cdl-cultural-path-context__text,
.cdl-cultural-path-recommend__text {
margin: 0 0 0.5rem;
line-height: 1.55;
font-size: 0.92rem;
}
.cdl-cultural-path-context__link,
.cdl-cultural-path-recommend__cta {
font-weight: 600;
color: var(--cdl-cultural-accent) !important;
}
.cdl-cultural-bridge {
margin: 2rem 0 1.5rem;
padding: 1.25rem 1.3rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border);
background: var(--cdl-cultural-surface);
}
.cdl-cultural-bridge--listen {
border-left: 3px solid #3d6a4a;
}
.cdl-cultural-bridge--understand {
border-left: 3px solid var(--cdl-cultural-accent);
}
.cdl-cultural-bridge--explore {
border-left: 3px solid var(--cdl-cultural-warm);
}
.cdl-cultural-bridge__title {
margin: 0 0 0.75rem;
font-size: 1.05rem;
}
.cdl-cultural-bridge__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.cdl-cultural-bridge__link {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.35rem 0.65rem;
text-decoration: none !important;
color: #2c2825 !important;
font-weight: 600;
}
.cdl-cultural-bridge__link:hover,
.cdl-cultural-bridge__link:focus-visible {
color: var(--cdl-cultural-accent) !important;
}
.cdl-cultural-path-context__link,
.cdl-cultural-path-recommend__cta {
color: var(--cdl-cultural-accent) !important;
text-decoration: none;
font-weight: 600;
}
.cdl-cultural-path-context__link:hover,
.cdl-cultural-path-recommend__cta:hover {
text-decoration: underline;
}
.cdl-cultural-path-continue {
margin: 0;
}
.cdl-cultural-path-continue__title {
margin: 0 0 0.35rem;
font-size: 0.95rem;
font-weight: 700;
line-height: 1.3;
color: #1f1a17;
}
.cdl-cultural-path-continue__step {
margin: 0 0 0.5rem;
font-size: 0.88rem;
font-weight: 600;
opacity: 0.9;
}
.cdl-cultural-path-context__progress {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 0.75rem;
margin: 0 0 0.75rem;
}
.cdl-cultural-path-context__progress-label {
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.04em;
font-variant-numeric: tabular-nums;
}
.cdl-cultural-path-context__progress-dots {
display: inline-flex;
flex-wrap: wrap;
gap: 0.2rem;
}
.cdl-cultural-path-context__dot {
display: inline-block;
width: 0.55rem;
height: 0.55rem;
border-radius: 2px;
background: color-mix(in srgb, var(--cdl-cultural-accent) 18%, #ddd);
}
.cdl-cultural-path-context__dot.is-filled {
background: var(--cdl-cultural-accent);
}
.cdl-cultural-path-continue__cta {
display: inline-block;
margin: 0 0 0.5rem;
padding: 0.55rem 0.85rem;
font-size: 0.9rem;
font-weight: 700;
line-height: 1.35;
text-decoration: none !important;
color: #fff !important;
background: var(--cdl-cultural-accent);
border-radius: 6px;
}
.cdl-cultural-path-continue__cta:hover,
.cdl-cultural-path-continue__cta:focus-visible {
filter: brightness(1.06);
text-decoration: none !important;
}
.cdl-cultural-path-continue__done {
margin: 0 0 0.5rem;
font-size: 0.86rem;
line-height: 1.5;
opacity: 0.88;
}
.cdl-cultural-path-continue__overview {
margin: 0;
font-size: 0.86rem;
}
.cdl-cultural-path-seq {
display: flex;
flex-direction: column;
gap: 0.45rem;
margin-top: 1rem;
padding-top: 0.85rem;
border-top: 1px solid color-mix(in srgb, var(--cdl-cultural-accent) 14%, var(--cdl-cultural-border));
}
.cdl-cultural-path-seq__link {
display: flex;
flex-direction: column;
gap: 0.1rem;
padding: 0.5rem 0.65rem;
border-radius: 6px;
text-decoration: none !important;
color: #2c2825 !important;
background: color-mix(in srgb, var(--cdl-cultural-accent) 4%, #fff);
border: 1px solid color-mix(in srgb, var(--cdl-cultural-accent) 12%, var(--cdl-cultural-border));
}
.cdl-cultural-path-seq__link:hover,
.cdl-cultural-path-seq__link:focus-visible {
border-color: color-mix(in srgb, var(--cdl-cultural-accent) 35%, var(--cdl-cultural-border));
color: var(--cdl-cultural-accent) !important;
}
.cdl-cultural-path-seq__dir {
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
opacity: 0.75;
}
.cdl-cultural-path-seq__title {
font-size: 0.88rem;
font-weight: 600;
line-height: 1.35;
}
@media (min-width: 640px) {
.cdl-cultural-path-seq {
flex-direction: row;
flex-wrap: wrap;
}
.cdl-cultural-path-seq__link {
flex: 1 1 calc(50% - 0.25rem);
min-width: 12rem;
}
} .cdl-cultural-archive a:not(.wp-block-button__link),
.cdl-cultural-single a:not(.wp-block-button__link) {
text-decoration-color: color-mix(in srgb, var(--cdl-cultural-accent) 40%, transparent);
}
.cdl-cultural-prose h2,
.cdl-cultural-entry-content h2 {
margin-top: 2rem;
margin-bottom: 0.85rem;
line-height: 1.3;
}
.cdl-cultural-prose h3,
.cdl-cultural-entry-content h3 {
margin-top: 1.35rem;
margin-bottom: 0.65rem;
line-height: 1.35;
}
.cdl-cultural-prose h2:first-child,
.cdl-cultural-entry-content h2:first-child,
.cdl-cultural-prose h3:first-child {
margin-top: 0;
}
.cdl-cultural-prose p,
.cdl-cultural-entry-content p {
margin-bottom: 1em;
}
.cdl-cultural-prose blockquote,
.cdl-cultural-entry-content blockquote {
margin: 1.25rem 0;
padding: 0.75rem 1rem;
line-height: 1.6;
}
.cdl-cultural-archive__back a {
color: var(--cdl-cultural-accent) !important;
font-weight: 500;
}
.cdl-cultural-bridge__type {
font-size: 0.72rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.04em;
opacity: 0.7;
}
@media (max-width: 640px) {
.cdl-cultural-start-hub {
padding: 1.15rem 1.1rem;
}
.cdl-cultural-start-hub__title {
font-size: 1.2rem;
}
.cdl-cultural-start-hub__grid,
.cdl-cultural-paths-index__grid {
grid-template-columns: 1fr;
}
.cdl-cultural-archive-jump__list {
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.5rem;
margin-top: 0.35rem;
}
.cdl-cultural-archive-jump__list li {
display: inline-block;
}
.cdl-cultural-archive-jump__list li + li::before {
content: none;
}
.cdl-cultural-path-detail__summary,
.cdl-cultural-path__summary {
min-height: 2.75rem;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.35rem;
}
.cdl-cultural-path__cta {
display: block;
text-align: center;
width: 100%;
box-sizing: border-box;
}
} .page-id-3471 header.entry-header {
display: none;
}
.cdl-cultural-hub--public-v1 {
max-width: 52rem;
margin: 0 auto;
padding: 0 1.15rem 3.5rem;
line-height: 1.72;
color: #2c2825;
}
.cdl-cultural-hub--public-v1 a:not(.wp-block-button__link) {
color: var(--cdl-cultural-accent, #6b4c3a);
text-decoration-color: color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 35%, transparent);
}
.cdl-cultural-hub--public-v1 a:not(.wp-block-button__link):hover,
.cdl-cultural-hub--public-v1 a:not(.wp-block-button__link):focus-visible {
color: #4a3828;
text-decoration: underline;
}
.cdl-hub-hero {
margin: 0 0 3rem;
padding: 2rem 0 2.25rem;
border-bottom: 1px solid var(--cdl-cultural-border, #e8e4df);
}
.cdl-hub-hero__kicker {
margin: 0 0 0.65rem !important;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.12em;
opacity: 0.72;
}
.cdl-hub-hero__title {
margin: 0 0 1rem !important;
font-size: clamp(1.75rem, 4vw, 2.35rem);
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.02em;
}
.cdl-hub-hero__lead {
font-size: 1.08rem;
line-height: 1.65;
max-width: 40em;
margin-bottom: 1rem !important;
}
.cdl-hub-hero__note {
font-size: 0.9rem;
opacity: 0.88;
max-width: 38em;
}
.cdl-hub-cta {
display: inline-block;
font-weight: 600;
font-size: 0.92rem;
text-decoration: none !important;
padding: 0.5rem 0;
border-bottom: 2px solid color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 50%, transparent);
transition: border-color 0.18s ease, color 0.18s ease;
}
.cdl-hub-cta:hover,
.cdl-hub-cta:focus-visible {
border-bottom-color: var(--cdl-cultural-accent, #6b4c3a);
}
.cdl-hub-cta--primary {
margin-top: 0.5rem;
}
.cdl-cultural-hub--public-v1 > h2 {
margin: 2.75rem 0 0.85rem;
font-size: 1.35rem;
line-height: 1.3;
}
.cdl-cultural-hub--public-v1 > h2 + p {
max-width: 40em;
margin-bottom: 1.5rem;
}
.cdl-hub-journey {
margin: 2rem 0 2.5rem;
padding: 1.5rem 1.4rem;
border-radius: 12px;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
background: linear-gradient(165deg, #faf9f7 0%, #fff 55%);
}
.cdl-hub-journey h3 {
margin: 0 0 0.65rem !important;
font-size: 1.12rem;
}
.cdl-hub-journey__transition {
font-size: 0.9rem !important;
opacity: 0.85;
margin-bottom: 1rem !important;
}
.cdl-hub-journey__cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 0.65rem;
margin: 1rem 0;
}
.cdl-hub-journey--orishas { border-left: 3px solid #2a7a8a; }
.cdl-hub-journey--rythmes { border-left: 3px solid #c9a227; }
.cdl-hub-journey--instruments { border-left: 3px solid #5a6b63; }
.cdl-hub-journey--danse-musique { border-left: 3px solid #8f1d2f; }
.cdl-hub-card {
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
}
.cdl-hub-card p {
margin: 0 !important;
}
.cdl-hub-card__link {
display: flex;
flex-direction: column;
gap: 0.25rem;
padding: 0.85rem 1rem;
border-radius: 8px;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
background: #fff;
text-decoration: none !important;
color: #2c2825 !important;
min-height: 100%;
box-sizing: border-box;
transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.cdl-hub-card__link:hover,
.cdl-hub-card__link:focus-visible {
border-color: color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 35%, #e8e4df);
box-shadow: 0 4px 16px rgba(44, 40, 37, 0.06);
color: #1f1a17 !important;
}
.cdl-hub-card__kind {
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.06em;
opacity: 0.72;
}
.cdl-hub-card__title {
font-weight: 600;
font-size: 0.95rem;
line-height: 1.3;
}
.cdl-hub-card__teaser {
font-size: 0.82rem;
line-height: 1.45;
opacity: 0.88;
}
.cdl-hub-card__energy {
font-size: 0.78rem;
font-style: italic;
opacity: 0.8;
margin-top: 0.15rem;
}
.cdl-hub-card__cta {
margin-top: auto;
padding-top: 0.35rem;
font-size: 0.8rem;
font-weight: 600;
color: var(--cdl-cultural-accent, #6b4c3a) !important;
}
.cdl-hub-start {
margin: 3rem 0;
padding: 2rem 0 0;
border-top: 1px solid var(--cdl-cultural-border, #e8e4df);
}
.cdl-hub-start__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 1rem;
margin: 1.25rem 0;
}
.cdl-hub-card--orisha .cdl-hub-card__link {
min-height: 11rem;
}
.cdl-hub-card--orisha[data-orisha="yemaya"] .cdl-hub-card__link {
border-left: 3px solid #0f4c6e;
background: linear-gradient(155deg, #e2edf2 0%, #fff 70%);
}
.cdl-hub-card--orisha[data-orisha="ochun"] .cdl-hub-card__link {
border-left: 3px solid #7a5410;
background: linear-gradient(155deg, #efe6cc 0%, #fff 70%);
}
.cdl-hub-card--orisha[data-orisha="chango"] .cdl-hub-card__link {
border-left: 3px solid #8f1d2f;
background: linear-gradient(155deg, #efe4e0 0%, #fff 70%);
}
.cdl-hub-card--orisha[data-orisha="oya"] .cdl-hub-card__link {
border-left: 3px solid #5c2348;
background: linear-gradient(155deg, #ebe0e8 0%, #fff 70%);
}
.cdl-hub-card--orisha[data-orisha="eleggua"] .cdl-hub-card__link {
border-left: 3px solid #8b1515;
background: linear-gradient(155deg, #ebe6e0 0%, #fff 70%);
}
.cdl-hub-bridges {
margin: 2.5rem 0;
padding: 1.75rem 0;
}
.cdl-hub-bridges__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 0.65rem;
margin-top: 1rem;
}
.cdl-hub-narrative {
margin: 2.5rem 0;
padding: 1.5rem 1.4rem;
border-radius: 10px;
background: rgba(0, 0, 0, 0.02);
border: 1px solid var(--cdl-cultural-border, #e8e4df);
}
.cdl-hub-narrative__line {
margin-bottom: 0.85rem !important;
line-height: 1.6;
max-width: 42em;
}
.cdl-hub-narrative__from {
font-weight: 600;
color: #1f1a17;
}
.cdl-hub-sep {
margin: 2.5rem auto !important;
max-width: 4rem;
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, var(--cdl-cultural-border, #e8e4df), transparent);
}
.cdl-hub-footer__closing {
font-style: italic;
font-size: 0.95rem;
line-height: 1.6;
max-width: 38em;
opacity: 0.9;
}
@media (max-width: 640px) {
.cdl-cultural-hub--public-v1 {
padding: 0 1rem 2.5rem;
}
.cdl-hub-hero {
padding: 1.25rem 0 1.5rem;
margin-bottom: 2rem;
}
.cdl-hub-journey__cards,
.cdl-hub-start__grid,
.cdl-hub-bridges__grid {
grid-template-columns: 1fr;
}
.cdl-hub-journey {
padding: 1.15rem 1.1rem;
}
} .cdl-cultural-rhythm > h2 {
margin-top: 2.75rem;
}
.cdl-cultural-rhythm > h2:first-child,
.cdl-cultural-rhythm .cdl-hub-hero + h2,
.cdl-cultural-rhythm .cdl-mm-hero + .cdl-mm-sep + .cdl-mm-section h2:first-child {
margin-top: 0;
}
.cdl-rhythm-breath {
max-width: 26rem;
margin: 2.25rem auto;
padding: 0 0.5rem;
font-size: 0.92rem;
line-height: 1.58;
text-align: center;
color: #5a554f;
font-style: italic;
}
.cdl-rhythm-sep {
display: block;
width: 100%;
max-width: 3.5rem;
margin: 2.5rem auto;
border: none;
border-top: 1px solid color-mix(in srgb, #5a6b63 22%, #e8e4df);
height: 0;
opacity: 0.85;
}
.cdl-rhythm-quote {
max-width: 24rem;
margin: 2.5rem auto;
padding: 0 0.25rem 0 1rem;
border: none;
border-left: 2px solid color-mix(in srgb, #5a6b63 40%, transparent);
background: transparent;
font-size: 0.95rem;
line-height: 1.55;
font-style: italic;
color: #4a4540;
}
.cdl-rhythm-quote p {
margin: 0 !important;
} .cdl-cultural-rhythm.cdl-cultural-hub--public-v1 .cdl-hub-journey {
margin-bottom: 2.35rem;
padding-bottom: 0.25rem;
}
.cdl-cultural-rhythm.cdl-cultural-hub--public-v1 .cdl-hub-journey__cards {
gap: 0.85rem;
}
.cdl-cultural-rhythm.cdl-cultural-hub--public-v1 .cdl-hub-cta:not(.cdl-hub-cta--primary) {
font-size: 0.88rem;
font-weight: 500;
}
.cdl-cultural-rhythm.cdl-cultural-hub--public-v1 .cdl-hub-start {
margin: 2.5rem 0;
}
.cdl-cultural-rhythm.cdl-cultural-hub--public-v1 .cdl-hub-bridges {
margin: 2rem 0;
}
.cdl-cultural-rhythm.cdl-cultural-hub--public-v1 .cdl-hub-narrative {
margin: 2rem 0 2.5rem;
}
.cdl-cultural-rhythm.cdl-cultural-hub--public-v1 .cdl-sensitive-entries {
margin-top: 3rem;
} .cdl-cultural-rhythm.cdl-music-memory-page--v3 .cdl-mm-section {
margin-bottom: 2.75rem;
}
.cdl-cultural-rhythm.cdl-music-memory-page--v3 .cdl-mm-sep {
margin: 2rem auto !important;
}
.cdl-cultural-rhythm.cdl-music-memory-page--v3 .cdl-mm-sep--light {
margin: 1.5rem auto !important;
}
.cdl-cultural-rhythm.cdl-music-memory-page--v3 .cdl-mm-cards {
gap: 1.15rem;
}
.cdl-cultural-rhythm.cdl-music-memory-page--v3 .cdl-mm-listen-grid {
gap: 1rem;
}
.cdl-cultural-rhythm.cdl-music-memory-page--v3 .cdl-mm-journey-grid {
gap: 1.15rem;
}
.cdl-cultural-rhythm.cdl-music-memory-page--v3 .cdl-mm-explore {
margin-top: 2.5rem;
} .cdl-cultural-rhythm.cdl-pillar-longform .cdl-pillar-breath {
max-width: 26rem;
margin: 2rem auto;
text-align: center;
color: #5a554f;
}
.cdl-cultural-rhythm.cdl-pillar-longform .cdl-pillar-sep {
margin: 2.25rem auto;
}
.cdl-cultural-rhythm.cdl-pillar-longform p {
margin-bottom: 1.05em;
}
.cdl-cultural-rhythm.cdl-pillar-longform h2 {
margin-top: 2.5rem;
margin-bottom: 0.85rem;
}
@media (max-width: 640px) {
.cdl-rhythm-breath,
.cdl-rhythm-quote {
margin: 1.75rem auto;
padding: 0 0.25rem;
max-width: 100%;
}
.cdl-rhythm-sep {
margin: 2rem auto;
}
.cdl-cultural-rhythm.cdl-cultural-hub--public-v1 .cdl-hub-journey {
margin-bottom: 1.85rem;
}
.cdl-cultural-rhythm.cdl-music-memory-page--v3 .cdl-mm-section {
margin-bottom: 2.25rem;
}
} .cdl-sensitive-entries {
margin: 2.75rem 0 2rem;
padding: 1.75rem 1.35rem 1.5rem;
max-width: 52rem;
border-radius: 10px;
border: 1px solid color-mix(in srgb, #5a6b63 14%, #e8e4df);
background: linear-gradient(175deg, #faf8f5 0%, #fff 65%);
box-shadow: 0 1px 0 rgba(44, 40, 37, 0.03);
}
.cdl-sensitive-entries__title {
font-size: 1.28rem;
font-weight: 600;
letter-spacing: -0.01em;
margin: 0 0 0.5rem !important;
color: #2c2825;
}
.cdl-sensitive-entries__intro {
font-size: 0.96rem;
line-height: 1.65;
color: #4a4540;
margin: 0 0 1.5rem !important;
max-width: 40rem;
}
.cdl-sensitive-entries__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.35rem;
}
.cdl-sensitive-entry {
margin: 0;
padding: 0 0 0 1rem;
border-left: 2px solid color-mix(in srgb, #5a6b63 45%, transparent);
}
.cdl-sensitive-entry__title {
font-size: 1.02rem;
font-weight: 600;
line-height: 1.35;
margin: 0 0 0.4rem !important;
color: #2c2825;
}
.cdl-sensitive-entry__text {
font-size: 0.94rem;
line-height: 1.62;
color: #4a4540;
margin: 0 0 0.65rem !important;
font-style: italic;
max-width: 42rem;
}
.cdl-sensitive-entry__links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.85rem;
}
.cdl-sensitive-entry__link {
font-size: 0.88rem;
font-weight: 500;
color: var(--cdl-cultural-accent, #6b4c3a) !important;
text-decoration-color: color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 35%, transparent);
transition: color 0.2s ease;
}
.cdl-sensitive-entry__link:hover,
.cdl-sensitive-entry__link:focus-visible {
color: #4a3829 !important;
}
.cdl-cultural-hub--public-v1 .cdl-sensitive-entry__link:visited {
color: var(--cdl-cultural-accent, #6b4c3a) !important;
}
@media (max-width: 640px) {
.cdl-sensitive-entries {
margin: 2rem 0 1.5rem;
padding: 1.25rem 1rem 1.1rem;
}
.cdl-sensitive-entry__text {
word-wrap: break-word;
overflow-wrap: anywhere;
}
.cdl-sensitive-entry__links {
flex-direction: column;
gap: 0.25rem;
}
} .cdl-cultural-single .addtoany_share_save_container,
.cdl-cultural-single .addtoany_content,
.cdl-cultural-single .a2a_kit,
.cdl-cultural-hub--public-v1 .addtoany_share_save_container,
.cdl-cultural-hub--public-v1 .addtoany_content,
.cdl-cultural-hub--public-v1 .a2a_kit,
.cdl-pillar-longform .addtoany_share_save_container,
.cdl-pillar-longform .addtoany_content,
.cdl-pillar-longform .a2a_kit {
display: none !important;
} .postid-3449 header.entry-header {
display: none;
}
.cdl-pillar-longform {
max-width: 46rem;
margin: 0 auto;
padding: 0 1.15rem 3rem;
line-height: 1.75;
color: #2c2825;
}
.cdl-pillar-longform a:not(.wp-block-button__link) {
color: var(--cdl-cultural-accent, #6b4c3a);
text-decoration-color: color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 35%, transparent);
}
.cdl-pillar-longform a:not(.wp-block-button__link):hover,
.cdl-pillar-longform a:not(.wp-block-button__link):focus-visible {
color: #4a3828;
text-decoration: underline;
}
.cdl-pillar-kicker {
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.12em;
opacity: 0.75;
}
.cdl-pillar-title {
font-size: clamp(1.65rem, 4vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1.25rem;
font-weight: 600;
}
.cdl-pillar-pullquote {
margin: 1.75rem 0;
padding: 1.1rem 1.25rem 1.1rem 1.35rem;
border-left: 3px solid var(--cdl-cultural-warm, #c9a227);
background: rgba(201, 162, 39, 0.07);
font-size: 1.05rem;
line-height: 1.6;
}
.cdl-pillar-pullquote cite {
display: block;
margin-top: 0.65rem;
font-size: 0.82rem;
font-style: normal;
opacity: 0.8;
}
.cdl-pillar-aside {
margin: 1.5rem 0;
padding: 1.15rem 1.25rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
background: #faf9f7;
}
.cdl-pillar-aside h3 {
margin: 0 0 0.5rem !important;
font-size: 1rem !important;
}
.cdl-pillar-breath {
margin: 1.25rem 0 !important;
text-align: center;
font-size: 0.95rem;
opacity: 0.88;
}
.cdl-pillar-sep {
margin: 2rem auto;
max-width: 6rem;
opacity: 0.35;
}
.cdl-pillar-longform > h2 {
margin-top: 2.25rem;
margin-bottom: 0.85rem;
font-size: 1.35rem;
line-height: 1.28;
}
.cdl-pillar-closing {
margin-top: 2rem;
padding-top: 1.5rem;
border-top: 1px solid var(--cdl-cultural-border, #e8e4df);
}
.cdl-pillar-cta {
font-weight: 600;
text-decoration: none;
}
@media (max-width: 640px) {
.cdl-pillar-longform {
padding: 0 1rem 2.5rem;
}
.cdl-pillar-pullquote {
margin: 1.25rem 0;
padding: 0.95rem 1rem;
font-size: 1rem;
}
} .cdl-cultural-archive__music-memory-cta {
margin: 0 0 1.25rem;
}
.cdl-cultural-archive__music-memory-cta-link {
font-size: 0.95rem;
font-weight: 600;
color: var(--cdl-cultural-accent, #6b4c3a);
text-decoration: none;
border-bottom: 1px solid color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 28%, transparent);
}
.cdl-cultural-archive__music-memory-cta-link:hover,
.cdl-cultural-archive__music-memory-cta-link:focus-visible {
color: #4a3828;
border-bottom-color: color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 55%, transparent);
}
.cdl-music-memory-hub-teaser {
margin: 2rem 0 0;
padding: 1rem 0 0;
border-top: 1px solid var(--cdl-cultural-border, #e8e4df);
}
.cdl-music-memory-hub-teaser__text {
margin: 0 !important;
font-size: 0.95rem;
}
.cdl-music-memory-bridge {
margin: 2rem 0;
padding: 1.25rem 1.3rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
background: linear-gradient(165deg, #faf9f7 0%, #fff 60%);
}
.cdl-music-memory-bridge__title {
margin: 0 0 0.5rem !important;
font-size: 1.05rem !important;
line-height: 1.3;
}
.cdl-music-memory-bridge__intro {
margin: 0 0 1rem !important;
font-size: 0.92rem;
line-height: 1.55;
opacity: 0.92;
}
.cdl-music-memory-bridge__fiches-label {
margin: 1rem 0 0.5rem !important;
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.06em;
opacity: 0.75;
}
.cdl-music-memory-capsules {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 0.65rem;
}
.cdl-music-memory-capsule-card__link {
display: flex;
flex-direction: column;
gap: 0.2rem;
padding: 0.8rem 0.9rem;
border-radius: 8px;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
background: #fff;
text-decoration: none !important;
color: #2c2825 !important;
min-height: 100%;
box-sizing: border-box;
transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.cdl-music-memory-capsule-card__link:hover,
.cdl-music-memory-capsule-card__link:focus-visible {
border-color: color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 35%, #e8e4df);
box-shadow: 0 3px 12px rgba(44, 40, 37, 0.06);
}
.cdl-music-memory-capsule-card__kind {
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.72;
}
.cdl-music-memory-capsule-card__title {
font-weight: 600;
font-size: 0.92rem;
}
.cdl-music-memory-capsule-card__teaser {
font-size: 0.8rem;
line-height: 1.4;
opacity: 0.88;
}
.cdl-music-memory-capsule-card__cta {
font-size: 0.75rem;
margin-top: 0.25rem;
opacity: 0.8;
}
.cdl-music-memory-ambiance {
margin: 1.5rem 0;
padding: 1rem 1.15rem;
border-left: 3px solid var(--cdl-cultural-warm, #c9a227);
background: rgba(201, 162, 39, 0.06);
}
.cdl-music-memory-ambiance__kind {
margin: 0 0 0.35rem !important;
font-weight: 600;
font-size: 0.88rem;
}
.cdl-music-memory-ambiance__energy {
margin: 0 0 0.5rem !important;
font-size: 0.9rem;
}
.cdl-music-memory-ambiance__note {
margin: 0 !important;
font-size: 0.88rem;
line-height: 1.5;
}
.cdl-music-memory-capsule {
margin: 1.25rem 0;
padding: 0.9rem 1rem;
border-left: 3px solid #5a6b63;
background: rgba(90, 107, 99, 0.06);
font-size: 0.98rem;
} .page-memoire-musicale-afro-cubaine header.entry-header,
.page-id-3614 header.entry-header {
display: none;
}
.cdl-music-memory-page--v2,
.cdl-music-memory-page--v3,
.cdl-music-memory-proto {
max-width: 52rem;
margin: 0 auto;
padding: 0 1.15rem 3.5rem;
line-height: 1.72;
color: #2c2825;
}
.cdl-music-memory-page--v2 a:not(.wp-block-button__link),
.cdl-music-memory-page--v3 a:not(.wp-block-button__link),
.cdl-music-memory-proto a:not(.wp-block-button__link) {
color: var(--cdl-cultural-accent, #6b4c3a);
text-decoration-color: color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 35%, transparent);
}
.cdl-music-memory-page--v3 a:not(.cdl-mm-card__link):not(.cdl-mm-traj-card__link):visited,
.cdl-music-memory-page--v3 .cdl-mm-link:visited {
color: var(--cdl-cultural-accent, #6b4c3a);
}
.cdl-music-memory-page--v3 .cdl-mm-link,
.cdl-music-memory-page--v3 .cdl-mm-journey-card__links a,
.cdl-music-memory-page--v3 .cdl-mm-hero__nav a,
.cdl-music-memory-page--v3 .cdl-mm-traj-more a {
color: var(--cdl-cultural-accent, #6b4c3a) !important;
text-decoration-color: color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 35%, transparent);
transition: color 0.2s ease, border-color 0.2s ease;
}
.cdl-music-memory-page--v3 .cdl-mm-link:hover,
.cdl-music-memory-page--v3 .cdl-mm-link:focus-visible,
.cdl-music-memory-page--v3 a:not(.cdl-mm-card__link):not(.cdl-mm-traj-card__link):not(.cdl-mm-explore__btn):hover,
.cdl-music-memory-page--v3 a:not(.cdl-mm-card__link):not(.cdl-mm-traj-card__link):not(.cdl-mm-explore__btn):focus-visible {
color: #4a3829 !important;
}
.cdl-mm-hero {
margin: 0 0 2rem;
padding: 0.25rem 0 0;
} .cdl-mm-hero--v3 {
margin: 0 0 2.5rem;
padding: 1.75rem 1.5rem 1.5rem;
border-radius: 12px;
border: 1px solid color-mix(in srgb, #5a6b63 12%, #e8e4df);
background:
repeating-linear-gradient(
-12deg,
transparent,
transparent 3px,
rgba(90, 107, 99, 0.02) 3px,
rgba(90, 107, 99, 0.02) 4px
),
radial-gradient(ellipse 100% 70% at 50% -15%, rgba(90, 107, 99, 0.09), transparent 55%),
linear-gradient(175deg, #faf8f5 0%, #fff 72%);
box-shadow: 0 1px 0 rgba(44, 40, 37, 0.04);
}
.cdl-mm-hero__epigraph {
margin: 0 0 1.35rem !important;
padding: 0 0 0 1rem;
border: none;
border-left: 3px solid #5a6b63;
background: transparent;
font-size: 1.05rem;
line-height: 1.55;
font-style: italic;
color: #3d3834;
}
.cdl-mm-hero__epigraph p {
margin: 0 !important;
}
.cdl-mm-hero__why {
margin: 0 0 1.25rem !important;
padding: 1rem 1.1rem;
border-radius: 8px;
background: rgba(255, 255, 255, 0.72);
border: 1px solid color-mix(in srgb, #5a6b63 15%, #e8e4df);
}
.cdl-mm-hero__why h3 {
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 0.5rem !important;
color: #5a6b63;
}
.cdl-mm-hero__why p {
margin: 0 !important;
font-size: 0.96rem;
line-height: 1.6;
}
.cdl-mm-hero__points {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
margin: 0 0 1.25rem !important;
}
.cdl-mm-hero__point {
flex: 1 1 100%;
margin: 0 !important;
padding: 0.65rem 0.85rem;
border-radius: 6px;
background: rgba(90, 107, 99, 0.05);
border-left: 2px solid color-mix(in srgb, #5a6b63 50%, transparent);
}
.cdl-mm-hero__point p {
margin: 0 !important;
font-size: 0.9rem;
line-height: 1.5;
}
@media (min-width: 520px) {
.cdl-mm-hero__point {
flex: 1 1 calc(33.333% - 0.45rem);
}
}
.cdl-mm-hero__kicker,
.cdl-music-memory-proto__kicker {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #5a6b63;
margin: 0 0 1rem !important;
}
.cdl-mm-hero__title {
font-size: clamp(1.85rem, 5vw, 2.45rem);
line-height: 1.15;
letter-spacing: -0.02em;
margin: 0 0 1.25rem !important;
}
.cdl-mm-hero__lead {
font-size: 1.12rem;
line-height: 1.65;
margin: 0 0 1rem !important;
}
.cdl-mm-hero__cinema {
font-size: 1.02rem;
line-height: 1.7;
color: #4a4540;
margin: 0 0 1.25rem !important;
}
.cdl-mm-hero__nav {
font-size: 0.9rem;
opacity: 0.9;
margin: 0 !important;
}
.cdl-mm-sep {
margin: 2.25rem auto !important;
max-width: 8rem;
border: none;
border-top: 1px solid color-mix(in srgb, #5a6b63 28%, #e8e4df);
}
.cdl-mm-sep--light {
max-width: 5rem;
margin: 1.75rem auto !important;
opacity: 0.65;
}
.cdl-mm-section {
margin: 0 0 2.5rem;
}
.cdl-mm-section h2 {
font-size: 1.35rem;
margin-bottom: 0.65rem;
}
.cdl-mm-section__note {
font-size: 0.95rem;
color: #5a554f;
margin-top: 1.25rem !important;
}
.cdl-mm-section--more {
margin-top: 2rem;
padding-top: 1.5rem;
border-top: 1px solid color-mix(in srgb, #5a6b63 12%, #e8e4df);
}
.cdl-mm-section--more h3 {
font-size: 1.1rem;
margin-bottom: 0.5rem !important;
}
.cdl-mm-cards--more .cdl-mm-card {
flex: 1 1 100%;
}
@media (min-width: 520px) {
.cdl-mm-cards--more .cdl-mm-card {
flex: 1 1 calc(50% - 0.5rem);
}
}
@media (min-width: 900px) {
.cdl-mm-cards--more .cdl-mm-card {
flex: 1 1 calc(33.333% - 0.67rem);
}
}
.cdl-mm-cards {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin: 1.25rem 0 0 !important;
}
.cdl-mm-card {
flex: 1 1 100%;
margin: 0 !important;
padding: 1.1rem 1.15rem 1.15rem;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
border-radius: 10px;
background: #fff;
box-shadow: 0 1px 0 rgba(44, 40, 37, 0.04);
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
@media (min-width: 520px) {
.cdl-mm-card {
flex: 1 1 calc(50% - 0.5rem);
}
}
@media (min-width: 900px) {
.cdl-mm-card {
flex: 1 1 calc(33.333% - 0.67rem);
}
}
.cdl-mm-card--orchestra {
border-left: 3px solid #5a6b63;
background: linear-gradient(145deg, rgba(90, 107, 99, 0.07) 0%, #fff 48%);
}
.cdl-mm-card--artist {
border-left: 3px solid #c9a227;
background: linear-gradient(145deg, rgba(201, 162, 39, 0.08) 0%, #fff 48%);
}
.cdl-mm-card--tradition {
border-left: 3px solid #2a7a8a;
background: linear-gradient(145deg, rgba(42, 122, 138, 0.07) 0%, #fff 48%);
}
.cdl-mm-card--rich {
position: relative;
padding-top: 1.35rem;
}
.cdl-mm-card__num {
position: absolute;
top: 0.65rem;
right: 0.85rem;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.08em;
color: color-mix(in srgb, #2c2825 35%, transparent);
font-variant-numeric: tabular-nums;
}
.cdl-mm-card__ambience {
font-size: 0.78rem;
line-height: 1.4;
color: #5a554f;
font-style: normal;
letter-spacing: 0.02em;
}
.cdl-mm-card:hover,
.cdl-mm-card:focus-within {
border-color: color-mix(in srgb, #5a6b63 35%, #e8e4df);
box-shadow: 0 4px 14px rgba(44, 40, 37, 0.06);
transform: translateY(-1px);
}
.cdl-mm-card p {
margin: 0 !important;
}
.cdl-mm-card__link {
display: flex;
flex-direction: column;
gap: 0.35rem;
text-decoration: none !important;
color: #2c2825 !important;
}
.cdl-mm-card__label {
font-size: 0.68rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #5a6b63;
}
.cdl-mm-card--artist .cdl-mm-card__label {
color: #8a6f1a;
}
.cdl-mm-card--tradition .cdl-mm-card__label {
color: #2a7a8a;
}
.cdl-mm-card__title {
font-size: 1.08rem;
font-weight: 650;
line-height: 1.3;
}
.cdl-mm-card__teaser {
font-size: 0.92rem;
line-height: 1.5;
color: #4a4540;
font-style: italic;
}
.cdl-mm-card__cta {
display: inline-block;
align-self: flex-start;
margin-top: 0.5rem;
padding: 0.35rem 0.75rem;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.02em;
color: #fff !important;
background: var(--cdl-cultural-accent, #6b4c3a);
border-radius: 4px;
font-style: normal;
transition: background 0.2s ease, transform 0.15s ease;
}
.cdl-mm-card:hover .cdl-mm-card__cta,
.cdl-mm-card:focus-within .cdl-mm-card__cta {
background: #4a3829;
} .cdl-mm-listen-grid {
display: grid;
grid-template-columns: 1fr;
gap: 0.85rem;
margin: 1.25rem 0 0 !important;
}
@media (min-width: 520px) {
.cdl-mm-listen-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.cdl-mm-listen-card {
margin: 0 !important;
padding: 1rem 1.05rem;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
border-radius: 10px;
background: #faf8f5;
transition: box-shadow 0.2s ease;
}
.cdl-mm-listen-card:hover,
.cdl-mm-listen-card:focus-within {
box-shadow: 0 3px 12px rgba(44, 40, 37, 0.05);
}
.cdl-mm-listen-card h3 {
font-size: 0.98rem;
margin: 0 0 0.45rem !important;
line-height: 1.35;
}
.cdl-mm-listen-card__short {
margin: 0 0 0.5rem !important;
font-size: 0.92rem;
line-height: 1.55;
color: #4a4540;
}
.cdl-mm-listen-card__repere {
margin: 0 !important;
font-size: 0.84rem;
line-height: 1.5;
color: #5a6b63;
} .cdl-mm-journey-grid {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin: 1.25rem 0 0 !important;
}
.cdl-mm-journey-card {
flex: 1 1 100%;
margin: 0 !important;
padding: 1.1rem 1.15rem;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
border-radius: 10px;
background: #fff;
}
@media (min-width: 640px) {
.cdl-mm-journey-card {
flex: 1 1 calc(33.333% - 0.67rem);
}
}
.cdl-mm-journey-card--eau {
border-top: 3px solid #2a7a8a;
}
.cdl-mm-journey-card--rumba {
border-top: 3px solid #5a6b63;
}
.cdl-mm-journey-card--rythme {
border-top: 3px solid #c9a227;
}
.cdl-mm-journey-card__from {
font-size: 1rem;
margin: 0 0 0.5rem !important;
}
.cdl-mm-journey-card p {
margin: 0 0 0.65rem !important;
font-size: 0.92rem;
line-height: 1.55;
}
.cdl-mm-journey-card__links {
font-size: 0.9rem;
line-height: 1.65;
}
.cdl-mm-journey-card__links a {
display: inline-block;
margin-bottom: 0.15rem;
}
.cdl-mm-journey-card__cta {
display: inline-block;
font-size: 0.88rem;
font-weight: 600;
padding: 0.3rem 0;
border-bottom: 1px solid color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 40%, transparent);
text-decoration: none !important;
}
.cdl-mm-journey-card__cta-wrap {
margin: 0.5rem 0 0 !important;
} .cdl-mm-traj-grid {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
margin: 1.25rem 0 0 !important;
width: 100%;
max-width: 100%;
}
@media (min-width: 640px) {
.cdl-mm-traj-grid {
grid-template-columns: repeat(6, 1fr);
gap: 0.85rem;
}
.cdl-mm-traj-card {
grid-column: span 2;
}
.cdl-mm-traj-card:nth-child(4) {
grid-column: 2 / span 2;
}
.cdl-mm-traj-card:nth-child(5) {
grid-column: 4 / span 2;
}
}
.cdl-mm-traj-card {
margin: 0 !important;
min-width: 0;
max-width: 100%;
}
.cdl-mm-traj-card p {
margin: 0 !important;
height: 100%;
}
.cdl-mm-traj-card__link {
display: flex;
flex-direction: column;
gap: 0.35rem;
height: 100%;
min-height: 5.5rem;
padding: 0.95rem 1rem 0.85rem;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
border-radius: 10px;
text-decoration: none !important;
color: #2c2825 !important;
background: #fff;
box-shadow: 0 1px 0 rgba(44, 40, 37, 0.04);
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
box-sizing: border-box;
}
.cdl-mm-traj-card__link:hover,
.cdl-mm-traj-card__link:focus-visible {
border-color: color-mix(in srgb, #5a6b63 35%, #e8e4df);
box-shadow: 0 4px 14px rgba(44, 40, 37, 0.06);
transform: translateY(-1px);
}
.cdl-mm-traj-card--eau .cdl-mm-traj-card__link {
border-top: 3px solid #2a7a8a;
background: linear-gradient(160deg, rgba(42, 122, 138, 0.07) 0%, #fff 55%);
}
.cdl-mm-traj-card--feu .cdl-mm-traj-card__link {
border-top: 3px solid #b85c38;
background: linear-gradient(160deg, rgba(184, 92, 56, 0.08) 0%, #fff 55%);
}
.cdl-mm-traj-card--chemins .cdl-mm-traj-card__link {
border-top: 3px solid #5a6b63;
background: linear-gradient(160deg, rgba(90, 107, 99, 0.08) 0%, #fff 55%);
}
.cdl-mm-traj-card--douceur .cdl-mm-traj-card__link {
border-top: 3px solid #c9a227;
background: linear-gradient(160deg, rgba(201, 162, 39, 0.08) 0%, #fff 55%);
}
.cdl-mm-traj-card--vent .cdl-mm-traj-card__link {
border-top: 3px solid #6b7c8f;
background: linear-gradient(160deg, rgba(107, 124, 143, 0.08) 0%, #fff 55%);
}
.cdl-mm-traj-card__title {
font-size: 1rem;
font-weight: 650;
line-height: 1.25;
}
.cdl-mm-traj-card__mini {
flex: 1;
font-size: 0.84rem;
line-height: 1.45;
color: #4a4540;
}
.cdl-mm-traj-card__arrow {
align-self: flex-end;
font-size: 1rem;
color: var(--cdl-cultural-accent, #6b4c3a);
line-height: 1;
}
.cdl-mm-traj-more {
margin-top: 1.15rem !important;
font-size: 0.9rem;
text-align: center;
} .cdl-mm-explore {
margin: 2.25rem 0 0 !important;
padding: 1.5rem 1.25rem 1.35rem;
border-radius: 12px;
border: 1px solid color-mix(in srgb, #5a6b63 15%, #e8e4df);
background: linear-gradient(175deg, #faf8f5 0%, #fff 100%);
text-align: center;
}
.cdl-mm-explore h2 {
font-size: 1.25rem;
margin-bottom: 0.5rem !important;
}
.cdl-mm-explore > p {
max-width: 36rem;
margin-left: auto !important;
margin-right: auto !important;
font-size: 0.96rem;
color: #4a4540;
}
.cdl-mm-explore__ctas {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.65rem;
margin: 1.15rem 0 0 !important;
}
.cdl-mm-explore__ctas p {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.65rem;
margin: 0 !important;
}
.cdl-mm-explore__btn {
display: inline-block;
padding: 0.55rem 1.1rem;
font-size: 0.88rem;
font-weight: 600;
text-decoration: none !important;
border-radius: 6px;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.cdl-mm-explore__btn--primary {
color: #fff !important;
background: var(--cdl-cultural-accent, #6b4c3a);
border: 1px solid var(--cdl-cultural-accent, #6b4c3a);
}
.cdl-mm-explore__btn--primary:hover,
.cdl-mm-explore__btn--primary:focus-visible {
color: #fff !important;
background: #4a3829;
border-color: #4a3829;
}
.cdl-mm-explore__btn--secondary {
color: var(--cdl-cultural-accent, #6b4c3a) !important;
background: #fff;
border: 1px solid color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 45%, #e8e4df);
}
.cdl-mm-explore__btn--secondary:hover,
.cdl-mm-explore__btn--secondary:focus-visible {
color: #4a3829 !important;
background: rgba(107, 76, 58, 0.06);
border-color: #4a3829;
}
.cdl-mm-listen {
margin: 0 0 1.15rem !important;
padding: 0.85rem 0 0.85rem 1rem;
border-left: 2px solid color-mix(in srgb, #5a6b63 40%, transparent);
}
.cdl-mm-listen h3 {
font-size: 1rem;
margin: 0 0 0.35rem !important;
}
.cdl-mm-listen p {
margin: 0 !important;
font-size: 0.95rem;
line-height: 1.6;
color: #4a4540;
}
.cdl-mm-bridge {
margin: 0 0 1rem !important;
padding: 0.75rem 0;
}
.cdl-mm-bridge__line {
margin: 0 !important;
font-size: 0.96rem;
line-height: 1.65;
}
.cdl-mm-bridge__from {
font-weight: 600;
color: #2c2825;
}
.cdl-mm-bridge__back {
display: inline-block;
margin-top: 0.35rem;
font-size: 0.88rem;
}
.cdl-mm-closing,
.cdl-music-memory-capsule {
margin: 2rem 0 0 !important;
padding: 1.15rem 1.25rem;
border-left: 3px solid #5a6b63;
background: rgba(90, 107, 99, 0.06);
font-size: 0.98rem;
font-style: italic;
}
.cdl-music-memory-proto-card {
margin: 0 0 0.75rem !important;
padding: 0.85rem 1rem;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
border-radius: 8px;
background: #fff;
}
.cdl-music-memory-proto-card a {
text-decoration: none;
color: #2c2825;
}
.cdl-music-memory-proto-card__kind {
font-size: 0.82rem;
opacity: 0.8;
}
.cdl-music-memory-proto-card__teaser {
font-size: 0.88rem;
line-height: 1.45;
}
.cdl-cultural-archive__section--music-memory {
border-left: 3px solid #5a6b63;
padding-left: 0.85rem;
} .cdl-cultural-card--music-memory {
--memory-accent: #5a6b63;
--memory-bg: #f4f2ef;
}
.cdl-cultural-card--music-memory .cdl-cultural-visual--card {
min-height: 3.75rem;
background: color-mix(in srgb, var(--memory-accent) 8%, var(--memory-bg));
}
.cdl-cultural-card--music-memory.cdl-cultural-card--has-thumb .cdl-cultural-visual--placeholder,
.cdl-cultural-card--music-memory.cdl-cultural-card--has-thumb .cdl-cultural-visual__glyph {
display: none !important;
}
.cdl-cultural-card--music-memory.cdl-cultural-card--has-thumb .cdl-cultural-visual--card {
position: relative;
aspect-ratio: 16 / 9;
min-height: 0;
overflow: hidden;
}
.cdl-cultural-card--music-memory.cdl-cultural-card--has-thumb .cdl-cultural-visual--card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.cdl-cultural-card--music-memory.cdl-cultural-card--has-thumb .cdl-cultural-visual--card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--memory-accent) 22%, #1a1816) 100%);
pointer-events: none;
opacity: 0.38;
}
.cdl-cultural-card--music-memory.cdl-cultural-card--has-thumb .cdl-cultural-card__link:hover .cdl-cultural-visual--card img,
.cdl-cultural-card--music-memory.cdl-cultural-card--has-thumb .cdl-cultural-card__link:focus-visible .cdl-cultural-visual--card img {
transform: scale(1.02);
transition: transform 0.35s ease;
} .cdl-cultural-single--music_memory .cdl-cultural-single__header--with-hero {
position: relative;
}
.cdl-memory-hero {
margin: 0 0 1rem;
border-radius: 6px;
overflow: hidden;
position: relative;
}
.cdl-memory-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 40%, color-mix(in srgb, #5a6b63 35%, #12100e) 100%);
pointer-events: none;
z-index: 1;
}
.cdl-memory-hero__depth {
position: absolute;
inset: 0;
box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 8%, transparent);
pointer-events: none;
z-index: 2;
}
.cdl-cultural-single--music_memory .cdl-cultural-single__header--with-hero .cdl-cultural-visual--hero {
aspect-ratio: 16 / 9;
max-height: min(52vw, 22rem);
overflow: hidden;
}
.cdl-cultural-single--music_memory .cdl-cultural-single__header--with-hero .cdl-cultural-visual--hero img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.cdl-cultural-single--music_memory .cdl-cultural-single__header--with-hero .cdl-cultural-single__type,
.cdl-cultural-single--music_memory .cdl-cultural-single__header--with-hero .cdl-cultural-single__title,
.cdl-cultural-single--music_memory .cdl-cultural-single__header--with-hero .cdl-cultural-single__summary {
position: relative;
z-index: 2;
}
@media (max-width: 640px) {
.cdl-cultural-card--music-memory.cdl-cultural-card--has-thumb .cdl-cultural-visual--card {
aspect-ratio: 16 / 9;
}
.cdl-cultural-single--music_memory .cdl-cultural-single__header--with-hero .cdl-cultural-visual--hero {
max-height: none;
}
}
@media (max-width: 640px) {
.cdl-music-memory-capsules {
grid-template-columns: 1fr;
}
.cdl-music-memory-bridge {
padding: 1rem;
}
.cdl-music-memory-page--v2,
.cdl-music-memory-page--v3,
.cdl-music-memory-proto {
padding: 0 1rem 2.5rem;
max-width: 100%;
box-sizing: border-box;
}
.cdl-mm-hero--v3 {
padding: 1.25rem 1rem 1.1rem;
}
.cdl-mm-hero__lead {
font-size: 1.05rem;
}
.cdl-mm-hero__point {
flex: 1 1 100%;
}
.cdl-mm-card {
flex: 1 1 100%;
min-width: 0;
}
.cdl-mm-card__teaser,
.cdl-mm-card__ambience {
word-wrap: break-word;
overflow-wrap: anywhere;
}
.cdl-mm-journey-card {
flex: 1 1 100%;
}
.cdl-mm-traj-grid {
grid-template-columns: 1fr;
}
.cdl-mm-traj-card:nth-child(4),
.cdl-mm-traj-card:nth-child(5) {
grid-column: auto;
}
.cdl-mm-traj-card__mini {
word-wrap: break-word;
overflow-wrap: anywhere;
}
.cdl-mm-explore {
padding: 1.25rem 1rem;
}
.cdl-mm-explore__ctas p {
flex-direction: column;
align-items: stretch;
}
.cdl-mm-explore__btn {
display: block;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.cdl-mm-bridge__line a {
display: inline;
}
} .cdl-circulation-passage {
margin: 1.5rem 0;
padding: 0.85rem 1rem;
border-left: 3px solid color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 40%, transparent);
font-size: 0.95rem;
line-height: 1.6;
font-style: italic;
opacity: 0.92;
}
.cdl-circulation-passage__label {
font-style: normal;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.08em;
opacity: 0.7;
margin-right: 0.35rem;
}
.cdl-circulation-trajectory {
margin: 2rem 0;
padding: 1.25rem 1.3rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
background: linear-gradient(160deg, rgba(107, 76, 154, 0.05) 0%, #fffcf9 55%);
}
.cdl-circulation-trajectory__label {
margin: 0 0 0.35rem !important;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.75;
}
.cdl-circulation-trajectory__title {
margin: 0 0 0.5rem !important;
font-size: 1.1rem !important;
}
.cdl-circulation-trajectory__theme,
.cdl-circulation-trajectory__intro {
margin: 0 0 0.65rem !important;
font-size: 0.92rem;
line-height: 1.55;
}
.cdl-circulation-trajectory__next-link {
font-weight: 600;
color: var(--cdl-cultural-accent, #6b4c3a);
text-decoration: none;
}
.cdl-circulation-trajectory__next-link:hover,
.cdl-circulation-trajectory__next-link:focus-visible {
text-decoration: underline;
}
.cdl-circulation-trajectory__map {
margin-top: 0.85rem;
font-size: 0.88rem;
}
.cdl-circulation-trajectory__list {
margin: 0.5rem 0 0;
padding-left: 1.25rem;
}
.cdl-circulation-trajectory__item.is-current {
font-weight: 600;
}
.cdl-circulation-trajectory__why {
display: block;
font-size: 0.82rem;
opacity: 0.85;
margin-top: 0.15rem;
}
.cdl-circulation-block {
margin: 1.75rem 0;
padding: 1.15rem 1.2rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
background: #faf9f7;
}
.cdl-circulation-block__title {
margin: 0 0 0.45rem !important;
font-size: 1rem !important;
}
.cdl-circulation-block__intro {
margin: 0 0 0.85rem !important;
font-size: 0.9rem;
line-height: 1.5;
opacity: 0.9;
}
.cdl-circulation-chain {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 0.55rem;
}
.cdl-circulation-chain__link {
display: flex;
flex-direction: column;
gap: 0.15rem;
padding: 0.75rem 0.85rem;
border-radius: 8px;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
background: #fff;
text-decoration: none !important;
color: #2c2825 !important;
min-height: 100%;
box-sizing: border-box;
transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.cdl-circulation-chain__link:hover,
.cdl-circulation-chain__link:focus-visible {
border-color: color-mix(in srgb, var(--cdl-cultural-accent, #6b4c3a) 35%, #e8e4df);
box-shadow: 0 3px 12px rgba(44, 40, 37, 0.06);
}
.cdl-circulation-chain__kind {
font-size: 0.62rem;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.72;
}
.cdl-circulation-chain__title {
font-weight: 600;
font-size: 0.88rem;
}
.cdl-circulation-chain__teaser {
font-size: 0.78rem;
line-height: 1.4;
opacity: 0.88;
}
.cdl-circulation-after {
margin: 1.5rem 0 0;
padding-top: 1rem;
border-top: 1px dashed var(--cdl-cultural-border, #e8e4df);
}
.cdl-circulation-after__line {
margin: 0 !important;
font-size: 0.92rem;
}
.cdl-circulation-archive {
margin: 0 0 2rem;
padding: 1.25rem 1.3rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
}
.cdl-circulation-archive__title {
margin: 0 0 0.5rem !important;
font-size: 1.2rem !important;
}
.cdl-circulation-archive__intro {
margin: 0 0 1rem !important;
max-width: 42rem;
line-height: 1.55;
}
.cdl-circulation-archive__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.5rem;
}
.cdl-circulation-archive__link {
display: block;
padding: 0.65rem 0.75rem;
border-radius: 8px;
text-decoration: none;
color: #2c2825;
border: 1px solid transparent;
}
.cdl-circulation-archive__link:hover,
.cdl-circulation-archive__link:focus-visible {
border-color: var(--cdl-cultural-border, #e8e4df);
background: #fff;
}
.cdl-circulation-archive__theme {
display: block;
font-size: 0.85rem;
opacity: 0.85;
margin-top: 0.2rem;
}
@media (max-width: 640px) {
.cdl-circulation-chain {
grid-template-columns: 1fr;
}
.cdl-circulation-trajectory,
.cdl-circulation-block {
padding: 1rem;
}
} .cdl-resonance {
margin: 2rem 0 1.75rem;
padding: 0.85rem 0 0.85rem 1rem;
max-width: 28rem;
border-left: 2px solid color-mix(in srgb, #5a6b63 28%, #e8e4df);
background: color-mix(in srgb, #faf8f5 88%, transparent);
}
.cdl-resonance__title {
margin: 0 0 0.55rem;
font-size: 0.92rem;
line-height: 1.55;
font-style: italic;
color: #5a554f;
}
.cdl-resonance__links {
margin: 0;
padding: 0;
list-style: none;
}
.cdl-resonance__item {
margin: 0.2rem 0;
}
.cdl-resonance__link {
font-size: 0.88rem;
font-weight: 500;
text-decoration: none;
color: #3d4a44;
border-bottom: 1px solid color-mix(in srgb, #3d4a44 25%, transparent);
}
.cdl-resonance__link:hover,
.cdl-resonance__link:focus-visible {
color: #1f2a26;
border-bottom-color: currentColor;
}
.cdl-cultural-single--orisha .cdl-resonance {
margin-left: 0;
}
@media (max-width: 480px) {
.cdl-resonance {
max-width: 100%;
padding: 0.75rem 0 0.75rem 0.85rem;
margin: 1.5rem 0 1.25rem;
}
.cdl-resonance__links {
display: flex;
flex-direction: column;
gap: 0.15rem;
}
} .cdl-trace {
margin: 1.35rem 0 1.15rem;
padding: 0.65rem 0 0.65rem 0.85rem;
max-width: 26rem;
border-left: 2px solid color-mix(in srgb, #6a6258 22%, #e8e4df);
background: color-mix(in srgb, #f7f4ef 92%, transparent);
}
.cdl-trace__text {
margin: 0;
font-size: 0.86rem;
line-height: 1.5;
font-style: italic;
color: #6a645c;
}
.cdl-cultural-single--orisha .cdl-trace,
.cdl-cultural-single--music_memory .cdl-trace {
margin-left: 0;
}
@media (max-width: 480px) {
.cdl-trace {
max-width: 100%;
margin: 1rem 0 0.9rem;
padding: 0.55rem 0 0.55rem 0.75rem;
}
.cdl-trace__text {
font-size: 0.84rem;
line-height: 1.48;
}
} @media (max-width: 390px) {
.cdl-cultural-explore-next,
.cdl-cultural-player-bridge,
.cdl-music-memory-bridge,
.cdl-circulation-trajectory,
.cdl-circulation-block,
.cdl-cultural-explore--unified,
.cdl-cultural-bridge,
.cdl-cultural-path-context,
.cdl-cultural-path-recommend,
.cdl-resonance,
.cdl-trace {
margin-top: 1.1rem;
margin-bottom: 1.1rem;
}
.cdl-cultural-explore--unified {
padding: 1rem 1.05rem;
}
.cdl-circulation-block__intro,
.cdl-cultural-explore__lead {
font-size: 0.9rem;
line-height: 1.45;
}
.cdl-circulation-trajectory__intro {
font-size: 0.92rem;
}
} .cdl-cultural-archive.cdl-archive.cdl-archive-v4 {
max-width: var(--cdl-cultural-archive-max);
margin-left: auto;
margin-right: auto;
padding-left: clamp(1rem, 2.5vw, 2rem);
padding-right: clamp(1rem, 2.5vw, 2rem);
box-sizing: border-box;
}
.cdl-cultural-archive__header {
margin-bottom: 0.5rem;
}
.cdl-cultural-archive__intro,
.cdl-cultural-archive__hub-cta,
.cdl-cultural-start-hub__intro,
.cdl-cultural-paths-index__intro,
.cdl-cultural-guided-hub__intro,
.cdl-circulation-archive__intro {
max-width: var(--cdl-cultural-prose);
}
.cdl-orisha-intro,
.cdl-instrument-intro,
.cdl-rhythm-intro,
.cdl-concept-intro,
.cdl-orisha-colors-note {
max-width: none;
width: 100%;
box-sizing: border-box;
}
.cdl-orisha-intro p,
.cdl-instrument-intro p,
.cdl-rhythm-intro p,
.cdl-concept-intro p {
max-width: var(--cdl-cultural-prose);
}
.cdl-cultural-archive__section {
margin-top: var(--cdl-cultural-section-gap, 2.25rem);
padding-top: 0.25rem;
}
.cdl-cultural-archive__section-title {
margin-bottom: 1.15rem;
}
.cdl-cultural-grid {
gap: 1.15rem 1.25rem;
}
.cdl-cultural-card {
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.cdl-cultural-card:hover,
.cdl-cultural-card:focus-within {
border-color: color-mix(in srgb, var(--cdl-cultural-accent) 22%, var(--cdl-cultural-border));
box-shadow: 0 8px 24px rgba(40, 35, 28, 0.06);
}
.cdl-circulation-archive {
width: 100%;
box-sizing: border-box;
}
.cdl-circulation-archive__intro {
max-width: var(--cdl-cultural-prose);
margin-bottom: 1.25rem !important;
}
.cdl-circulation-archive__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 1rem 1.15rem;
margin: 0;
padding: 0;
list-style: none;
}
.cdl-circulation-archive__card {
margin: 0;
height: 100%;
}
.cdl-circulation-archive__link {
display: flex;
flex-direction: column;
gap: 0.4rem;
min-height: 100%;
padding: 1rem 1.1rem;
border-radius: 10px;
border: 1px solid var(--cdl-cultural-border, #e8e4df);
background: rgba(255, 255, 255, 0.65);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.cdl-circulation-archive__link:hover,
.cdl-circulation-archive__link:focus-visible {
border-color: color-mix(in srgb, var(--cdl-cultural-accent) 25%, var(--cdl-cultural-border));
background: #fff;
box-shadow: 0 10px 28px rgba(40, 35, 28, 0.07);
outline: none;
}
.cdl-circulation-archive__link-title {
display: block;
font-size: 1.02rem;
font-weight: 600;
line-height: 1.35;
color: #2a2622;
}
.cdl-circulation-archive__theme {
display: block;
font-size: 0.78rem;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: rgba(90, 82, 72, 0.78);
margin-top: 0;
}
.cdl-circulation-archive__teaser {
display: block;
font-size: 0.88rem;
line-height: 1.55;
color: rgba(48, 44, 38, 0.82);
margin: 0.15rem 0 0;
flex: 1;
}
.cdl-circulation-archive__list--legacy {
display: grid;
gap: 0.5rem;
}
@media (max-width: 900px) {
.cdl-circulation-archive__grid {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
}
@media (max-width: 640px) {
.cdl-cultural-archive.cdl-archive.cdl-archive-v4 {
padding-left: 1rem;
padding-right: 1rem;
}
.cdl-circulation-archive__grid {
grid-template-columns: 1fr;
}
} .cdl-cultural-archive__header {
padding-bottom: 0.35rem;
}
.cdl-cultural-archive__header .cdl-cultural-archive__title {
margin-bottom: 0.65rem;
}
.cdl-cultural-archive__header .cdl-cultural-archive__intro {
margin-top: 0;
margin-bottom: 1.35rem;
}
.cdl-cultural-universe-filter {
margin-top: 0.15rem;
margin-bottom: 1.75rem;
}
.cdl-cultural-guided-hub {
margin-top: var(--cdl-cultural-section-gap, 2.25rem);
}
.cdl-cultural-guided-hub__intro {
margin-bottom: 1.35rem;
}
@media (min-width: 1200px) {
.cdl-cultural-archive.cdl-archive.cdl-archive-v4 {
padding-left: clamp(1.25rem, 3vw, 2.5rem);
padding-right: clamp(1.25rem, 3vw, 2.5rem);
}
.cdl-cultural-archive__section {
margin-top: 2.5rem;
}
}