/* Contador Medat: tipografia protagonista y gesto telefonico discreto. */
.daily-counter{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:70px minmax(0,1fr) auto;gap:22px;border:1px solid #dce5f0;border-radius:20px;padding:25px 28px;background:linear-gradient(110deg,#fff 35%,#fffaf6 100%);box-shadow:0 8px 26px #12326306}
.daily-counter::before{content:"";position:absolute;left:0;top:25px;bottom:25px;width:4px;border-radius:0 4px 4px 0;background:var(--orange)}
.daily-counter::after{content:"";position:absolute;z-index:-1;right:-45px;top:-110px;width:260px;height:260px;border:1px solid #f3652f0c;border-radius:50%;box-shadow:0 0 0 24px #f3652f04,0 0 0 49px #f3652f03;pointer-events:none}
.daily-counter-icon{position:relative;display:grid;width:70px;height:70px;border-radius:22px;color:var(--navy);background:#edf2fa;border:1px solid #dfe8f5;box-shadow:inset 0 1px 0 #fff;transform:rotate(-5deg);transition:transform .22s ease}
.daily-counter-icon svg{width:35px;height:35px;transform:rotate(5deg)}.daily-counter-icon .counter-ring{stroke:var(--orange)}
.daily-counter-icon i{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--orange);border:3px solid #fff;right:-3px;bottom:6px}
.daily-counter:hover .daily-counter-icon{transform:rotate(0deg) translateY(-2px)}
.daily-counter-copy{min-width:0}.daily-counter-copy .eyebrow{font-size:9px;color:#647b99;font-weight:650;letter-spacing:1.6px}.daily-counter-copy h2{font-size:25px;margin:7px 0 8px;letter-spacing:-.9px;color:var(--navy)}.daily-counter-copy p{color:var(--orange-dark);font-size:11px;line-height:1.6;font-weight:500}.daily-counter-copy small{font-size:9px}
.daily-counter-total{position:relative;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:14px;row-gap:3px;min-width:178px;max-width:none;padding:14px 18px 14px 22px;border:1px solid #f5dfd0;border-radius:17px;background:#fff4eb;box-shadow:0 3px 0 #f3652f08}
.daily-counter-total .counter-day{grid-column:1/-1;display:block;max-width:none;font-size:8px;font-weight:750;letter-spacing:1.5px;line-height:1.5;color:#a64a23}
.daily-counter-total strong{font-size:70px;line-height:1;letter-spacing:-3px;min-width:1ch;white-space:nowrap;font-variant-numeric:tabular-nums}
.daily-counter-total #today-unit{font-size:11px;line-height:1.65;color:#775c50;max-width:72px}
@media(max-width:700px){.daily-counter{grid-template-columns:58px minmax(0,1fr) auto;padding:22px;gap:15px}.daily-counter-icon{width:58px;height:58px;border-radius:18px}.daily-counter-icon svg{width:31px;height:31px}.daily-counter-copy h2{font-size:22px}.daily-counter-total{min-width:148px;padding:12px 14px;column-gap:11px}.daily-counter-total strong{font-size:60px}.daily-counter-total #today-unit{font-size:10px}}
@media(max-width:580px){.daily-counter{grid-template-columns:52px minmax(0,1fr);padding:20px;gap:16px;border-radius:17px}.daily-counter-icon{display:grid;width:52px;height:52px;border-radius:16px}.daily-counter-copy h2{font-size:22px;margin:5px 0}.daily-counter-copy p{font-size:10px;max-width:none}.daily-counter-copy .eyebrow{font-size:8px}.daily-counter-total{grid-column:1/-1;grid-template-columns:auto 1fr auto;gap:13px;max-width:none;width:100%;min-width:0;padding:12px 18px}.daily-counter-total .counter-day{grid-column:auto;font-size:8px}.daily-counter-total strong{font-size:55px;letter-spacing:-2px;text-align:center}.daily-counter-total #today-unit{text-align:right;max-width:85px;font-size:11px}.daily-counter::before{top:22px;bottom:22px}}
@media(prefers-reduced-motion:reduce){.daily-counter-icon{transition:none}.daily-counter:hover .daily-counter-icon{transform:rotate(-5deg)}}