/* AIY shared design adapters. Palette and font owners: aiy-diseno.css. */
body.aiy-diseno {
  --aiy-radius: 12px; --aiy-control: 6px; --aiy-width: 1180px;
  --aiy-focus: #B5452F; --aiy-scroll: #6D7D8F;
  --aiy-scroll-hover: var(--aiy-blue); --aiy-scroll-active: var(--aiy-blue-dark);
  font-family: var(--aiy-sans); line-height: 1.6; font-style: normal;
}
html:has(body.aiy-diseno) { scrollbar-color: #6D7D8F #FBF8F3; scrollbar-width: auto; scrollbar-gutter: stable; }
body.aiy-diseno, body.aiy-diseno * { scrollbar-color: var(--aiy-scroll) var(--aiy-paper); scrollbar-width: auto; }
body.aiy-diseno ::-webkit-scrollbar { width: 12px; height: 12px; }
body.aiy-diseno ::-webkit-scrollbar-track { background: var(--aiy-paper); }
body.aiy-diseno ::-webkit-scrollbar-thumb { background: var(--aiy-scroll); border: 3px solid var(--aiy-paper); border-radius: 8px; }
body.aiy-diseno ::-webkit-scrollbar-thumb:hover { background: var(--aiy-scroll-hover); }
body.aiy-diseno ::-webkit-scrollbar-thumb:active { background: var(--aiy-scroll-active); }
body.aiy-diseno :is(#aiy-header,#aiy-footer,#aiy-content) :is(a,button,input,textarea,summary,select):focus-visible {
  outline: 3px solid var(--aiy-focus) !important; outline-offset: 4px !important;
}
body.aiy-diseno :is(#aiy-header,#aiy-footer,#aiy-content) :is(a,button,summary) { cursor: pointer; }
body.aiy-diseno :is(#aiy-header,#aiy-content) button:disabled { cursor: default !important; opacity: .65; }
body.aiy-diseno #aiy-content :is(h1,h2,h3,section,details)[id] { scroll-margin-top: 148px !important; }
body.aiy-diseno #aiy-content :is(aside,.aiy-side) { font-style: normal !important; line-height: 1.6 !important; }
body.aiy-diseno #aiy-header { background: var(--aiy-paper) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.aiy-diseno #aiy-header .aiy-h-wrap,
body.aiy-diseno #aiy-footer .aiy-f-wrap { width: min(var(--aiy-width),calc(100% - 64px)) !important; }
body.aiy-diseno #aiy-header .aiy-h-wrap { height: 108px !important; gap: 28px !important; }
body.aiy-diseno #aiy-header .aiy-nav-list { gap: 28px !important; }
body.aiy-diseno #aiy-header .aiy-icon-btn { flex: 0 0 44px !important; border-radius: var(--aiy-control) !important; background: var(--aiy-sheet) !important; }
body.aiy-diseno #aiy-header .aiy-icon-btn:hover { background: var(--aiy-soft) !important; }
body.aiy-diseno #aiy-header .aiy-search-panel form { flex-wrap: wrap !important; height: auto !important; }
body.aiy-diseno #aiy-header .aiy-search-panel input { flex: 1 1 180px !important; min-width: 0 !important; }
body.aiy-diseno #aiy-header .aiy-search-panel button { min-height: 44px !important; border-radius: var(--aiy-control) !important; }
body.aiy-diseno #aiy-header .aiy-search-panel .aih-search-clear {
  flex: 0 0 44px !important; width: 44px !important; height: 44px !important;
  padding: 0 !important; background: var(--aiy-sheet) !important; color: var(--aiy-blue) !important;
  border: 1px solid var(--aiy-blue) !important; font-size: 24px !important;
}
body.aiy-diseno .aih-search-clear.is-empty { visibility: hidden !important; }
body.aiy-diseno #aiy-footer { padding: 64px 0 28px !important; }
body.aiy-diseno #aiy-footer .aiy-f-cols { gap: 40px !important; }
body.aiy-diseno #aiy-footer .aiy-f-title { color: var(--aiy-mark) !important; font-size: 15px !important; letter-spacing: .03em !important; }
body.aiy-diseno #aiy-footer a:focus-visible { outline-color: var(--aiy-mark) !important; }
/* Course and reading indexes: same hero rhythm, flat lesson rows and stored checks. */
body.aiy-diseno #aiy-content #aiy-home,
body.aiy-diseno #aiy-content #aiy-info {
  --paper: var(--aiy-paper); --sheet: var(--aiy-sheet); --ink: var(--aiy-ink);
  --muted: var(--aiy-muted); --line: var(--aiy-line); --blue: var(--aiy-blue);
  --blue-dark: var(--aiy-blue-dark); --blue-soft: var(--aiy-soft); --soft: var(--aiy-soft);
  --mark: var(--aiy-mark); --serif: var(--aiy-serif); --sans: var(--aiy-sans);
}
body.aiy-diseno #aiy-content #aiy-home {
  width: 100% !important; max-width: 100% !important; min-width: 0 !important;
  margin: 0 !important; overflow: visible !important; font-size: 18px !important; line-height: 1.6 !important;
}
body.aiy-diseno #aiy-content #aiy-home .aiy-wrap { width: min(var(--aiy-width),calc(100% - 64px)) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-hero .aiy-wrap {
  grid-template-columns: minmax(0,1.28fr) minmax(0,1fr) !important;
  gap: 70px !important; padding: 74px 0 64px !important; align-items: center !important;
}
body.aiy-diseno #aiy-content #aiy-home h1 { font-size: clamp(44px,4.65vw,66px) !important; line-height: 1.16 !important; letter-spacing: -.035em !important; }
body.aiy-diseno #aiy-content #aiy-home h2 { font-size: clamp(30px,3vw,42px) !important; line-height: 1.16 !important; letter-spacing: -.035em !important; }
body.aiy-diseno #aiy-content #aiy-home h3 { font: 700 24px/1.25 var(--aiy-sans) !important; letter-spacing: -.015em !important; }
body.aiy-diseno #aiy-content #aiy-home h1 em { color: var(--aiy-blue) !important; font-weight: 400 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-lead { font-size: 22px !important; line-height: 1.5 !important; max-width: 42ch !important; margin: 24px 0 28px !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-section { padding: 84px 0 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-tight { padding-top: 0 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-head { margin-bottom: 34px !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet {
  padding: 28px !important; border: 1px solid var(--aiy-blue) !important;
  border-radius: var(--aiy-radius) !important; background: var(--aiy-blue) !important;
  background-image: none !important; box-shadow: none !important; color: var(--aiy-sheet) !important;
}
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet::before { content: none !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet :is(p,.aiy-tr,.aiy-x,.aiy-sent,.aiy-card-tag) { color: var(--aiy-sheet) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet :is(ul,ol,li) { color: var(--aiy-sheet) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet .aiy-ready li { display: block !important; position: relative !important; padding: 3px 0 3px 34px !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet .aiy-ready li svg { color: inherit !important; stroke: currentColor !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet .aiy-ready li svg { position: absolute !important; left: 0 !important; top: .45em !important; width: 20px !important; height: 20px !important; margin: 0 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet .aiy-play[data-listen] { min-width: min(13rem,100%) !important; justify-content: center !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet .aiy-ask { font-size: 16px !important; line-height: 1.5 !important; padding-bottom: 20px !important; margin-bottom: 20px !important; border-bottom: 1px solid #667C96 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet :is(.aiy-mark,mark) { background: var(--aiy-mark) !important; color: var(--aiy-ink) !important; border-radius: 2px !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet .aiy-word { font-family: var(--aiy-serif) !important; font-size: clamp(36px,4vw,54px) !important; font-weight: 400 !important; line-height: 1.2 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet :is(.aiy-opts button,.aiy-pair button,.aiy-accent button,.aiy-play) {
  border-radius: var(--aiy-control) !important; background: var(--aiy-sheet) !important;
  color: var(--aiy-blue) !important; border: 1px solid var(--aiy-sheet) !important; min-height: 44px !important;
}
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet :is(.aiy-opts button,.aiy-pair button,.aiy-accent button,.aiy-play):hover { background: var(--aiy-mark) !important; color: var(--aiy-ink) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet :is(.aiy-accent button[aria-pressed="true"],.aiy-play[aria-pressed="true"]) { background: var(--aiy-mark) !important; color: var(--aiy-ink) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet :is(.aiy-play span,.aiy-pair button span) { color: inherit !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet :is(.aiy-textlink,.aiy-linkbtn) { color: var(--aiy-sheet) !important; text-decoration: underline !important; text-underline-offset: 4px !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet :is(.aiy-sheet-actions,.aiy-sample li) { border-color: #667C96 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet .aiy-sent:hover { background: #334F70 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet :is(.aiy-s,.aiy-story-title) { color: var(--aiy-sheet) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet .aiy-s:hover { background: #334F70 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-player { border-radius: var(--aiy-radius) var(--aiy-radius) 0 0 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-player + .aiy-sheet { border-radius: 0 0 var(--aiy-radius) var(--aiy-radius) !important; }
body.aiy-diseno #aiy-content #aiy-home :is(.aiy-imgbox,.aiy-toc,.aiy-gp,.aiy-err) { border-radius: var(--aiy-radius) !important; box-shadow: none !important; }
body.aiy-diseno #aiy-content #aiy-home :is(.aiy-speed button,.aiy-meta span,.aiy-say) { border-radius: var(--aiy-control) !important; }
body.aiy-diseno #aiy-content #aiy-home :is(.aiy-speed button,.aiy-say) { min-height: 44px !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet .aiy-dot { background: #667C96 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet .aiy-dot.is-active { background: var(--aiy-mark) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-sheet :is(button,a):focus-visible { outline-color: var(--aiy-mark) !important; }
body.aiy-diseno #aiy-content #aiy-home :is(.aiy-btn,.aiy-filters button,.aiy-opts button,.aiy-play) { border-radius: var(--aiy-control) !important; min-height: 44px !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-level { padding: 64px 0 24px !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-level-head { border-top-width: 2px !important; padding-top: 26px !important; margin-bottom: 26px !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-guides { gap: 0 40px !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-guide { min-width: 0 !important; padding: 20px 0 !important; box-shadow: none !important; }
/* Keep each lesson counter together, including two-digit numbers. */
body.aiy-diseno #aiy-content #aiy-home .aiy-guide::before { white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; font-variant-numeric: tabular-nums !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-guide > div { min-width: 0 !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-guide a { font: 700 22px/1.3 var(--aiy-sans) !important; overflow-wrap: anywhere !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-guide a:hover { text-decoration: underline !important; text-underline-offset: 5px !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-guide-tag { font-size: 14px !important; color: var(--aiy-muted) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-check { width: 44px !important; height: 44px !important; border-radius: var(--aiy-control) !important; border: 1px solid var(--aiy-muted) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-check:hover { background: var(--aiy-soft) !important; border-color: var(--aiy-blue) !important; color: var(--aiy-blue) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-check[aria-pressed="true"] { background: var(--aiy-blue) !important; color: var(--aiy-sheet) !important; border-color: var(--aiy-blue) !important; }
body.aiy-diseno #aiy-content #aiy-home :is(.aiy-level-card,.aiy-step,.aiy-card,.aiy-callout,.aiy-route) { border-radius: var(--aiy-radius) !important; box-shadow: none !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-q { border-top: 1px solid var(--aiy-line) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-q summary { font: 700 20px/1.4 var(--aiy-sans) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-search { min-width: 0 !important; position: relative !important; padding-right: 48px !important; border-radius: var(--aiy-control) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-search .aiy-system-clear { position: absolute !important; right: 2px !important; top: 50% !important; transform: translateY(-50%); width: 44px !important; height: 44px !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: var(--aiy-blue) !important; font: 24px/1 var(--aiy-sans) !important; cursor: pointer !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-search .aiy-system-clear:hover { background: var(--aiy-soft) !important; }
body.aiy-diseno #aiy-content #aiy-home .aiy-search .aiy-system-clear.is-empty { visibility: hidden !important; }
/* Institutional pages preserve their authoritative wording and reading measure. */
body.aiy-diseno #aiy-content #aiy-info { width: min(880px,calc(100% - 64px)) !important; max-width: 880px !important; padding: 74px 0 84px !important; }
body.aiy-diseno #aiy-content #aiy-info .aiy-info-head { padding-bottom: 34px !important; margin-bottom: 36px !important; }
body.aiy-diseno #aiy-content #aiy-info h1 { font-size: clamp(40px,4.65vw,62px) !important; line-height: 1.16 !important; letter-spacing: -.035em !important; }
body.aiy-diseno #aiy-content #aiy-info h2 { font-size: clamp(28px,3vw,36px) !important; line-height: 1.22 !important; letter-spacing: -.025em !important; }
body.aiy-diseno #aiy-content #aiy-info h3 { font: 700 22px/1.3 var(--aiy-sans) !important; color: var(--aiy-ink) !important; }
body.aiy-diseno #aiy-content #aiy-info .aiy-info-lead { font-size: 22px !important; line-height: 1.5 !important; }
body.aiy-diseno #aiy-content #aiy-info :is(.aiy-info-summary,.aiy-info-card,.aiy-info-note) { border-radius: var(--aiy-radius) !important; box-shadow: none !important; }
body.aiy-diseno #aiy-content #aiy-info .aiy-info-summary { background: var(--aiy-soft) !important; border: 1px solid var(--aiy-line) !important; padding: 28px !important; }
body.aiy-diseno #aiy-content #aiy-info section { margin-bottom: 44px !important; }
/* Single template and article adapters. Table/audio mechanics remain article-owned. */
body.aiy-diseno #aiy-content .aiy-single.has-sidebar { width: min(var(--aiy-width),calc(100% - 64px)) !important; grid-template-columns: minmax(0,1fr) 300px !important; gap: 56px !important; }
body.aiy-diseno #aiy-content :is(.aiy-a-head,.aiy-prose,.aiy-a-cover,.aiy-related,.aiy-comments,.aiy-rec,.aiy-share,.aiy-author) { max-width: 100% !important; }
body.aiy-diseno #aiy-content .aiy-a-title { font: 600 clamp(40px,4.65vw,62px)/1.16 var(--aiy-serif) !important; letter-spacing: -.035em !important; }
body.aiy-diseno #aiy-content .aiy-article .aiy-prose :is(#ay-leccion,.ps-article,#aiy-lesson,.aiy-lesson,.aiy-reading,[id^="aiy-reading"]) {
  --tinta: var(--aiy-ink); --suave: var(--aiy-muted); --pizarra: var(--aiy-blue);
  --pizarra-claro: var(--aiy-soft); --resaltador: var(--aiy-mark); --papel: var(--aiy-sheet); --borde: var(--aiy-line);
  --ink: var(--aiy-ink); --muted: var(--aiy-muted); --blue: var(--aiy-blue); --soft: var(--aiy-soft); --line: var(--aiy-line); --paper: var(--aiy-paper); --sheet: var(--aiy-sheet); --mark: var(--aiy-mark);
  font-family: var(--aiy-sans) !important; font-style: normal !important;
}
body.aiy-diseno #aiy-content .aiy-article .aiy-prose :is(h1,h2) { font-family: var(--aiy-serif) !important; font-weight: 600 !important; line-height: 1.22 !important; color: var(--aiy-ink) !important; letter-spacing: -.025em !important; }
body.aiy-diseno #aiy-content .aiy-article .aiy-prose h1 { font-size: clamp(40px,4.65vw,62px) !important; }
body.aiy-diseno #aiy-content .aiy-article .aiy-prose h2 { font-size: clamp(28px,3vw,36px) !important; }
body.aiy-diseno #aiy-content .aiy-article .aiy-prose h3 { font: 700 22px/1.3 var(--aiy-sans) !important; color: var(--aiy-ink) !important; }
body.aiy-diseno #aiy-content .aiy-article .aiy-prose :is(.ay-nota,.ay-resumen,.ay-col,.ay-cierre,.step-card,.callout,.aiy-callout,.aiy-note) { border-radius: var(--aiy-radius) !important; box-shadow: none !important; }
body.aiy-diseno #aiy-content .aiy-article .aiy-prose :is(mark,.ay-resaltado) { background: var(--aiy-mark) !important; color: var(--aiy-ink) !important; }
body.aiy-diseno #aiy-content .aiy-article .aiy-prose :is(th,thead td) { background: var(--aiy-blue) !important; color: var(--aiy-sheet) !important; }
body.aiy-diseno #aiy-content .aiy-side-box { border-radius: var(--aiy-radius) !important; background: var(--aiy-sheet) !important; }
body.aiy-diseno #aiy-content .aiy-side-title { font: 700 20px/1.3 var(--aiy-sans) !important; color: var(--aiy-blue) !important; }
body.aiy-diseno #aiy-content .aiy-side-name { display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; font: 700 17px/1.35 var(--aiy-sans) !important; }
/* Article sidebar: one shared reading list and named social destinations. */
body.aiy-diseno #aiy-content .aiy-side-inner { gap: 20px !important; }
body.aiy-diseno #aiy-content .aiy-side-list a {
  display: block !important; min-height: 44px !important;
  border-radius: var(--aiy-control) !important; padding: 2px 0 !important;
}
body.aiy-diseno #aiy-content .aiy-side-list a:active .aiy-side-name { color: var(--aiy-blue-dark) !important; }
body.aiy-diseno #aiy-content .aiy-side-social {
  display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important;
}
body.aiy-diseno #aiy-content .aiy-side-social a {
  width: 100% !important; min-height: 48px !important; height: auto !important;
  justify-content: flex-start !important; gap: 8px !important; padding: 10px 8px !important;
  border-radius: var(--aiy-control) !important; background: var(--aiy-sheet) !important;
  font: 600 15px/1.3 var(--aiy-sans) !important; white-space: nowrap !important;
}
body.aiy-diseno #aiy-content .aiy-side-social .aiy-ico { flex: 0 0 18px !important; width: 18px !important; height: 18px !important; }
body.aiy-diseno #aiy-content .aiy-side-social a:hover,
body.aiy-diseno #aiy-content .aiy-side-social a:active { background: var(--aiy-blue) !important; color: var(--aiy-sheet) !important; border-color: var(--aiy-blue) !important; }
body.aiy-diseno #aiy-content .aiy-side-explore { background: var(--aiy-blue) !important; border-color: var(--aiy-blue) !important; }
body.aiy-diseno #aiy-content .aiy-side-explore .aiy-side-title { color: var(--aiy-mark) !important; border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 14px !important; }
body.aiy-diseno #aiy-content .aiy-side-sections,
body.aiy-diseno #aiy-content .aiy-side-sections li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.aiy-diseno #aiy-content .aiy-side-sections li::before { content: none !important; }
body.aiy-diseno #aiy-content .aiy-side-sections a {
  display: flex !important; align-items: center !important; min-height: 44px !important;
  padding: 10px 12px !important; margin: 0 -12px !important; border-radius: var(--aiy-control) !important;
  color: var(--aiy-sheet) !important; font: 600 17px/1.35 var(--aiy-sans) !important; text-decoration: none !important;
}
body.aiy-diseno #aiy-content .aiy-side-sections a:hover { background: var(--aiy-blue-dark) !important; color: var(--aiy-sheet) !important; }
body.aiy-diseno #aiy-content .aiy-side-sections a:active,
body.aiy-diseno #aiy-content .aiy-side-sections a[aria-current] { background: var(--aiy-mark) !important; color: var(--aiy-ink) !important; }
body.aiy-diseno #aiy-content .aiy-side-sections a:focus-visible { outline-color: var(--aiy-mark) !important; }
/* Full-width reading articles keep their reading layout and share the sidebar below. */
body.aiy-diseno #aiy-content .aiy-single.has-sidebar:has(#aiy-home) > .aiy-side {
  display: block !important; width: min(var(--aiy-width),calc(100% - 64px)) !important;
  margin: 0 auto !important; padding: 32px 0 56px !important;
}
body.aiy-diseno #aiy-content .aiy-single.has-sidebar:has(#aiy-home) > .aiy-side .aiy-side-inner {
  display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; align-items: start !important;
}
body.aiy-diseno #aiy-content :is(.aiy-rec,.aiy-author) { border-radius: var(--aiy-radius) !important; box-shadow: none !important; }
body.aiy-diseno #aiy-content :is(.aiy-rec-btn,.aiy-share a,.aiy-share button,.aiy-cmt-submit,.aiy-inline-search button) { border-radius: var(--aiy-control) !important; min-height: 44px !important; }
body.aiy-diseno #aiy-content .aiy-rec-btn { border: 1px solid var(--aiy-blue) !important; color: var(--aiy-blue) !important; background: var(--aiy-sheet) !important; }
body.aiy-diseno #aiy-content .aiy-rec-btn:hover,
body.aiy-diseno #aiy-content .aiy-rec-btn[aria-pressed="true"] { background: var(--aiy-blue) !important; color: var(--aiy-sheet) !important; }
body.aiy-diseno #aiy-content .aiy-rel-title { font: 700 22px/1.3 var(--aiy-sans) !important; }
body.aiy-diseno #aiy-content .aiy-rel-media { border-radius: var(--aiy-radius) !important; }
body.aiy-diseno #aiy-content .comment-form textarea { resize: none !important; min-height: 160px !important; }
body.aiy-diseno .aiy-feedback { font: 400 16px/1.5 var(--aiy-sans); color: var(--aiy-blue); margin: 8px 0; }
body.aiy-diseno .aiy-copy-fallback { display: block; width: 100%; padding: 12px; color: var(--aiy-ink); background: var(--aiy-sheet); border: 1px solid var(--aiy-line); border-radius: var(--aiy-control); }
@media (max-width: 1100px) {
  body.aiy-diseno #aiy-content .aiy-single.has-sidebar { display: block !important; }
  body.aiy-diseno #aiy-content .aiy-side { width: 100% !important; margin: 0 !important; padding: 32px 0 56px !important; }
  body.aiy-diseno #aiy-content .aiy-side-inner { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; align-items: start !important; }
  body.aiy-diseno #aiy-content .aiy-side-follow { display: block !important; }
  body.aiy-diseno #aiy-content .aiy-single.has-sidebar:has(#aiy-home) > .aiy-side .aiy-side-inner { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 960px) {
  body.aiy-diseno #aiy-content #aiy-home .aiy-hero .aiy-wrap { grid-template-columns: minmax(0,1fr) !important; gap: 32px !important; padding: 48px 0 !important; }
  body.aiy-diseno #aiy-content #aiy-home .aiy-level-head { grid-template-columns: minmax(0,1fr) !important; }
  body.aiy-diseno #aiy-header .aiy-h-wrap { height: 76px !important; gap: 14px !important; }
}
@media (max-width: 640px) {
  body.aiy-diseno #aiy-content .aiy-side-inner { grid-template-columns: minmax(0,1fr) !important; }
  body.aiy-diseno #aiy-content .aiy-single.has-sidebar:has(#aiy-home) > .aiy-side { width: calc(100% - 32px) !important; }
  body.aiy-diseno #aiy-content .aiy-single.has-sidebar:has(#aiy-home) > .aiy-side .aiy-side-inner { grid-template-columns: minmax(0,1fr) !important; }
  body.aiy-diseno #aiy-header .aiy-h-wrap,
  body.aiy-diseno #aiy-footer .aiy-f-wrap,
  body.aiy-diseno #aiy-content #aiy-home .aiy-wrap,
  body.aiy-diseno #aiy-content #aiy-info,
  body.aiy-diseno #aiy-content .aiy-single.has-sidebar { width: calc(100% - 32px) !important; }
  body.aiy-diseno #aiy-header .aiy-brand-text { font-size: 20px !important; }
  body.aiy-diseno #aiy-header .aiy-brand-img { height: 32px !important; }
  body.aiy-diseno #aiy-header .aiy-brand { gap: 8px !important; }
  body.aiy-diseno #aiy-header .aiy-h-wrap { height: 72px !important; gap: 10px !important; }
  body.aiy-diseno #aiy-header .aiy-menu-btn { padding: 10px !important; min-height: 44px !important; font-size: 15px !important; }
  body.aiy-diseno #aiy-footer .aiy-f-cols { gap: 32px 24px !important; }
  body.aiy-diseno #aiy-content #aiy-home h1 { font-size: clamp(36px,8.8vw,44px) !important; }
  body.aiy-diseno #aiy-content #aiy-home .aiy-lead { font-size: 20px !important; }
  body.aiy-diseno #aiy-content #aiy-home .aiy-sheet { padding: 24px 20px !important; }
  body.aiy-diseno #aiy-content #aiy-home .aiy-section { padding: 56px 0 !important; }
  body.aiy-diseno #aiy-content #aiy-home .aiy-tight { padding-top: 0 !important; }
  body.aiy-diseno #aiy-content #aiy-home .aiy-level { padding-top: 48px !important; }
  body.aiy-diseno #aiy-content #aiy-home .aiy-guides { grid-template-columns: minmax(0,1fr) !important; }
  body.aiy-diseno #aiy-content #aiy-home .aiy-numbered .aiy-guide { grid-template-columns: minmax(36px,max-content) minmax(0,1fr) 44px !important; gap: 10px !important; }
  body.aiy-diseno #aiy-content #aiy-home .aiy-guide a { font-size: 20px !important; }
  body.aiy-diseno #aiy-content #aiy-info { padding: 48px 0 56px !important; }
  body.aiy-diseno #aiy-content #aiy-info h1 { font-size: 36px !important; }
  body.aiy-diseno #aiy-content #aiy-info .aiy-info-summary { padding: 22px !important; }
  body.aiy-diseno #wpvibe-preview-banner { flex-wrap: wrap !important; padding: 10px 12px !important; gap: 8px !important; }
  body.aiy-diseno #wpvibe-preview-banner .wpvibe-badge,
  body.aiy-diseno #wpvibe-preview-banner .wpvibe-info { flex: 1 0 100% !important; line-height: 1.4 !important; }
}
@media (max-width: 380px) {
  body.aiy-diseno #aiy-header .aiy-h-wrap { gap: 6px !important; width: calc(100% - 24px) !important; }
  body.aiy-diseno #aiy-header .aiy-brand-text { font-size: 16px !important; }
  body.aiy-diseno #aiy-header .aiy-brand-img { height: 24px !important; }
  body.aiy-diseno #aiy-header .aiy-brand { gap: 5px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.aiy-diseno :is(#aiy-header,#aiy-content,#aiy-footer) *,
  body.aiy-diseno :is(#aiy-header,#aiy-content,#aiy-footer) *::before,
  body.aiy-diseno :is(#aiy-header,#aiy-content,#aiy-footer) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  html:has(body.aiy-diseno),body.aiy-diseno,body.aiy-diseno * { scrollbar-color: auto; }
  body.aiy-diseno :is(#aiy-header,#aiy-content,#aiy-footer) :focus-visible { outline-color: Highlight !important; }
  body.aiy-diseno #aiy-content #aiy-home .aiy-check { border-color: ButtonText !important; }
  body.aiy-diseno #aiy-content #aiy-home .aiy-check[aria-pressed="true"] { border: 3px solid Highlight !important; }
}
/* 1.3.8: recomendaciones con imágenes del contenido, recursos debajo y botones de marca. */
body.aiy-diseno #aiy-content #aiy-main .aiy-single.sidebar-below {
  display: block !important;
  width: min(var(--aiy-width),calc(100% - 64px)) !important;
  margin-inline: auto !important;
}
body.aiy-diseno #aiy-content #aiy-main .sidebar-below :is(.aiy-a-head,.aiy-toc-inline,.aiy-prose,.aiy-a-cover,.aiy-rec,.aiy-share,.aiy-author,.aiy-related,.aiy-comments) {
  width: min(var(--aiy-article,820px),100%) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
}
body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-toc-inline { display: block !important; }
body.aiy-diseno #aiy-content #aiy-main .sidebar-below > .aiy-side {
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 32px 0 56px !important;
}
body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-side-inner {
  display: grid !important;
  grid-template-columns: minmax(0,1.4fr) repeat(2,minmax(0,1fr)) !important;
  align-items: start !important;
  gap: 20px !important;
  position: static !important;
}
body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-side-follow { display: block !important; }
body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-side-inner > .aiy-widget { grid-column: 1 / -1 !important; }
body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-rel-card {
  display: grid !important;
  grid-template-columns: 168px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 22px !important;
  padding: 18px 0 !important;
}
body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-rel-card:not(:has(.aiy-rel-media)) { grid-template-columns: minmax(0,1fr) !important; }
body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-rel-media { margin: 0 !important; aspect-ratio: 3/2 !important; }
body.aiy-diseno #aiy-content #aiy-main .aiy-share {
  display: block !important;
  padding: 24px !important;
  margin-top: 28px !important;
  border: 1px solid var(--aiy-line) !important;
  border-radius: var(--aiy-radius) !important;
  background: var(--aiy-sheet) !important;
}
body.aiy-diseno #aiy-content #aiy-main .aiy-share-intro h2 {
  font: 600 26px/1.25 var(--aiy-serif) !important;
  color: var(--aiy-ink) !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
}
body.aiy-diseno #aiy-content #aiy-main .aiy-share-intro p {
  margin: 8px 0 0 !important;
  font: 400 16px/1.5 var(--aiy-sans) !important;
  color: var(--aiy-muted) !important;
}
body.aiy-diseno #aiy-content #aiy-main .aiy-share-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 18px !important;
}
body.aiy-diseno #aiy-content #aiy-main .aiy-share .aiy-share-action {
  box-sizing: border-box !important;
  min-width: 0 !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
  border-color: var(--aiy-line) !important;
  border-radius: var(--aiy-control) !important;
  color: var(--aiy-blue) !important;
  background: var(--aiy-sheet) !important;
  transition: border-color .15s, background-color .15s !important;
}
body.aiy-diseno #aiy-content #aiy-main .aiy-share .aiy-share-action:hover,
body.aiy-diseno #aiy-content #aiy-main .aiy-share .aiy-share-action:active {
  border-color: var(--aiy-blue) !important;
  background: var(--aiy-soft) !important;
}
body.aiy-diseno #aiy-content #aiy-main .aiy-share-logo {
  display: block !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
  stroke: none !important;
}
body.aiy-diseno #aiy-content #aiy-main .aiy-share-whatsapp .aiy-share-logo { color: #128C7E !important; }
body.aiy-diseno #aiy-content #aiy-main .aiy-share-facebook .aiy-share-logo { color: #1877F2 !important; }
body.aiy-diseno #aiy-content #aiy-main .aiy-share-copy { min-width: 166px !important; }
@media (max-width:900px) {
  body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-side-inner { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-side-recommended { grid-column: 1 / -1 !important; }
}
@media (max-width:640px) {
  body.aiy-diseno #aiy-content #aiy-main .aiy-single.sidebar-below { width: calc(100% - 32px) !important; }
  body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-side-inner { grid-template-columns: minmax(0,1fr) !important; }
  body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-rel-card { grid-template-columns: 100px minmax(0,1fr) !important; gap: 16px !important; padding: 16px 0 !important; }
  body.aiy-diseno #aiy-content #aiy-main .sidebar-below .aiy-rel-title { font-size: 19px !important; }
  body.aiy-diseno #aiy-content #aiy-main .aiy-share { padding: 20px !important; }
  body.aiy-diseno #aiy-content #aiy-main .aiy-share-intro h2 { font-size: 24px !important; }
  body.aiy-diseno #aiy-content #aiy-main .aiy-share-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body.aiy-diseno #aiy-content #aiy-main .aiy-share .aiy-share-action { width: 100% !important; padding-inline: 10px !important; }
  body.aiy-diseno #aiy-content #aiy-main .aiy-share-copy { grid-column: 1 / -1 !important; }
}
@media (prefers-reduced-motion:reduce) {
  body.aiy-diseno #aiy-content #aiy-main .aiy-share .aiy-share-action { transition: none !important; }
}
/* Las lecturas que ya ocupaban todo el ancho conservan esa medida. */
body.aiy-diseno #aiy-content #aiy-main .sidebar-below:has(#aiy-home) :is(.aiy-a-head,.aiy-prose,.aiy-a-cover,.aiy-rec,.aiy-share,.aiy-author,.aiy-related,.aiy-comments) { width: 100% !important; }
@media (max-width:360px) {
  body.aiy-diseno #aiy-content #aiy-main .aiy-share-actions { grid-template-columns: minmax(0,1fr) !important; }
}

body.aiy-diseno #aiy-content #aiy-main .aiy-share > .aiy-feedback { margin:12px 0 0 !important; font-size:15px !important; }