/* Panel de avances BoomBang CL. Visual original, sin APIs privadas en cliente. */
.avance-hero{position:relative;overflow:hidden}
.avance-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);align-items:center;gap:50px}
.avance-hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:1.07;letter-spacing:-.055em;margin:12px 0 20px}
.avance-hero h1 em{font-style:normal;color:#ffe9a8}
.avance-hero p{max-width:590px;line-height:1.85;margin:0}
.avance-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.avance-hero-art{height:260px;min-width:0;position:relative;border-radius:32px;background:linear-gradient(130deg,#e3f8d8,#ffeca9);border:8px solid #ffffffdd;box-shadow:0 25px 50px #034d5880;display:grid;place-items:center;color:#236474;transform:rotate(3deg)}
.avance-hero-art>span{position:absolute;font-size:4.2rem;filter:drop-shadow(0 8px 6px #39776a30)}
.avance-hero-art>span:nth-child(1){left:15%;top:10%;transform:rotate(-16deg)}
.avance-hero-art>span:nth-child(2){right:14%;top:10%;transform:rotate(14deg)}
.avance-hero-art>span:nth-child(3){right:14%;bottom:4%;font-size:3rem}
.avance-hero-art>div{font-size:1.65rem;font-weight:950;text-align:center;padding:16px 20px;background:#fff;border-radius:18px;box-shadow:0 10px 30px #23454d33;transform:rotate(-5deg);letter-spacing:.02em}
.avance-hero-art small{display:block;font-size:.58rem;letter-spacing:.19em;color:#e07553;margin-top:8px}
.avance-section{padding-top:82px;padding-bottom:86px}
.avance-titlebar{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}
.avance-titlebar h2{margin:7px 0 10px;font-size:clamp(2rem,4vw,3.4rem)}
.avance-titlebar p{max-width:720px;color:#66808a;line-height:1.7;margin:0}
.avance-snapshot{padding:13px 17px;border:1px solid #e4e8d9;border-radius:15px;font-size:.81rem;line-height:1.65;color:#526c74;background:#fff;min-width:235px;text-align:right}
.avance-snapshot strong,.avance-snapshot span{display:block}
.avance-snapshot strong{font-size:.9rem;color:#1c5a68}
.avance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.avance-metric{background:white;border:1px solid #e5eadf;border-radius:21px;padding:25px;box-shadow:0 15px 28px #0c414409;display:flex;flex-direction:column;gap:8px}
.avance-metric-label{font-size:.8rem;color:#557581;font-weight:900}
.avance-metric strong{font-size:clamp(2.25rem,4vw,3.5rem);font-weight:950;letter-spacing:-.065em;color:#087c8c;line-height:1.15;font-family:Outfit,'Trebuchet MS',sans-serif}
.avance-metric strong.avance-metric-word{font-size:1.55rem;color:#c97b55;letter-spacing:-.03em;padding-top:10px}
.avance-metric small{color:#759099;font-size:.78rem;line-height:1.4}
.avance-progress-card{margin-top:20px;padding:30px;border-radius:23px;background:linear-gradient(125deg,#e8faf0,#ffffff);border:1px solid #cae5da}
.avance-progress-top{display:flex;align-items:center;justify-content:space-between;gap:25px}
.avance-progress-top strong{font-size:1.2rem;color:#174959}
.avance-progress-top p{font-size:.85rem;color:#647f87;margin:9px 0}
.avance-progress-top output{font-size:clamp(2.5rem,4vw,3.9rem);font-weight:950;color:#007e89;letter-spacing:-.06em}
.avance-progress-track{height:17px;border-radius:50px;background:#cfdfd9;overflow:hidden;margin-top:13px}
.avance-progress-track>span{display:block;width:0;height:100%;border-radius:50px;background:linear-gradient(90deg,#079eaa,#48c994);transition:width .4s ease}
.avance-warning{line-height:1.65;font-size:.84rem;color:#557681;margin:17px 0 0}
.avance-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:52px 0 22px}
.avance-toolbar h2{margin:0 0 6px;font-size:2rem}
.avance-toolbar p{margin:0;color:#748992}
.avance-toolbar label{font-weight:900;color:#31546a;font-size:.78rem;display:grid;gap:7px}
.avance-toolbar select{min-width:210px;border:2px solid #d0e1da;border-radius:12px;padding:11px 14px;font:inherit;font-size:.9rem;color:#244c5a;background:white}
.avance-phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.avance-phase,.avance-fallback{background:white;border:1px solid #e5e9dc;padding:28px;border-radius:23px;box-shadow:0 12px 25px #0e46500d}
.avance-phase-title{display:flex;gap:16px;align-items:start;border-bottom:1px solid #e8eee4;padding-bottom:18px;margin-bottom:10px}
.avance-phase-emoji{display:grid;place-items:center;width:51px;height:51px;flex-shrink:0;border-radius:16px;background:#ddf5e8;font-size:1.55rem}
.avance-phase-title h3{margin:0 0 5px;font-size:1.45rem}
.avance-phase-title p{color:#77898e;font-size:.84rem;line-height:1.6;margin:0}
.avance-phase-count{display:block;font-size:.72rem;color:#28867e;font-weight:900;margin-top:8px}
.avance-task{display:flex;gap:13px;align-items:start;padding:15px 0;border-bottom:1px solid #eef1eb}
.avance-task:last-child{border-bottom:0}
.avance-task-mark{height:24px;min-width:24px;width:24px;border-radius:50%;display:grid;place-items:center;font-weight:950;font-size:.86rem;background:#dcf4e7;color:#06785f}
.avance-task.pending .avance-task-mark{background:#ffefdd;color:#bd7d4b}
.avance-task h4{font-family:inherit;font-size:.91rem;font-weight:900;line-height:1.45;margin:0 0 5px;color:#174756}
.avance-task p{color:#789099;line-height:1.55;font-size:.81rem;margin:0}
.avance-task small{display:inline-block;color:#178776;font-weight:900;font-size:.69rem;margin-top:7px}
.avance-task.pending small{color:#b37c53}
.avance-light{background:#edf7f1}
.avance-github-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.avance-github-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #dcece2;border-radius:23px;padding:29px;text-decoration:none;color:#215266}
.avance-github-card:hover{transform:translateY(-3px);border-color:#17b7a0;box-shadow:0 14px 28px #174e4a10}
.avance-github-card>span{font-size:2.2rem}
.avance-github-card h3{margin:13px 0 8px;font-size:1.35rem;color:#16445c}
.avance-github-card p{flex:1;line-height:1.65;color:#6b838b;font-size:.86rem;margin:0 0 20px}
.avance-github-card strong{font-size:.83rem;color:#00878c}
.avance-ci-note{margin-top:23px;padding:24px;border:1px solid #b5dfcc;background:white;border-radius:20px;display:flex;gap:17px;align-items:start}
.avance-ci-dot{width:11px;height:11px;min-width:11px;border-radius:50%;margin-top:5px;background:#25a577;box-shadow:0 0 0 4px #d6f4e3}
.avance-ci-note>div{flex:1}
.avance-ci-note strong{font-size:.94rem;color:#236154}
.avance-ci-note p{font-size:.82rem;line-height:1.65;color:#73878b;margin:9px 0 0}
.avance-ci-note>a{font-weight:900;color:#0b8586;font-size:.82rem;white-space:nowrap}
.avance-timeline{position:relative;display:grid;gap:15px;max-width:910px}
.avance-update{display:grid;grid-template-columns:135px 1fr;gap:15px;border:1px solid #e4eade;border-radius:17px;background:white;padding:21px 23px}
.avance-update time{font-size:.8rem;font-weight:900;color:#008e87}
.avance-update h3{font-size:1.13rem;margin:0 0 8px}
.avance-update p{font-size:.88rem;line-height:1.7;color:#758a90;margin:0}
.avance-fallback h3{font-size:1.15rem}
.avance-fallback p{color:#67828a}
@media(max-width:920px){.avance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.avance-hero-grid{grid-template-columns:1fr}.avance-hero-art{max-width:480px;height:210px}.avance-phases{grid-template-columns:1fr}.avance-github-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.avance-section{padding-top:57px;padding-bottom:65px}.avance-titlebar{align-items:start;flex-direction:column}.avance-snapshot{text-align:left}.avance-toolbar{flex-direction:column;align-items:stretch}.avance-toolbar label{align-self:stretch}.avance-toolbar select{width:100%}.avance-github-grid{grid-template-columns:1fr}.avance-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.avance-metric{padding:17px}.avance-metric strong{font-size:2.25rem}.avance-metric strong.avance-metric-word{font-size:1.25rem}.avance-progress-card{padding:20px}.avance-phase{padding:21px}.avance-update{grid-template-columns:1fr;gap:6px}.avance-ci-note{flex-wrap:wrap}.avance-ci-note>a{margin-left:30px}.avance-hero-art{display:none}}

/* Snapshot read-only generated by GitHub Actions when Pages is deployed. */
.avance-github-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:14px}
.avance-snapshot-tile{background:white;border:1px solid #cee4d8;border-radius:19px;padding:24px;display:flex;flex-direction:column;gap:10px}
.avance-snapshot-tile>span{font-size:.79rem;font-weight:900;color:#59818b}
.avance-snapshot-tile>strong{font-size:clamp(1.25rem,2.5vw,1.85rem);color:#096f87;font-family:Outfit,'Trebuchet MS',sans-serif;letter-spacing:-.03em}
.avance-snapshot-tile>small{font-size:.8rem;line-height:1.6;color:#65848d}
.avance-gh-timestamp{font-size:.83rem;color:#5f7e89;line-height:1.6;margin:16px 0 0}
@media(max-width:760px){.avance-github-snapshot{grid-template-columns:1fr}}