/* ARCHIVO CANVAS */
html.archivo-active,body.archivo-active{background:#EAE4D6}
#page-archivo{height:calc(100vh - 60px);overflow:hidden;position:relative;cursor:grab;background-color:#EAE4D6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='3'%3E%3Cline x1='0' y1='0' x2='24' y2='0' stroke='%237a6a50' stroke-width='0.5' stroke-opacity='0.15'/%3E%3Cline x1='0' y1='0' x2='0' y2='3' stroke='%237a6a50' stroke-width='0.8' stroke-opacity='0.2'/%3E%3C/svg%3E");background-repeat:repeat}
#page-archivo.active{animation:none;max-width:100vw;margin:0;width:100%}
#page-archivo:active{cursor:grabbing}
#arc-canvas{position:absolute;top:0;left:0;width:0;height:0;will-change:transform}
/* Cards base */
.arc-card{position:absolute;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='9' cy='9' r='6.5' fill='none' stroke='%231a1918' stroke-width='1.5'/%3E%3Cline x1='14.1' y1='14.1' x2='20' y2='20' stroke='%231a1918' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") 9 9, zoom-in;transition:box-shadow .2s ease;overflow:hidden}
.arc-card:hover{z-index:10}
.arc-hover-overlay{position:absolute;inset:0;background:rgba(17,16,16,.45);opacity:0;transition:opacity .22s;pointer-events:none;z-index:5}
.arc-card:hover .arc-hover-overlay{opacity:1}
/* Foto */
.arc-card-foto{background:#fff;border:1px solid rgba(17,16,16,.1);box-shadow:2px 4px 14px rgba(17,16,16,.12)}
.arc-card-foto:hover{box-shadow:4px 8px 22px rgba(17,16,16,.22)}
.arc-card-foto img{display:block;width:100%;height:auto;object-fit:cover}
/* Video */
.arc-card-video{background:#1a1713;box-shadow:2px 4px 14px rgba(17,16,16,.25)}
.arc-card-video:hover{box-shadow:4px 8px 22px rgba(17,16,16,.4)}
.arc-card-video-inner{position:relative;padding-top:62.5%}
.arc-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.6rem;color:rgba(255,255,255,.55)}
.arc-card-vlabel{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.3)}
/* Sizes — hero */
.arc-card-foto.sz-hero{width:270px}
.arc-card-video.sz-hero{width:310px}
/* Sizes — standard */
.arc-card-foto.sz-std.arc-landscape{width:240px}
.arc-card-foto.sz-std.arc-landscape img{height:150px}
.arc-card-foto.sz-std.arc-portrait{width:165px}
.arc-card-video.sz-std.arc-landscape{width:250px}
.arc-card-video.sz-std.arc-portrait{width:175px}
/* Sizes — reference (small) */
.arc-card-foto.sz-ref{width:145px}
.arc-card-foto.sz-ref img{height:110px}
.arc-card-video.sz-ref{width:168px}
/* Mobile — smaller cards */
@media(max-width:767px){
  .arc-card-foto.sz-hero{width:120px}
  .arc-card-foto.sz-hero img{height:80px}
  .arc-card-foto.sz-std.arc-landscape{width:105px}
  .arc-card-foto.sz-std.arc-landscape img{height:68px}
  .arc-card-foto.sz-std.arc-portrait{width:76px}
  .arc-card-foto.sz-ref{width:68px}
  .arc-card-foto.sz-ref img{height:52px}
  .arc-card-video.sz-hero{width:136px}
  .arc-card-video.sz-std.arc-landscape{width:118px}
  .arc-card-video.sz-std.arc-portrait{width:85px}
  .arc-card-video.sz-ref{width:78px}
}
/* Panel shared styles */
.arc-panel-tag{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}
.arc-panel-date{font-size:13px;letter-spacing:.12em;color:var(--ink-light);margin-bottom:1.5rem}
.arc-panel-title{font-family:'Cormorant Garamond',serif;font-size:1.65rem;font-weight:300;font-style:italic;line-height:1.2;color:var(--ink);margin-bottom:1.5rem}
.arc-panel-img{display:block;width:100%;margin-bottom:1.25rem}
.arc-panel-video{position:relative;width:100%;padding-top:56.25%;margin-bottom:1.25rem}
.arc-panel-video iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
.arc-panel-text{font-family:'EB Garamond',serif;font-size:17px;color:var(--ink-mid);line-height:1.8}
.arc-cuaderno-btn{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--ink);color:#fff;cursor:pointer;border:none;width:100%;text-align:left;transition:background .15s}
.arc-cuaderno-btn:hover{background:var(--accent)}
.arc-cuaderno-btn-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:.25rem}
.arc-cuaderno-btn-title{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-style:italic;color:#fff}
.arc-cuaderno-btn-arrow{font-size:1rem;color:rgba(255,255,255,.45);flex-shrink:0;margin-left:.75rem}
/* Sidebar (desktop) */
.arc-overlay{position:fixed;inset:0;background:rgba(17,16,16,.25);z-index:140;opacity:0;pointer-events:none;transition:opacity .3s}
.arc-overlay.show{opacity:1;pointer-events:all}
.arc-sidebar{position:fixed;top:60px;right:0;width:33.333vw;height:calc(100vh - 60px);background:var(--cream);border-left:1px solid var(--ink);transform:translateX(100%);transition:transform .38s cubic-bezier(.25,.46,.45,.94);z-index:150;display:flex;flex-direction:column}
.arc-sidebar.open{transform:translateX(0)}
.arc-sidebar-close{position:absolute;top:1rem;right:1.25rem;background:none;border:none;cursor:pointer;font-size:20px;color:var(--ink-light);line-height:1;padding:.25rem}
.arc-sidebar-close:hover{color:var(--ink)}
.arc-sidebar-inner{padding:2.25rem 2rem 2rem;flex:1;overflow-y:auto;min-height:0}
.arc-sidebar-footer{padding:1.5rem 2rem;border-top:1px solid var(--ink-faint)}
/* Mobile modal */
.arc-modal-overlay{position:fixed;inset:0;background:rgba(17,16,16,.5);z-index:155;opacity:0;pointer-events:none;transition:opacity .3s}
.arc-modal-overlay.show{opacity:1;pointer-events:all}
.arc-modal{position:fixed;bottom:0;left:0;right:0;height:82vh;background:var(--cream);border-top:2px solid var(--ink);transform:translateY(100%);transition:transform .38s cubic-bezier(.25,.46,.45,.94);z-index:160;display:flex;flex-direction:column}
.arc-modal.open{transform:translateY(0)}
.arc-modal-handle{width:36px;height:4px;background:var(--ink-faint);border-radius:2px;margin:1rem auto .5rem;flex-shrink:0}
.arc-modal-close{position:absolute;top:.75rem;right:1.25rem;background:none;border:none;cursor:pointer;font-size:20px;color:var(--ink-light);line-height:1;padding:.25rem}
.arc-modal-close:hover{color:var(--ink)}
.arc-modal-inner{padding:1.5rem 1.5rem 1rem;flex:1;overflow-y:auto;min-height:0}
.arc-modal-footer{padding:1rem 1.5rem 2.5rem;border-top:1px solid var(--ink-faint)}
@media(min-width:768px){.arc-modal,.arc-modal-overlay{display:none}}
@media(max-width:767px){.arc-sidebar,.arc-overlay{display:none}}
@media(max-width:767px){#page-archivo{cursor:default}}
@media(min-width:768px) and (max-width:1024px){.arc-sidebar{width:50vw}}