.dc-phase-calc{--dc-mestruale: #D4577B;--dc-mestruale-bg: #FCEEF2;--dc-follicolare: #27AE60;--dc-follicolare-bg: #E8F8EF;--dc-ovulatoria: #F39C12;--dc-ovulatoria-bg: #FEF5E7;--dc-luteale: #9B59B6;--dc-luteale-bg: #F3EBF7;--dc-dark: #1A1028;--dc-text: #1F1F2E;--dc-muted: #6B7280;--dc-subtle: #9CA3AF;--dc-border: #F0EDF5;max-width:520px;margin:0 auto;padding:60px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dc-section-phase-calculator{background:#f0dee2;padding:20px 0}.dc-phase-calc__header{text-align:center;margin-bottom:32px}.dc-phase-calc__kicker{display:block;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--dc-mestruale);margin-bottom:10px}.dc-phase-calc__title{font-size:32px;font-weight:400;color:var(--dc-text);font-family:Georgia,Times New Roman,serif;line-height:1.25;margin:0 0 12px}.dc-phase-calc__intro{font-size:16px;color:var(--dc-muted);line-height:1.6;max-width:440px;margin:0 auto}.dc-phase-calc__input-card{background:#fff;border-radius:20px;border:1.5px solid var(--dc-border);padding:28px 24px;margin-bottom:28px;box-shadow:0 2px 16px #2d22330a}.dc-phase-calc__fields{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.dc-phase-calc__field{flex:1;min-width:150px}.dc-phase-calc__field--short{flex:0 0 110px;min-width:110px}.dc-phase-calc__label{display:block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--dc-subtle);margin-bottom:8px}.dc-phase-calc__date-input,.dc-phase-calc__cycle-input{width:100%;padding:14px 16px;border:1.5px solid var(--dc-border);border-radius:14px;font-size:16px;color:var(--dc-text);background:#fafafa;font-family:inherit;transition:all .2s ease;-webkit-appearance:none;appearance:none;box-sizing:border-box}.dc-phase-calc__date-input:focus,.dc-phase-calc__cycle-input:focus{outline:none;border-color:var(--dc-mestruale);background:#fff;box-shadow:0 0 0 3px #d4577b1a}.dc-phase-calc__cycle-wrapper{position:relative}.dc-phase-calc__cycle-suffix{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--dc-subtle);pointer-events:none}.dc-phase-calc__cycle-input{padding-right:50px}.dc-phase-calc__btn{padding:14px 24px;background:var(--dc-mestruale);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease;font-family:inherit}.dc-phase-calc__btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1a102833}.dc-phase-calc__calendar-wrap{display:none}.dc-phase-calc__calendar-wrap--visible{display:block;animation:dcCalcFade .4s ease}@keyframes dcCalcFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dc-phase-calc__month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.dc-phase-calc__month-btn{width:40px;height:40px;border-radius:12px;border:1.5px solid var(--dc-border);background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dc-muted);transition:all .2s ease}.dc-phase-calc__month-btn:hover{background:#fafafa;border-color:var(--dc-muted)}.dc-phase-calc__month-label{font-size:20px;font-weight:600;color:var(--dc-text);font-family:Georgia,Times New Roman,serif}.dc-phase-calc__calendar{background:#fff;border-radius:20px;border:1.5px solid var(--dc-border);overflow:hidden;box-shadow:0 2px 20px #2d22330a;margin-bottom:16px}.dc-phase-calc__weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--dc-border)}.dc-phase-calc__weekday{padding:12px 0;text-align:center;font-size:12px;font-weight:700;color:var(--dc-subtle);letter-spacing:.5px;text-transform:uppercase}.dc-phase-calc__days{display:grid;grid-template-columns:repeat(7,1fr)}.dc-phase-calc__day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .15s ease}.dc-phase-calc__day:hover{opacity:.8}.dc-phase-calc__day--empty{background:#fafafa;cursor:default}.dc-phase-calc__day--selected{border-radius:8px;z-index:2}.dc-phase-calc__day-num{font-size:16px;font-weight:500;line-height:1}.dc-phase-calc__day--today .dc-phase-calc__day-num{font-weight:800}.dc-phase-calc__day--selected .dc-phase-calc__day-num{font-weight:700}.dc-phase-calc__day-dot{width:5px;height:5px;border-radius:50%;margin-top:4px}.dc-phase-calc__legend{display:flex;justify-content:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}.dc-phase-calc__legend-item{display:flex;align-items:center;gap:6px;cursor:pointer}.dc-phase-calc__legend-swatch{width:14px;height:14px;border-radius:4px}.dc-phase-calc__legend-label{font-size:13px;font-weight:600;color:var(--dc-muted)}.dc-phase-calc__phase-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #2d22330d;margin-bottom:28px;transition:border-color .3s ease;animation:dcCalcFade .35s ease}.dc-phase-calc__phase-header{padding:24px 24px 16px;display:flex;align-items:center;gap:16px}.dc-phase-calc__phase-emoji{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.dc-phase-calc__phase-info{flex:1}.dc-phase-calc__phase-name{font-size:22px;font-weight:400;font-family:Georgia,Times New Roman,serif;color:var(--dc-text);margin:0}.dc-phase-calc__phase-day{font-size:13px;font-weight:600;margin-top:2px;display:block}.dc-phase-calc__phase-body{padding:4px 24px 24px}.dc-phase-calc__section{margin-bottom:18px}.dc-phase-calc__section-label{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--dc-subtle);margin-bottom:6px}.dc-phase-calc__section-text{font-size:15px;color:var(--dc-text);line-height:1.6;margin:0}.dc-phase-calc__foods{display:flex;gap:8px;flex-wrap:wrap}.dc-phase-calc__food{padding:6px 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--dc-text)}.dc-phase-calc__hook{font-size:16px;font-style:italic;font-family:Georgia,Times New Roman,serif;line-height:1.5;margin:0 0 22px;padding:14px 18px;border-left:3px solid var(--dc-border)}.dc-phase-calc__cta{display:block;width:100%;padding:16px;color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.dc-phase-calc__cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.dc-phase-calc__cta--bundle{background:linear-gradient(135deg,var(--dc-mestruale),#C04B6D)!important;box-shadow:0 4px 20px #d4577b59!important}.dc-phase-calc__disclaimer{padding:14px 18px;background:#ffffff80;border-radius:14px;text-align:center}.dc-phase-calc__disclaimer-text{font-size:12px;color:var(--dc-subtle);line-height:1.6;margin:0}@media(max-width:480px){.dc-phase-calc{padding:40px 16px}.dc-phase-calc__title{font-size:28px}.dc-phase-calc__intro{font-size:15px}.dc-phase-calc__fields{flex-direction:column;gap:14px}.dc-phase-calc__field,.dc-phase-calc__field--short{min-width:100%;flex:1}.dc-phase-calc__date-input,.dc-phase-calc__cycle-input{padding:16px 18px;font-size:17px;border-radius:16px}.dc-phase-calc__cycle-input{padding-right:55px}.dc-phase-calc__label{font-size:12px;margin-bottom:8px}.dc-phase-calc__btn{width:100%;padding:16px;font-size:16px;border-radius:16px}.dc-phase-calc__input-card{padding:24px 20px;border-radius:20px}.dc-phase-calc__day-num{font-size:14px}.dc-phase-calc__weekday{font-size:11px;padding:10px 0}.dc-phase-calc__month-label{font-size:18px}.dc-phase-calc__phase-header{padding:20px 20px 14px}.dc-phase-calc__phase-body{padding:4px 20px 20px}.dc-phase-calc__phase-name{font-size:20px}.dc-phase-calc__phase-emoji{width:48px;height:48px;font-size:24px}.dc-phase-calc__hook{font-size:15px;padding:12px 16px}.dc-phase-calc__cta{padding:16px;font-size:16px;border-radius:16px}.dc-phase-calc__legend{gap:10px}.dc-phase-calc__legend-label{font-size:12px}.dc-phase-calc__legend-swatch{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/dc-phase-calculator.css.map */
