html[data-template-id="wbfashion"] {
  --tf-accent: #3b7c68;
  --tf-accent-deep: #133f33;
  --tf-mint: #e3f2ea;
  --tf-display: "Arial Narrow", "Segoe UI", sans-serif;
  --tf-serif: Georgia, serif;
  --tf-radius: 0px;
}
html[data-template-id="wbfashion"] .reader-frontpage { --rf-accent: #3b7c68; --rf-accent-dark: #133f33; max-width: 1350px; }
html[data-template-id="wbfashion"] .rf-lead .rf-media { aspect-ratio: 2.3 / 1; border-radius: 0; }
html[data-template-id="wbfashion"] .rf-lead .rf-content { background: linear-gradient(135deg, rgba(8,55,43,.97), rgba(34,106,86,.95)); border-radius: 0; border-left: 5px solid #7ce8c4; }
html[data-template-id="wbfashion"] .rf-lead h2 { font-family: var(--tf-condensed); letter-spacing: -.03em !important; }
html[data-template-id="wbfashion"] .rf-article h1 { max-width: 1040px; font-family: var(--tf-condensed); font-size: clamp(44px, 5.2vw, 72px); line-height: .94; letter-spacing: -.03em !important; }
html[data-template-id="wbfashion"] .rf-article-hero { max-width: 1240px; border-radius: 0; }
html[data-template-id="wbfashion"] .rf-article-hero img { aspect-ratio: 2.2 / 1; }
html[data-template-id="wbfashion"] .rf-article-header { text-align: left; max-width: 1240px; }
html[data-template-id="wbfashion"] .rf-article-kicker,
html[data-template-id="wbfashion"] .rf-article-dek,
html[data-template-id="wbfashion"] .rf-article-byline { justify-content: flex-start; margin-left: 0; }
html[data-template-id="wbfashion"] .article-body { max-width: 740px; }
/* periodicoIA · WB Fashion: escaparate visual adaptado a noticias y paleta jade. */
body.pia-tpl-wbfashion { background: #eef8f3 !important; }
body.pia-tpl-wbfashion #nav .inner { background: linear-gradient(90deg, #0b6b61, #0f9f78) !important; }
body.pia-tpl-wbfashion #nav ul li a { color: #fff !important; }
body.pia-tpl-wbfashion #nav ul li.active a { background: #064c40 !important; }
body.pia-tpl-wbfashion #main > .box { border-color: #c8e7da !important; background: #fff !important; }
body.pia-tpl-wbfashion #main > .box .holder.pia-wb-hero { position: relative !important; float: none !important; width: 100% !important; height: 470px !important; min-height: 0 !important; overflow: hidden; background: #062f28 !important; }
body.pia-tpl-wbfashion .pia-wb-hero-media { display: block; width: 100%; height: 100%; }
body.pia-tpl-wbfashion .pia-wb-hero-media img { width: 100% !important; height: 100% !important; object-fit: cover; }
body.pia-tpl-wbfashion .pia-wb-hero-copy { position: absolute; right: 0; bottom: 0; left: 0; z-index: 3; padding: 78px 28px 28px; background: linear-gradient(0deg, rgba(2, 31, 26, .97), rgba(2, 31, 26, .55) 60%, rgba(2, 31, 26, 0)); color: #fff; }
body.pia-tpl-wbfashion .pia-wb-hero-copy span { color: #7ce8c4; font: 850 10px/1 "Segoe UI", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
body.pia-tpl-wbfashion .pia-wb-hero-copy h2 { margin: 9px 0 8px; font: 850 clamp(27px, 4vw, 48px)/1.02 "Segoe UI", sans-serif; letter-spacing: -.04em; }
body.pia-tpl-wbfashion .pia-wb-hero-copy h2 a { color: #fff !important; text-decoration: none !important; }
body.pia-tpl-wbfashion .pia-wb-hero-copy p { max-width: 720px; margin: 0; color: #d1efe5; font-size: 13px; line-height: 1.5; }
body.pia-tpl-wbfashion .pia-wb-more { display: inline-block; margin-top: 10px; padding: 9px 12px; border-radius: 3px; background: #34d399; color: #062f28 !important; font: 850 10px/1 "Segoe UI", sans-serif; text-decoration: none !important; }
body.pia-tpl-wbfashion #main .right-col { float: none !important; width: 100% !important; margin-top: 14px; padding: 0 !important; }
body.pia-tpl-wbfashion #main .right-col h2 { margin: 0 0 10px; padding: 10px 12px; background: #0b6b61; color: #fff !important; font: 850 16px/1 "Segoe UI", sans-serif; }
body.pia-tpl-wbfashion .pia-wb-brief { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 11px; align-items: center; margin-bottom: 8px; padding: 8px; border: 1px solid #d1e9df; background: #f7fcf9; }
body.pia-tpl-wbfashion .pia-wb-brief-media { display: block; height: 82px; overflow: hidden; }
body.pia-tpl-wbfashion .pia-wb-brief-media img { width: 100% !important; height: 100% !important; object-fit: cover; }
body.pia-tpl-wbfashion .pia-wb-brief span { color: #0d8b69; font: 850 8px/1 "Segoe UI", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
body.pia-tpl-wbfashion .pia-wb-brief h3 { margin: 4px 0 0; font: 800 14px/1.18 "Segoe UI", sans-serif; }
body.pia-tpl-wbfashion .pia-wb-brief h3 a { color: #153d32 !important; text-decoration: none !important; }
body.pia-tpl-wbfashion #main > .simple { margin-top: 16px; padding: 16px !important; border: 1px solid #d1e9df; background: #fff !important; }
body.pia-tpl-wbfashion #main > .simple h2 { color: #0b6b61 !important; font: 850 22px/1.1 "Segoe UI", sans-serif !important; }
body.pia-tpl-wbfashion #main > .simple h2 span { color: #0d8b69 !important; }
body.pia-tpl-wbfashion .play, body.pia-tpl-wbfashion a.view-all { display: none !important; }
body.pia-tpl-wbfashion #main > .simple .frame .holder { float: none !important; width: calc(50% - 8px) !important; display: inline-block; vertical-align: top; margin: 0 8px 12px 0 !important; }
body.pia-tpl-wbfashion #main > .simple .frame .holder img { width: 100% !important; height: 140px !important; object-fit: cover; }
body.pia-tpl-wbfashion #sidebar { background: #fff !important; border: 1px solid #d1e9df; }
body.pia-tpl-wbfashion #sidebar h2 { color: #0b6b61 !important; border-color: #89cdb6 !important; }
body.pia-tpl-wbfashion #sidebar ul.pink li a, body.pia-tpl-wbfashion #sidebar ul.blue li a { color: #31594e !important; }
body.pia-tpl-wbfashion #sidebar .ad img { width: 100% !important; height: auto !important; }
body.pia-tpl-wbfashion #footer { background: #092d25 !important; }
@media (max-width: 850px) {
  body.pia-tpl-wbfashion #main, body.pia-tpl-wbfashion #sidebar { float: none !important; width: 100% !important; }
  body.pia-tpl-wbfashion #main > .box .holder.pia-wb-hero { height: 360px !important; }
  body.pia-tpl-wbfashion .pia-wb-hero-copy { padding: 62px 18px 20px; }
  body.pia-tpl-wbfashion .pia-wb-hero-copy h2 { font-size: 30px; }
}
@media (max-width: 560px) {
  body.pia-tpl-wbfashion #main > .box .holder.pia-wb-hero { height: 330px !important; }
  body.pia-tpl-wbfashion .pia-wb-hero-copy p { display: none; }
  body.pia-tpl-wbfashion #main > .simple .frame .holder { width: 100% !important; margin-right: 0 !important; }
}