.waffle-esfuerzo{font-family:Roboto,sans-serif;max-width:850px;margin:0 auto;padding:20px}.waffle-esfuerzo__header{margin-bottom:16px;text-align:center}.waffle-esfuerzo__title{font-size:24px;font-weight:700;margin:0 0 8px;color:#1a1a1a}.waffle-esfuerzo__subtitle{font-size:1.8rem;color:#666;margin:0}.waffle-esfuerzo__subtitle strong{font-weight:700;color:#333}.waffle-esfuerzo__value{text-align:center;margin-bottom:1.6rem}.waffle-esfuerzo__value-number{font-size:4.8rem;font-weight:900;color:#eeda00}.waffle-esfuerzo__value-unit{font-size:18px;color:#666;margin-left:8px}.waffle-esfuerzo__chart{display:flex;justify-content:center;padding:20px;min-height:100px}.waffle-esfuerzo__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3.3rem;justify-content:center;max-width:40rem;margin:0 auto;padding:2rem}.waffle-esfuerzo__svg{display:block;overflow:visible}.waffle-esfuerzo__cell{transition:transform .15s ease-out}.waffle-esfuerzo__legend{display:flex;justify-content:center;gap:24px;margin-top:20px}.waffle-esfuerzo__legend-item{display:flex;align-items:center;gap:8px}.waffle-esfuerzo__legend-swatch{display:inline-block;width:16px;height:16px;border-radius:3px}.waffle-esfuerzo__legend-swatch--filled{background-color:#eeda00}.waffle-esfuerzo__legend-swatch--empty{background-color:#e8e8e8}.waffle-esfuerzo_leyenda{position:relative;max-width:40rem;justify-content:center;align-items:center;display:flex;margin:4rem auto;gap:2rem}.waffle-esfuerzo_leyenda span{font-size:1.5rem}@media (max-width: 520px){.waffle-esfuerzo{padding:1.5rem}.waffle-esfuerzo__title{font-size:2rem}.waffle-esfuerzo__subtitle{font-size:1.4rem}.waffle-esfuerzo__value-number{font-size:3.2rem}.waffle-esfuerzo__chart{padding:1.5rem}.waffle-esfuerzo__legend{flex-direction:column;align-items:center;gap:1.2rem}.waffle-esfuerzo__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:20rem}}.calendar-container .header-calendar{position:relative;width:4.3rem;background:#b7363600;margin-bottom:.2rem;height:1.6rem;box-sizing:border-box;border:4px solid #eeda04}.calendar-container .header-calendar_ganchos{position:absolute;width:.4rem;height:1.3rem;background-color:#eeda00;border-radius:50%;top:-.8rem;left:.8rem}.calendar-container .header-calendar .--second{position:absolute;left:2.2rem}.calendar-container .main-calendar{position:relative;width:4.3rem;height:2.9rem;border:.4rem solid #EEDA00}.calendar-container .main-calendar .fill{position:absolute;top:0;left:0;width:40%;height:100%;background-color:#eeda00}