/* PREVIEW_PROBLEMAS_ONEST_20261102
   Single route experiment: release + "Ekonatura Onest"/Geist Serif preview as the baseline.
   Only /problemas/ main typography changes. Nav, footer, photos, sections,
   control dimensions, surfaces, borders and interactions remain untouched. */
@font-face{
 font-family:"Onest Problemas Preview";
 src:url("/assets/onest-problemas-preview.ttf") format("truetype");
 font-style:normal;font-weight:100 900;font-display:swap;
}
body[data-route="/problemas/"] main.ek-problem-hub{
 --ek-font-body:"Ekonatura Onest",system-ui,sans-serif;
 --ek-font-display:"Ekonatura Onest",system-ui,sans-serif;
 font-family:"Ekonatura Onest",system-ui,sans-serif;
}
/* Paragraphs and longer excerpts: 17 desktop, 16 mobile; natural spacing. */
body[data-route="/problemas/"] main.ek-problem-hub :is(
 .ek-catalogue-lead p,.ek-introduction p,.ek-intro-editorial-copy p,
 .catalog-intro-copy p,.ek-hub-intro-preview,.ek-hub-extra-copy,
 .ek-hero-summary,.ek-hero-reading,.symptom-support,
 .symptom-status,.search-result__excerpt,.search-result p,
 .ek-search-description p,.ek-search-card p
){
 font-family:"Ekonatura Onest",system-ui,sans-serif!important;
 font-size:17px!important;
 font-weight:400!important;
 line-height:1.58!important;
 letter-spacing:normal!important;
 font-kerning:normal!important;
}
/* Hero: real H1 stays accessible/screen-reader only; visible equivalent 42px. */
body[data-route="/problemas/"] main.ek-problem-hub .ek-hero-visual-title{
 font-family:"Ekonatura Geist Serif",serif,serif!important;
 font-size:clamp(32px,3.8vw,42px)!important;
 font-weight:400!important;
 line-height:1.15!important;
 letter-spacing:normal!important;
}
body[data-route="/problemas/"] main.ek-problem-hub .ek-hero-eyebrow{
 font-family:"Ekonatura Onest",system-ui,sans-serif!important;
 font-size:12px!important;line-height:1.4!important;
 letter-spacing:.04em!important;
}
body[data-route="/problemas/"] main.ek-problem-hub .hub-search>h2{
 font-family:"Ekonatura Geist Serif",serif,serif!important;
 font-size:clamp(31px,3.5vw,42px)!important;
 line-height:1.14!important;
 letter-spacing:normal!important;
}
body[data-route="/problemas/"] main.ek-problem-hub :is(
 .ek-f2-group-title,.ek-catalogue-lead h2,
 .ek-problem-discovery h2,.search-result__heading strong,
 .search-result h3
){
 letter-spacing:normal!important;
}
/* Image cards: readable title, body at 17px; no inherited tight tracking. */
body.ek-integrated[data-route="/problemas/"] main.ek-problem-hub
 :is(.ek-f2-rail,.ek-discovery-grid)>.ek-ed-card .ek-ed-card-title{
 font-family:"Ekonatura Geist Serif",serif,serif!important;
 font-size:clamp(22px,2.1vw,25px)!important;
 font-weight:400!important;
 line-height:1.24!important;
 letter-spacing:normal!important;
 max-height:2.6em!important;
}
body.ek-integrated[data-route="/problemas/"] main.ek-problem-hub
 :is(.ek-f2-rail,.ek-discovery-grid)>.ek-ed-card .ek-ed-card-desc{
 font-family:"Ekonatura Onest",system-ui,sans-serif!important;
 font-size:14px!important;
 font-weight:400!important;
 line-height:1.48!important;
 letter-spacing:normal!important;
 display:-webkit-box!important;
 -webkit-box-orient:vertical!important;
 -webkit-line-clamp:2!important;
 overflow:hidden!important;
 text-overflow:ellipsis;
 max-height:2.96em!important;
 color:#f2f0e9!important;
}
/* Underscored links at 15px; card calls to action also 15px. */
body[data-route="/problemas/"] main.ek-problem-hub :is(
 .ek-ed-card-more,.ek-ed-card-cta,.ek-ed-card-body a,
 .search-result a,.ek-catalogue-lead a,.ek-intro-editorial-copy a,
 .related-text .related-action,.related-text .related-cta
){
 font-family:"Ekonatura Onest",system-ui,sans-serif!important;
 font-size:15px!important;
 line-height:1.48!important;
 letter-spacing:normal!important;
}
/* Buttons, search chips: 14px minimum; preserve existing >44px hit targets. */
body[data-route="/problemas/"] main.ek-problem-hub :is(
 .symptom-chips button,.symptom-chips .chip,
 .symptom-form button,.symptom-submit,.symptom-clear,
 .ek-hub-extra-copy button
){
 font-family:"Ekonatura Onest",system-ui,sans-serif!important;
 font-size:14px!important;
 line-height:1.4!important;
 letter-spacing:normal!important;
}
body[data-route="/problemas/"] main.ek-problem-hub :is(
 .symptom-field input,.symptom-search input,.symptom-form input
){
 font-family:"Ekonatura Onest",system-ui,sans-serif!important;
 font-size:17px!important;
 line-height:1.5!important;
 letter-spacing:normal!important;
}
/* Metadata may be 12px when it is a short uppercase label, never body copy. */
body[data-route="/problemas/"] main.ek-problem-hub :is(
 .eyebrow,.ek-ed-card-label,.symptom-chips-label,.ek-result-type
){letter-spacing:.035em!important;}
body[data-route="/problemas/"] main.ek-problem-hub :is(
 .eyebrow,.ek-ed-card-label,.ek-result-type
){
 font-family:"Ekonatura Onest",system-ui,sans-serif!important;
 font-size:12px!important;
 line-height:1.4!important;
}
body[data-route="/problemas/"] main.ek-problem-hub .symptom-chips-label{
 font-family:"Ekonatura Onest",system-ui,sans-serif!important;
 font-size:15px!important;
 line-height:1.4!important;
 letter-spacing:normal!important;
}
@media(max-width:700px){
 body[data-route="/problemas/"] main.ek-problem-hub :is(
  .ek-catalogue-lead p,.ek-introduction p,.ek-intro-editorial-copy p,
  .catalog-intro-copy p,.ek-hub-intro-preview,.ek-hub-extra-copy,
  .ek-hero-summary,.ek-hero-reading,.symptom-support,
  .symptom-status,.search-result__excerpt,.search-result p,
  .ek-search-description p,.ek-search-card p
 ){font-size:16px!important;line-height:1.58!important;}
 body.ek-integrated[data-route="/problemas/"] main.ek-problem-hub
  :is(.ek-f2-rail,.ek-discovery-grid)>.ek-ed-card .ek-ed-card-desc{
  font-size:14px!important;line-height:1.48!important;
 }
 body[data-route="/problemas/"] main.ek-problem-hub :is(
  .symptom-field input,.symptom-search input,.symptom-form input
 ){font-size:16px!important;}
}
/* Links retain focus-visible outlines. Nothing in this file suppresses focus. */

/* Te puede interesar: Onest 14px; two-line ellipsis, never autoshrink. */
body.ek-integrated[data-route="/problemas/"] main.ek-problem-hub .related .related-desc{
 font-family:"Ekonatura Onest",system-ui,sans-serif!important;
 font-size:14px!important;font-weight:400!important;line-height:1.48!important;
 letter-spacing:normal!important;display:-webkit-box;-webkit-box-orient:vertical;
 -webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;
}