*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--bg: #0d0f0e;
--card: #121614;
--border: rgba(255,255,255,0.08);
--fg: #e8e2d9;
--muted: #8e8780;
--primary: #c9a84c;
--primary-hover: #b8963e;
--serif: 'Cormorant Garamond', Georgia, serif;
--sans: 'Inter', system-ui, sans-serif;
}
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--fg); font-family: var(--sans); font-weight: 300; line-height: 1.6; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: rgba(13,15,14,0.88); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
.nav { max-width: 1280px; margin: 0 auto; height: 76px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; flex-direction: column; }
.brand-name { font-family: var(--serif); font-size: 1.18rem; letter-spacing: .16em; text-transform: uppercase; color: var(--primary); }
.brand-sub { font-size: .56rem; letter-spacing: .24em; text-transform: uppercase; color: var(--muted); }
nav { display: flex; align-items: center; gap: 34px; }
nav a { font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; color: var(--muted); transition: color .25s; }
nav a:hover { color: var(--fg); }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 28px; border: 1px solid var(--primary); background: var(--primary); color: var(--bg); font-size: .68rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; cursor: pointer; transition: background .2s, color .2s, transform .2s; }
.btn:hover { background: var(--primary-hover); }
.btn-outline { background: transparent; color: var(--primary); }
.btn-outline:hover { background: var(--primary); color: var(--bg); }
.hero { min-height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; padding: 120px 24px 70px; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; background: linear-gradient(rgba(13,15,14,.58), rgba(13,15,14,.72)), url('src/assets/images/hero-vajolet.png') center/cover no-repeat; }
.hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 45%; background: linear-gradient(to top, var(--bg), transparent); }
.glow { position: absolute; width: 520px; height: 280px; border-radius: 50%; background: rgba(201,168,76,.08); filter: blur(65px); animation: breathe 6s ease-in-out infinite; }
.hero-content { position: relative; z-index: 2; max-width: 920px; }
.eyebrow { display: block; margin-bottom: 18px; font-size: .6rem; letter-spacing: .35em; text-transform: uppercase; color: var(--primary); }
h1, h2, h3, h4 { font-family: var(--serif); font-weight: 300; }
h1 { font-size: clamp(3rem, 8vw, 7rem); line-height: 1.05; margin-bottom: 24px; }
h1 em, .accent { color: var(--primary); font-style: italic; }
.hero p { max-width: 660px; margin: 0 auto 42px; color: var(--muted); font-size: clamp(1rem, 2vw, 1.2rem); }
.hero-actions { display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; }
.price-note { color: var(--muted); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.scroll { position: absolute; bottom: 42px; left: 50%; transform: translateX(-50%); z-index: 3; color: var(--muted); font-size: .52rem; letter-spacing: .32em; text-transform: uppercase; opacity: .6; }
section { padding: 110px 24px; }
.container { max-width: 1180px; margin: 0 auto; }
.stats { background: var(--card); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 70px 24px; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.stat { text-align: center; padding: 24px; }
.stat-icon { width: 62px; height: 62px; margin: 0 auto 20px; border: 1px solid var(--border); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary); }
.stat-icon svg { width: 26px; height: 26px; stroke: currentColor; stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.stat-value { font-family: var(--serif); font-size: 2.7rem; color: var(--fg); line-height: 1; }
.stat-label { margin: 10px 0 8px; color: var(--primary); font-size: .64rem; letter-spacing: .25em; text-transform: uppercase; }
.stat-desc { color: var(--muted); font-size: .86rem; }
.section-head { text-align: center; margin-bottom: 78px; }
.section-head h2 { font-size: clamp(2.4rem, 5vw, 4rem); margin-bottom: 20px; }
.divider { width: 48px; height: 1px; background: var(--primary); margin: 0 auto; }
.program-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 76px; align-items: center; margin-bottom: 100px; }
.program-copy h3 { color: var(--primary); font-size: 2.4rem; font-style: italic; margin-bottom: 22px; }
.program-copy p { color: var(--muted); margin-bottom: 18px; }
.image-frame { position: relative; border: 1px solid var(--border); overflow: hidden; min-height: 420px; background: rgba(255,255,255,.04); }
.image-frame img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; filter: grayscale(25%); transition: filter .5s, transform .7s; }
.image-frame:hover img { filter: grayscale(0); transform: scale(1.03); }
.image-frame::after { content: ''; position: absolute; inset: 16px; border: 1px solid rgba(201,168,76,.25); pointer-events: none; }
.two-towers { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.tower-card { background: var(--card); border: 1px solid var(--border); padding: 34px; }
.tower-card h3 { font-size: 2rem; margin-bottom: 16px; }
.tower-card p { color: var(--muted); }
.info-box { margin-top: 58px; background: var(--card); border: 1px solid var(--border); padding: clamp(32px, 5vw, 60px); }
.info-box h4 { color: var(--primary); font-size: 1.7rem; margin-bottom: 28px; }
.info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.info-grid strong { display: block; color: var(--fg); font-size: .66rem; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 8px; }
.info-grid p { color: var(--muted); font-size: .92rem; }
.contact { background: var(--card); border-top: 1px solid var(--border); }
.contact-grid { display: grid; grid-template-columns: 2fr 3fr; gap: 70px; }
.contact h2 { font-size: clamp(2.4rem, 5vw, 4rem); margin-bottom: 26px; }
.contact p { color: var(--muted); margin-bottom: 32px; }
.tariffe { background: var(--bg); border: 1px solid var(--border); padding: 28px; margin-bottom: 34px; }
.tariffe-title { color: var(--muted); font-size: .66rem; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 14px; }
.tariffe-row { display: flex; align-items: flex-end; gap: 12px; margin-bottom: 6px; color: var(--muted); }
.tariffe-row span:first-child { font-family: var(--serif); color: var(--primary); font-size: 2.3rem; line-height: 1; }
.tariffe-row.secondary span:first-child { color: var(--fg); font-size: 1.8rem; }
form { display: grid; gap: 22px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.form-row.three { grid-template-columns: repeat(3, 1fr); }
label { display: block; color: var(--muted); font-size: .62rem; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 8px; }
input, select, textarea { width: 100%; border: 1px solid var(--border); background: var(--bg); color: var(--fg); font-family: var(--sans); font-size: .92rem; padding: 0 14px; outline: none; transition: border-color .2s; }
input, select { height: 50px; }
textarea { min-height: 130px; resize: vertical; padding-top: 14px; }
input:focus, select:focus, textarea:focus { border-color: var(--primary); }
.privacy { display: flex; gap: 12px; align-items: flex-start; color: var(--muted); font-size: .78rem; }
.privacy input { width: 16px; height: 16px; margin-top: 3px; accent-color: var(--primary); }
.success { display: none; min-height: 400px; border: 1px solid rgba(201,168,76,.28); background: rgba(201,168,76,.06); align-items: center; justify-content: center; text-align: center; padding: 48px; }
.success h3 { font-size: 2rem; margin-bottom: 14px; }
.success p { max-width: 460px; margin: 0 auto 26px; }
footer { border-top: 1px solid var(--border); padding: 70px 24px 32px; background: var(--bg); }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.2fr; gap: 42px; margin-bottom: 44px; }
footer h4 { font-family: var(--sans); font-size: .66rem; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 18px; }
footer p, footer li { color: var(--muted); font-size: .9rem; list-style: none; margin-bottom: 10px; }
.copyright { border-top: 1px solid var(--border); padding-top: 24px; color: var(--muted); font-size: .78rem; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
@keyframes breathe { 0%,100% { transform: scale(1); opacity: .55; } 50% { transform: scale(1.18); opacity: .82; } }
@media (max-width: 900px) {
nav { display: none; }
.stats-grid, .program-grid, .contact-grid, .footer-grid, .info-grid, .two-towers { grid-template-columns: 1fr; }
.program-grid.reverse .image-frame { order: -1; }
.form-row, .form-row.three { grid-template-columns: 1fr; }
section { padding: 82px 20px; }
.hero { padding-top: 110px; }
}
Esperienza esclusiva
Tour Ferrate
Catinaccio 3 Giorni
Se siete alla ricerca di un'avventura indimenticabile nelle Dolomiti, vi consigliamo il percorso delle "ferrate Catinaccio" che si estende per 3 giorni. Durante questa esperienza unica, avrete l'opportunità di esplorare alcune delle vie ferrate più interessanti nel Parco Naturale dello Sciliar-Catinaccio, un autentico tesoro riconosciuto dall'UNESCO. Potrete ammirare i suggestivi tramonti sul Rosengarden, dove le pareti rocciose si illuminano, regalando uno spettacolo mozzafiato. Ogni giorno, conquisterete una vetta diversa attraverso una ferrata emozionante, per poi riposare e gustare i piatti tipici della cucina trentina nei rifugi di montagna.
Scorri
3
Impegno
Richiede buona forma fisica
2
Tecnica
Esperienza pregressa richiesta
Max4
Persone
Rapporto guida-cliente
3Giorni
Durata
Esperienza in giornata
L'itinerario
Traversata Rosengarden
L'itinerario
Il primo giorno di avventura inizia con il ritrovo alle ore 8:30 al Parcheggio seggiovia di Pera di Fassa. Da Gardeccia, attraverso il sentiero delle "Feide", affronterete la salita fino al Rifugio Roda di Vael, dove avrete l'opportunità di pranzare e ristorarvi. Successivamente, vi attenderà la breve ferrata alla Roda di Vael, che culmina a 2806 metri di altitudine. Dopo aver raggiunto il Passo del Vajolon, farete tappa al Rifugio Fronza, dove trascorrerete la notte.
Tempi e Dislivelli: 4 h salita 700 mt, discesa 500mt.
2° Giorno
Il secondo giorno prevede la scalata della famosa ferrata Santner, che conduce al suo omonimo Passo, offrendo la vista mozzafiato sulle Torri del Vajolet. Pernotterete al rifugio Re Alberto o Vajolet, situato a 2243 metri di altitudine. Durante questa tappa, affronterete un dislivello positivo di 500 metri in salita e 400-700 metri in discesa, completando un percorso di circa 6 ore.
3° Giorno
Il terzo giorno vi porterà alla valle del Vajolet, attraverso la salita al Passo Principe e la ferrata del Catinaccio d'Antermoia, che raggiunge l'altitudine di 3002 metri. Successivamente, scenderete a Gardeccia per poi fare ritorno nella splendida Val di Fassa. Durante questa giornata, affronterete un dislivello positivo di 700 metri in salita e 900 metri in discesa, con un tempo di percorrenza di circa 5 ore.
Informazioni pratiche
RitrovoParcheggio funivia Vigo di Fassa in taxi a Passo Nigra (taxi e impianti non compresi nella quota.)
PeriodoDa giugno a settembre, in base a condizioni meteo, innevamento e disponibilità.
AttrezzaturaAbbigliamento da montagna, casco, imbragatura, scarpe vibram, zaino e viveri personali.
NotePrenotazione almeno una settimana prima della partenza. Richiedere noleggio materiale se non in possesso
.