.actividad-detalle { color: #243746; font-family: var(--font-primary, "DM Sans", sans-serif); }
.actividad-detalle__hero { background: rgb(117 133 146 / 10%); padding: 2.5rem 0 1.5625rem; }
.actividad-detalle__layout { align-items: center; display: grid; grid-template-columns: minmax(0, 45.875rem) minmax(0, 33.625rem); justify-content: center; margin: 0 auto; max-width: 79.5rem; }
.actividad-detalle__content { display: flex; flex-direction: column; gap: .9375rem; min-width: 0; }
.actividad-detalle__badges { align-items: flex-start; display: flex; flex-wrap: wrap; gap: .9375rem; }
.actividad-detalle__tag, .actividad-detalle__open { background: #fff; border: 1px solid #d6d1ca; border-radius: 6.25rem; color: #243746; font-size: .8125rem; font-weight: 400; line-height: 1; padding: .3125rem .625rem; }
.actividad-detalle__open { align-items: center; border-color: #16a34a; color: #16a34a; display: inline-flex; gap: .3125rem; }
.actividad-detalle__open > span { background: currentColor; border-radius: 50%; height: .375rem; width: .375rem; }
.actividad-detalle__title { color: #0f1821; font-size: 2.25rem; font-weight: 700; letter-spacing: -.05625rem; line-height: 1.222; margin: 0; }
.actividad-detalle__description { color: #243746; font-size: 1rem; font-weight: 400; line-height: 1.25; }
.actividad-detalle__description > :first-child { margin-top: 0; }
.actividad-detalle__description > :last-child { margin-bottom: 0; }
.actividad-detalle__data { display: flex; flex-wrap: wrap; gap: .9375rem; margin: 0; }
.actividad-detalle__data-item { align-items: center; display: flex; gap: .5625rem; min-width: 11.25rem; }
.actividad-detalle__data-item > img { flex: 0 0 1.75rem; height: 1.75rem; object-fit: contain; width: 1.75rem; }
.actividad-detalle__data-item dt, .actividad-detalle__data-item dd { font-size: 1rem; line-height: 1; margin: 0; }
.actividad-detalle__data-item dt { font-weight: 800; margin-bottom: .125rem; }
.actividad-detalle__data-item dd { font-weight: 400; }
.actividad-detalle__media { background: #fff; border-radius: .5rem; margin: 0; overflow: hidden; }
.actividad-detalle__media img { display: block; height: 21.125rem; object-fit: cover; width: 100%; }
@media (max-width: 1199.98px) { .actividad-detalle__layout { gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(18rem, .75fr); } }
@media (max-width: 991.98px) { .actividad-detalle__hero { padding: 1.5625rem 0; } .actividad-detalle__layout { gap: 1.5625rem; grid-template-columns: 1fr; max-width: 45.875rem; } .actividad-detalle__media { max-width: 24.75rem; width: 100%; } .actividad-detalle__media img { height: auto; aspect-ratio: 396 / 249; } }
@media (max-width: 575.98px) { .actividad-detalle__title { font-size: 1.875rem; font-weight: 600; letter-spacing: 0; line-height: 1.2; } .actividad-detalle__data { flex-direction: column; gap: .9375rem; } .actividad-detalle__data-item { min-width: 0; } }
.actividad-detalle__body-section { background: #fff; padding: 3.125rem 0 5rem; }
.actividad-detalle__body-content { display: flex; flex-direction: column; gap: 1.5625rem; max-width: 46.0625rem; }
.actividad-detalle__section h2 { color: #0f1821; font-size: 2.25rem; font-weight: 500; line-height: 1.2; margin: 0 0 .625rem; }
.actividad-detalle__section-title { font-size: 1.5rem !important; font-weight: 800 !important; }
.actividad-detalle__rich-text, .actividad-detalle__learn, .actividad-detalle__speaker-profile { color: #0f1821; font-size: 1rem; line-height: 1.4; }
.actividad-detalle__rich-text > :first-child, .actividad-detalle__learn > :first-child, .actividad-detalle__speaker-profile > :first-child { margin-top: 0; }
.actividad-detalle__rich-text > :last-child, .actividad-detalle__learn > :last-child, .actividad-detalle__speaker-profile > :last-child { margin-bottom: 0; }
.actividad-detalle__learn ul { display: grid; gap: .625rem; list-style: none; margin: 0; padding: 0; }
.actividad-detalle__learn li { align-items: center; color: #243746; display: flex; font-size: 1rem; font-weight: 800; gap: .625rem; }
.actividad-detalle__learn li::before { align-items: center; border: 1px solid #ce0019; border-radius: 50%; color: #ce0019; content: "✓"; display: inline-flex; flex: 0 0 1.75rem; font-size: .875rem; height: 1.75rem; justify-content: center; }
.actividad-detalle__speaker-section { padding-top: .9375rem; }
.actividad-detalle__speaker-card { border-radius: .5rem; box-shadow: -.25rem -.25rem .625rem rgb(0 0 0 / 2%), .5rem .5rem .625rem rgb(0 0 0 / 6%); margin-top: 1.5625rem; padding: .9375rem; }
.actividad-detalle__speaker-header { align-items: center; border-bottom: 1px solid #d6d1ca; display: flex; gap: .5625rem; padding-bottom: .9375rem; }
.actividad-detalle__speaker-avatar { border-radius: 50%; height: 5.125rem; object-fit: cover; width: 5.125rem; }
.actividad-detalle__speaker-header h3 { color: #0f1821; font-size: 1rem; font-weight: 800; margin: 0; }
.actividad-detalle__speaker-header p { color: #243746; font-size: .875rem; line-height: 1.25; margin: .125rem 0 0; }
.actividad-detalle__speaker-profile { margin-top: .9375rem; }
.actividad-detalle__figures { display: flex; gap: 2.875rem; margin: .9375rem 0 0; }
.actividad-detalle__figures dt { color: #0f1821; font-size: 1.5rem; font-weight: 800; line-height: 1; }
.actividad-detalle__figures dd { color: #243746; font-size: 1rem; line-height: 1.2; margin: .1875rem 0 0; }
@media (max-width: 991.98px) { .actividad-detalle__body-content { max-width: 45.875rem; } }
@media (max-width: 575.98px) { .actividad-detalle__body-section { padding: 1.5625rem 0; } .actividad-detalle__section h2 { font-size: 1.875rem; font-weight: 600; } .actividad-detalle__figures { flex-wrap: wrap; gap: 1.25rem; } }