@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&family=IM+Fell+English:ital@0;1&display=swap');
#gv-arch{--gold:#d8b25a;--gold2:#f1d98f;position:relative;padding:70px 24px 90px;color:#e8d9b5;font-family:"IM Fell English","Palatino Linotype",Georgia,serif;background:radial-gradient(ellipse at 50% 0,#3a1620,#1a0e16 70%);box-sizing:border-box;overflow:hidden}
#gv-arch *{box-sizing:border-box}
#gv-arch .w{max-width:1100px;margin:0 auto}
#gv-arch .hd{text-align:center;margin-bottom:56px}
#gv-arch .hd small{font-family:"IM Fell English SC",serif;letter-spacing:.35em;color:var(--gold);font-size:.95rem;text-transform:uppercase}
#gv-arch h1{font-family:"IM Fell English SC",serif;font-weight:400;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:.14em;margin:12px 0;color:var(--gold2);text-shadow:0 0 24px #d8b25a55;text-transform:uppercase}
#gv-arch .orn{color:var(--gold);letter-spacing:.8em;opacity:.8;font-size:1rem}
#gv-arch .hd p{max-width:62ch;margin:22px auto 0;font-size:1.2rem;line-height:1.75;font-style:italic;color:#d9c79c}
#gv-arch .gr{display:grid;grid-template-columns:repeat(6,1fr);gap:54px 40px;justify-items:center}
#gv-arch .bk{grid-column:span 2}
#gv-arch .bk{width:100%;max-width:300px}
#gv-arch .bk:last-child:nth-child(3n+1){grid-column:3/span 2}
#gv-arch .bk:last-child:nth-child(3n+2){grid-column:4/span 2}
#gv-arch .bk:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}
#gv-arch .cv{position:relative;aspect-ratio:3/4;transition:transform .35s,filter .35s;filter:drop-shadow(0 16px 18px #000a)}
#gv-arch .cv img{display:block;width:100%;height:100%;border-radius:4px 8px 8px 4px}
#gv-arch .pl{position:absolute;left:19%;width:67%;top:73.4%;height:16%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px 8px;line-height:1.15}
#gv-arch .pl b{font-family:"IM Fell English SC",serif;font-weight:400;color:var(--gold2);font-size:clamp(.9rem,1.5vw,1.12rem);letter-spacing:.06em;text-shadow:0 1px 2px #000}
#gv-arch .pl i{margin-top:5px;font-size:.78rem;color:#cdb47a;letter-spacing:.05em}
#gv-arch a.lk{display:block;color:inherit;text-decoration:none;outline:none}
#gv-arch .has-link .cv{cursor:pointer}
#gv-arch .has-link:hover .cv,#gv-arch .has-link a:focus-visible .cv{transform:translateY(-10px) rotate(-1deg);filter:drop-shadow(0 22px 22px #000b) drop-shadow(0 0 16px #d8b25a66)}
#gv-arch .has-link .cv:after{content:"Abrir archivo";position:absolute;left:0;right:0;bottom:-34px;text-align:center;font-family:"IM Fell English SC",serif;letter-spacing:.25em;font-size:.85rem;color:var(--gold2);opacity:0;transition:opacity .3s;text-transform:uppercase}
#gv-arch .has-link:hover .cv:after,#gv-arch .has-link a:focus-visible .cv:after{opacity:1}
#gv-arch .rv{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}
#gv-arch .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){#gv-arch .rv{opacity:1;transform:none;transition:none}}
@media(max-width:860px){#gv-arch .gr{grid-template-columns:repeat(2,1fr);gap:46px 24px}#gv-arch .bk,#gv-arch .bk:last-child:nth-child(3n+1),#gv-arch .bk:last-child:nth-child(3n+2),#gv-arch .bk:nth-last-child(2):nth-child(3n+1){grid-column:auto}#gv-arch .bk:last-child:nth-child(2n+1){grid-column:1/-1;width:calc(50% - 12px)}}
@media(max-width:520px){#gv-arch{padding:50px 16px 70px}#gv-arch .gr{gap:40px 14px}#gv-arch .pl b{font-size:.68rem;letter-spacing:.02em}#gv-arch .pl i{display:none}}
