/* Calendario Lunar Realista - estilos */
.lcr{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; color:#0b1220; }
.lcr *{box-sizing:border-box;}
.lcr-calendar{max-width:100%; background:#fff; border:1px solid rgba(15,23,42,.10); border-radius:18px; padding:14px; box-shadow:0 10px 30px rgba(2,6,23,.06);}
.lcr-cal-head{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 2px 12px;}
.lcr-cal-title{font-weight:700; letter-spacing:.2px; font-size:18px; text-transform:capitalize;}
.lcr-cal-btn{border:1px solid rgba(15,23,42,.12); background:#fff; width:40px; height:36px; border-radius:12px; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#000 !important; font-size:0; line-height:0; padding:0; appearance:none; -webkit-appearance:none;}
.lcr-cal-btn svg{width:18px; height:18px; display:block; fill:#000;}
.lcr-cal-btn:hover{background:rgba(2,6,23,.03);}
.lcr-cal-btn:active{transform:translateY(1px);}

.lcr-cal-btn:hover{background:rgba(2,6,23,.04);}
.lcr-cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:8px;}
.lcr-wd{font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:rgba(15,23,42,.55); padding:6px 0; text-align:center;}
.lcr-day{border:1px solid rgba(15,23,42,.10); background:#fff; border-radius:16px; padding:10px 8px; cursor:pointer; min-height:72px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:6px; transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;}
.lcr-day:hover{transform:translateY(-1px); box-shadow:0 10px 20px rgba(2,6,23,.06); border-color:rgba(15,23,42,.16);}
.lcr-day:focus{outline:none; box-shadow:0 0 0 4px rgba(59,130,246,.18), 0 10px 20px rgba(2,6,23,.06); border-color:rgba(59,130,246,.35);}
.lcr-empty{background:transparent; border:1px dashed rgba(15,23,42,.08); min-height:72px;}
.lcr-num{font-size:12px; color:rgba(15,23,42,.62); font-weight:600; width:100%; text-align:left;}
.lcr-moon{display:block; width:38px; height:38px; border-radius:999px; background:radial-gradient(circle at 30% 30%, rgba(2,6,23,.06), rgba(2,6,23,.02));}
.lcr-lbl{font-size:11px; color:rgba(15,23,42,.70); text-align:center; line-height:1.15; min-height:24px;}
.lcr-day.is-today{border-color:rgba(59,130,246,.35); background:linear-gradient(180deg, rgba(59,130,246,.06), rgba(255,255,255,1));}
.lcr-detail{margin-top:12px; border-top:1px solid rgba(15,23,42,.08); padding-top:12px; display:flex; flex-direction:column; gap:6px;}
.lcr-detail-title{font-weight:700;}
.lcr-detail-sub{font-size:13px; color:rgba(15,23,42,.70);}
.lcr-dot{padding:0 8px; color:rgba(15,23,42,.35);}
.lcr-noscript{margin-top:10px; font-size:13px; color:rgba(15,23,42,.7);}

/* Card fase única */
.lcr-phase-card{display:flex; align-items:center; gap:14px; padding:14px; border:1px solid rgba(15,23,42,.10); border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(2,6,23,.06); max-width:680px;}
.lcr-phase-visual{flex:0 0 auto; display:flex; align-items:center; justify-content:center;}
.lcr-moon-canvas{display:block; border-radius:999px; background:radial-gradient(circle at 30% 30%, rgba(2,6,23,.08), rgba(2,6,23,.02));}
.lcr-phase-title{font-weight:800; font-size:18px;}
.lcr-phase-sub{margin-top:4px; display:flex; flex-wrap:wrap; gap:0; align-items:center; font-size:13px; color:rgba(15,23,42,.72);}
@media (max-width:520px){
  .lcr-calendar{padding:12px;}
  .lcr-cal-grid{gap:6px;}
  .lcr-day{min-height:66px; padding:8px 6px;}
  .lcr-moon{width:34px; height:34px;}
  .lcr-phase-card{gap:12px;}
}

.lcr .lcr-cal-btn{color:#000 !important;}
.lcr .lcr-cal-btn svg{fill:#000 !important;}