/* Chronos · Calendario de eventos (pergamino) */
.chc,.chc-modal{--ink:#2e1a0d;--wine:#7a1f16;--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .25  0 0 0 0 .15  0 0 0 0 .05  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.chc{max-width:1460px;margin:0 auto;font-family:"IM Fell English",Georgia,serif;color:var(--ink)}
.chc *,.chc-modal,.chc-modal *{box-sizing:border-box}
.chc-scroll{container-type:inline-size;position:relative;filter:drop-shadow(0 18px 40px rgba(0,0,0,.6))}
.chc-scroll img{display:block;width:100%;height:auto;max-width:100%;margin:0;border:0}
.chc-hdr{position:relative}
.chc-ribbon{position:absolute;left:var(--rb-l);width:var(--rb-w);top:var(--rb-t);height:var(--rb-h);display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#b88a50,#c69a60 45%,#b9894f);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);overflow:hidden}
.chc-ribbon span{font-family:"Cinzel",Georgia,serif;font-weight:700;color:#35200f;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:var(--rb-fs);line-height:1}
.chc-ribbon span::before,.chc-ribbon span::after{content:"⟡";margin:0 .6em;opacity:.7}
.chc-mid{position:relative}
.chc-cards{display:grid;gap:var(--gap);justify-content:center}
.chc-card{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;color:var(--ink);background:var(--noise),linear-gradient(180deg,#c1935a,#b8884f 60%,#b07f45);padding:var(--pad);box-shadow:inset 0 0 0 1px #4a2c14,inset 0 0 0 var(--inset) #b8894f,inset 0 0 0 calc(var(--inset) + 1px) rgba(74,44,20,.55);transition:transform .25s ease,box-shadow .25s ease}
.chc-card::after{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;background:#4a2c14;transform:translateX(-50%) rotate(45deg)}
.chc-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #4a2c14,inset 0 0 0 var(--inset) #c39661,inset 0 0 0 calc(var(--inset) + 1px) rgba(74,44,20,.55),0 0 18px rgba(255,207,122,.45)}
.chc-card:focus-visible{outline:2px solid #ffd27a;outline-offset:2px}
.chc-date{font-family:"Cinzel",Georgia,serif;font-weight:700;line-height:1;margin-top:.15em}
.chc-date b{font-size:var(--fs-num);font-weight:700}
.chc-date small{font-size:var(--fs-mes);margin-left:.2em}
.chc-dow{font-family:"Cinzel",Georgia,serif;font-weight:700;font-size:var(--fs-dow);letter-spacing:.1em;text-transform:uppercase;margin-top:.25em}
.chc-orn{width:86%;height:auto;margin:.35em 0 .2em;color:#4a2c14}
.chc-ic{width:var(--ic)!important;height:var(--ic)!important;margin:.25em 0 .35em;filter:drop-shadow(0 2px 3px rgba(58,32,12,.5))}
.chc-tt{font-family:"Cinzel",Georgia,serif;font-weight:700;font-size:var(--fs-tt);line-height:1.12;text-transform:uppercase;min-height:2.24em;display:flex;align-items:center;justify-content:center;text-wrap:balance}
.chc-ds{font-size:var(--fs-ds);line-height:1.4;margin-top:.45em;color:#3a2412;flex:1}
.chc-more{font-family:"Cinzel",Georgia,serif;font-size:var(--fs-more);letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-top:.5em;border-top:1px solid rgba(74,44,20,.4);padding-top:.35em;width:80%}
.chc-empty{grid-column:1/-1;font-style:italic;text-align:center;font-size:var(--fs-tt);padding:2em 1em;margin:auto}

/* computador: fichas sobre el pergamino */
@container (min-width:720px){
  .chc-hdr{--rb-l:26.2%;--rb-w:48.2%;--rb-t:91.7%;--rb-h:6.3%;--rb-fs:1.45cqw}
  .chc-m{display:none!important}
  .chc-mid{aspect-ratio:1490/433;background:var(--chc-mid) center/100% 100% no-repeat}
  .chc-mid::before{content:"";position:absolute;left:8.5%;width:83%;top:1%;bottom:.6%;background:var(--noise),#b8884f;-webkit-mask-image:linear-gradient(90deg,transparent,#000 1.4%,#000 98.6%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 1.4%,#000 98.6%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
  .chc-cards{position:absolute;left:9.3%;width:81.4%;top:2.6%;bottom:2.4%;grid-template-columns:repeat(var(--n,6),calc((100% - 5*var(--gap))/6));--gap:1.05cqw;--pad:1.1cqw .7cqw .8cqw;--inset:.35cqw;--fs-num:2.35cqw;--fs-mes:1.5cqw;--fs-dow:.95cqw;--ic:8.6cqw;--fs-tt:1.38cqw;--fs-ds:1cqw;--fs-more:.72cqw}
}
/* celular */
@container (max-width:719.98px){
  .chc-hdr{--rb-l:9.6%;--rb-w:81.6%;--rb-t:91.6%;--rb-h:6.4%;--rb-fs:2.6cqw}
  .chc-d{display:none!important}
  .chc-mid{background:var(--noise),radial-gradient(ellipse at 50% 50%,#c39661 0%,#b07f45 75%,#8f6232 100%);padding:14px 12px 18px}
  .chc-cards{grid-template-columns:repeat(2,minmax(0,1fr));--gap:12px;--pad:14px 8px 10px;--inset:4px;--fs-num:30px;--fs-mes:18px;--fs-dow:12px;--ic:92px;--fs-tt:15px;--fs-ds:14px;--fs-more:11px}
}
@container (max-width:719.98px){.chc-cards>.chc-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc((100% - var(--gap))/2)}}
@container (max-width:340px){.chc-cards{--gap:8px;--pad:10px 6px 8px;--inset:3px;--ic:68px;--fs-num:24px;--fs-mes:14px;--fs-dow:10px;--fs-tt:12.5px;--fs-ds:12px;--fs-more:10px}}
@container (max-width:240px){.chc-cards{grid-template-columns:minmax(0,1fr)}.chc-cards>.chc-card:last-child:nth-child(odd){width:auto;justify-self:stretch}}

/* ventana emergente */
.chc-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;background:rgba(10,6,4,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.chc-modal[hidden]{display:none!important}
.chc-sheet{position:relative;width:min(760px,100%);max-height:100%;overflow:auto;color:#2e1a0d;border-radius:4px;font-family:"IM Fell English",Georgia,serif;background:var(--noise),radial-gradient(ellipse at 50% 30%,#d4ab72,#c0915a 60%,#a87841);box-shadow:inset 0 0 0 2px #4a2c14,inset 0 0 0 7px #c3955c,inset 0 0 0 8px rgba(74,44,20,.6),inset 0 0 60px rgba(106,64,24,.3),0 30px 80px #000;padding:34px 34px 28px;animation:chcpop .28s ease}
@keyframes chcpop{from{transform:translateY(12px) scale(.98);opacity:.4}}
@media (prefers-reduced-motion:reduce){.chc-sheet{animation:none}.chc-card{transition:none}}
.chc-x{all:unset;position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:1px solid #4a2c14;background:#c69a62;cursor:pointer;font-size:22px;line-height:38px;text-align:center;color:#2e1a0d}
.chc-grid{display:grid;grid-template-columns:170px minmax(0,1fr);gap:26px;align-items:start}
.chc-medal img{width:170px;height:170px;display:block;filter:drop-shadow(0 6px 10px rgba(74,44,20,.45))}
.chc-when{font-family:"Cinzel",Georgia,serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;color:#5a3a1e}
.chc-sheet h2{font-family:"Cinzel",Georgia,serif;font-weight:800;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.1;margin:.2em 0 .35em;text-wrap:balance;text-transform:none;letter-spacing:0}
.chc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.chc-chip{font-family:"Cinzel",Georgia,serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid #4a2c14;border-radius:999px;padding:3px 10px;background:#c99d65}
.chc-long p{font-size:1.13rem;line-height:1.55;margin:0 0 .7em;max-width:62ch}
.chc-det{margin:14px 0 0;padding:12px 14px;border:1px dashed rgba(74,44,20,.6);font-size:1rem;background:rgba(224,189,138,.25)}
.chc-det b{font-family:"Cinzel",Georgia,serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:4px}
.chc-det p{margin:0;white-space:pre-line}
.chc-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}
.chc-btn{display:inline-flex;align-items:center;font-family:"Cinzel",Georgia,serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;text-decoration:none!important;padding:11px 18px;border-radius:4px;border:1px solid #2a1606;cursor:pointer}
.chc-btn.main{background:linear-gradient(#8f2a1c,#5e170e);color:#f3dfb8!important}
.chc-btn.alt{background:#c69a62;color:#2e1a0d!important}
.chc-wa{font-size:.9rem;color:#5a3a1e}
.chc-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px;border-top:1px solid rgba(74,44,20,.35);padding-top:12px}
.chc-nav button{all:unset;cursor:pointer;font-family:"Cinzel",Georgia,serif;font-size:.8rem;letter-spacing:.06em;color:#5a3a1e;padding:6px 0}
.chc-nav button[disabled]{opacity:.35;cursor:default}
@media (max-width:620px){
  .chc-modal{place-items:end center;padding:0}
  .chc-sheet{border-radius:14px 14px 0 0;padding:28px 20px calc(22px + env(safe-area-inset-bottom,0px));max-height:92%}
  .chc-grid{grid-template-columns:1fr;gap:12px;justify-items:center;text-align:center}
  .chc-medal img{width:120px;height:120px}
  .chc-chips,.chc-acts{justify-content:center}
  .chc-long p{margin-left:auto;margin-right:auto}
}

/* 1.1.1: mensaje sin eventos a todo el ancho y botones que el tema no puede sobrescribir */
.chc-cards:has(.chc-empty){grid-template-columns:1fr!important}
.chc-empty{max-width:60ch}
.chc-modal .chc-x{background:#c69a62!important;color:#2e1a0d!important;border:1px solid #4a2c14!important;box-shadow:none!important;padding:0!important}
.chc-modal .chc-nav button{background:none!important;color:#5a3a1e!important;border:0!important;box-shadow:none!important}
