/* Three editorial commitments, built around the company's approved substance. */
#compromisos.about-chapter{display:block}
#compromisos>header{margin-bottom:42px;max-width:600px}
#compromisos>header h2{font-size:clamp(34px,3.4vw,46px)}
.commitment{position:relative;border-top:1px solid var(--line);background:#fff}
.commitment:last-child{border-bottom:1px solid var(--line)}
.commitment summary{grid-template-columns:72px minmax(0,1fr) 290px 28px;align-items:center;gap:36px;padding:32px 0;position:relative;isolation:isolate}
.commitment summary::before{content:'';position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:left;background:var(--brand);opacity:.025;transition:transform var(--motion-panel,.34s) var(--ease-ui,cubic-bezier(.2,0,0,1))}
.commitment summary:hover::before,.commitment summary:focus-visible::before{transform:scaleX(1)}
.commitment__number{font:400 clamp(44px,4.5vw,62px)/1 var(--mono);letter-spacing:-.08em;color:var(--brand);align-self:start;padding-top:8px}
.commitment__category{display:block;font:500 11px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}
.commitment .commitment__copy strong{font-size:clamp(25px,2.55vw,35px);line-height:1.18;letter-spacing:-.035em;max-width:490px;font-weight:500}
.commitment .commitment__copy small{font-size:14px;line-height:1.55;max-width:430px;margin-top:13px;color:var(--muted)}
.commitment__control{display:flex;align-items:center;justify-content:flex-end;gap:14px;align-self:start;padding-top:10px;color:var(--brand)}
.commitment__read{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.commitment .about-disclosure__toggle{flex-shrink:0;width:28px;height:28px;border-radius:0;border:0}
.commitment .about-disclosure__toggle::before,.commitment .about-disclosure__toggle::after{width:16px;left:6px;top:13px;transition:transform var(--motion-ui,.24s) var(--ease-ui,cubic-bezier(.2,0,0,1))}
.commitment[data-expanded="false"] .about-disclosure__toggle::after{transform:rotate(90deg)}
.commitment[data-expanded="true"] .about-disclosure__toggle::after{transform:rotate(0)}
.commitment .commitment__body{padding:0 0 36px 108px;animation:none!important}
.commitment__reading{max-width:820px;padding-top:20px;font-size:17px;line-height:1.8}
.commitment__reading .text-link{margin-top:20px}
.commitment-diagram{display:block;min-width:0;color:var(--brand);width:100%;max-width:330px}
.commitment-diagram svg{display:block;width:100%;height:auto;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.commitment-diagram__guide{stroke:#afbed1;stroke-width:1.2}
.commitment-diagram__paper{fill:#f6f8fc}
.commitment-diagram__accent{stroke:currentColor;stroke-width:2.2}
.commitment-diagram__dot{fill:currentColor;stroke:none}
.commitment-diagram__labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;text-align:center;font-size:11px;line-height:1.4;color:var(--muted);margin-top:0}
.commitment-brief{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:34px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:40px;margin-bottom:38px}
.commitment-brief__number{display:block;font:400 38px/1 var(--mono);letter-spacing:-.065em;color:var(--brand);margin-bottom:22px}
.commitment-brief h2{font-size:clamp(29px,2.8vw,39px);line-height:1.15;max-width:460px}
.commitment-brief p{font-size:15px;line-height:1.6;margin-top:17px;max-width:390px}
@media(min-width:1101px){.commitment summary{min-height:218px}}
@media(max-width:1100px){.commitment summary{grid-template-columns:58px minmax(0,1fr) 238px 28px;gap:25px}.commitment .commitment__body{padding-left:83px}.commitment__number{font-size:48px}.commitment-brief{grid-template-columns:minmax(0,1fr) 220px;gap:24px}}
@media(max-width:860px){#compromisos>header{margin-bottom:30px}.commitment summary{grid-template-columns:52px minmax(0,1fr) 224px 24px;gap:20px}.commitment .commitment__body{padding-left:72px}.commitment .commitment__copy strong{font-size:27px}.commitment__category{font-size:10px}.commitment-brief{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:700px){.commitment summary{grid-template-columns:42px minmax(0,1fr) 24px;gap:18px;padding-block:28px}.commitment__number{font-size:38px;padding-top:3px}.commitment__copy{grid-column:2}.commitment__control{grid-column:3;grid-row:1;padding-top:0}.commitment summary .commitment-diagram{grid-column:2;max-width:300px;margin-top:0}.commitment .commitment__body{padding-left:60px}.commitment .commitment__copy strong{font-size:27px}.commitment .commitment__copy small{font-size:13px}.commitment-diagram__labels{font-size:11px}.commitment-brief{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.commitment__reading{font-size:16px}}
@media(max-width:500px){.commitment summary{grid-template-columns:32px minmax(0,1fr) 20px;gap:12px;padding-block:27px}.commitment__number{font-size:29px;padding-top:5px}.commitment__category{font-size:10px;letter-spacing:.05em;margin-bottom:10px}.commitment .commitment__copy strong{font-size:26px}.commitment summary .commitment-diagram{grid-column:2/4;max-width:300px}.commitment .commitment__body{padding-left:44px;padding-bottom:28px}.commitment .about-disclosure__toggle{width:20px;height:22px}.commitment .about-disclosure__toggle::before,.commitment .about-disclosure__toggle::after{width:14px;left:3px;top:10px}.commitment-brief{grid-template-columns:1fr;gap:26px;padding-bottom:28px;margin-bottom:28px}.commitment-brief .commitment-diagram{max-width:320px;margin-inline:auto}.commitment-brief__number{font-size:34px;margin-bottom:16px}.commitment-brief h2{font-size:33px}.commitment-brief p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.commitment summary::before,.commitment .about-disclosure__toggle::before,.commitment .about-disclosure__toggle::after{transition:none}}
@media print{.commitment summary{break-inside:avoid}.commitment .commitment__body{display:block!important;height:auto!important;opacity:1!important}.commitment__control{display:none}}
