body.df-project-comparador .df-insights__figure img,body.df-project-recursos .df-workshop__diagram img{width:100%;height:auto;display:block}
body.df-project-comparador .df-platform__score{display:flex;align-items:baseline;gap:8px;margin:10px 0}
body.df-project-comparador .df-platform__score strong{font:700 60px/1 var(--obs-font-display);color:var(--obs-turquoise)}
body.df-project-comparador .df-platform__score span{font-size:18px;color:var(--obs-muted)}
body.df-project-comparador .df-reputation-meter{display:block;width:100%;height:10px;margin:16px 0;background:var(--obs-ink-3);border-radius:999px;overflow:hidden}
body.df-project-comparador .df-reputation-meter::-webkit-meter-bar{background:var(--obs-ink-3);border:0;height:10px}
body.df-project-comparador .df-reputation-meter::-webkit-meter-optimum-value{background:var(--obs-turquoise)}
body.df-project-comparador .df-reputation-meter::-moz-meter-bar{background:var(--obs-turquoise)}
body.df-project-comparador .df-insights-hero{margin-bottom:48px}
body.df-project-comparador .df-insights-hero h1 em{color:var(--obs-coral);font-style:normal}
body.df-project-recursos .df-workshop__diagram{margin:0}
body.df-project-recursos .df-task-card .df-workshop__num{font:700 13px/1.3 var(--ws-font-mono);letter-spacing:.12em}
/* Override legacy Elementor rules from the school theme, within each product. */
body.df-project-comparador .elementor :is(h1,h2,h3,h4){color:var(--obs-text)!important;font-family:var(--obs-font-display)!important;text-transform:none!important}
body.df-project-comparador .elementor h1{font-size:clamp(44px,7.2vw,104px)!important;line-height:.98!important;font-weight:700!important}
body.df-project-comparador .elementor h2{font-size:clamp(32px,4.4vw,60px)!important;line-height:1.04!important}
body.df-project-comparador .elementor p{color:var(--obs-muted)!important}
body.df-project-comparador .elementor :is(.df-review__text,.df-disclosure){color:var(--obs-text)!important}
body.df-project-comparador :focus-visible{outline-color:var(--obs-turquoise)!important}
body.df-project-comparador .df-insights-hero.e-con{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;padding:0}
body.df-project-comparador .df-insights__hero-copy.e-con,body.df-project-comparador .df-insights__figure.e-con{padding:0}
body.df-project-comparador .df-provider__platforms{align-items:start}
body.df-project-recursos .elementor :is(h1,h2,h3,h4){color:var(--ws-ink)!important;font-family:var(--ws-font-display)!important;text-transform:none!important}
body.df-project-recursos .elementor h1{font-size:clamp(44px,6.6vw,96px)!important;line-height:1.02!important;font-weight:700!important}
body.df-project-recursos .elementor h2{font-size:clamp(32px,4.2vw,56px)!important;line-height:1.05!important}
body.df-project-recursos .elementor .df-task-card h2{font-size:clamp(24px,2.2vw,30px)!important}
body.df-project-recursos .elementor p{color:var(--ws-ink-soft)!important}
body.df-project-recursos :focus-visible{outline-color:var(--ws-cobalt)!important}
@media(max-width:1023px){body.df-project-comparador .df-insights-hero.e-con{grid-template-columns:minmax(0,1fr);gap:32px}body.df-project-comparador .df-insights__figure{max-width:420px;margin-inline:auto}}
/* Apparel direction: keep Claude's product palette, replace the abstract hero. */
body.df-project-comparador{background:var(--obs-ink)}
body.df-project-comparador .df-apparel-hero.e-con{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);padding-bottom:48px;margin-bottom:32px;border-bottom:0}
body.df-project-comparador .df-apparel-hero h1{font-size:clamp(48px,6.1vw,88px)!important;line-height:1.01!important;max-width:13ch}
body.df-project-comparador .df-apparel-hero .df-insights__eyebrow p{color:var(--obs-turquoise)!important;letter-spacing:.1em;font-size:12px}
body.df-project-comparador .df-apparel-hero .df-insights__lead{max-width:42ch}
body.df-project-comparador .df-apparel-hero .df-insights__hero-copy.e-con{gap:20px}
body.df-project-comparador .df-apparel-hero :is(.df-insights__eyebrow,.df-insights__lead) p{margin:0!important}
body.df-project-comparador .df-apparel-hero h1{margin:0!important}
body.df-project-comparador .df-apparel__photo.e-con{position:relative;width:100%;max-width:560px;padding:16px!important;gap:0;border:1px dashed var(--obs-line-strong);border-radius:18px;transform:rotate(2deg);background:var(--obs-ink-2)}
body.df-project-comparador .df-apparel__photo .elementor-widget-image{width:100%}
body.df-project-comparador .df-apparel__photo img{width:100%;height:auto;aspect-ratio:1/1.02;object-fit:cover;border-radius:8px;display:block}
body.df-project-comparador .df-apparel__photo .df-apparel__caption p{margin:16px 0 2px!important;color:var(--obs-text)!important;font-size:14px;font-weight:600;line-height:1.4}
body.df-project-comparador .df-apparel__tag p{display:inline-block;background:var(--obs-coral);color:var(--obs-on-accent)!important;border-radius:3px;padding:6px 12px;margin:0 0 12px;font:700 11px/1.3 var(--obs-font-mono);letter-spacing:.12em;text-transform:uppercase}
body.df-project-comparador .df-apparel__criteria.e-con{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:64px;padding:0!important}
body.df-project-comparador .df-apparel__criterion.e-con{padding:24px!important;gap:8px;border:1px dashed var(--obs-line-strong);border-radius:12px;background:var(--obs-ink-2)}
body.df-project-comparador .df-apparel__criterion h2{font-size:26px!important;line-height:1.2!important;margin:0}
body.df-project-comparador .df-apparel__criterion p{font-size:15px;line-height:1.55;margin:0}
body.df-project-comparador .df-apparel__criterion .df-apparel__number p{color:var(--obs-turquoise)!important;font-family:var(--obs-font-mono);font-size:12px;font-weight:600;margin-bottom:8px}
body.df-project-comparador .df-apparel__intro.e-con{padding:0!important;gap:12px;margin-bottom:28px}
body.df-project-comparador .df-apparel__intro h2{max-width:20ch}
@media(max-width:1023px){body.df-project-comparador .df-apparel-hero.e-con{grid-template-columns:minmax(0,1fr);gap:32px}body.df-project-comparador .df-apparel__photo.e-con{max-width:600px;margin-inline:auto;transform:none}body.df-project-comparador .df-apparel-hero h1{max-width:18ch}}
@media(max-width:767px){body.df-project-comparador .df-apparel-hero h1{font-size:48px!important;max-width:13ch}body.df-project-comparador .df-apparel__criteria.e-con{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:48px}body.df-project-comparador .df-apparel__criterion.e-con{padding:20px!important}body.df-project-comparador .df-apparel__photo.e-con{padding:10px!important}body.df-project-comparador .df-apparel__photo img{aspect-ratio:5/4}}
/* Review contrast guard: legacy school figure backgrounds must not win. */
body.df-project-comparador .elementor .df-review{background:#101d42!important;color:#eef2fb!important;border:1px solid #5d72ad!important;padding:24px!important}
body.df-project-comparador .elementor .df-review :is(.df-review__text,.df-review__label,.df-review__meta,.df-reply){color:#eef2fb!important}
body.df-project-comparador .elementor .df-review__text{font-size:17px!important;line-height:1.65!important}
body.df-project-comparador .elementor .df-review :is(.df-review__label,.df-review__meta,.df-reply){font-size:16px!important;line-height:1.5!important}
body.df-project-comparador .elementor .df-review a{color:#3ddbc8!important;text-decoration:underline!important;font-size:16px!important}

/* Native Elementor layout for the ranking hero; mobile reading order. */
body.df-project-comparador .elementor .df-apparel-hero.df-ranking-hero-layout{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;align-items:start!important}
body.df-project-comparador .elementor .df-ranking-hero-layout>.df-insights__hero-copy,
body.df-project-comparador .elementor .df-ranking-hero-layout>.df-ranking-hero{width:100%!important;min-width:0!important}
body.df-project-comparador .elementor .df-ranking-hero .elementor-widget-shortcode{width:100%!important;min-width:0!important}
@media(max-width:1023px){
 body.df-project-comparador .elementor .df-apparel-hero.df-ranking-hero-layout{grid-template-columns:minmax(0,1fr)!important}
 body.df-project-comparador .elementor .df-ranking-hero-layout>.df-insights__hero-copy{display:contents!important}
 body.df-project-comparador .elementor .df-ranking-hero-layout>.df-ranking-hero{grid-column:1!important;grid-row:5!important}
 body.df-project-comparador .elementor .df-ranking-hero-layout .df-apparel__photo{grid-column:1!important;grid-row:6!important}
}