/* nav */
nav{background:var(--r);display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px}
.nl{display:flex;align-items:center;gap:10px}
.nl img.logo-pc{height:32px;display:block}
.nl img.logo-gc{height:20px;display:block;opacity:.85}
.nl .sep{width:1px;height:24px;background:rgba(255,255,255,.3)}
.nl .gv{font-family:var(--fd);font-size:16px;color:rgba(255,255,255,.9);font-style:italic;letter-spacing:.01em}
.nm{display:flex}
.nm a{color:rgba(255,255,255,.8);font-size:12px;padding:0 12px;height:50px;display:flex;align-items:center;border-bottom:3px solid transparent;transition:all .15s}
.nm a:hover,.nm a.on{color:var(--w);border-bottom-color:rgba(255,255,255,.5)}
/* dropdown Descobreix */
.dd{position:relative;height:50px;display:flex;align-items:center}
.dd-btn{color:rgba(255,255,255,.8);font-size:12px;padding:0 12px;height:50px;display:flex;align-items:center;gap:5px;border-bottom:3px solid transparent;transition:all .15s;background:transparent;border-left:none;border-right:none;border-top:none;cursor:pointer;font-family:inherit}
.dd-btn:hover,.dd-btn.on{color:var(--w);border-bottom-color:rgba(255,255,255,.5)}
.dd-btn svg{transition:transform .2s}
.dd:hover .dd-btn svg,.dd-btn.open svg{transform:rotate(180deg)}
.dd-menu{display:none;position:absolute;top:50px;left:0;background:var(--w);border:1px solid var(--gc);border-radius:0 0 6px 6px;box-shadow:0 4px 12px rgba(0,0,0,.12);min-width:220px;z-index:100;overflow:hidden}
.dd:hover .dd-menu{display:block}
.dd-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--gc)}
.dd-item:last-child{border-bottom:none}
.dd-item:hover{background:var(--gb)}
.dd-icon{width:36px;height:36px;border-radius:4px;background-size:cover;background-position:center;flex-shrink:0}
.dd-label{font-size:13px;font-weight:600;color:var(--g)}
.dd-sub{font-size:11px;color:var(--gm)}
.nr{display:flex;align-items:center;gap:10px}
.nla{display:flex;gap:4px}
.nla a{font-size:11px;color:rgba(255,255,255,.5);padding:2px 4px;border-radius:3px}
.nla a.on{color:var(--w);background:rgba(255,255,255,.15)}
.ncta{background:var(--w);color:var(--r);font-size:12px;font-weight:600;padding:6px 14px;border-radius:4px}
/* hero */
.hero{position:relative;overflow:hidden;min-height:320px;display:flex;align-items:flex-end}
.hbg{position:absolute;inset:0;background-size:cover;background-position:center}
.hov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%)}
.hc{position:relative;z-index:1;padding:32px 32px 36px;width:100%}
.hey{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.65);margin-bottom:8px}
.hh1{font-family:var(--fd);font-size:36px;color:var(--w);font-weight:600;line-height:1.15;margin-bottom:10px;max-width:560px}
.hh1 em{font-style:italic;color:rgba(255,255,255,.9)}
.hs{font-size:14px;color:rgba(255,255,255,.7);line-height:1.6;max-width:480px;margin-bottom:22px}
.hbs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.bw{background:var(--w);color:var(--r);font-size:13px;font-weight:600;padding:9px 20px;border-radius:4px}
.bo{background:transparent;color:var(--w);font-size:13px;padding:9px 20px;border-radius:4px;border:1.5px solid rgba(255,255,255,.4)}
.hst{display:flex;gap:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}
.hsn{font-family:var(--fd);font-size:28px;color:var(--w);font-weight:600;line-height:1}
.hsn span{color:rgba(255,255,255,.55)}
.hsl{font-size:11px;color:rgba(255,255,255,.5);margin-top:3px}
/* sub-hero */
.sh{background:var(--r);padding:32px 32px 28px;background-size:cover;background-position:center;background-blend-mode:normal}
.bc{font-size:11px;color:rgba(255,255,255,.5);margin-bottom:8px}
.bc a{color:rgba(255,255,255,.5)}
.sh h1{font-family:var(--fd);font-size:30px;color:var(--w);font-weight:600;margin-bottom:7px}
.sh p{font-size:13px;color:rgba(255,255,255,.7);line-height:1.6;max-width:540px}
/* seccions */
.s{background:var(--w);padding:30px 32px}
.s.alt{background:var(--gb)}
.sl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--r);font-weight:600;margin-bottom:5px}
.st{font-family:var(--fd);font-size:24px;color:var(--g);font-weight:600;margin-bottom:3px}
/* sketchfab */
.sf-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.sf-sr{display:flex;gap:6px}
.sf-sr input{font-size:13px;padding:7px 12px;border-radius:4px;border:1px solid var(--gc);background:var(--gb);color:var(--g);width:200px}
.sf-sr input:focus{outline:2px solid var(--r);border-color:transparent}
.sb{font-size:12px;font-weight:600;padding:7px 14px;border-radius:4px;background:var(--r);color:var(--w)}
.sb2{font-size:12px;padding:7px 12px;border-radius:4px;background:var(--gb);color:var(--gm);border:1px solid var(--gc)}
.sf-tg{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px;min-height:24px;align-items:center}
.tgl{font-size:11px;color:var(--gs);margin-right:2px}
.pill{font-size:11px;padding:3px 9px;border-radius:20px;border:1px solid var(--gc);background:var(--w);color:var(--gm);cursor:pointer;transition:all .15s}
.pill:hover{border-color:var(--r);color:var(--r)}
.pill.on{background:var(--r);color:var(--w);border-color:var(--r)}
.sf-m{font-size:12px;color:var(--gs);margin-bottom:12px;min-height:16px}
.sf-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.sf-c{background:var(--w);border:1px solid var(--gc);border-radius:5px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .1s}
.sf-c:hover{border-color:var(--r);transform:translateY(-2px)}
.sf-c img{aspect-ratio:4/3}
.sf-cp{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--gb);font-size:11px;color:var(--gs)}
.sf-ci{padding:8px 10px 10px}
.sf-cn{font-size:12px;font-weight:600;color:var(--g);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.sf-ck{display:flex;flex-wrap:wrap;gap:3px}
.sf-ck span{font-size:10px;padding:2px 5px;border-radius:3px;background:var(--rl);color:var(--r)}
.sf-ld{grid-column:1/-1;text-align:center;padding:28px;font-size:13px;color:var(--gs)}
.sf-er{grid-column:1/-1;padding:18px;font-size:13px;color:var(--gs);background:var(--gb);border-radius:5px;text-align:center;line-height:1.6}
.sf-pg{display:none;justify-content:center;gap:8px;margin-top:16px;align-items:center}
.sf-pg button{font-size:12px;padding:5px 14px;border-radius:4px;background:var(--gb);border:1px solid var(--gc);color:var(--g)}
.sf-pg button:disabled{opacity:.35;cursor:default}
.sf-pg span{font-size:12px;color:var(--gs)}
.sf-em{display:none;margin-top:16px;border-radius:5px;overflow:hidden;border:1px solid var(--gc)}
.sf-eb{padding:9px 14px;background:var(--r);display:flex;align-items:center;justify-content:space-between}
.sf-et{font-size:13px;font-weight:600;color:var(--w)}
.sf-ecl{font-size:11px;padding:3px 9px;border-radius:3px;background:rgba(255,255,255,.15);color:var(--w)}
/* targetes audiència */
.ag{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.ac{background:var(--w);border:1px solid var(--gc);border-radius:5px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .1s}
.ac:hover{border-color:var(--r);transform:translateY(-2px)}
.ac-i{height:110px;background-size:cover;background-position:center}
.ac-b{padding:12px 14px 14px}
.ac-t{font-size:13px;font-weight:600;color:var(--g);margin-bottom:4px}
.ac-d{font-size:12px;color:var(--gm);line-height:1.5;margin-bottom:6px}
.ac-l{font-size:12px;color:var(--r);font-weight:600}
/* notícies */
.ng{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.nc{border:1px solid var(--gc);border-radius:5px;overflow:hidden;cursor:pointer;transition:transform .15s}
.nc:hover{transform:translateY(-2px)}
.ni{height:75px;background:var(--r);background-size:cover;background-position:center}
.nb{padding:11px 13px}
.nd{font-size:10px;color:var(--gs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.nt{font-size:13px;font-weight:600;color:var(--g);line-height:1.4}
/* contingut 2 columnes */
.tc{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.pr p{font-size:13px;color:var(--gm);line-height:1.75;margin-bottom:10px}
.pr h3{font-family:var(--fd);font-size:19px;color:var(--g);margin-bottom:10px;font-weight:600}
.tg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tc_{background:var(--gb);border:1px solid var(--gc);border-radius:5px;overflow:hidden}
.tc_ img{height:80px}
.tc_ div{padding:9px 11px 11px}
.tc_ h4{font-size:13px;font-weight:600;color:var(--g);margin-bottom:3px}
.tc_ p{font-size:12px;color:var(--gm);line-height:1.5}
.ol{list-style:none;display:flex;flex-direction:column;gap:7px}
.ol li{display:flex;gap:7px;font-size:13px;color:var(--gm);line-height:1.5;align-items:flex-start}
.od{width:6px;height:6px;border-radius:50%;background:var(--r);flex-shrink:0;margin-top:5px}
.cb{background:var(--r);border-radius:5px;padding:18px 20px;margin-top:16px;color:rgba(255,255,255,.85);font-size:13px;line-height:1.65}
.cb strong{color:var(--w);display:block;font-size:13px;margin-bottom:4px}
.cb a{color:rgba(255,255,255,.75)}
/* tabs */
.tn{display:flex;border-bottom:1px solid var(--gc);margin-bottom:18px}
.tb{font-size:13px;color:var(--gm);padding:8px 16px;border:none;background:transparent;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;transition:all .15s}
.tb.on{color:var(--r);border-bottom-color:var(--r);font-weight:600}
.rg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rc{background:var(--gb);border:1px solid var(--gc);border-radius:5px;padding:14px;cursor:pointer;transition:border-color .15s}
.rc:hover{border-color:var(--r)}
.rt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--r);font-weight:600;margin-bottom:4px}
.ri{font-size:13px;font-weight:600;color:var(--g);line-height:1.4;margin-bottom:6px}
.rl{font-size:12px;color:var(--r)}
/* educació */
.eg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.ec{background:var(--gb);border:1px solid var(--gc);border-radius:5px;overflow:hidden;cursor:pointer;transition:border-color .15s}
.ec:hover{border-color:var(--r)}
.ec img{height:100px}
.ec-b{padding:12px 14px 14px}
.ec-l{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--r);font-weight:600;margin-bottom:2px}
.ec-n{font-size:13px;font-weight:600;color:var(--g);margin-bottom:4px}
.ec-d{font-size:12px;color:var(--gm);line-height:1.5}
.al{display:flex;flex-direction:column;gap:7px}
.ai{background:var(--w);border:1px solid var(--gc);border-radius:5px;padding:10px 13px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:border-color .15s}
.ai:hover{border-color:var(--r)}
.ai img{width:56px;height:40px;flex-shrink:0;border-radius:3px}
.ai-t{font-size:13px;font-weight:600;color:var(--g)}
.ai-s{font-size:11px;color:var(--gm)}
.ai-b{margin-left:auto;font-size:10px;padding:2px 7px;border-radius:3px;background:var(--rl);color:var(--r);flex-shrink:0;font-weight:600}
/* creació */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sc{background:var(--gb);border:1px solid var(--gc);border-radius:5px;padding:18px}
.sn{font-family:var(--fd);font-size:40px;color:rgba(155,0,0,.12);font-weight:600;line-height:1;margin-bottom:5px}
.st_{font-size:13px;font-weight:600;color:var(--g);margin-bottom:4px}
.sd{font-size:12px;color:var(--gm);line-height:1.5}
.gg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.gi{border-radius:5px;overflow:hidden;position:relative;height:70px}
.gi img{height:70px}
.gi-l{position:absolute;bottom:0;left:0;right:0;background:rgba(155,0,0,.75);padding:3px 6px;font-size:10px;color:var(--w);font-weight:600}
.ccb{background:#f5ecd4;border:1px solid rgba(139,105,20,.25);border-radius:5px;padding:14px 16px;margin-top:14px;font-size:13px;color:var(--g);line-height:1.6}
.ccb strong{color:var(--or)}
/* participació */
.hb{background:var(--r);border-radius:5px;padding:18px 22px;text-align:center;margin-bottom:18px}
.hbt{font-family:var(--fd);font-size:24px;color:var(--w);font-weight:600;margin-bottom:3px}
.hbs_{font-size:12px;color:rgba(255,255,255,.65)}
.phg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.phc{background:var(--gb);border:1px solid var(--gc);border-radius:5px;overflow:hidden;position:relative}
.phc img{height:90px}
.phc-b{padding:14px 16px 16px}
.phn{font-family:var(--fd);font-size:32px;color:var(--r);font-weight:600;margin-bottom:4px;line-height:1}
.pht{font-size:13px;font-weight:600;color:var(--g);margin-bottom:3px}
.phd{font-size:12px;color:var(--gm);line-height:1.5}
.ug{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}
.ui{border-radius:5px;overflow:hidden;height:62px;cursor:pointer;position:relative;transition:opacity .15s}
.ui:hover{opacity:.85}
.ui img{height:62px}
.ui-n{position:absolute;top:3px;right:3px;font-size:8px;background:var(--r);color:var(--w);padding:1px 4px;border-radius:2px;font-weight:600}
/* equipaments */
.mp{background:var(--gb);border:1px solid var(--gc);border-radius:5px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin-bottom:14px;position:relative;overflow:hidden}
.mp::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 16px,rgba(0,0,0,.04) 16px,rgba(0,0,0,.04) 17px),repeating-linear-gradient(90deg,transparent,transparent 16px,rgba(0,0,0,.04) 16px,rgba(0,0,0,.04) 17px)}
.mp-l{font-size:13px;color:var(--gm);font-weight:600;position:relative}
.mp-s{font-size:11px;color:var(--gs);position:relative}
.el{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ei{background:var(--gb);border:1px solid var(--gc);border-radius:5px;padding:9px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:border-color .15s}
.ei:hover{border-color:var(--r)}
.ed{width:7px;height:7px;border-radius:50%;background:var(--r);flex-shrink:0}
.en{font-size:13px;font-weight:600;color:var(--g)}
.et{font-size:11px;color:var(--gm)}
.em{margin-left:auto;font-size:11px;color:var(--r);font-weight:600}
/* actualitat */
.nf{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:16px}
.nm_{border-radius:5px;padding:22px;color:var(--w);background-size:cover;background-position:center;background-blend-mode:multiply}
.nm_ .nd{color:rgba(255,255,255,.6);margin-bottom:7px}
.nm_ h3{font-family:var(--fd);font-size:19px;font-weight:600;margin-bottom:7px;line-height:1.3}
.nm_ p{font-size:13px;color:rgba(255,255,255,.7);line-height:1.6}
.ns{display:flex;flex-direction:column;gap:8px}
.nsi{background:var(--gb);border:1px solid var(--gc);border-radius:5px;padding:11px 13px;cursor:pointer;transition:border-color .15s}
.nsi:hover{border-color:var(--r)}
.nsi h4{font-size:13px;font-weight:600;color:var(--g);line-height:1.4}
.fb_{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}
/* comunicació */
.pk{background:var(--r);border-radius:5px;padding:18px 22px;display:flex;gap:14px;align-items:center;margin-bottom:18px}
.pk-i{font-size:32px;flex-shrink:0}
.pk h3{font-size:14px;font-weight:600;color:var(--w);margin-bottom:3px}
.pk p{font-size:12px;color:rgba(255,255,255,.75);line-height:1.5}
.pk button{margin-top:9px;background:var(--w);color:var(--r);font-size:12px;font-weight:600;padding:6px 14px;border-radius:4px}
.mg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.mc{background:var(--gb);border:1px solid var(--gc);border-radius:5px;padding:13px}
.mty{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--gs);margin-bottom:4px}
.mti{font-size:13px;font-weight:600;color:var(--g);margin-bottom:2px;line-height:1.4}
.ms{font-size:11px;color:var(--r)}
.rg2{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.rc2{background:var(--gb);border:1px solid var(--gc);border-radius:5px;padding:14px 10px;text-align:center;cursor:pointer;transition:border-color .15s,transform .1s}
.rc2:hover{border-color:var(--r);transform:translateY(-2px)}
.rc2-i{display:flex;justify-content:center;margin-bottom:8px}
.rc2-n{font-size:12px;font-weight:600;color:var(--g)}
.rc2-h{font-size:11px;color:var(--gm)}
/* footer */
footer{background:#1a1a1a;padding:20px 32px;display:flex;align-items:flex-start;}
.fl{font-family:var(--fd);font-size:13px;color:rgba(255,255,255,.35);font-style:italic}
.fli{display:flex;gap:12px}
.fli a{font-size:11px;color:rgba(255,255,255,.25)}
.fs{display:flex;gap:10px}
.fs a{font-size:11px;color:rgba(255,255,255,.3)}
/* interior img */
.ii{width:100%;height:160px;border-radius:5px;margin-bottom:16px}
El patrimoni cultural català en 3D, a l'abast de tothom
Explora, aprèn i crea amb models tridimensionals de monuments, peces i espais patrimonials de tot Catalunya.
Giravolt és el programa de digitalització 3D del patrimoni cultural català, impulsat pel Departament de Cultura de la Generalitat de Catalunya. Promou l'escaneig 3D com a eina transversal que cobreix tota la cadena de valor: de la conservació a la divulgació.
A Catalunya ja s'han creat més de 100 models 3D de monuments, jaciments i peces museístiques, accessibles a tothom de forma gratuïta.
