@font-face{font-family:Editorial;src:url('editorial.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Editorial;src:url('editorial-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--navy:#173348;--ink:#243c4b;--muted:#4e6270;--gold:#ad8b56;--line:#dce2e5;--reading-size:20px;--header-height:81px}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-height) + 22px);-webkit-text-size-adjust:100%}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-80px;left:12px;z-index:50;padding:12px;background:#fff}.skip:focus{top:10px}.masthead{position:sticky;top:0;z-index:20;background:#fffffffa;border-bottom:1px solid var(--line)}.masthead-inner{max-width:1240px;margin:auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:27px/1 Editorial,Georgia,serif;letter-spacing:-.55px;text-decoration:none;color:var(--navy)}.brand>span{display:block;margin-top:8px;font:10px/1.2 Arial,sans-serif;letter-spacing:2.7px;color:#5b6d78}.tools{display:flex;gap:8px}.tool{width:48px;height:48px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--navy);font:24px/1 Georgia,serif}.tool:hover,.tool[aria-expanded=true]{background:#f3f5f6;border-color:#d8dfe3}.tool svg{display:block;width:24px;height:24px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.panel{border-top:1px solid var(--line);background:#f8fafb}.type-inner,.menu-inner{max-width:1176px;padding:14px 0;margin:auto}.type-inner{display:flex;align-items:center;gap:24px;font-size:17px}.type-buttons{display:flex;align-items:center;gap:12px}.type-buttons button,#reset-size{min-height:44px;min-width:48px;border:1px solid #cad4da;border-radius:4px;background:#fff;color:var(--navy);font-size:19px}.type-buttons output{min-width:52px;text-align:center;font-size:17px}#reset-size{margin-left:auto;padding:10px 14px;font-size:16px}.menu-inner{display:flex;gap:32px}.menu-inner a{font-size:18px;line-height:1.4;text-decoration:none;padding:10px 0}.menu-inner a:hover{text-decoration:underline;text-underline-offset:5px}.article{max-width:1176px;margin:0 auto;padding:0 0 44px}.eyebrow{display:flex;justify-content:space-between;gap:16px;padding:33px 0 28px;font:12px/1.5 Arial,sans-serif;letter-spacing:1.7px;color:#385466}.eyebrow i{font-style:normal;color:var(--gold);margin:0 8px}.opening{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center;padding:10px 0 44px}h1{font:400 clamp(42px,4.2vw,64px)/1.11 Editorial,Georgia,serif;letter-spacing:-1.5px;color:var(--navy);margin:0}h1 em{font-weight:400;color:#3b5b6a}p,li{font-size:var(--reading-size);line-height:1.72}.lead{margin:0;color:#354e5f}.comparison{margin:0}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}figure{margin:0;min-width:0}.photo-label{font:700 16px/1.5 Arial,sans-serif;color:var(--navy);padding:0 0 12px;letter-spacing:.15px}.photo{position:relative;aspect-ratio:879/887;overflow:hidden;background:#f5f3ee}.photo img{display:block;position:absolute;top:0;width:201.8202503%;height:auto;max-width:none}.photo.before img{left:0}.photo.after img{right:0}.caption{font-size:max(18px,calc(var(--reading-size) - 1px));color:var(--muted);margin:19px 0 0;line-height:1.6}.clarification{display:flex;align-items:stretch;gap:17px;margin:24px 0 0;max-width:950px}.note-line{display:block;width:2px;background:var(--gold);flex:0 0 2px}.clarification p{font-size:max(18px,calc(var(--reading-size) - 1px));line-height:1.65;margin:0;color:#354e5f}.practical{max-width:790px;margin:64px auto 0}.section-mark{width:42px;height:2px;background:var(--gold);margin:0 0 25px}h2{font:400 clamp(32px,3.1vw,43px)/1.22 Editorial,Georgia,serif;color:var(--navy);letter-spacing:-.5px;margin:0 0 22px}.practical>p{margin:0 0 28px}.recommendations{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.recommendations li{position:relative;margin:0;padding:18px 4px 18px 29px;border-bottom:1px solid var(--line)}.recommendations li:before{content:'';position:absolute;top:calc(18px + .72em);left:2px;width:7px;height:7px;border-radius:50%;background:var(--gold)}.article-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;border-top:1px solid #bfaa86;padding-top:22px;margin-top:64px;font:11px/1.6 Arial,sans-serif;letter-spacing:.7px;color:#526774}.noscript{max-width:790px;margin:20px auto;padding:10px;font-size:17px}
@media(max-width:1250px){.article{margin:0 32px}.type-inner,.menu-inner{margin:0 32px}.opening{gap:45px}}
@media(max-width:700px){.masthead-inner{padding:9px 18px;gap:8px}.brand{font-size:23px}.brand>span{font-size:8px;letter-spacing:2px;margin-top:6px}.tools{gap:2px}.tool{width:44px;height:44px}.article{margin:0;padding:0 22px 28px}.eyebrow{padding:26px 0 24px;font-size:10px;letter-spacing:1px;gap:8px}.eyebrow i{margin:0 4px}.opening{display:block;padding:0 0 31px}h1{font-size:42px;line-height:1.12;letter-spacing:-1px}.desktop-break{display:none}.lead{margin-top:25px}.photo-grid{display:block}.photo-grid figure+figure{margin-top:30px}.photo-label{font-size:16px;padding-bottom:10px}.caption{margin-top:19px}.clarification{margin-top:22px;gap:14px}.practical{margin-top:43px}.section-mark{margin-bottom:20px}h2{font-size:34px;margin-bottom:22px}.practical>p{margin-bottom:25px}.recommendations li{padding-top:18px;padding-bottom:18px}.article-footer{margin-top:43px;padding-top:20px;font-size:10px;letter-spacing:.35px}.type-inner{margin:0;padding:12px 18px;display:grid;grid-template-columns:1fr auto;gap:8px}.type-inner>span{font-size:16px}.type-buttons{gap:6px}.type-buttons output{min-width:48px;font-size:16px}#reset-size{grid-column:1/-1;margin:0;padding:8px;font-size:16px}.menu-inner{margin:0;padding:10px 22px;display:flex;flex-direction:column;gap:1px}.menu-inner a{font-size:18px;padding:12px 0}.photo{aspect-ratio:879/887}}
@media(max-width:360px){.article{padding-left:18px;padding-right:18px}.brand{font-size:21px}.masthead-inner{padding-left:14px;padding-right:12px}.tool{width:44px}h1{font-size:38px}.eyebrow{font-size:9px;letter-spacing:.7px}.type-inner{padding-left:14px;padding-right:14px}.type-buttons{gap:3px}.type-buttons button{min-width:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.masthead,.skip,.noscript{display:none!important}.article{max-width:none;margin:0;padding:0}p,li{font-size:12pt}.photo-grid{display:grid;grid-template-columns:1fr 1fr}.opening{display:block}.lead{margin-top:20px}.practical{margin-top:30px}}


/* Revisión 02: composición basada en la referencia de dos pantallas. */
:root{--navy:#102e45;--ink:#163249;--muted:#50667a;--blue:#05638a;--soft:#edf5fb;--gold:#05638a;--reading-size:20px}
.masthead{background:#fff}.masthead-inner{padding-top:15px;padding-bottom:15px}.brand{font-size:29px}.brand>span{font:13px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;color:#50687b;margin-top:6px}.eyebrow{padding:28px 0 22px;font-size:13px;letter-spacing:1px}.eyebrow>span:first-child{color:#00628b}.eyebrow>span:last-child{color:#52677a}.opening{display:block;max-width:100%;padding:0 0 25px}h1{max-width:900px;line-height:1.08;font-size:62px;color:#102c42}h1 em{color:#075e83}.desktop-break{display:none}h1:after{content:'';display:block;width:46px;height:5px;border-radius:4px;background:#07648b;margin:24px 0 0}.intro-copy{max-width:860px;margin-top:28px}.lead{font-size:var(--reading-size);line-height:1.58;margin:0}.intro-callout{display:flex;align-items:center;gap:18px;background:var(--soft);padding:19px 22px;border-radius:12px;margin-top:20px}.intro-callout p{font-size:var(--reading-size);line-height:1.5;margin:0;color:#135473}.intro-callout strong{font-weight:700}.blue-icon{display:flex;justify-content:center;align-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#e4f1f9;color:#04628a}.blue-icon svg{display:block;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.intro-callout .blue-icon{background:#d9edf8}.photo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.photo-label{display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:66px;padding:10px 12px;margin-bottom:9px;border-radius:11px;background:#f4ece0;font-size:18px;font-weight:400;line-height:1.3;letter-spacing:0}.photo-grid figure+figure .photo-label{background:#dcecf3}.photo-label span{font-weight:700}.photo-grid figure+figure{margin-top:0}.photo{border-radius:0 0 9px 9px}.caption{font-size:max(18px,calc(var(--reading-size) - 2px));line-height:1.55;margin:17px 4px 0}.practical{max-width:860px;margin-top:42px}h2{display:flex;align-items:flex-start;gap:19px;font-size:39px;line-height:1.17;margin-bottom:23px}.number-badge{display:flex;align-items:center;justify-content:center;flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:#05628b;color:#fff;font:30px/1 Editorial,Georgia,serif}.practical>p{line-height:1.58;margin-bottom:20px}.recommendations{border:0}.recommendations li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;align-items:center;border:0;padding:9px 0;font-size:var(--reading-size);line-height:1.55}.recommendations li:before{display:none}.recommendations .blue-icon{align-self:start}.clarification{display:flex;align-items:center;background:var(--soft);border-radius:12px;padding:20px;gap:19px;margin:25px 0 0}.clarification .blue-icon{background:transparent}.clarification p{font-size:max(18px,calc(var(--reading-size) - 1px));line-height:1.5;color:#194563}.article-footer{margin-top:38px;border-color:#dce6ed}
@media(min-width:1000px){.opening{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;padding-bottom:36px}.intro-copy{margin-top:0}.intro-callout{gap:13px;padding:16px}h1{font-size:60px}.comparison{max-width:1020px;margin:0 auto}.practical{margin-top:48px}}
@media(max-width:700px){.masthead-inner{padding:12px 20px;gap:8px}.brand{font-size:25px;letter-spacing:-.65px}.brand>span{font-size:12px;margin-top:4px;letter-spacing:0}.tools{gap:1px}.tool{width:44px;height:44px}.tool svg{width:24px;height:24px}.article{padding-left:22px;padding-right:22px}.eyebrow{padding:22px 0 18px;font-size:12px;letter-spacing:.6px}.opening{padding-bottom:18px}h1{font-size:43px;line-height:1.08;letter-spacing:-1.05px}h1:after{margin-top:20px;width:43px;height:5px}.intro-copy{margin-top:23px}.lead{margin:0;line-height:1.56}.intro-callout{margin-top:17px;padding:16px 13px;gap:12px;border-radius:11px}.intro-callout .blue-icon{width:40px;height:40px;flex-basis:40px}.intro-callout .blue-icon svg{width:25px;height:25px}.intro-callout p{line-height:1.48}.photo-grid{gap:9px;display:grid}.photo-label{font-size:18px;min-height:70px;padding:9px 6px;border-radius:10px;margin-bottom:7px;line-height:1.28}.photo-grid figure+figure{margin-top:0}.photo{aspect-ratio:879/887}.caption{margin-top:13px;font-size:max(18px,calc(var(--reading-size) - 2px));line-height:1.5}.practical{margin-top:34px}h2{gap:15px;font-size:33px;line-height:1.18;margin-bottom:19px}.number-badge{flex-basis:44px;width:44px;height:44px;font-size:27px}.practical>p{line-height:1.57;margin-bottom:15px}.recommendations li{grid-template-columns:44px minmax(0,1fr);gap:15px;padding:8px 0;line-height:1.5}.recommendations .blue-icon{width:44px;height:44px}.recommendations .blue-icon svg{width:27px;height:27px}.clarification{padding:17px 13px;gap:13px;margin-top:21px}.clarification .blue-icon{width:39px;height:44px;flex-basis:39px}.clarification p{line-height:1.5}.article-footer{margin-top:32px}}
@media(max-width:360px){.masthead-inner{padding:10px 14px}.brand{font-size:22px}.brand>span{font-size:11px}.article{padding-left:18px;padding-right:18px}h1{font-size:37px}.photo-label{font-size:17px;min-height:69px;padding-left:4px;padding-right:4px}.eyebrow{font-size:11px}h2{font-size:29px;gap:12px}.intro-callout{gap:10px;padding:14px 11px}.intro-callout .blue-icon{width:34px;height:38px;flex-basis:34px}}

@media(max-width:700px){h1 em{display:block;font-size:.86em;letter-spacing:-.9px}}
@media(max-width:360px){h1 em{font-size:.82em}}