@font-face{font-family:'Nunito Sans';src:url('https://mardant-calendario-japon.pages.dev/nunito-sans.woff2') format('woff2');font-display:swap;font-weight:400 900}
:root{--bg:#f7f3eb;--panel:#fbf7ef;--ink:#171411;--muted:#7a6756;--red:#a8322a;--border:#d8c6aa}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}
.calendar-hero{display:flex;justify-content:center;align-items:center;min-height:180px;height:clamp(180px,15vw,250px);padding:18px 12px;background:#555 url('https://mardant-calendario-japon.pages.dev/cabecera-mardant.png') center/auto 260% no-repeat;border-bottom:3px solid var(--red)}
h1{margin:0;max-width:100%;font-size:clamp(30px,4vw,68px);font-weight:1000;line-height:1.08;text-align:center;text-transform:uppercase;color:#fff;text-shadow:-2px -2px 0 #111,0 -2px 0 #111,2px -2px 0 #111,-2px 0 0 #111,2px 0 0 #111,-2px 2px 0 #111,0 2px 0 #111,2px 2px 0 #111,0 4px 2px #111}h1 span{display:block}
.intro{color:var(--muted);font-size:14px;line-height:1.5;text-align:center;margin:19px 16px 0}.tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 14px 27px}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:12px 23px;border:0;border-radius:999px;background:linear-gradient(180deg,#38302b,#171411);color:white;font-weight:900;font-size:14px;line-height:1;box-shadow:0 9px 20px #17141125}.pill.active{background:linear-gradient(180deg,#b84137,#8f2722);box-shadow:0 9px 22px #a8322a35}.pill:hover{transform:translateY(-1px)}.symbol{font-size:17px;line-height:1;font-weight:950}button:focus-visible,a:focus-visible{outline:3px solid #a8322a66;outline-offset:3px}
.page{max-width:1220px;margin:auto;padding:0 16px 32px}.period-controls{display:flex;width:fit-content;max-width:100%;justify-content:center;align-items:center;gap:7px;margin:0 auto 24px;padding:7px;border:1px solid var(--border);border-radius:999px;background:var(--panel);box-shadow:0 6px 16px #17141110}.period-controls[hidden]{display:none}.period-button{border:0;border-radius:999px;padding:11px 25px;min-height:42px;background:transparent;color:var(--muted);font-size:14px;font-weight:900}.period-button.active{background:linear-gradient(180deg,#b84137,#8f2722);color:white;box-shadow:0 4px 10px #a8322a25}
.results{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 2px 15px;color:var(--muted);font-size:13px;font-weight:750}.results strong{color:var(--ink);font-weight:950}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 18px #17141119}.photo-wrap{height:220px;background:white;border-bottom:1px solid #d8c6aacc;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}
.info{display:flex;flex:1;flex-direction:column;gap:10px;padding:13px 12px 14px}.date{font-size:12px;line-height:1.45;min-height:35px}.date-label{color:var(--muted);display:block;font-size:11px;font-weight:800}.date-value{font-weight:900}.code{font-size:11px;color:var(--muted);line-height:1.5}.code strong{font-family:ui-monospace,Consolas,monospace;color:var(--ink);letter-spacing:.045em;font-size:14px;font-weight:850;white-space:nowrap}
.consult{margin-top:auto;padding:11px 7px;border-radius:7px;background:linear-gradient(180deg,#b13a31,#8f2722);box-shadow:0 6px 13px #a8322a25;color:white;font-weight:900;font-size:12px;line-height:1.4;min-height:40px;text-align:center}.consult:hover{background:linear-gradient(180deg,#c04438,#982b25)}
.empty{grid-column:1/-1;text-align:center;padding:50px 20px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--muted)}.loading{grid-column:1/-1;text-align:center;padding:50px 20px;color:var(--muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:26px 0 7px;font-size:13px;color:var(--muted);font-weight:850}.pagination button{padding:9px 17px;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--ink);font-weight:850}.pagination button:disabled{opacity:.4;cursor:default}
@media(max-width:1050px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-wrap{height:215px}.tabs{gap:9px}.pill{padding:12px 20px}}
@media(max-width:800px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-wrap{height:220px}.intro{font-size:13px}.tabs{margin-top:21px;margin-bottom:22px}}
@media(max-width:520px){.calendar-hero{height:155px;min-height:155px;padding:15px 10px}h1{font-size:clamp(21px,6vw,30px);line-height:1.2;text-shadow:-1.5px -1.5px 0 #111,1.5px -1.5px 0 #111,-1.5px 1.5px 0 #111,1.5px 1.5px 0 #111,0 3px 1px #111}.intro{font-size:12px;margin-top:16px}.tabs{gap:10px;margin-left:15px;margin-right:15px}.tabs>.pill{flex:0 0 calc(50% - 5px);padding:13px 12px;font-size:13px}.page{padding-left:11px;padding-right:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-wrap{height:190px}.info{padding:11px 9px 12px;gap:8px}.consult{font-size:11px;padding:10px 5px}.code strong{font-size:13px}.results{align-items:start;font-size:12px}.results>span:last-child{font-size:11px}.period-button{padding:11px 22px;font-size:13px}.period-controls{margin-bottom:20px}}
@media(max-width:560px){body.floating-controls-clear-content .boton-cuenta-flotante,body.floating-controls-clear-content .boton-carrito-flotante{transform:translateX(calc(100% + 28px));opacity:0;pointer-events:none}}