/

Costa Daurada

Spot televisiu · 2026

/

Costa Daurada

Cicloturisme · 2026

/

Alta Ribagorça

Vídeo promocional · 2026

/

Tarragona Turisme

Reel promocional · 2026

/

Turisme la Ràpita

Reel identitari · 2026

/

Arbeca

Reel inspiracional · 2026

/* ========================= FOTOGRAFIA PREMIUM pàgina 329 ========================= */ .photo-stage{ width:100% !important; height:100%; display:flex; align-items:center; justify-content:center; } .photo-album{ width:min(1180px, calc(100vw - 120px)); margin:0 auto; display:grid; grid-template-columns:minmax(0, 760px) 320px; grid-template-rows:auto 1fr; column-gap:48px; row-gap:24px; align-items:start; } .photo-main{ grid-column:1 / 2; grid-row:1 / 3; position:relative; border-radius:28px; overflow:hidden; background:#182633; box-shadow: 0 28px 70px rgba(0,0,0,0.22), 0 14px 28px rgba(0,0,0,0.12); } .photo-main img{ width:100%; display:block; aspect-ratio:4 / 5; object-fit:cover; object-position:center center; } .photo-main::after{ content:""; position:absolute; inset:0; background:linear-gradient( to bottom, rgba(34,53,69,0.06) 0%, rgba(34,53,69,0.00) 30%, rgba(34,53,69,0.10) 70%, rgba(34,53,69,0.22) 100% ); pointer-events:none; } .photo-meta{ grid-column:2 / 3; grid-row:1 / 2; align-self:end; padding-top:12px; } .photo-counter{ font-family:"Varela Round", sans-serif; font-size:13px; letter-spacing:2px; color:rgba(255,255,255,0.75); margin-bottom:18px; display:flex; align-items:center; gap:6px; } .photo-counter::before{ content:""; width:16px; height:1px; background:rgba(243,176,63,0.55); display:block; margin-right:8px; } .photo-current{ font-weight:600; color:rgba(255,255,255,0.92); } .photo-divider, .photo-total{ opacity:.55; } .photo-title{ margin:0 0 10px 0; font-family:"Arial Rounded MT"; font-size:2.2rem; line-height:1.02; color:#ffffff; } .photo-subtitle{ margin:0; font-size:1rem; line-height:1.55; color:rgba(255,255,255,0.72); max-width:280px; } .photo-stack{ grid-column:2 / 3; grid-row:2 / 3; position:relative; height:420px; margin-top:8px; } .photo-card{ position:absolute; width:100%; max-width:280px; right:0; border-radius:22px; overflow:hidden; background:#1b2a37; box-shadow: 0 18px 36px rgba(0,0,0,0.18), 0 8px 18px rgba(0,0,0,0.10); } .photo-card img{ width:100%; display:block; aspect-ratio:4 / 5; object-fit:cover; object-position:center center; } .photo-card-1{ top:0; transform:rotate(-2deg); z-index:3; } .photo-card-2{ top:52px; right:16px; opacity:.82; transform:rotate(2deg); z-index:2; } .photo-card-3{ top:104px; right:30px; opacity:.62; transform:rotate(-1.5deg); z-index:1; } body.page-id-329 .audiovisual-photos .audiovisual-slide, body.page-id-329 .audiovisual-photos .audiovisual-slide.active{ transform:none !important; transition:opacity .6s ease, visibility .6s ease !important; } @media (max-width: 980px){ .photo-album{ width:min(700px, calc(100vw - 40px)); grid-template-columns:1fr; grid-template-rows:auto auto auto; row-gap:22px; } .photo-main{ grid-column:1 / 2; grid-row:1 / 2; } .photo-meta{ grid-column:1 / 2; grid-row:2 / 3; text-align:center; padding-top:0; } .photo-subtitle{ max-width:none; } .photo-counter{ justify-content:center; } .photo-stack{ grid-column:1 / 2; grid-row:3 / 4; height:220px; max-width:340px; margin:0 auto; } .photo-card{ max-width:220px; left:50%; right:auto; transform-origin:center center; } .photo-card-1{ top:0; transform:translateX(-50%) rotate(-2deg); } .photo-card-2{ top:26px; transform:translateX(-42%) rotate(2deg); } .photo-card-3{ top:52px; transform:translateX(-34%) rotate(-1.5deg); } } @media (max-width: 768px){ .photo-album{ width:calc(100vw - 32px); row-gap:18px; } .photo-main{ border-radius:22px; } .photo-title{ font-size:1.85rem; } .photo-subtitle{ font-size:.95rem; } .photo-stack{ height:190px; } .photo-card{ max-width:190px; border-radius:18px; } }