/* Estilos del nuevo lector: no alteran el diseño de los artículos anteriores. */
img[data-crehabits-related-photo="1"]{object-fit:cover!important}
.bnf-reader-overlay{--primary:#01587a;--primary-deep:#01435d;--secondary:#5cb3c1;--gold:#f3ba00;--muted:#5a7a88;--border:#dce8ec;--font-title:'Fredoka',sans-serif;--font-body:'Rokkitt',Georgia,serif;position:fixed;inset:0;z-index:999999;display:none;align-items:flex-end;justify-content:center;background:rgba(1,20,30,.65);backdrop-filter:blur(10px);font-family:var(--font-body);color:#1c4a5c}
.bnf-reader-overlay.is-open{display:flex}
.bnf-reader-overlay *{box-sizing:border-box}
.bnf-reader-sheet{width:min(100%,820px);max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -20px 80px rgba(0,0,0,.25);overflow:hidden}
.bnf-reader-head{display:flex;align-items:center;gap:20px;padding:16px 22px;border-bottom:1px solid var(--border);flex-shrink:0;font-family:var(--font-title);font-size:.82rem;color:var(--muted)}
.bnf-reader-progress{flex:1;height:4px;border-radius:2px;overflow:hidden;background:#eaf2f5}
.bnf-reader-progress-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--gold));width:0}
.bnf-reader-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:#eaf2f5;color:var(--primary);font:26px/1 sans-serif;cursor:pointer;flex-shrink:0}
.bnf-reader-body{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:30px 40px 44px}
.bnf-reader-body h2{font-family:var(--font-title)!important;color:var(--primary);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.12;margin:12px 0}
.bnf-reader-body h3{font-family:var(--font-title)!important;color:var(--primary);font-size:1.5rem;line-height:1.3;margin:30px 0 12px}
.bnf-reader-body h4{font-family:var(--font-title)!important;color:var(--primary-deep);font-size:1.15rem;line-height:1.35;margin:24px 0 10px}
.bnf-reader-body p{font-size:1.1rem;line-height:1.72;margin:0 0 18px;color:#1c4a5c}
.bnf-reader-body strong{color:var(--primary);font-weight:700}
.bnf-reader-body em{font-style:italic}
.bnf-reader-body .bnf-reader-meta{color:var(--muted);font-size:.9rem;padding-bottom:22px;border-bottom:1px solid var(--border)}
.bnf-reader-body .ch-reframes{display:grid;gap:16px;margin:26px 0}
.bnf-reader-body .ch-reframe{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:12px}
.bnf-reader-body .ch-reframe p{padding:18px;border-radius:16px;margin:0;font-size:1.02rem;line-height:1.5;background:#f5f8fa}
.bnf-reader-body .ch-reframe .ch-reframe-to{background:#d6f0f3;border:1px solid rgba(92,179,193,.3);color:var(--primary-deep)}
.bnf-reader-body .ch-reframe-arrow{width:30px;height:30px;stroke:var(--secondary);stroke-width:2.2;fill:none;justify-self:center}
.bnf-reader-body .ch-support{margin:28px 0}
.bnf-reader-body .ch-support-hint{font-size:.94rem;color:var(--muted);margin-bottom:18px}
.bnf-reader-body .ch-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.bnf-reader-body .ch-support-circle{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;padding:26px 18px;border:2px solid rgba(92,179,193,.4);border-radius:50%;background:#f0f8f9;color:var(--primary-deep);font-family:var(--font-body);font-size:.97rem;line-height:1.35;text-align:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.bnf-reader-body .ch-support-circle:hover{border-color:var(--primary);transform:translateY(-3px)}
.bnf-reader-overlay button:focus-visible,.bnf-reader-overlay a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.bnf-reader-body .ch-support-circle[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#fff}
.bnf-reader-body .ch-support-check{position:absolute;top:9px;left:calc(50% - 9px);width:18px;height:18px;opacity:0;stroke:var(--gold);fill:none;stroke-width:2.6}
.bnf-reader-body .ch-support-circle[aria-pressed="true"] .ch-support-check{opacity:1}
.bnf-reader-body .ch-signals{margin:24px 0;padding:24px 26px;border:1px solid rgba(92,179,193,.36);border-radius:20px;background:#edf7f8}
.bnf-reader-body .ch-signals ul{list-style:none;display:grid;gap:14px;padding:0;margin:0}
.bnf-reader-body .ch-signals li{display:flex;align-items:flex-start;gap:11px;font-size:1.04rem;line-height:1.55;color:#1c4a5c}
.bnf-reader-body .ch-signals li::before{content:'';width:7px;height:7px;margin-top:.55em;background:var(--secondary);border-radius:50%;flex-shrink:0}
.bnf-reader-note{margin:32px 0;padding:22px;border-radius:16px;background:#fff6d6;border:1px solid rgba(243,186,0,.25)}
.bnf-reader-note p{margin:0;text-align:center;color:var(--primary-deep)}
.bnf-reader-body .ch-disclaimer{padding-top:22px;margin:30px 0 24px;border-top:1px solid var(--border)}
.bnf-reader-body .ch-disclaimer-title{font-size:1.05rem;margin:0 0 10px}
.bnf-reader-body .ch-disclaimer p{font-size:.95rem;line-height:1.6;color:var(--muted)}
.bnf-reader-cta{padding-top:24px;text-align:center;border-top:2px dashed var(--border)}
.bnf-reader-cta a{display:inline-flex;align-items:center;gap:12px;padding:13px 22px;border-radius:14px;background:var(--primary);color:#fff;font-family:var(--font-title);text-decoration:none}
@media(max-width:560px){.bnf-reader-body{padding:24px 20px 36px}.bnf-reader-body .ch-reframe{grid-template-columns:minmax(0,1fr);gap:8px}.bnf-reader-body .ch-reframe-arrow{transform:rotate(90deg)}.bnf-reader-body .ch-support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bnf-reader-body .ch-support-circle{font-size:.87rem;line-height:1.3;padding:23px 14px}.bnf-reader-body .ch-signals{padding:20px 18px}}
@media(max-width:359px){.bnf-reader-body .ch-support-grid{grid-template-columns:minmax(0,1fr);justify-items:center}.bnf-reader-body .ch-support-circle{max-width:220px;font-size:1rem;padding:26px}}
@media(prefers-reduced-motion:reduce){.bnf-reader-body .ch-support-circle{transition:none}.bnf-reader-body .ch-support-circle:hover{transform:none}}


.ch-reflection{margin:28px 0;padding:22px 24px;border:1px solid #eed68a;border-left:4px solid #e4b52b;border-radius:14px;background:#fff8e3;}
.article-body .ch-reflection p,.bnf-reader-body .ch-reflection p{margin:0;color:#385064;font-size:1.05rem;line-height:1.7;}
.ch-capsule-link{color:#01587a!important;text-decoration:underline!important;text-decoration-color:#5cb3c1!important;text-underline-offset:5px;text-decoration-thickness:2px!important;}
.ch-capsule-link:hover{color:#01435d!important;text-decoration-color:#e4b52b!important;}
.ch-capsule-link:focus-visible{outline:3px solid #e4b52b;outline-offset:5px;border-radius:3px;}
@media(max-width:560px){.ch-reflection{padding:18px 19px;margin:24px 0;}}


.ch-table-scroll{width:100%;max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid #d4e5eb;border-radius:14px;}
.ch-content-table{width:100%;min-width:620px;border-collapse:collapse;font-size:1rem;line-height:1.55;text-align:left;color:#1c4a5c;}
.ch-content-table th{background:#eaf4f6;color:#01587a;font-weight:700;text-align:left;}
.ch-content-table th,.ch-content-table td{padding:14px 16px;border-bottom:1px solid #d4e5eb;vertical-align:top;}
.ch-content-table tbody tr:last-child td{border-bottom:0;}
.ch-content-table tbody tr:nth-child(even){background:#f8fbfc;}
.ch-table-scroll:focus-visible{outline:3px solid #e4b52b;outline-offset:3px;}
.bnf-reader-body .ch-article-list,.article-body .ch-article-list{list-style:none;display:grid;gap:11px;margin:20px 0 24px;padding:0;}
.bnf-reader-body .ch-article-list li,.article-body .ch-article-list li{display:flex;align-items:flex-start;gap:12px;font-size:1.05rem;line-height:1.65;}
.bnf-reader-body .ch-article-list li::before,.article-body .ch-article-list li::before{content:'';width:7px;height:7px;min-width:7px;margin-top:.65em;border:0;border-radius:50%;background:#5cb3c1;background-image:none;}